@pgcorp/ui-kit 0.13.0 → 0.14.0

package/dist/src/components/shared/data-display/_internal/SRichBlockNode.vue.js

@@ -1,8 +1,8 @@
-import "../../../../../assets/src/components/shared/data-display/_internal/SRichBlockNode.css_vue_type_style_index_0_src_195d5c06_scoped_195d5c06_lang.css";
+import "../../../../../assets/src/components/shared/data-display/_internal/SRichBlockNode.css_vue_type_style_index_0_src_eaae882d_scoped_eaae882d_lang.css";
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SRichBlockNode.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                            */
 //#region src/components/shared/data-display/_internal/SRichBlockNode.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-195d5c06"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-eaae882d"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/data-display/_internal/SRichBlockNode.vue_vue_type_script_setup_true_lang.js

@@ -3,37 +3,22 @@ import t from "../../controls/SButton.vue.js";
 import n from "../SMessage.vue.js";
 import r from "../../containers/SPanel.vue.js";
 import i from "../../controls/SCheckbox.vue.js";
-import a from "../STable.vue.js";
-import o from "./SRichDisclosure.vue.js";
-import s from "./SRichInlineNode.vue.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, normalizeClass as _, openBlock as v, renderList as y, resolveComponent as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
+import { useRichDocumentNavigation as a } from "./richDocumentNavigation.js";
+import { richMetadataBindings as o } from "./richDocumentMetadata.js";
+import s from "./SRichDisclosure.vue.js";
+import c from "./SRichImage.vue.js";
+import l from "./SRichInlineNode.vue.js";
+import u from "./SRichTableNode.vue.js";
+import { richContentHasInteractiveOwners as d } from "./richDocumentTraversal.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createVNode as y, defineAsyncComponent as b, defineComponent as x, mergeProps as S, normalizeProps as C, openBlock as w, renderList as T, resolveComponent as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, withCtx as A } from "vue";
 //#region src/components/shared/data-display/_internal/SRichBlockNode.vue?vue&type=script&setup=true&lang.ts
