@declarion/react 0.66.1 → 0.81.0

package/dist-lib/components/detail-layout/ChildrenCards.js

@@ -9,14 +9,7 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/detail-layout/ChildrenCards.tsx
 function l({ config: l, parentEntity: u, parentId: d, schema: f }) {
 	let p = f.entities[l.entity], m = r(), h = r("errors"), { data: g, isLoading: _, isError: v } = i(u, d, l.entity, l.foreign_key, l.sort, l.limit), y = g?.data ?? [], b = g?.$refs, x = l.columns, S = l.cards, C = S?.header_field ?? x[0], w = S?.badge_field, T = S?.columns_count ?? 3;
-	if (!p) return /* @__PURE__ */ s("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: h("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
+	if (!p) return null;
 	let E = {
 		display: "grid",
 		gridTemplateColumns: `repeat(auto-fill, minmax(${T >= 4 ? 180 : 240}px, 1fr))`,

package/dist-lib/components/detail-layout/ChildrenList.js

@@ -8,14 +8,7 @@ import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/detail-layout/ChildrenList.tsx
 function c({ config: c, parentEntity: l, parentId: u, schema: d }) {
 	let f = d.entities[c.entity], p = n(), m = n("errors"), { data: h, isLoading: g, isError: _ } = r(l, u, c.entity, c.foreign_key, c.sort, c.limit), v = h?.data ?? [], y = h?.$refs, b = c.columns;
-	if (!f) return /* @__PURE__ */ o("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: m("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
+	if (!f) return null;
 	let x = /* @__PURE__ */ o(a, {
 		config: c,
 		parentEntity: l,

package/dist-lib/components/detail-layout/ChildrenTable.js

@@ -45,14 +45,7 @@ function w({ config: w, parentEntity: T, parentId: E, schema: D }) {
 		D.screens,
 		O
 	]);
-	if (!A) return /* @__PURE__ */ S("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: k("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
+	if (!A) return null;
 	let Y = /* @__PURE__ */ S(g, {
 		config: w,
 		parentEntity: T,

package/dist-lib/components/detail-layout/ChildrenTimeline.js

@@ -85,14 +85,7 @@ function L({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		d
 	]);
 	let [J, Y] = C(null);
-	if (!s) return /* @__PURE__ */ D("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: o("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
+	if (!s) return null;
 	let X = e.quick_add?.fields ?? [h?.content_field].filter(Boolean), Z = i(s.display?.name_plural) || i(s.display?.name) || e.entity, Q = f ? /* @__PURE__ */ D("div", {
 		style: {
 			display: "flex",

package/dist-lib/components/detail-layout/DetailAuditStrip.js

@@ -1,40 +1,44 @@
 import { useText as e } from "../../hooks/useText.js";
-import { renderSchemaField as t } from "../file-widgets/host.js";
-import { AuditMetaStrip as n } from "../chrome/AuditMetaStrip.js";
-import { jsx as r } from "react/jsx-runtime";
+import { RecordIdBadge as t } from "../primitives/RecordIdBadge.js";
+import { renderSchemaField as n } from "../file-widgets/host.js";
+import { AuditMetaStrip as r } from "../chrome/AuditMetaStrip.js";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/detail-layout/DetailAuditStrip.tsx
-function i({ screen: i, entity: a, entityCode: o, record: s, refs: c, schema: l }) {
-	let u = e(), d = i.audit;
-	if (d?.enabled === !1) return null;
-	let f = (e) => {
-		if (!e || !a.fields.get(e)) return;
-		let n = s[e];
-		if (n != null && n !== "") return t({
-			entity: a,
-			entityCode: o,
+function a({ screen: a, entity: o, entityCode: s, record: c, recordId: l, refs: u, schema: d }) {
+	let f = e(), p = a.audit, m = l ? [{
+		label: f("record.audit.id", "ID"),
+		by: /* @__PURE__ */ i(t, { value: l })
+	}] : [];
+	if (p?.enabled === !1) return /* @__PURE__ */ i(r, { lines: m });
+	let h = (e) => {
+		if (!e || !o.fields.get(e)) return;
+		let t = c[e];
+		if (t != null && t !== "") return n({
+			entity: o,
+			entityCode: s,
 			fieldName: e,
-			record: s,
+			record: c,
 			mode: "display",
-			refs: c,
-			entities: l.entities,
-			screens: l.screens,
+			refs: u,
+			entities: d.entities,
+			screens: d.screens,
 			surface: "list",
-			t: u
+			t: f
 		});
-	}, p = d?.lines && d.lines.length > 0 ? d.lines.map((e) => ({
-		label: u(e.label),
-		at: f(e.at),
-		by: f(e.by)
+	}, g = p?.lines && p.lines.length > 0 ? p.lines.map((e) => ({
+		label: f(e.label),
+		at: h(e.at),
+		by: h(e.by)
 	})) : [{
-		label: u("record.audit.created", "Created"),
-		at: f("created_at"),
-		by: f("created_by")
+		label: f("record.audit.created", "Created"),
+		at: h("created_at"),
+		by: h("created_by")
 	}, {
-		label: u("record.audit.updated", "Updated"),
-		at: f("updated_at"),
-		by: f("updated_by")
+		label: f("record.audit.updated", "Updated"),
+		at: h("updated_at"),
+		by: h("updated_by")
 	}];
-	return /* @__PURE__ */ r(n, { lines: p });
+	return /* @__PURE__ */ i(r, { lines: [...m, ...g] });
 }
 //#endregion
-export { i as DetailAuditStrip };
+export { a as DetailAuditStrip };

package/dist-lib/components/detail-layout/DetailHighlights.js

@@ -6,7 +6,10 @@ import { copyableValue as a } from "./FieldRow.js";
 import { HighlightsStrip as o } from "../chrome/HighlightsStrip.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/detail-layout/DetailHighlights.tsx
-function u({ screen: u, entity: d, entityCode: f, record: p, refs: m, objectStatuses: h, schema: g }) {
+function u(e, t) {
+	return new Set((e.highlights ?? []).filter((e) => t.fields.get(e) || t.files?.get(e)));
+}
+function d({ screen: u, entity: d, entityCode: f, record: p, refs: m, objectStatuses: h, schema: g }) {
 	let _ = t(), v = u.highlights;
 	if (!v || v.length === 0) return null;
 	let y = [];
@@ -15,6 +18,7 @@ function u({ screen: u, entity: d, entityCode: f, record: p, refs: m, objectStat
 		if (o) {
 			let n = h?.find((e) => e.group_code === t), r = n ? o.statuses.find((e) => e.code === n.status_code) : void 0;
 			y.push({
+				code: t,
 				label: _(o.name),
 				value: r ? /* @__PURE__ */ c(e, {
 					tone: r.color ?? "slate",
@@ -39,6 +43,7 @@ function u({ screen: u, entity: d, entityCode: f, record: p, refs: m, objectStat
 				t: _
 			}), o = a(d.fields.get(t), p[t]);
 			y.push({
+				code: t,
 				label: i(_, d, t, g.entities),
 				value: o ? /* @__PURE__ */ l(s, { children: [e, /* @__PURE__ */ c(n, {
 					value: o,
@@ -51,4 +56,4 @@ function u({ screen: u, entity: d, entityCode: f, record: p, refs: m, objectStat
 	return y.length === 0 ? null : /* @__PURE__ */ c(o, { items: y });
 }
 //#endregion
-export { u as DetailHighlights };
+export { d as DetailHighlights, u as highlightedFieldCodes };

package/dist-lib/components/detail-layout/FieldsBlock.js

@@ -6,12 +6,12 @@ import { ActionButton as s } from "../actions/ActionButton.js";
 import { FieldRow as c, FieldsGrid as l, SPAN_FIELD_TYPES as u, copyableValue as d } from "./FieldRow.js";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/detail-layout/FieldsBlock.tsx
-function h({ fields: h, ctx: g }) {
-	let _ = e(), { entity: v, entityCode: y, record: b, mode: x, onFieldChange: S, schema: C } = g, w = g.columns ?? 2, T = g.hideEmptyFields && x === "display" ? h.filter((e) => o(v, b, e.code)) : h, E = w === 1 && h.length === 1;
+function h({ fields: o, ctx: h }) {
+	let _ = e(), { entity: v, entityCode: y, record: b, mode: x, onFieldChange: S, schema: C } = h, w = h.columns ?? 2, T = o.filter((e) => g(h, e.code)), E = w === 1 && o.length === 1;
 	return T.length === 0 ? null : /* @__PURE__ */ p(l, {
 		columns: w,
 		children: T.map((e) => {
-			let o = e.code, l = `${y ?? "field"}-${o}`, h = `${l}-label`, w = v.fields.get(o), T = !!(w?.auto || w?.readonly || w?.source), D = r(v, o), O = D?.read === "denied", k = D?.write === "denied", A = x === "display" ? O : k || O, j = T || x === "edit" && k ? "display" : x, M = A ? /* @__PURE__ */ p(t, {
+			let o = e.code, l = `${y ?? "field"}-${o}`, g = `${l}-label`, w = v.fields.get(o), T = !!(w?.auto || w?.readonly || w?.source), D = r(v, o), O = D?.read === "denied", k = D?.write === "denied", A = x === "display" ? O : k || O, j = T || x === "edit" && k ? "display" : x, M = A ? /* @__PURE__ */ p(t, {
 				tier: D.classification,
 				tierDef: n(C, v, o),
 				requiredPermission: D?.required_permission,
@@ -23,12 +23,12 @@ function h({ fields: h, ctx: g }) {
 				record: b,
 				mode: j,
 				onChange: S && !T ? (e) => S(o, e) : void 0,
-				refs: g.refs,
+				refs: h.refs,
 				entities: C?.entities,
 				screens: C?.screens,
 				t: _,
 				fieldId: l,
-				labelId: h,
+				labelId: g,
 				structure: e.structure,
 				detailScreen: e.detail_screen
 			});
@@ -41,7 +41,7 @@ function h({ fields: h, ctx: g }) {
 				variant: "ghost",
 				size: "icon"
 			}, t)) }) : void 0, P = !!w && u.has(w.type), F = j === "display" ? d(w, b?.[o]) : void 0, I = _(w?.display?.description);
-			return E && (P || e.structure) ? /* @__PURE__ */ m("div", {
+			return E && (P || e.structure || v.files?.get(o)) ? /* @__PURE__ */ m("div", {
 				style: { gridColumn: "1 / -1" },
 				children: [M, j === "edit" && I && /* @__PURE__ */ p("div", {
 					style: {
@@ -56,12 +56,12 @@ function h({ fields: h, ctx: g }) {
 				"data-testid": `field-${o}`,
 				label: a(_, v, o, C.entities),
 				htmlFor: j === "edit" ? l : void 0,
-				labelId: h,
+				labelId: g,
 				labelTitle: I || void 0,
 				required: w?.required ?? !1,
 				mode: j,
 				span: P,
-				error: g.fieldErrors?.[o],
+				error: h.fieldErrors?.[o],
 				hint: j === "edit" && I ? I : void 0,
 				actions: N,
 				copyValue: F,
@@ -70,5 +70,8 @@ function h({ fields: h, ctx: g }) {
 		})
 	});
 }
+function g(e, t) {
+	return e.mode === "display" ? e.headerFields?.has(t) ? !1 : !e.hideEmptyFields || o(e.entity, e.record, t) : !0;
+}
 //#endregion
-export { h as FieldsBlock };
+export { h as FieldsBlock, g as displaysField };

package/dist-lib/components/detail-layout/LayoutRenderer.js

@@ -1,10 +1,10 @@
 import { LayoutRow as e } from "./LayoutRow.js";
 import { LayoutColumn as t } from "./LayoutColumn.js";
-import { LayoutTabs as n } from "./LayoutTabs.js";
-import { SectionBlock as r } from "./SectionBlock.js";
-import { ChildrenBlock as i } from "./ChildrenBlock.js";
-import { AssociatedBlock as a } from "./AssociatedBlock.js";
-import { FieldsBlock as o } from "./FieldsBlock.js";
+import { FieldsBlock as n } from "./FieldsBlock.js";
+import { LayoutTabs as r } from "./LayoutTabs.js";
+import { SectionBlock as i } from "./SectionBlock.js";
+import { ChildrenBlock as a } from "./ChildrenBlock.js";
+import { AssociatedBlock as o } from "./AssociatedBlock.js";
 import { PropertiesBlock as s } from "./PropertiesBlock.js";
 import { StatusesBlock as c } from "./StatusesBlock.js";
 import { WidgetHost as l } from "./widgets/WidgetHost.js";
@@ -24,19 +24,19 @@ function p({ node: u, ctx: f }) {
 		config: u.column,
 		node: u,
 		ctx: f
-	}) : u.tabs ? /* @__PURE__ */ d(n, {
+	}) : u.tabs ? /* @__PURE__ */ d(r, {
 		config: u.tabs,
 		ctx: f
-	}) : u.section ? /* @__PURE__ */ d(r, {
+	}) : u.section ? /* @__PURE__ */ d(i, {
 		config: u.section,
 		ctx: f
-	}) : u.children ? /* @__PURE__ */ d(i, {
+	}) : u.children ? /* @__PURE__ */ d(a, {
 		node: u,
 		ctx: f
-	}) : u.associated ? /* @__PURE__ */ d(a, {
+	}) : u.associated ? /* @__PURE__ */ d(o, {
 		node: u,
 		ctx: f
-	}) : u.fields ? /* @__PURE__ */ d(o, {
+	}) : u.fields ? /* @__PURE__ */ d(n, {
 		fields: u.fields,
 		ctx: f
 	}) : u.properties == null ? u.statuses == null ? u.widget ? /* @__PURE__ */ d(l, {

package/dist-lib/components/detail-layout/LayoutTabs.js

@@ -2,24 +2,25 @@ import { useText as e } from "../../hooks/useText.js";
 import { useResponsiveMode as t } from "../../hooks/useResponsiveMode.js";
 import { DynamicIcon as n } from "../shared/DynamicIcon.js";
 import { resolveBlockIcon as r, resolveBlockLabel as i } from "./blockMeta.js";
-import { LayoutNodeRenderer as a } from "./LayoutRenderer.js";
-import { useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { layoutNodeShows as a } from "./visibility.js";
+import { LayoutNodeRenderer as o } from "./LayoutRenderer.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/detail-layout/LayoutTabs.tsx
-function l({ config: l, ctx: u }) {
-	let d = e(), { items: f } = l, [p, m] = o(0), h = t(), g = u.detailTabsPresentation ?? (h.isPhone ? "sections" : "scroll");
-	if (f.length === 0) return null;
-	if (g === "sections") {
-		let e = f.map((e, t) => `detail-tab-section-${t}`);
-		return /* @__PURE__ */ c("div", {
+function u({ config: u, ctx: d }) {
+	let f = e(), p = u.items.filter((e) => a(e, d)), [m, h] = s(0), g = t(), _ = d.detailTabsPresentation ?? (g.isPhone ? "sections" : "scroll");
+	if (p.length === 0) return null;
+	if (_ === "sections") {
+		let e = p.map((e, t) => `detail-tab-section-${t}`);
+		return /* @__PURE__ */ l("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 10,
 				minWidth: 0
 			},
-			children: [f.length > 1 && /* @__PURE__ */ s("nav", {
-				"aria-label": d("record.tabs.sections", "Detail sections"),
+			children: [p.length > 1 && /* @__PURE__ */ c("nav", {
+				"aria-label": f("record.tabs.sections", "Detail sections"),
 				style: {
 					display: "flex",
 					gap: 6,
@@ -27,9 +28,9 @@ function l({ config: l, ctx: u }) {
 					padding: "0 2px 2px",
 					WebkitOverflowScrolling: "touch"
 				},
-				children: f.map((t, a) => {
-					let o = i(t, u, d), l = r(t, u);
-					return /* @__PURE__ */ c("button", {
+				children: p.map((t, a) => {
+					let o = i(t, d, f), s = r(t, d);
+					return /* @__PURE__ */ l("button", {
 						type: "button",
 						onClick: () => document.getElementById(e[a])?.scrollIntoView({
 							block: "start",
@@ -51,10 +52,10 @@ function l({ config: l, ctx: u }) {
 							whiteSpace: "nowrap",
 							cursor: "pointer"
 						},
-						children: [l && /* @__PURE__ */ s(n, {
-							name: l,
+						children: [s && /* @__PURE__ */ c(n, {
+							name: s,
 							size: 13
-						}), /* @__PURE__ */ s("span", {
+						}), /* @__PURE__ */ c("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis"
@@ -63,10 +64,10 @@ function l({ config: l, ctx: u }) {
 						})]
 					}, a);
 				})
-			}), f.map((t, o) => {
-				let l = i(t, u, d), f = r(t, u);
-				return /* @__PURE__ */ c("section", {
-					id: e[o],
+			}), p.map((t, a) => {
+				let s = i(t, d, f), u = r(t, d);
+				return /* @__PURE__ */ l("section", {
+					id: e[a],
 					style: {
 						background: "var(--surface)",
 						border: "1px solid var(--border)",
@@ -76,7 +77,7 @@ function l({ config: l, ctx: u }) {
 						minWidth: 0,
 						scrollMarginTop: 12
 					},
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -87,31 +88,31 @@ function l({ config: l, ctx: u }) {
 							fontSize: 13,
 							fontWeight: 700
 						},
-						children: [f && /* @__PURE__ */ s(n, {
-							name: f,
+						children: [u && /* @__PURE__ */ c(n, {
+							name: u,
 							size: 14
-						}), /* @__PURE__ */ s("span", {
+						}), /* @__PURE__ */ c("span", {
 							style: { overflowWrap: "anywhere" },
-							children: l
+							children: s
 						})]
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ c("div", {
 						style: {
 							padding: 14,
 							minWidth: 0
 						},
-						children: /* @__PURE__ */ s(a, {
+						children: /* @__PURE__ */ c(o, {
 							node: t,
 							ctx: {
-								...u,
+								...d,
 								withinCard: !0
 							}
 						})
 					})]
-				}, o);
+				}, a);
 			})]
 		});
 	}
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		style: {
 			background: "var(--surface)",
 			border: "1px solid var(--border)",
@@ -120,7 +121,7 @@ function l({ config: l, ctx: u }) {
 			boxShadow: "var(--shadow-xs)",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ c("div", {
 			role: "tablist",
 			style: {
 				display: "flex",
@@ -130,13 +131,13 @@ function l({ config: l, ctx: u }) {
 				padding: "6px 10px 0 10px",
 				overflowX: "auto"
 			},
-			children: f.map((e, t) => {
-				let a = i(e, u, d), o = r(e, u), l = t === p;
-				return /* @__PURE__ */ c("button", {
+			children: p.map((e, t) => {
+				let a = i(e, d, f), o = r(e, d), s = t === m;
+				return /* @__PURE__ */ l("button", {
 					role: "tab",
-					"aria-selected": l,
+					"aria-selected": s,
 					onClick: (e) => {
-						e.stopPropagation(), m(t);
+						e.stopPropagation(), h(t);
 					},
 					style: {
 						position: "relative",
@@ -150,23 +151,23 @@ function l({ config: l, ctx: u }) {
 						fontSize: 12.5,
 						fontWeight: 500,
 						fontFamily: "inherit",
-						color: l ? "var(--text)" : "var(--text-3)",
+						color: s ? "var(--text)" : "var(--text-3)",
 						whiteSpace: "nowrap",
 						transition: "color .12s"
 					},
 					onMouseEnter: (e) => {
-						l || (e.currentTarget.style.color = "var(--text-2)");
+						s || (e.currentTarget.style.color = "var(--text-2)");
 					},
 					onMouseLeave: (e) => {
-						l || (e.currentTarget.style.color = "var(--text-3)");
+						s || (e.currentTarget.style.color = "var(--text-3)");
 					},
 					children: [
-						o && /* @__PURE__ */ s(n, {
+						o && /* @__PURE__ */ c(n, {
 							name: o,
 							size: 13
 						}),
 						a,
-						l && /* @__PURE__ */ s("span", { style: {
+						s && /* @__PURE__ */ c("span", { style: {
 							position: "absolute",
 							left: 4,
 							right: 4,
@@ -178,18 +179,18 @@ function l({ config: l, ctx: u }) {
 					]
 				}, t);
 			})
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ c("div", {
 			role: "tabpanel",
 			style: { padding: 14 },
-			children: /* @__PURE__ */ s(a, {
-				node: f[p],
+			children: /* @__PURE__ */ c(o, {
+				node: p[m],
 				ctx: {
-					...u,
+					...d,
 					withinCard: !0
 				}
-			}, p)
+			}, m)
 		})]
 	});
 }
 //#endregion
-export { l as LayoutTabs };
+export { u as LayoutTabs };

package/dist-lib/components/detail-layout/SectionBlock.js

@@ -1,48 +1,40 @@
 import { useText as e } from "../../hooks/useText.js";
 import { SectionCard as t } from "../primitives/SectionCard.js";
 import { DynamicIcon as n } from "../shared/DynamicIcon.js";
-import { schemaFieldHasValue as r } from "../file-widgets/host.js";
-import { LayoutRenderer as i } from "./LayoutRenderer.js";
-import { jsx as a } from "react/jsx-runtime";
+import { sectionContext as r, sectionShows as i } from "./visibility.js";
+import { LayoutRenderer as a } from "./LayoutRenderer.js";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/components/detail-layout/SectionBlock.tsx
-function o({ config: r, ctx: o }) {
-	let c = e(), { name: l, items: u, collapsed: d = !1, columns: f, icon: p, badge: m, emphasis: h } = r, g = r.hide_empty_fields === !0 && o.mode === "display";
-	if (g && !s(u, o)) return null;
-	let _ = {
-		...o,
-		withinCard: !0,
-		...f ? { columns: f } : null,
-		...g ? { hideEmptyFields: g } : null
-	}, v = p ? /* @__PURE__ */ a(n, {
+function s({ config: s, ctx: c }) {
+	let l = e(), { name: u, items: d, collapsed: f = !1, icon: p, badge: m, emphasis: h } = s, g = r(s, c);
+	if (!i(s, g)) return null;
+	let _ = p ? /* @__PURE__ */ o(n, {
 		name: p,
 		size: 14
-	}) : void 0, y = m ? {
-		text: c(m.text),
+	}) : void 0, v = m ? {
+		text: l(m.text),
 		tone: m.tone,
 		dot: m.dot
 	} : void 0;
-	return /* @__PURE__ */ a(t, {
-		title: c(l),
-		defaultOpen: !d,
-		icon: v,
-		badge: y,
+	return /* @__PURE__ */ o(t, {
+		title: l(u),
+		defaultOpen: !f,
+		icon: _,
+		badge: v,
 		emphasis: h,
-		headingLevel: o.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ a("div", {
+		headingLevel: c.withinCard ? 3 : 2,
+		children: /* @__PURE__ */ o("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 12
 			},
-			children: /* @__PURE__ */ a(i, {
-				nodes: u,
-				ctx: _
+			children: /* @__PURE__ */ o(a, {
+				nodes: d,
+				ctx: g
 			})
 		})
 	});
 }
-function s(e, t) {
-	return e.some((e) => !e.fields || e.fields.some((e) => r(t.entity, t.record, e.code)));
-}
 //#endregion
-export { o as SectionBlock };
+export { s as SectionBlock };

package/dist-lib/components/detail-layout/visibility.js

@@ -0,0 +1,28 @@
+import { findChildRelation as e } from "../../lib/child-config.js";
+import { displaysField as t } from "./FieldsBlock.js";
+//#region src/components/detail-layout/visibility.ts
+function n(a, o) {
+	if (a.children) {
+		let t = e(o.entity, a.children);
+		return !t || !!o.schema.entities[t.entity];
+	}
+	if (a.associated) return !!o.schema.entities[a.associated];
+	if (a.fields) return a.fields.some((e) => t(o, e.code));
+	if (a.section) return i(a.section, r(a.section, o));
+	let s = a.row ?? a.column ?? a.tabs;
+	return !s || s.items.some((e) => n(e, o));
+}
+function r(e, t) {
+	let n = e.hide_empty_fields === !0 && t.mode === "display";
+	return {
+		...t,
+		withinCard: !0,
+		...e.columns ? { columns: e.columns } : null,
+		...n ? { hideEmptyFields: n } : null
+	};
+}
+function i(e, t) {
+	return e.items.length === 0 || e.items.some((e) => n(e, t));
+}
+//#endregion
+export { n as layoutNodeShows, r as sectionContext, i as sectionShows };