@pgcorp/ui-kit 0.13.0 → 0.14.0

package/dist/src/components/shared/data-display/_internal/SRichDisclosure.vue.d.ts

@@ -1,13 +1,24 @@
+import { SRichSemanticMetadata } from '../richDocument';
 type __VLS_Props = {
     summary: string;
     open?: boolean;
+    metadata?: SRichSemanticMetadata;
+    interactiveSummary?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    summary?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    summary?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     open: boolean;
+    metadata: SRichSemanticMetadata;
+    interactiveSummary: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,7 +1,12 @@
-import { useInteractiveLeafRegistration as e } from "../../../../internal/passiveContentContract.js";
-import { createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o, watchEffect as s } from "vue";
+import { useDisclosure as e } from "../../../../composables/useDisclosure.js";
+import { useInteractiveLeafRegistration as t } from "../../../../internal/passiveContentContract.js";
+import n from "../../controls/SButton.vue.js";
+import { resolveInteractiveElement as r } from "../../../../internal/interactiveElement.js";
+import { richTargetKey as i, useRichDocumentNavigation as a } from "./richDocumentNavigation.js";
+import { richMetadataBindings as o } from "./richDocumentMetadata.js";
+import { computed as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, watch as v, watchEffect as y } from "vue";
 //#region src/components/shared/data-display/_internal/SRichDisclosure.vue?vue&type=script&setup=true&lang.ts
-var c = ["open"], l = { class: "s-rich-disclosure__summary" }, u = { class: "s-rich-disclosure__content" }, d = /*@__PURE__*/ r({
+var b = ["open"], x = ["aria-label"], S = { class: "s-rich-disclosure__content" }, C = { class: "s-rich-disclosure__header" }, w = { class: "s-rich-disclosure__rich-summary" }, T = ["id", "hidden"], E = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "SRichDisclosure",
 	props: {
@@ -9,17 +14,68 @@ var c = ["open"], l = { class: "s-rich-disclosure__summary" }, u = { class: "s-r
 		open: {
 			type: Boolean,
 			default: !1
+		},
+		metadata: { default: () => ({}) },
+		interactiveSummary: {
+			type: Boolean,
+			default: !1
 		}
 	},
-	setup(r) {
-		let d = r;
-		return e({ owner: "SRichDisclosure" }), s(() => {
-			if (d.summary.trim().length === 0) throw Error("SRichDisclosure: summary должен быть непустой строкой.");
-		}), (e, s) => (i(), t("details", {
+	setup(f) {
+		let E = f;
+		t({ owner: "SRichDisclosure" });
+		let D = a(), O = s(() => o(E.metadata, D)), k = e({ defaultOpen: E.open }), A = null, j = s(() => {
+			let e = o(E.metadata, D), t = E.metadata.anchorId === void 0 ? [] : [i("anchor", E.metadata.anchorId)];
+			return {
+				...e,
+				ref: (e) => {
+					let n = r("SRichDisclosure", e);
+					A !== null && A !== n && D.registerDisclosure(A, null), A = n, n !== null && D.registerDisclosure(n, () => k.setOpen(!0)), D.registerTargets(t, e);
+				}
+			};
+		});
+		v(() => E.open, (e) => k.setOpen(e));
+		function M(e) {
+			if (!(e.currentTarget instanceof HTMLDetailsElement)) throw TypeError("SRichDisclosure: toggle должен исходить от native details owner.");
+			k.setOpen(e.currentTarget.open);
+		}
+		return y(() => {
+			if (E.summary.trim().length === 0) throw Error("SRichDisclosure: summary должен быть непустой строкой.");
+		}), (e, t) => f.interactiveSummary ? (m(), c("div", p({ key: 1 }, j.value, {
+			class: "s-rich-disclosure",
+			role: "group"
+		}), [l("div", C, [d(n, {
+			id: _(k).triggerId.value,
+			"aria-label": f.summary,
+			appearance: "ghost",
+			severity: "secondary",
+			size: "sm",
+			shape: "square",
+			"icon-only": "",
+			disclosure: {
+				expanded: _(k).isOpen.value,
+				controls: _(k).panelId.value,
+				iconPlacement: "leading"
+			},
+			onClick: _(k).toggle
+		}, null, 8, [
+			"id",
+			"aria-label",
+			"disclosure",
+			"onClick"
+		]), l("span", w, [h(e.$slots, "summary", {}, () => [u(g(f.summary), 1)], !0)])]), l("div", {
+			id: _(k).panelId.value,
+			hidden: !_(k).isOpen.value,
+			class: "s-rich-disclosure__content"
+		}, [h(e.$slots, "default", {}, void 0, !0)], 8, T)], 16)) : (m(), c("details", p({ key: 0 }, O.value, {
 			class: "s-rich-disclosure",
-			open: r.open
-		}, [n("summary", l, o(r.summary), 1), n("div", u, [a(e.$slots, "default", {}, void 0, !0)])], 8, c));
+			open: _(k).isOpen.value,
+			onToggle: M
+		}), [l("summary", {
+			class: "s-rich-disclosure__summary",
+			"aria-label": f.summary
+		}, [h(e.$slots, "summary", {}, () => [u(g(f.summary), 1)], !0)], 8, x), l("div", S, [h(e.$slots, "default", {}, void 0, !0)])], 16, b));
 	}
 });
 //#endregion
-export { d as default };
+export { E as default };

package/dist/src/components/shared/data-display/_internal/SRichImage.vue.d.ts

@@ -0,0 +1,11 @@
+import { ElementApi } from '../../../../internal/interactiveElement';
+import { SRichDocumentResource, SRichImagePresentation, SRichSemanticMetadata } from '../richDocument';
+interface Props {
+    node: SRichImagePresentation;
+    resources: readonly SRichDocumentResource[];
+    presentation: 'inline' | 'block';
+    metadata?: SRichSemanticMetadata;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, ElementApi<HTMLImageElement>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,89 @@
+import { validateExactString as e } from "../../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../../internal/ownedAttrs.js";
+import { useRichDocumentNavigation as n } from "./richDocumentNavigation.js";
+import { richMetadataBindings as r } from "./richDocumentMetadata.js";
+import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, openBlock as u, ref as d, renderList as f, unref as p } from "vue";
+//#region src/components/shared/data-display/_internal/SRichImage.vue?vue&type=script&setup=true&lang.ts
+var m = ["data-presentation"], h = ["media", "srcset"], g = ["data-presentation"], _ = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "SRichImage",
+	props: {
+		node: {},
+		resources: {},
+		presentation: {},
+		metadata: {}
+	},
+	setup(c, { expose: _ }) {
+		let v = c, y = t({
+			component: "SRichImage",
+			owner: "admitted responsive rich-document media"
+		}), b = n(), x = d(null), S = a(() => new Map(v.resources.map((e) => [e.id, e]))), C = a(() => e("SRichImage", "presentation", v.presentation, ["inline", "block"])), w = a(() => r(v.metadata ?? {}, b)), T, E = a(() => {
+			let e = w.value.ref, t = {}, n = (t) => {
+				typeof e == "function" && e(t, {});
+			};
+			return (e) => {
+				if (e !== null && !(e instanceof HTMLImageElement)) throw TypeError("SRichImage: ref must resolve to its native image.");
+				(e !== null || T?.owner === t) && (T?.release(), T = void 0, x.value = e, n(e), e !== null && (T = {
+					owner: t,
+					release: () => n(null)
+				}));
+			};
+		});
+		function D(e) {
+			let t = S.value.get(e);
+			if (t?.kind !== "image") throw Error(`SRichImage: image resource ${JSON.stringify(e)} is unavailable.`);
+			return t;
+		}
+		function O(e) {
+			return e.map((e) => {
+				let t = D(e.resourceId);
+				if (t.url.endsWith(",")) throw TypeError(`SRichImage: candidate resource ${JSON.stringify(e.resourceId)} URL cannot end with a comma.`);
+				let n = e.width === void 0 ? `${e.density}x` : `${e.width}w`;
+				return `${t.url} ${n}`;
+			}).join(", ");
+		}
+		let k = a(() => {
+			let e = D(v.node.resourceId);
+			return {
+				src: e.url,
+				alt: e.alt,
+				title: v.metadata?.title ?? e.title,
+				srcset: v.node.candidates === void 0 ? void 0 : O(v.node.candidates),
+				loading: "lazy",
+				decoding: "async"
+			};
+		}), A = a(() => v.node.pictureSources?.map((e) => ({
+			media: e.media,
+			srcset: O(e.candidates)
+		})) ?? []);
+		return _({ getElement: () => {
+			if (x.value === null) throw Error("SRichImage: native media owner is unavailable.");
+			return x.value;
+		} }), (e, t) => A.value.length > 0 ? (u(), o("picture", {
+			key: 0,
+			class: "s-rich-image",
+			"data-presentation": C.value
+		}, [(u(!0), o(i, null, f(A.value, (e, t) => (u(), o("source", {
+			key: t,
+			media: e.media,
+			srcset: e.srcset
+		}, null, 8, h))), 128)), s("img", l({
+			...w.value,
+			...k.value,
+			...p(y).bindings()
+		}, {
+			ref: E.value,
+			class: "s-rich-image__media"
+		}), null, 16)], 8, m)) : (u(), o("img", l({ key: 1 }, {
+			...w.value,
+			...k.value,
+			...p(y).bindings()
+		}, {
+			ref: E.value,
+			class: "s-rich-image s-rich-image__media",
+			"data-presentation": C.value
+		}), null, 16, g));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/src/components/shared/data-display/_internal/SRichInlineNode.vue.d.ts

@@ -1,6 +1,7 @@
-import { SRichDocumentLinkActivate, SRichInlineNode } from '../richDocument';
+import { SRichDocumentLinkActivate, SRichDocumentResource, SRichInlineNode, SRichRubyFallbackNode, SRichRubyTextNode } from '../richDocument';
 type __VLS_Props = {
-    node: SRichInlineNode;
+    node: SRichInlineNode | SRichRubyTextNode | SRichRubyFallbackNode;
+    resources: readonly SRichDocumentResource[];
     documentId: string;
     footnoteScope: string;
     path: string;

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

@@ -1,8 +1,8 @@
-import "../../../../../assets/src/components/shared/data-display/_internal/SRichInlineNode.css_vue_type_style_index_0_src_20c8cc87_scoped_20c8cc87_lang.css";
+import "../../../../../assets/src/components/shared/data-display/_internal/SRichInlineNode.css_vue_type_style_index_0_src_3ca8df12_scoped_3ca8df12_lang.css";
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SRichInlineNode.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                             */
 //#region src/components/shared/data-display/_internal/SRichInlineNode.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-20c8cc87"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-3ca8df12"]]);
 //#endregion
 export { n as default };

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

@@ -1,162 +1,216 @@
 import e from "../../controls/SLink.vue.js";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineAsyncComponent as s, defineComponent as c, openBlock as l, renderList as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m, withModifiers as h } from "vue";
+import t from "../../controls/SCheckbox.vue.js";
+import { richReferenceIdentity as n, richTargetKey as r, useRichDocumentNavigation as i } from "./richDocumentNavigation.js";
+import { richMetadataBindings as a, richMetadataOwnerBindings as o } from "./richDocumentMetadata.js";
+import s from "./SRichImage.vue.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createTextVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, mergeProps as _, normalizeProps as v, openBlock as y, renderList as b, resolveComponent as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, withCtx as T, withModifiers as E } from "vue";
 //#region src/components/shared/data-display/_internal/SRichInlineNode.vue?vue&type=script&setup=true&lang.ts
-var g = { key: 1 }, _ = { key: 2 }, v = {
-	key: 3,
-	class: "s-rich-document__deletion"
-}, y = {
-	key: 4,
-	class: "s-rich-document__keyboard"
-}, b = {
-	key: 5,
-	class: "s-rich-document__script"
-}, x = {
+var D = { key: 1 }, O = {
 	key: 6,
-	class: "s-rich-document__script"
-}, S = ["id"], C = {
-	key: 9,
-	class: "s-rich-document__inline-code"
-}, w = /*@__PURE__*/ c({
+	class: "s-rich-document__footnote-reference"
+}, k = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "SRichInlineNode",
 	props: {
 		node: {},
+		resources: {},
 		documentId: {},
 		footnoteScope: {},
 		path: {}
 	},
 	emits: ["link-activate"],
-	setup(c, { emit: w }) {
-		let T = c, E = w, D = s(() => import("./SRichMath.vue.js"));
-		function O() {
-			T.node.type === "link" && E("link-activate", Object.freeze({
-				documentId: T.documentId,
-				path: T.path,
-				href: T.node.href,
-				...T.node.title === void 0 ? {} : { title: T.node.title }
+	setup(g, { emit: k }) {
+		let A = g, j = k, M = i(), N = h(() => import("./SRichMath.vue.js")), P = l(() => {
+			if (A.node.type === "text" || A.node.type === "hardBreak") return {};
+			if (A.node.type === "anchorLink") {
+				let { title: e, lang: t, direction: n, accessibleLabel: r, labelledBy: i, describedBy: a } = A.node;
+				return {
+					title: e,
+					lang: t,
+					direction: n,
+					accessibleLabel: r,
+					labelledBy: i,
+					describedBy: a
+				};
+			}
+			return A.node;
+		}), F = l(() => a(P.value, M)), I = l(() => "children" in A.node ? A.node.children : []), L = l(() => "cite" in A.node ? A.node.cite : void 0), R = l(() => "dateTime" in A.node ? A.node.dateTime : void 0), z = l(() => {
+			switch (A.node.type) {
+				case "strong": return "strong";
+				case "attention": return "b";
+				case "idiomatic": return "i";
+				case "strikethrough": return "s";
+				case "emphasis": return "em";
+				case "deletion": return "del";
+				case "insertion": return "ins";
+				case "quotation": return "q";
+				case "sample": return "samp";
+				case "monospace":
+				case "inlineCode": return "code";
+				case "variable": return "var";
+				case "keyboard": return "kbd";
+				case "superscript": return "sup";
+				case "subscript": return "sub";
+				case "inlineGroup":
+				case "anchorTarget": return "span";
+				case "ruby": return "ruby";
+				case "rubyText": return "rt";
+				case "rubyFallback": return "rp";
+				default: return;
+			}
+		}), B = l(() => ({
+			"s-rich-document__inline-code": A.node.type === "inlineCode" || A.node.type === "monospace",
+			"s-rich-document__deletion": A.node.type === "deletion" || A.node.type === "strikethrough",
+			"s-rich-document__keyboard": A.node.type === "keyboard",
+			"s-rich-document__script": A.node.type === "superscript" || A.node.type === "subscript"
+		})), V = l(() => {
+			let e = A.node, t = o(P.value, M, e.type === "footnoteReference" ? {
+				kind: "reference",
+				identity: n(e.id, e.occurrenceId)
+			} : void 0);
+			return {
+				domId: t.domId,
+				title: t.title,
+				language: t.language,
+				direction: t.direction,
+				ariaLabelledby: t.ariaLabelledby,
+				ariaDescribedby: t.ariaDescribedby,
+				ref: t.ref
+			};
+		}), H = l(() => A.node.type === "footnoteBacklink" ? A.node.accessibleLabel ?? (A.node.labelledBy === void 0 ? A.node.label : void 0) : P.value.accessibleLabel), U = l(() => {
+			let e = A.node;
+			if (e.type === "link") return e.href;
+			if (e.type === "anchorLink") return `#${M.domId("anchor", e.anchorId)}`;
+			if (e.type === "footnoteBacklink") return `#${M.domId("reference", n(e.id, e.occurrenceId))}`;
+		});
+		async function W() {
+			let e = A.node;
+			if (e.type === "anchorLink") await M.navigate(r("anchor", e.anchorId));
+			else if (e.type === "footnoteReference") await M.navigate(r("footnote", e.id));
+			else if (e.type === "footnoteBacklink") await M.navigate(r("reference", n(e.id, e.occurrenceId)));
+			else if (e.type === "link") j("link-activate", Object.freeze({
+				documentId: A.documentId,
+				path: A.path,
+				href: e.href,
+				...e.title === void 0 ? {} : { title: e.title }
 			}));
+			else throw Error("SRichInlineNode: link activation outside a navigation node");
 		}
-		function k(e) {
-			return `${T.footnoteScope}-footnote-${e}`;
-		}
-		function A(e) {
-			return `${T.footnoteScope}-footnote-reference-${e}`;
-		}
-		return (s, w) => {
-			let T = d("SRichInlineNode", !0);
-			return c.node.type === "text" ? (l(), i(t, { key: 0 }, [a(f(c.node.value), 1)], 64)) : c.node.type === "strong" ? (l(), i("strong", g, [(l(!0), i(t, null, u(c.node.children, (e, t) => (l(), n(T, {
-				key: t,
-				node: e,
-				"document-id": c.documentId,
-				"footnote-scope": c.footnoteScope,
-				path: `${c.path}.children[${t}]`,
-				onLinkActivate: w[0] ||= (e) => E("link-activate", e)
-			}, null, 8, [
-				"node",
-				"document-id",
-				"footnote-scope",
-				"path"
-			]))), 128))])) : c.node.type === "emphasis" ? (l(), i("em", _, [(l(!0), i(t, null, u(c.node.children, (e, t) => (l(), n(T, {
-				key: t,
-				node: e,
-				"document-id": c.documentId,
-				"footnote-scope": c.footnoteScope,
-				path: `${c.path}.children[${t}]`,
-				onLinkActivate: w[1] ||= (e) => E("link-activate", e)
-			}, null, 8, [
-				"node",
-				"document-id",
-				"footnote-scope",
-				"path"
-			]))), 128))])) : c.node.type === "deletion" ? (l(), i("del", v, [(l(!0), i(t, null, u(c.node.children, (e, t) => (l(), n(T, {
-				key: t,
-				node: e,
-				"document-id": c.documentId,
-				"footnote-scope": c.footnoteScope,
-				path: `${c.path}.children[${t}]`,
-				onLinkActivate: w[2] ||= (e) => E("link-activate", e)
-			}, null, 8, [
-				"node",
-				"document-id",
-				"footnote-scope",
-				"path"
-			]))), 128))])) : c.node.type === "keyboard" ? (l(), i("kbd", y, f(c.node.value), 1)) : c.node.type === "superscript" ? (l(), i("sup", b, [(l(!0), i(t, null, u(c.node.children, (e, t) => (l(), n(T, {
-				key: t,
-				node: e,
-				"document-id": c.documentId,
-				"footnote-scope": c.footnoteScope,
-				path: `${c.path}.children[${t}]`,
-				onLinkActivate: w[3] ||= (e) => E("link-activate", e)
+		return (n, r) => {
+			let i = x("SRichInlineNode", !0);
+			return g.node.type === "text" ? (y(), f(c, { key: 0 }, [p(C(g.node.value), 1)], 64)) : g.node.type === "hardBreak" ? (y(), f("br", D)) : z.value === void 0 ? g.node.type === "inlineImage" ? (y(), u(s, {
+				key: 3,
+				node: g.node,
+				resources: g.resources,
+				metadata: g.node,
+				presentation: "inline"
 			}, null, 8, [
 				"node",
-				"document-id",
-				"footnote-scope",
-				"path"
-			]))), 128))])) : c.node.type === "subscript" ? (l(), i("sub", x, [(l(!0), i(t, null, u(c.node.children, (e, t) => (l(), n(T, {
-				key: t,
-				node: e,
-				"document-id": c.documentId,
-				"footnote-scope": c.footnoteScope,
-				path: `${c.path}.children[${t}]`,
-				onLinkActivate: w[4] ||= (e) => E("link-activate", e)
-			}, null, 8, [
-				"node",
-				"document-id",
-				"footnote-scope",
-				"path"
-			]))), 128))])) : c.node.type === "footnoteReference" ? (l(), i("sup", {
-				key: 7,
-				id: A(c.node.id),
-				class: "s-rich-document__footnote-reference"
-			}, [o(e, {
-				href: `#${k(c.node.id)}`,
-				"aria-label": c.node.label,
-				variant: "document"
-			}, {
-				default: m(() => [a(f(c.node.marker ?? c.node.id), 1)]),
-				_: 1
-			}, 8, ["href", "aria-label"])], 8, S)) : c.node.type === "footnoteBacklink" ? (l(), n(e, {
-				key: 8,
-				href: `#${A(c.node.id)}`,
-				"aria-label": c.node.label,
-				variant: "document"
+				"resources",
+				"metadata"
+			])) : g.node.type === "inlineCheckbox" ? (y(), f("span", v(_({ key: 4 }, F.value)), [m(t, {
+				"model-value": g.node.checked,
+				"aria-label": g.node.label,
+				presentation: "inline",
+				disabled: "",
+				readonly: ""
+			}, null, 8, ["model-value", "aria-label"])], 16)) : g.node.type === "mathInline" ? (y(), f("span", v(_({ key: 5 }, F.value)), [m(w(N), {
+				source: g.node.source,
+				display: "inline"
+			}, null, 8, ["source"])], 16)) : g.node.type === "footnoteReference" ? (y(), f("sup", O, [m(e, {
+				ref: V.value.ref,
+				"dom-id": V.value.domId,
+				title: V.value.title,
+				language: V.value.language,
+				direction: V.value.direction,
+				"aria-labelledby": V.value.ariaLabelledby,
+				"aria-describedby": V.value.ariaDescribedby,
+				href: `#${w(M).domId("footnote", g.node.id)}`,
+				"aria-label": g.node.accessibleLabel ?? (g.node.labelledBy === void 0 ? g.node.label : void 0),
+				variant: "document",
+				onClick: E(W, ["prevent"])
 			}, {
-				default: m(() => [a(f(c.node.marker ?? "↩"), 1)]),
+				default: T(() => [p(C(g.node.marker ?? g.node.id), 1)]),
 				_: 1
-			}, 8, ["href", "aria-label"])) : c.node.type === "inlineCode" ? (l(), i("code", C, f(c.node.code), 1)) : c.node.type === "link" ? (l(), n(e, {
-				key: 10,
-				href: c.node.href,
-				title: c.node.title,
-				active: c.node.current,
+			}, 8, [
+				"dom-id",
+				"title",
+				"language",
+				"direction",
+				"aria-labelledby",
+				"aria-describedby",
+				"href",
+				"aria-label"
+			])])) : U.value === void 0 ? d("", !0) : (y(), u(e, {
+				key: 7,
+				ref: V.value.ref,
+				"dom-id": V.value.domId,
+				title: V.value.title,
+				language: V.value.language,
+				direction: V.value.direction,
+				"aria-labelledby": V.value.ariaLabelledby,
+				"aria-describedby": V.value.ariaDescribedby,
+				href: U.value,
+				"aria-label": H.value,
+				active: g.node.type === "link" ? g.node.current : void 0,
 				variant: "document",
 				wrap: "anywhere",
-				onClick: h(O, ["prevent"])
+				onClick: E(W, ["prevent"])
 			}, {
-				default: m(() => [(l(!0), i(t, null, u(c.node.children, (e, t) => (l(), n(T, {
+				default: T(() => [g.node.type === "footnoteBacklink" ? (y(), f(c, { key: 0 }, [p(C(g.node.marker ?? "↩"), 1)], 64)) : d("", !0), (y(!0), f(c, null, b(I.value, (e, t) => (y(), u(i, {
 					key: t,
 					node: e,
-					"document-id": c.documentId,
-					"footnote-scope": c.footnoteScope,
-					path: `${c.path}.children[${t}]`,
-					onLinkActivate: w[5] ||= (e) => E("link-activate", e)
+					resources: g.resources,
+					"document-id": g.documentId,
+					"footnote-scope": g.footnoteScope,
+					path: `${g.path}.children[${t}]`,
+					onLinkActivate: r[1] ||= (e) => j("link-activate", e)
 				}, null, 8, [
 					"node",
+					"resources",
 					"document-id",
 					"footnote-scope",
 					"path"
 				]))), 128))]),
 				_: 1
 			}, 8, [
-				"href",
+				"dom-id",
 				"title",
+				"language",
+				"direction",
+				"aria-labelledby",
+				"aria-describedby",
+				"href",
+				"aria-label",
 				"active"
-			])) : c.node.type === "mathInline" ? (l(), n(p(D), {
-				key: 11,
-				source: c.node.source,
-				display: "inline"
-			}, null, 8, ["source"])) : r("", !0);
+			])) : (y(), u(S(z.value), _({ key: 2 }, F.value, {
+				class: B.value,
+				cite: L.value,
+				datetime: R.value
+			}), {
+				default: T(() => [g.node.type === "inlineCode" ? (y(), f(c, { key: 0 }, [p(C(g.node.code), 1)], 64)) : g.node.type === "keyboard" && g.node.value !== void 0 ? (y(), f(c, { key: 1 }, [p(C(g.node.value), 1)], 64)) : d("", !0), (y(!0), f(c, null, b(I.value, (e, t) => (y(), u(i, {
+					key: t,
+					node: e,
+					resources: g.resources,
+					"document-id": g.documentId,
+					"footnote-scope": g.footnoteScope,
+					path: `${g.path}.children[${t}]`,
+					onLinkActivate: r[0] ||= (e) => j("link-activate", e)
+				}, null, 8, [
+					"node",
+					"resources",
+					"document-id",
+					"footnote-scope",
+					"path"
+				]))), 128))]),
+				_: 1
+			}, 16, [
+				"class",
+				"cite",
+				"datetime"
+			]));
 		};
 	}
 });
 //#endregion
-export { w as default };
+export { k as default };

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

@@ -1,5 +1,5 @@
-import { useUiKitLocale as e } from "../../../../composables/useUiKitLocale.js";
-import { validateExactString as t, validateNonEmptyString as n } from "../../../../internal/runtimeContract.js";
+import { validateExactString as e, validateNonEmptyString as t } from "../../../../internal/runtimeContract.js";
+import { useUiKitLocale as n } from "../../../../composables/useUiKitLocale.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
 import "katex/dist/katex.min.css";
 //#region src/components/shared/data-display/_internal/SRichMath.vue?vue&type=script&setup=true&lang.ts
@@ -23,7 +23,7 @@ var v = {
 		label: { default: void 0 }
 	},
 	setup(c) {
-		let x = c, { t: S } = e(), C = f(null), w = f("loading"), T = r(() => n("SRichMath", "source", x.source)), E = r(() => t("SRichMath", "display", x.display, ["inline", "block"])), D = r(() => x.label === void 0 ? T.value : n("SRichMath", "label", x.label)), O = !1, k = 0;
+		let x = c, { t: S } = n(), C = f(null), w = f("loading"), T = r(() => t("SRichMath", "source", x.source)), E = r(() => e("SRichMath", "display", x.display, ["inline", "block"])), D = r(() => x.label === void 0 ? T.value : t("SRichMath", "label", x.label)), O = !1, k = 0;
 		async function A() {
 			if (!O) return;
 			let e = C.value;
@@ -36,7 +36,7 @@ var v = {
 				n.default.render(T.value, e, {
 					displayMode: E.value === "block",
 					output: "htmlAndMathml",
-					strict: "error",
+					strict: (e) => e === "unicodeTextInMathMode" ? "ignore" : "error",
 					throwOnError: !0,
 					trust: !1,
 					maxExpand: 1e3,