-var T = {
-	key: 0,
-	class: "s-rich-document__paragraph"
-}, E = { class: "s-rich-document__list-item-content" }, D = {
-	key: 3,
-	class: "s-rich-document__quote"
-}, O = ["id", "aria-label"], k = {
-	key: 6,
-	class: "s-rich-document__divider"
-}, A = {
-	key: 7,
-	class: "s-rich-document__figure"
-}, j = [
-	"src",
-	"alt",
-	"title"
-], M = {
+var j = ["value"], M = { class: "s-rich-document__list-item-content" }, N = ["aria-label"], P = {
 	key: 0,
 	class: "s-rich-document__caption"
-}, N = {
-	key: 8,
-	class: "s-rich-document__resource"
-}, P = {
+}, F = {
 	key: 0,
 	class: "s-rich-document__resource-description"
-}, F = { class: "s-rich-document__callout-content" }, I = ["aria-label"], L = /*@__PURE__*/ g({
+}, I = { class: "s-rich-document__callout-content" }, L = ["aria-label"], R = /*@__PURE__*/ x({
 	inheritAttrs: !1,
 	__name: "SRichBlockNode",
 	props: {
@@ -48,161 +33,172 @@ var T = {
 		"resource-activate",
 		"action"
 	],
-	setup(g, { emit: L }) {
-		let R = g, z = L, { t: B } = e(), V = h(() => import("../SCodeBlock.vue.js")), H = h(() => import("./SRichMath.vue.js")), U = l(() => R.node.type === "table" ? Object.freeze(R.node.columns.map((e, t) => Object.freeze({
-			field: e.id,
-			header: e.header,
-			headerPresentation: e.headerPresentation,
-			align: e.align,
-			content: "value",
-			value: (e) => e.cells[t]
-		}))) : []);
-		function W(e) {
-			return e.type === "list" && e.children.some((e) => e.checked !== void 0);
-		}
-		function G(e) {
-			return `${R.footnoteScope}-footnote-${e}`;
-		}
-		function K(e) {
-			return e.id;
-		}
+	setup(x, { emit: R }) {
+		let z = x, B = R, { t: V } = e(), H = a(), U = b(() => import("../SCodeBlock.vue.js")), W = b(() => import("./SRichMath.vue.js")), G = p(() => o(z.node, H)), K = p(() => z.node.type === "footnoteDefinition" ? o(z.node, H, {
+			kind: "footnote",
+			identity: z.node.id
+		}) : {});
 		function q(e) {
-			if (R.node.type !== "table") throw Error("SRichBlockNode: table column outside table node.");
-			let t = R.node.columns.findIndex((t) => t.id === e);
-			if (t < 0) throw Error(`SRichBlockNode: unknown table column ${JSON.stringify(e)}.`);
-			return t;
+			return o(e, H);
 		}
 		function J(e) {
-			if (R.node.type !== "table") throw Error("SRichBlockNode: table row outside table node.");
-			let t = R.node.rows.findIndex((t) => t.id === e.id);
-			if (t < 0) throw Error(`SRichBlockNode: unknown table row ${JSON.stringify(e.id)}.`);
-			return t;
-		}
-		function Y(e, t) {
-			let n = e.cells[q(t)];
-			if (!n) throw Error(`SRichBlockNode: missing table cell for ${JSON.stringify(t)}.`);
-			return n;
-		}
-		function X(e) {
-			let t = R.resources.find((t) => t.id === e);
-			if (t?.kind !== "image") throw Error(`SRichBlockNode: image resource ${JSON.stringify(e)} is unavailable.`);
-			return t;
+			return e.type === "list" && e.children.some((e) => e.checked !== void 0);
 		}
-		function Z(e) {
-			z("resource-activate", Object.freeze({
-				documentId: R.documentId,
-				path: R.path,
+		function Y(e) {
+			B("resource-activate", Object.freeze({
+				documentId: z.documentId,
+				path: z.path,
 				resourceId: e
 			}));
 		}
-		function Q(e) {
-			z("action", Object.freeze({
-				documentId: R.documentId,
-				path: R.path,
+		function X(e) {
+			B("action", Object.freeze({
+				documentId: z.documentId,
+				path: z.path,
 				actionId: e
 			}));
 		}
-		function $(e) {
+		function Z(e) {
 			return e === "information" || e === "neutral" ? "info" : e === "warning" ? "warn" : e;
 		}
-		function ee(e) {
+		function Q(e) {
 			return e === "danger" ? "danger" : e === "secondary" ? "secondary" : "primary";
 		}
-		return (e, l) => {
-			let h = b("SRichBlockNode", !0);
-			return g.node.type === "paragraph" ? (v(), f("p", T, [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(s, {
+		return (e, a) => {
+			let o = E("SRichBlockNode", !0);
+			return x.node.type === "paragraph" ? (w(), g("p", S({ key: 0 }, G.value, { class: "s-rich-document__paragraph" }), [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(l, {
 				key: t,
 				node: e,
-				"document-id": g.documentId,
-				"footnote-scope": g.footnoteScope,
-				path: `${g.path}.children[${t}]`,
-				onLinkActivate: l[0] ||= (e) => z("link-activate", e)
+				resources: x.resources,
+				"document-id": x.documentId,
+				"footnote-scope": x.footnoteScope,
+				path: `${x.path}.children[${t}]`,
+				onLinkActivate: a[0] ||= (e) => B("link-activate", e)
 			}, null, 8, [
 				"node",
+				"resources",
 				"document-id",
 				"footnote-scope",
 				"path"
-			]))), 128))])) : g.node.type === "heading" ? (v(), u(x(`h${g.node.level}`), {
-				key: 1,
-				class: "s-rich-document__heading"
-			}, {
-				default: w(() => [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(s, {
+			]))), 128))], 16)) : x.node.type === "heading" ? (w(), m(D(`h${x.node.level}`), S({ key: 1 }, G.value, { class: ["s-rich-document__heading", { "s-rich-document__heading--assistive": x.node.presentation === "assistive" }] }), {
+				default: A(() => [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(l, {
 					key: t,
 					node: e,
-					"document-id": g.documentId,
-					"footnote-scope": g.footnoteScope,
-					path: `${g.path}.children[${t}]`,
-					onLinkActivate: l[1] ||= (e) => z("link-activate", e)
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.children[${t}]`,
+					onLinkActivate: a[1] ||= (e) => B("link-activate", e)
 				}, null, 8, [
 					"node",
+					"resources",
 					"document-id",
 					"footnote-scope",
 					"path"
 				]))), 128))]),
 				_: 1
-			})) : g.node.type === "list" ? (v(), u(x(g.node.ordered ? "ol" : "ul"), {
-				key: 2,
+			}, 16, ["class"])) : x.node.type === "list" ? (w(), m(D(x.node.ordered ? "ol" : "ul"), S({ key: 2 }, G.value, {
 				class: "s-rich-document__list",
-				"data-task-list": W(g.node) || void 0,
-				start: g.node.ordered ? g.node.start : void 0
-			}, {
-				default: w(() => [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), f("li", {
-					key: t,
-					class: _({ "s-rich-document__task-item": e.checked !== void 0 })
-				}, [e.checked === void 0 ? d("", !0) : (v(), u(i, {
+				"data-task-list": J(x.node) || void 0,
+				start: x.node.ordered ? x.node.start : void 0
+			}), {
+				default: A(() => [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), g("li", S({ key: t }, { ref_for: !0 }, q(e), {
+					value: x.node.ordered ? e.value : void 0,
+					class: { "s-rich-document__task-item": e.checked !== void 0 }
+				}), [e.checked === void 0 ? h("", !0) : (w(), m(i, {
 					key: 0,
 					"model-value": e.checked,
 					"aria-label": e.checkboxLabel,
-					disabled: ""
-				}, null, 8, ["model-value", "aria-label"])), p("div", E, [(v(!0), f(c, null, y(e.children, (e, n) => (v(), u(h, {
+					presentation: "inline",
+					disabled: "",
+					readonly: ""
+				}, null, 8, ["model-value", "aria-label"])), _("div", M, [(w(!0), g(f, null, T(e.children, (e, n) => (w(), m(o, {
 					key: n,
 					node: e,
-					resources: g.resources,
-					"document-id": g.documentId,
-					"footnote-scope": g.footnoteScope,
-					path: `${g.path}.children[${t}].children[${n}]`,
-					onLinkActivate: l[2] ||= (e) => z("link-activate", e),
-					onResourceActivate: l[3] ||= (e) => z("resource-activate", e),
-					onAction: l[4] ||= (e) => z("action", e)
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.children[${t}].children[${n}]`,
+					onLinkActivate: a[2] ||= (e) => B("link-activate", e),
+					onResourceActivate: a[3] ||= (e) => B("resource-activate", e),
+					onAction: a[4] ||= (e) => B("action", e)
 				}, null, 8, [
 					"node",
 					"resources",
 					"document-id",
 					"footnote-scope",
 					"path"
-				]))), 128))])], 2))), 128))]),
+				]))), 128))])], 16, j))), 128))]),
 				_: 1
