@sit-onyx/mdc 0.1.0-dev-20260407073908 → 0.1.0-dev-20260407091048

package/README.md

@@ -7,3 +7,9 @@
 # @sit-onyx/mdc
 
 Wrapper for the [@nuxtjs/mdc](https://github.com/nuxt-content/mdc) package using the onyx design system created by [Schwarz IT](https://it.schwarz).
+
+<br />
+
+## Documentation
+
+You can find our documentation [here](https://storybook.onyx.schwarz/?path=/docs/documentation-markdownrenderer--docs).

package/dist/components/OnyxMarkdownRenderer/OnyxMarkdownRenderer.d.vue.ts

@@ -19,7 +19,11 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxMarkdownRendererProps, {
     parserResult: import('vue', { with: { "resolution-mode": "import" } }).Ref<MDCParserResult | undefined, MDCParserResult | undefined>;
-}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxMarkdownRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+    resolve: () => any;
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxMarkdownRendererProps> & Readonly<{
+    onResolve?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/index.js

@@ -1,5 +1,5 @@
-import { Suspense as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineAsyncComponent as ee, defineComponent as c, inject as l, mergeProps as u, normalizeClass as d, openBlock as f, provide as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as te, useId as v, useTemplateRef as y, watch as ne, withCtx as b } from "vue";
-import { OnyxAccordion as re, OnyxAccordionItem as ie, OnyxCodeTab as ae, OnyxCodeTabs as oe, OnyxHeadline as x, OnyxLink as S, OnyxSeparator as C, OnyxTable as w, injectI18n as T, isInternalLink as E, useDensity as D } from "sit-onyx";
+import { Suspense as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineAsyncComponent as ee, defineComponent as c, inject as l, mergeProps as u, nextTick as te, normalizeClass as d, openBlock as f, provide as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as ne, useId as v, useTemplateRef as y, watch as re, withCtx as b } from "vue";
+import { OnyxAccordion as x, OnyxAccordionItem as ie, OnyxCodeTab as ae, OnyxCodeTabs as oe, OnyxHeadline as S, OnyxLink as C, OnyxSeparator as w, OnyxTable as T, injectI18n as E, isInternalLink as D, useDensity as se } from "sit-onyx";
 //#endregion
 //#region src/components/prose/ProseA.vue
 var O = /* @__PURE__ */ c({
@@ -10,7 +10,7 @@ var O = /* @__PURE__ */ c({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(S), u(t, { target: _(E)(t.href) ? t.target : "_blank" }), {
+		return (e, n) => (f(), r(_(C), u(t, { target: _(D)(t.href) ? t.target : "_blank" }), {
 			default: b(() => [h(e.$slots, "default")]),
 			_: 3
 		}, 16, ["target"]));
@@ -19,28 +19,28 @@ var O = /* @__PURE__ */ c({
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, se = {}, ce = { "aria-hidden": "true" };
+}, ce = {}, le = { "aria-hidden": "true" };
 function A(e, t) {
-	return f(), a("br", ce);
+	return f(), a("br", le);
 }
-var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]]), le = { class: "onyx-text--small" }, M = /* @__PURE__ */ k(/* @__PURE__ */ c({
+var j = /* @__PURE__ */ k(ce, [["render", A], ["__scopeId", "data-v-d52859e7"]]), ue = { class: "onyx-text--small" }, M = /* @__PURE__ */ k(/* @__PURE__ */ c({
 	__name: "ProseCode",
 	setup(e) {
-		return (e, t) => (f(), a("code", le, [h(e.$slots, "default", {}, void 0, !0)]));
+		return (e, t) => (f(), a("code", ue, [h(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-3d53c5e9"]]), N = Symbol(), P = Symbol(), ue = { class: "header" }, F = { class: "header__placeholder" }, I = {
+}), [["__scopeId", "data-v-3d53c5e9"]]), N = Symbol(), P = Symbol(), de = { class: "header" }, F = { class: "header__placeholder" }, I = {
 	ref: "header",
 	class: "header__content"
 }, L = /* @__PURE__ */ k(/* @__PURE__ */ c({
 	__name: "ProseDetails",
 	setup(e) {
-		let { t } = T(), n = v();
-		return p(P, { headerRef: y("header") }), (e, i) => (f(), r(_(re), {
+		let { t } = E(), n = v();
+		return p(P, { headerRef: y("header") }), (e, i) => (f(), r(_(x), {
 			class: "accordion",
 			type: "card"
 		}, {
 			default: b(() => [s(_(ie), { value: _(n) }, {
-				header: b(() => [o("div", ue, [o("span", F, g(_(t)("accordion.toggle")), 1), o("span", I, null, 512)])]),
+				header: b(() => [o("div", de, [o("span", F, g(_(t)("accordion.toggle")), 1), o("span", I, null, 512)])]),
 				default: b(() => [h(e.$slots, "default", {}, void 0, !0)]),
 				_: 3
 			}, 8, ["value"])]),
@@ -52,7 +52,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	props: { id: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(x), {
+		return (e, n) => (f(), r(_(S), {
 			is: "h1",
 			hash: t.id
 		}, {
@@ -65,7 +65,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	props: { id: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(x), {
+		return (e, n) => (f(), r(_(S), {
 			is: "h2",
 			hash: t.id
 		}, {
@@ -78,7 +78,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	props: { id: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(x), {
+		return (e, n) => (f(), r(_(S), {
 			is: "h3",
 			hash: t.id
 		}, {
@@ -91,7 +91,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	props: { id: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(x), {
+		return (e, n) => (f(), r(_(S), {
 			is: "h4",
 			hash: t.id
 		}, {
@@ -104,7 +104,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	props: { id: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(x), {
+		return (e, n) => (f(), r(_(S), {
 			is: "h5",
 			hash: t.id
 		}, {
@@ -117,7 +117,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	props: { id: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (f(), r(_(x), {
+		return (e, n) => (f(), r(_(S), {
 			is: "h6",
 			hash: t.id
 		}, {
@@ -128,7 +128,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 }), [["__scopeId", "data-v-e10c9588"]]), W = /* @__PURE__ */ k(/* @__PURE__ */ c({
 	__name: "ProseHr",
 	setup(e) {
-		return (e, t) => (f(), r(_(C), { class: "separator" }));
+		return (e, t) => (f(), r(_(w), { class: "separator" }));
 	}
 }), [["__scopeId", "data-v-88aee9af"]]), G = /* @__PURE__ */ k(/* @__PURE__ */ c({
 	__name: "ProseOl",
@@ -187,7 +187,7 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 		return p(N, {
 			headRef: y("head"),
 			bodyRef: y("body")
-		}), (e, t) => (f(), r(_(w), {
+		}), (e, t) => (f(), r(_(T), {
 			class: "table",
 			striped: "",
 			"with-vertical-borders": ""
@@ -220,27 +220,28 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	setup(e) {
 		return (e, t) => (f(), a("ul", null, [h(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-17a11577"]]), de = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-17a11577"]]), fe = /* @__PURE__ */ c({
 	__name: "OnyxMarkdownRenderer",
 	props: {
 		density: {},
 		markdown: {},
 		options: {}
 	},
-	setup(t, { expose: n }) {
-		let a = t, { densityClass: o } = D(a), s = m(!1), c = m(), l = async () => {
+	emits: ["resolve"],
+	setup(t, { expose: n, emit: a }) {
+		let o = t, s = a, { densityClass: c } = se(o), l = m(!1), d = m(), p = async () => {
 			let { parseMarkdown: e } = await import("./runtime-BpOoakXC.js");
 			return e;
-		}, d = ee(() => import("./MDCRenderer-DZNu39aU.js"));
-		ne(() => a.markdown, async () => {
-			s.value = !0;
+		}, g = ee(() => import("./MDCRenderer-DZNu39aU.js"));
+		re(() => o.markdown, async () => {
+			l.value = !0;
 			try {
-				c.value = await (await l())(a.markdown, a.options);
+				d.value = await (await p())(o.markdown, o.options);
 			} finally {
-				s.value = !1;
+				l.value = !1;
 			}
 		}, { immediate: !0 });
-		let p = {
+		let v = {
 			a: O,
 			br: j,
 			code: M,
@@ -260,18 +261,20 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 			thead: Q,
 			tbody: Z,
 			ul: $
-		}, g = te();
-		return n({ parserResult: c }), (t, n) => (f(), r(e, null, {
+		}, y = ne(), x = async () => {
+			await te(), s("resolve");
+		};
+		return n({ parserResult: d }), (t, n) => (f(), r(e, { onResolve: x }, {
 			fallback: b(() => [h(t.$slots, "loading")]),
-			default: b(() => [s.value ? h(t.$slots, "loading", { key: 0 }) : c.value ? (f(), r(_(d), u({ key: 1 }, _(g), {
+			default: b(() => [l.value ? h(t.$slots, "loading", { key: 0 }) : d.value ? (f(), r(_(g), u({ key: 1 }, _(y), {
 				class: [
 					"onyx-component",
 					"onyx-markdown-renderer",
-					_(o)
+					_(c)
 				],
-				body: c.value.body,
-				data: c.value.data,
-				components: p
+				body: d.value.body,
+				data: d.value.data,
+				components: v
 			}), null, 16, [
 				"class",
 				"body",
@@ -282,4 +285,4 @@ var j = /* @__PURE__ */ k(se, [["render", A], ["__scopeId", "data-v-d52859e7"]])
 	}
 });
 //#endregion
-export { de as OnyxMarkdownRenderer, O as ProseA, j as ProseBr, M as ProseCode, L as ProseDetails, R as ProseH1, z as ProseH2, B as ProseH3, V as ProseH4, H as ProseH5, U as ProseH6, W as ProseHr, G as ProseOl, K as ProseP, J as ProsePre, Y as ProseSummary, X as ProseTable, Z as ProseTbody, Q as ProseThead, $ as ProseUl };
+export { fe as OnyxMarkdownRenderer, O as ProseA, j as ProseBr, M as ProseCode, L as ProseDetails, R as ProseH1, z as ProseH2, B as ProseH3, V as ProseH4, H as ProseH5, U as ProseH6, W as ProseHr, G as ProseOl, K as ProseP, J as ProsePre, Y as ProseSummary, X as ProseTable, Z as ProseTbody, Q as ProseThead, $ as ProseUl };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/mdc",
   "description": "Wrapper for the @nuxtjs/mdc package using the onyx design system created by Schwarz IT",
-  "version": "0.1.0-dev-20260407073908",
+  "version": "0.1.0-dev-20260407091048",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -32,7 +32,7 @@
   "peerDependencies": {
     "@nuxtjs/mdc": ">= 0.20.2",
     "vue": ">= 3.5.0",
-    "sit-onyx": "^1.12.0-dev-20260407073908"
+    "sit-onyx": "^1.12.0-dev-20260407091048"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.1",
@@ -42,7 +42,7 @@
     "@vue/compiler-dom": "3.5.31",
     "@sit-onyx/playwright-utils": "^1.2.1",
     "@sit-onyx/shared": "^0.1.0",
-    "sit-onyx": "^1.12.0-dev-20260407073908"
+    "sit-onyx": "^1.12.0-dev-20260407091048"
   },
   "scripts": {
     "build": "vite build",