-			}, 8, ["data-task-list", "start"])) : g.node.type === "quote" ? (v(), f("blockquote", D, [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(h, {
-				key: t,
+			}, 16, ["data-task-list", "start"])) : x.node.type === "quote" || x.node.type === "section" || x.node.type === "blockGroup" ? (w(), m(D(x.node.type === "quote" ? "blockquote" : x.node.type === "section" ? "section" : "div"), S({ key: 3 }, G.value, {
+				class: x.node.type === "quote" ? "s-rich-document__quote" : "s-rich-document__group",
+				cite: x.node.type === "quote" ? x.node.cite : void 0
+			}), {
+				default: A(() => [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(o, {
+					key: t,
+					node: e,
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.children[${t}]`,
+					onLinkActivate: a[5] ||= (e) => B("link-activate", e),
+					onResourceActivate: a[6] ||= (e) => B("resource-activate", e),
+					onAction: a[7] ||= (e) => B("action", e)
+				}, null, 8, [
+					"node",
+					"resources",
+					"document-id",
+					"footnote-scope",
+					"path"
+				]))), 128))]),
+				_: 1
+			}, 16, ["class", "cite"])) : x.node.type === "definitionList" ? (w(), g("dl", S({ key: 4 }, G.value, { class: "s-rich-document__definitions" }), [(w(!0), g(f, null, T(x.node.entries, (e, t) => (w(), g(f, { key: t }, [(w(!0), g(f, null, T(e.terms, (e, n) => (w(), g("dt", S({ key: `term-${n}` }, { ref_for: !0 }, q(e)), [(w(!0), g(f, null, T(e.children, (e, r) => (w(), m(l, {
+				key: r,
 				node: e,
-				resources: g.resources,
-				"document-id": g.documentId,
-				"footnote-scope": g.footnoteScope,
-				path: `${g.path}.children[${t}]`,
-				onLinkActivate: l[5] ||= (e) => z("link-activate", e),
-				onResourceActivate: l[6] ||= (e) => z("resource-activate", e),
-				onAction: l[7] ||= (e) => z("action", e)
+				resources: x.resources,
+				"document-id": x.documentId,
+				"footnote-scope": x.footnoteScope,
+				path: `${x.path}.entries[${t}].terms[${n}].children[${r}]`,
+				onLinkActivate: a[8] ||= (e) => B("link-activate", e)
 			}, null, 8, [
 				"node",
 				"resources",
 				"document-id",
 				"footnote-scope",
 				"path"
-			]))), 128))])) : g.node.type === "disclosure" ? (v(), u(o, {
-				key: 4,
-				summary: g.node.summary,
-				open: g.node.open
-			}, {
-				default: w(() => [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(h, {
+			]))), 128))], 16))), 128)), (w(!0), g(f, null, T(e.descriptions, (e, n) => (w(), g("dd", S({ key: `description-${n}` }, { ref_for: !0 }, q(e)), [(w(!0), g(f, null, T(e.children, (e, r) => (w(), m(o, {
+				key: r,
+				node: e,
+				resources: x.resources,
+				"document-id": x.documentId,
+				"footnote-scope": x.footnoteScope,
+				path: `${x.path}.entries[${t}].descriptions[${n}].children[${r}]`,
+				onLinkActivate: a[9] ||= (e) => B("link-activate", e),
+				onResourceActivate: a[10] ||= (e) => B("resource-activate", e),
+				onAction: a[11] ||= (e) => B("action", e)
+			}, null, 8, [
+				"node",
+				"resources",
+				"document-id",
+				"footnote-scope",
+				"path"
+			]))), 128))], 16))), 128))], 64))), 128))], 16)) : x.node.type === "disclosure" ? (w(), m(s, {
+				key: 5,
+				summary: x.node.summary,
+				open: x.node.open,
+				metadata: x.node,
+				"interactive-summary": x.node.summaryChildren !== void 0 && k(d)(x.node.summaryChildren)
+			}, v({
+				default: A(() => [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(o, {
 					key: t,
 					node: e,
-					resources: g.resources,
-					"document-id": g.documentId,
-					"footnote-scope": g.footnoteScope,
-					path: `${g.path}.children[${t}]`,
-					onLinkActivate: l[8] ||= (e) => z("link-activate", e),
-					onResourceActivate: l[9] ||= (e) => z("resource-activate", e),
-					onAction: l[10] ||= (e) => z("action", e)
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.children[${t}]`,
+					onLinkActivate: a[13] ||= (e) => B("link-activate", e),
+					onResourceActivate: a[14] ||= (e) => B("resource-activate", e),
+					onAction: a[15] ||= (e) => B("action", e)
 				}, null, 8, [
 					"node",
 					"resources",
@@ -210,123 +206,151 @@ var T = {
 					"footnote-scope",
 					"path"
 				]))), 128))]),
-				_: 1
-			}, 8, ["summary", "open"])) : g.node.type === "footnoteDefinition" ? (v(), f("section", {
-				key: 5,
-				id: G(g.node.id),
+				_: 2
+			}, [x.node.summaryChildren === void 0 ? void 0 : {
+				name: "summary",
+				fn: A(() => [(w(!0), g(f, null, T(x.node.summaryChildren, (e, t) => (w(), m(l, {
+					key: t,
+					node: e,
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.summaryChildren[${t}]`,
+					onLinkActivate: a[12] ||= (e) => B("link-activate", e)
+				}, null, 8, [
+					"node",
+					"resources",
+					"document-id",
+					"footnote-scope",
+					"path"
+				]))), 128))]),
+				key: "0"
+			}]), 1032, [
+				"summary",
+				"open",
+				"metadata",
+				"interactive-summary"
+			])) : x.node.type === "footnoteDefinition" ? (w(), g("div", S({ key: 6 }, K.value, {
 				class: "s-rich-document__footnote-definition",
-				"aria-label": g.node.label
-			}, [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(h, {
+				role: "note",
+				"aria-label": x.node.accessibleLabel ?? (x.node.labelledBy === void 0 ? x.node.label : void 0)
+			}), [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(o, {
 				key: t,
 				node: e,
-				resources: g.resources,
-				"document-id": g.documentId,
-				"footnote-scope": g.footnoteScope,
-				path: `${g.path}.children[${t}]`,
-				onLinkActivate: l[11] ||= (e) => z("link-activate", e),
-				onResourceActivate: l[12] ||= (e) => z("resource-activate", e),
-				onAction: l[13] ||= (e) => z("action", e)
+				resources: x.resources,
+				"document-id": x.documentId,
+				"footnote-scope": x.footnoteScope,
+				path: `${x.path}.children[${t}]`,
+				onLinkActivate: a[16] ||= (e) => B("link-activate", e),
+				onResourceActivate: a[17] ||= (e) => B("resource-activate", e),
+				onAction: a[18] ||= (e) => B("action", e)
 			}, null, 8, [
 				"node",
 				"resources",
 				"document-id",
 				"footnote-scope",
 				"path"
-			]))), 128))], 8, O)) : g.node.type === "divider" ? (v(), f("hr", k)) : g.node.type === "image" ? (v(), f("figure", A, [p("img", {
-				class: "s-rich-document__image",
-				src: X(g.node.resourceId).url,
-				alt: X(g.node.resourceId).alt,
-				title: X(g.node.resourceId).title,
-				loading: "lazy",
-				decoding: "async"
-			}, null, 8, j), g.node.caption ? (v(), f("figcaption", M, [(v(!0), f(c, null, y(g.node.caption, (e, t) => (v(), u(s, {
+			]))), 128))], 16, N)) : x.node.type === "divider" ? (w(), g("hr", S({ key: 7 }, G.value, { class: "s-rich-document__divider" }), null, 16)) : x.node.type === "image" ? (w(), g("figure", S({ key: 8 }, G.value, { class: "s-rich-document__figure" }), [y(c, {
+				node: x.node,
+				resources: x.resources,
+				presentation: "block"
+			}, null, 8, ["node", "resources"]), x.node.caption ? (w(), g("figcaption", P, [(w(!0), g(f, null, T(x.node.caption, (e, t) => (w(), m(l, {
 				key: t,
 				node: e,
-				"document-id": g.documentId,
-				"footnote-scope": g.footnoteScope,
-				path: `${g.path}.caption[${t}]`,
-				onLinkActivate: l[14] ||= (e) => z("link-activate", e)
+				resources: x.resources,
+				"document-id": x.documentId,
+				"footnote-scope": x.footnoteScope,
+				path: `${x.path}.caption[${t}]`,
+				onLinkActivate: a[19] ||= (e) => B("link-activate", e)
 			}, null, 8, [
 				"node",
+				"resources",
 				"document-id",
 				"footnote-scope",
 				"path"
-			]))), 128))])) : d("", !0)])) : g.node.type === "resource" ? (v(), f("div", N, [m(t, {
-				label: g.node.label,
+			]))), 128))])) : h("", !0)], 16)) : x.node.type === "resource" ? (w(), g("div", S({ key: 9 }, G.value, { class: "s-rich-document__resource" }), [y(t, {
+				label: x.node.label,
 				severity: "secondary",
 				appearance: "soft",
 				size: "sm",
-				onClick: l[15] ||= (e) => Z(g.node.resourceId)
-			}, null, 8, ["label"]), g.node.description ? (v(), f("span", P, S(g.node.description), 1)) : d("", !0)])) : g.node.type === "codeBlock" ? (v(), u(C(V), {
-				key: 9,
-				code: g.node.code,
+				onClick: a[20] ||= (e) => Y(x.node.resourceId)
+			}, null, 8, ["label"]), x.node.description ? (w(), g("span", F, O(x.node.description), 1)) : h("", !0)], 16)) : x.node.type === "codeBlock" ? (w(), g("div", C(S({ key: 10 }, G.value)), [y(k(U), {
+				code: x.node.code,
 				language: {
 					mode: "explicit",
-					id: g.node.language ?? "text"
+					id: x.node.language ?? "text"
 				},
 				presentation: "highlighted",
-				"show-header": g.node.language !== void 0 || g.node.label !== void 0,
-				"show-line-numbers": g.node.showLineNumbers ?? !0,
+				"show-header": x.node.language !== void 0 || x.node.label !== void 0,
+				"show-line-numbers": x.node.showLineNumbers ?? !0,
 				"read-only": "",
 				viewport: "document",
-				ariaLabel: g.node.label ?? C(B)("editor.codeBlock")
+				ariaLabel: x.node.label ?? k(V)("editor.codeBlock")
 			}, null, 8, [
 				"code",
 				"language",
 				"show-header",
 				"show-line-numbers",
 				"ariaLabel"
-			])) : g.node.type === "mathBlock" ? (v(), u(C(H), {
-				key: 10,
-				source: g.node.source,
-				label: g.node.label,
+			])], 16)) : x.node.type === "mathBlock" ? (w(), g("div", C(S({ key: 11 }, G.value)), [y(k(W), {
+				source: x.node.source,
+				label: x.node.label,
 				display: "block"
-			}, null, 8, ["source", "label"])) : g.node.type === "table" ? (v(), u(a, {
-				key: 11,
-				columns: U.value,
-				data: g.node.rows,
-				"get-row-key": K,
-				"aria-label": g.node.label,
-				surface: "plain",
-				density: "compact",
-				"min-width": "content"
+			}, null, 8, ["source", "label"])], 16)) : x.node.type === "table" || x.node.type === "semanticTable" ? (w(), m(u, {
+				key: 12,
+				node: x.node,
+				path: x.path
 			}, {
-				cell: w(({ row: e, column: t }) => [(v(!0), f(c, null, y(Y(e, t.field).children, (n, r) => (v(), u(s, {
-					key: r,
-					node: n,
-					"document-id": g.documentId,
-					"footnote-scope": g.footnoteScope,
-					path: `${g.path}.rows[${J(e)}].cells[${q(t.field)}].children[${r}]`,
-					onLinkActivate: l[16] ||= (e) => z("link-activate", e)
+				content: A(({ entry: e, path: t }) => [e.content === "inline" ? (w(!0), g(f, { key: 0 }, T(e.children, (e, n) => (w(), m(l, {
+					key: n,
+					node: e,
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${t}[${n}]`,
+					onLinkActivate: a[21] ||= (e) => B("link-activate", e)
+				}, null, 8, [
+					"node",
+					"resources",
+					"document-id",
+					"footnote-scope",
+					"path"
+				]))), 128)) : (w(!0), g(f, { key: 1 }, T(e.children, (e, n) => (w(), m(o, {
+					key: n,
+					node: e,
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${t}[${n}]`,
+					onLinkActivate: a[22] ||= (e) => B("link-activate", e),
+					onResourceActivate: a[23] ||= (e) => B("resource-activate", e),
+					onAction: a[24] ||= (e) => B("action", e)
 				}, null, 8, [
 					"node",
+					"resources",
 					"document-id",
 					"footnote-scope",
 					"path"
 				]))), 128))]),
 				_: 1
-			}, 8, [
-				"columns",
-				"data",
-				"aria-label"
-			])) : g.node.type === "callout" && g.node.tone === "neutral" ? (v(), u(r, {
-				key: 12,
-				title: g.node.title,
+			}, 8, ["node", "path"])) : x.node.type === "callout" ? (w(), g("div", C(S({ key: 13 }, G.value)), [x.node.tone === "neutral" ? (w(), m(r, {
+				key: 0,
+				title: x.node.title,
 				"heading-level": 3,
 				"surface-tone": "subtle",
 				"content-layout": "stack",
 				"content-gap": "content"
 			}, {
-				default: w(() => [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(h, {
+				default: A(() => [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(o, {
 					key: t,
 					node: e,
-					resources: g.resources,
-					"document-id": g.documentId,
-					"footnote-scope": g.footnoteScope,
-					path: `${g.path}.children[${t}]`,
-					onLinkActivate: l[17] ||= (e) => z("link-activate", e),
-					onResourceActivate: l[18] ||= (e) => z("resource-activate", e),
-					onAction: l[19] ||= (e) => z("action", e)
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.children[${t}]`,
+					onLinkActivate: a[25] ||= (e) => B("link-activate", e),
+					onResourceActivate: a[26] ||= (e) => B("resource-activate", e),
+					onAction: a[27] ||= (e) => B("action", e)
 				}, null, 8, [
 					"node",
 					"resources",
@@ -335,22 +359,22 @@ var T = {
 					"path"
 				]))), 128))]),
 				_: 1
-			}, 8, ["title"])) : g.node.type === "callout" ? (v(), u(n, {
-				key: 13,
-				severity: $(g.node.tone),
-				title: g.node.title,
+			}, 8, ["title"])) : (w(), m(n, {
+				key: 1,
+				severity: Z(x.node.tone),
+				title: x.node.title,
 				live: "off"
 			}, {
-				default: w(() => [p("div", F, [(v(!0), f(c, null, y(g.node.children, (e, t) => (v(), u(h, {
+				default: A(() => [_("div", I, [(w(!0), g(f, null, T(x.node.children, (e, t) => (w(), m(o, {
 					key: t,
 					node: e,
-					resources: g.resources,
-					"document-id": g.documentId,
-					"footnote-scope": g.footnoteScope,
-					path: `${g.path}.children[${t}]`,
-					onLinkActivate: l[20] ||= (e) => z("link-activate", e),
-					onResourceActivate: l[21] ||= (e) => z("resource-activate", e),
-					onAction: l[22] ||= (e) => z("action", e)
+					resources: x.resources,
+					"document-id": x.documentId,
+					"footnote-scope": x.footnoteScope,
+					path: `${x.path}.children[${t}]`,
+					onLinkActivate: a[28] ||= (e) => B("link-activate", e),
+					onResourceActivate: a[29] ||= (e) => B("resource-activate", e),
+					onAction: a[30] ||= (e) => B("action", e)
 				}, null, 8, [
 					"node",
 					"resources",
@@ -359,28 +383,26 @@ var T = {
 					"path"
 				]))), 128))])]),
 				_: 1
-			}, 8, ["severity", "title"])) : g.node.type === "actionGroup" ? (v(), f("div", {
-				key: 14,
+			}, 8, ["severity", "title"]))], 16)) : x.node.type === "actionGroup" ? (w(), g("div", S({ key: 14 }, G.value, {
 				class: "s-rich-document__actions",
 				role: "group",
-				"aria-label": g.node.label
-			}, [(v(!0), f(c, null, y(g.node.actions, (e) => (v(), u(t, {
-				key: e.id,
+				"aria-label": x.node.accessibleLabel ?? (x.node.labelledBy === void 0 ? x.node.label : void 0)
+			}), [(w(!0), g(f, null, T(x.node.actions, (e) => (w(), g("span", S({ key: e.id }, { ref_for: !0 }, q(e)), [y(t, {
 				label: e.label,
-				severity: ee(e.appearance),
+				severity: Q(e.appearance),
 				appearance: e.appearance === "primary" ? "solid" : "soft",
 				disabled: e.disabled,
 				size: "sm",
-				onClick: (t) => Q(e.id)
+				onClick: (t) => X(e.id)
 			}, null, 8, [
 				"label",
 				"severity",
 				"appearance",
 				"disabled",
 				"onClick"
-			]))), 128))], 8, I)) : d("", !0);
+			])], 16))), 128))], 16, L)) : h("", !0);
 		};
 	}
 });
 //#endregion
-export { L as default };
+export { R as default };