@elmethis/core 1.0.0-alpha.146 → 1.0.0-alpha.148

package/dist/components/navigation/ElmBookmark.vue2.mjs

@@ -0,0 +1,115 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, Fragment, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmImage from "../media/ElmImage.vue.mjs";
+const _hoisted_1 = ["href", "target"];
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBookmark",
+  props: {
+    hideUrl: { type: Boolean, default: false },
+    openInNewTab: { type: Boolean, default: true },
+    title: {},
+    description: { default: "No description provided" },
+    image: {},
+    url: {},
+    createdAt: {},
+    updatedAt: {},
+    onClick: {},
+    margin: {},
+    favicon: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function handleClick(event) {
+      if (props.onClick) {
+        event.preventDefault();
+        props.onClick();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.parent),
+        style: normalizeStyle({ "--margin-block": _ctx.margin })
+      }, [
+        createElementVNode("a", {
+          class: normalizeClass(_ctx.$style.bookmark),
+          href: _ctx.url,
+          target: _ctx.openInNewTab ? "_blank" : void 0,
+          rel: "noopener noreferrer",
+          onClick: handleClick
+        }, [
+          _ctx.image != null ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.image)
+          }, [
+            createVNode(ElmImage, { src: _ctx.image }, null, 8, ["src"])
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.typography)
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.title)
+            }, [
+              createVNode(ElmInlineText, {
+                text: _ctx.title ?? "No title provided",
+                bold: ""
+              }, null, 8, ["text"])
+            ], 2),
+            createElementVNode("div", null, [
+              createVNode(ElmInlineText, {
+                text: _ctx.description == null ? "No description provided" : _ctx.description.length > 100 ? _ctx.description.slice(0, 100) + "..." : _ctx.description,
+                size: ".8rem",
+                style: { opacity: 0.6 }
+              }, null, 8, ["text"])
+            ]),
+            _ctx.createdAt != null || _ctx.updatedAt != null ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.date)
+            }, [
+              _ctx.createdAt != null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createVNode(unref(Icon), {
+                  icon: "mdi:calendar-month",
+                  class: normalizeClass(_ctx.$style.icon)
+                }, null, 8, ["class"]),
+                createVNode(ElmInlineText, {
+                  text: `${_ctx.createdAt}`,
+                  size: ".8rem"
+                }, null, 8, ["text"])
+              ], 64)) : createCommentVNode("", true),
+              _ctx.updatedAt != null ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(unref(Icon), {
+                  icon: "mdi:calendar-refresh",
+                  class: normalizeClass(_ctx.$style.icon)
+                }, null, 8, ["class"]),
+                createVNode(ElmInlineText, {
+                  text: `${_ctx.updatedAt}`,
+                  size: ".8rem"
+                }, null, 8, ["text"])
+              ], 64)) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true),
+            !_ctx.hideUrl && _ctx.url != null ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(_ctx.$style.link)
+            }, [
+              _ctx.favicon ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: _ctx.favicon,
+                alt: "favicon",
+                class: normalizeClass(_ctx.$style.favicon)
+              }, null, 10, _hoisted_2)) : createCommentVNode("", true),
+              createVNode(ElmInlineText, {
+                text: `${_ctx.url}`,
+                size: ".8rem",
+                color: "#6987b8"
+              }, null, 8, ["text"])
+            ], 2)) : createCommentVNode("", true)
+          ], 2)
+        ], 10, _hoisted_1)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/navigation/ElmBookmark.vue3.mjs

@@ -0,0 +1,32 @@
+const parent = "_parent_1yb8i_1";
+const bookmark = "_bookmark_1yb8i_18";
+const image = "_image_1yb8i_35";
+const typography = "_typography_1yb8i_55";
+const title = "_title_1yb8i_65";
+const date = "_date_1yb8i_72";
+const icon = "_icon_1yb8i_80";
+const link = "_link_1yb8i_89";
+const favicon = "_favicon_1yb8i_99";
+const style0 = {
+  parent,
+  bookmark,
+  image,
+  typography,
+  title,
+  date,
+  icon,
+  link,
+  favicon
+};
+export {
+  bookmark,
+  date,
+  style0 as default,
+  favicon,
+  icon,
+  image,
+  link,
+  parent,
+  title,
+  typography
+};

package/dist/components/navigation/ElmBreadcrumb.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmBreadcrumb.vue2.mjs";
+import style0 from "./ElmBreadcrumb.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmBreadcrumb as default
+};

package/dist/components/navigation/ElmBreadcrumb.vue2.mjs

@@ -0,0 +1,63 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode, createBlock, createCommentVNode, createVNode, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import { useIntersectionObserver } from "@vueuse/core";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBreadcrumb",
+  props: {
+    links: {}
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        class: normalizeClass(_ctx.$style.container),
+        ref_key: "target",
+        ref: target,
+        style: normalizeStyle({
+          "--opacity": targetIsVisible.value ? 1 : 0
+        })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.links, (link, index) => {
+          return openBlock(), createElementBlock(Fragment, null, [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["link-container"]),
+              onClick: link.onClick
+            }, [
+              createVNode(unref(Icon), {
+                class: normalizeClass([_ctx.$style.icon, _ctx.$style.fade]),
+                icon: index === 0 ? "mdi:home" : index === _ctx.links.length - 1 ? "mdi:file-document-multiple-outline" : "mdi:folder-open-outline",
+                style: normalizeStyle({
+                  "--delay": `${index * 100}ms`
+                })
+              }, null, 8, ["class", "icon", "style"]),
+              createVNode(ElmInlineText, {
+                text: link.text,
+                class: normalizeClass(_ctx.$style.fade),
+                style: normalizeStyle({
+                  "--delay": `${index * 100 + 50}ms`
+                })
+              }, null, 8, ["text", "class", "style"])
+            ], 10, _hoisted_1),
+            _ctx.links.length !== index + 1 ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: "mdi:chevron-right",
+              class: normalizeClass([_ctx.$style.chevron, _ctx.$style.fade]),
+              style: normalizeStyle({
+                "--delay": `${index * 100 + 100}ms`
+              })
+            }, null, 8, ["class", "style"])) : createCommentVNode("", true)
+          ], 64);
+        }), 256))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/navigation/ElmBreadcrumb.vue3.mjs

@@ -0,0 +1,18 @@
+const container = "_container_941di_1";
+const icon = "_icon_941di_8";
+const chevron = "_chevron_941di_16";
+const fade = "_fade_941di_41";
+const style0 = {
+  container,
+  icon,
+  chevron,
+  "link-container": "_link-container_941di_21",
+  fade
+};
+export {
+  chevron,
+  container,
+  style0 as default,
+  fade,
+  icon
+};

package/dist/components/navigation/ElmPagetop.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmPagetop.vue2.mjs";
+import style0 from "./ElmPagetop.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmPagetop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmPagetop as default
+};

package/dist/components/navigation/ElmPagetop.vue2.mjs

@@ -0,0 +1,51 @@
+import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode } from "vue";
+import { useWindowScroll } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmPagetop",
+  props: {
+    position: { default: "right" }
+  },
+  setup(__props) {
+    const isVisible = ref(false);
+    const { y } = useWindowScroll();
+    watch(
+      () => y.value,
+      () => {
+        isVisible.value = y.value > 100;
+      }
+    );
+    const toTop = () => {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style["wrapper--visible"]]: isVisible.value }]),
+        style: normalizeStyle({
+          "--size": `${64}px`,
+          left: _ctx.position === "left" ? "0" : "auto",
+          right: _ctx.position === "right" ? "0" : "auto"
+        }),
+        onClick: toTop
+      }, [
+        createElementVNode("div", {
+          "aria-hidden": "",
+          class: normalizeClass(_ctx.$style.partial)
+        }, null, 2),
+        createElementVNode("div", {
+          "aria-hidden": "",
+          class: normalizeClass(_ctx.$style.partial)
+        }, null, 2),
+        createElementVNode("div", {
+          "aria-hidden": "",
+          class: normalizeClass(_ctx.$style.partial)
+        }, null, 2),
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.$style.text)
+        }, "Back to Top", 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/navigation/ElmPagetop.vue3.mjs

@@ -0,0 +1,18 @@
+const wrapper = "_wrapper_q0z76_1";
+const partial = "_partial_q0z76_52";
+const move = "_move_q0z76_1";
+const text = "_text_q0z76_85";
+const style0 = {
+  wrapper,
+  "wrapper--visible": "_wrapper--visible_q0z76_20",
+  partial,
+  move,
+  text
+};
+export {
+  style0 as default,
+  move,
+  partial,
+  text,
+  wrapper
+};

package/dist/components/navigation/ElmTableOfContents.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmTableOfContents.vue2.mjs";
+import style0 from "./ElmTableOfContents.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmTableOfContents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmTableOfContents as default
+};

package/dist/components/navigation/ElmTableOfContents.vue2.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createVNode, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+const _hoisted_1 = ["href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableOfContents",
+  props: {
+    headings: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        class: normalizeClass(_ctx.$style.toc)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.headings, (heading) => {
+          return openBlock(), createElementBlock("a", {
+            class: normalizeClass(_ctx.$style.link),
+            href: `#${heading.id ?? heading.text}`,
+            style: normalizeStyle({ "--padding-left": `${heading.level * 0.5}rem` })
+          }, [
+            createElementVNode("sup", null, [
+              createVNode(ElmInlineText, {
+                text: `H${heading.level}`,
+                size: "0.6rem",
+                color: "#6987b8"
+              }, null, 8, ["text"])
+            ]),
+            createVNode(ElmInlineText, {
+              text: heading.text
+            }, null, 8, ["text"]),
+            createVNode(unref(Icon), {
+              icon: "heroicons:bars-arrow-down",
+              class: normalizeClass(_ctx.$style.icon)
+            }, null, 8, ["class"])
+          ], 14, _hoisted_1);
+        }), 256))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/navigation/ElmTableOfContents.vue3.mjs

@@ -0,0 +1,14 @@
+const toc = "_toc_gvfxl_1";
+const link = "_link_gvfxl_13";
+const icon = "_icon_gvfxl_28";
+const style0 = {
+  toc,
+  link,
+  icon
+};
+export {
+  style0 as default,
+  icon,
+  link,
+  toc
+};

package/dist/components/others/ElmColorSample.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmColorSample.vue2.mjs";
+import style0 from "./ElmColorSample.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmColorSample = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-9606dccc"]]);
+export {
+  ElmColorSample as default
+};

package/dist/components/others/ElmColorSample.vue2.mjs

@@ -0,0 +1,72 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, createVNode, withCtx, createElementVNode, unref, normalizeClass, toDisplayString, Transition, createBlock, createCommentVNode } from "vue";
+import { parseToRgb, parseToHsl, rgbToColorString } from "polished";
+import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
+import { useClipboard } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColorSample",
+  props: {
+    color: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { blue, green, red } = parseToRgb(props.color);
+    const { hue, saturation, lightness } = parseToHsl(props.color);
+    const hex = rgbToColorString(parseToRgb(props.color));
+    const rgb = `rgb(${red}, ${green}, ${blue})`;
+    const hsl = `hsl(${Math.floor(hue)}, ${Math.floor(saturation * 100)}%, ${Math.floor(lightness * 100)}%)`;
+    const { copy, copied } = useClipboard();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({ "--color": _ctx.color })
+      }, [
+        createVNode(ElmTooltip, null, {
+          original: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["color-bg"]),
+              style: normalizeStyle({
+                "--background-color": _ctx.color
+              }),
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)(unref(hex)))
+            }, [
+              createVNode(Transition, null, {
+                default: withCtx(() => [
+                  unref(copied) ? (openBlock(), createBlock(unref(Icon), {
+                    key: 0,
+                    icon: "heroicons:check",
+                    style: { color: "white" },
+                    width: "16",
+                    height: "16"
+                  })) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ], 6),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[1] || (_cache[1] = ($event) => unref(copy)(unref(hex)))
+            }, toDisplayString(unref(hex)), 3)
+          ]),
+          tooltip: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[2] || (_cache[2] = ($event) => unref(copy)(unref(hex)))
+            }, toDisplayString(unref(hex)), 3),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[3] || (_cache[3] = ($event) => unref(copy)(rgb))
+            }, toDisplayString(rgb), 2),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[4] || (_cache[4] = ($event) => unref(copy)(hsl))
+            }, toDisplayString(hsl), 2)
+          ]),
+          _: 1
+        })
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/others/ElmColorSample.vue3.mjs

@@ -0,0 +1,9 @@
+const text = "_text_819fg_13";
+const style0 = {
+  "color-bg": "_color-bg_819fg_1",
+  text
+};
+export {
+  style0 as default,
+  text
+};

package/dist/components/others/ElmColorTable.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmColorTable.vue2.mjs";
+import style0 from "./ElmColorTable.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmColorTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmColorTable as default
+};

package/dist/components/others/ElmColorTable.vue2.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, toDisplayString, createVNode, unref } from "vue";
+import { darken } from "polished";
+import ElmColorSample from "./ElmColorSample.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColorTable",
+  props: {
+    colors: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.colors, (color) => {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(_ctx.$style["row-container"])
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["color-name"]),
+              style: normalizeStyle({ "--color": color.code })
+            }, toDisplayString(color.name), 7),
+            (openBlock(), createElementBlock(Fragment, null, renderList([
+              -0.2,
+              -0.15,
+              -0.1,
+              -0.05,
+              0,
+              0.05,
+              0.1,
+              0.15,
+              0.2
+            ], (darkness) => {
+              return createVNode(ElmColorSample, {
+                color: unref(darken)(darkness, color.code)
+              }, null, 8, ["color"]);
+            }), 64))
+          ], 2);
+        }), 256))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/others/ElmColorTable.vue3.mjs

@@ -0,0 +1,10 @@
+const container = "_container_2ivef_1";
+const style0 = {
+  container,
+  "row-container": "_row-container_2ivef_8",
+  "color-name": "_color-name_2ivef_15"
+};
+export {
+  container,
+  style0 as default
+};

package/dist/components/renderer/ElmJsonRenderer.vue.mjs

@@ -0,0 +1,96 @@
+import { defineComponent, markRaw, createBlock, openBlock, resolveDynamicComponent, h } from "vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineLink from "../inline/ElmInlineLink.vue.mjs";
+import ElmCallout from "../typography/ElmCallout.vue.mjs";
+import _sfc_main$5 from "../typography/ElmBulletedList.vue.mjs";
+/* empty css                                  */
+import _sfc_main$4 from "../typography/ElmNumberedList.vue.mjs";
+/* empty css                                  */
+import ElmListItem from "../typography/ElmListItem.vue.mjs";
+import ElmBlockQuote from "../typography/ElmBlockQuote.vue.mjs";
+import ElmDivider from "../typography/ElmDivider.vue.mjs";
+import ElmHeading1 from "../headings/ElmHeading1.vue.mjs";
+import ElmHeading2 from "../headings/ElmHeading2.vue.mjs";
+import ElmHeading3 from "../headings/ElmHeading3.vue.mjs";
+import ElmHeading4 from "../headings/ElmHeading4.vue.mjs";
+import ElmHeading5 from "../headings/ElmHeading5.vue.mjs";
+import ElmHeading6 from "../headings/ElmHeading6.vue.mjs";
+import ElmCodeBlock from "../code/ElmCodeBlock.vue.mjs";
+import ElmParagraph from "../typography/ElmParagraph.vue.mjs";
+import ElmTable from "../table/ElmTable.vue.mjs";
+import _sfc_main$3 from "../table/ElmTableHeader.vue.mjs";
+/* empty css                            */
+import _sfc_main$2 from "../table/ElmTableBody.vue.mjs";
+/* empty css                          */
+import _sfc_main$1 from "../table/ElmTableRow.vue.mjs";
+import ElmTableCell from "../table/ElmTableCell.vue.mjs";
+import ElmKatex from "../code/ElmKatex.vue.mjs";
+import ElmImage from "../media/ElmImage.vue.mjs";
+import ElmBookmark from "../navigation/ElmBookmark.vue.mjs";
+import ElmToggle from "../containments/ElmToggle.vue.mjs";
+import ElmCheckbox from "../form/ElmCheckbox.vue.mjs";
+import ElmFile from "../media/ElmFile.vue.mjs";
+import ElmColumn from "../containments/ElmColumn.vue.mjs";
+import ElmColumnList from "../containments/ElmColumnList.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmJsonRenderer",
+  props: {
+    json: {}
+  },
+  setup(__props) {
+    const componentMap = {
+      ElmInlineText: markRaw(ElmInlineText),
+      ElmInlineLink: markRaw(ElmInlineLink),
+      ElmCallout: markRaw(ElmCallout),
+      ElmBulletedList: markRaw(_sfc_main$5),
+      ElmNumberedList: markRaw(_sfc_main$4),
+      ElmListItem: markRaw(ElmListItem),
+      ElmBlockQuote: markRaw(ElmBlockQuote),
+      ElmDivider: markRaw(ElmDivider),
+      ElmHeading1: markRaw(ElmHeading1),
+      ElmHeading2: markRaw(ElmHeading2),
+      ElmHeading3: markRaw(ElmHeading3),
+      ElmHeading4: markRaw(ElmHeading4),
+      ElmHeading5: markRaw(ElmHeading5),
+      ElmHeading6: markRaw(ElmHeading6),
+      ElmCodeBlock: markRaw(ElmCodeBlock),
+      ElmParagraph: markRaw(ElmParagraph),
+      ElmTable: markRaw(ElmTable),
+      ElmTableHeader: markRaw(_sfc_main$3),
+      ElmTableBody: markRaw(_sfc_main$2),
+      ElmTableRow: markRaw(_sfc_main$1),
+      ElmTableCell: markRaw(ElmTableCell),
+      ElmKatex: markRaw(ElmKatex),
+      ElmImage: markRaw(ElmImage),
+      ElmBookmark: markRaw(ElmBookmark),
+      ElmToggle: markRaw(ElmToggle),
+      ElmCheckbox: markRaw(ElmCheckbox),
+      ElmFile: markRaw(ElmFile),
+      ElmColumn: markRaw(ElmColumn),
+      ElmColumnList: markRaw(ElmColumnList)
+    };
+    const render = (json) => {
+      const vnodes = [];
+      for (const component of json) {
+        vnodes.push(
+          h(
+            componentMap[component.type],
+            { ...component.props, key: component.id },
+            () => {
+              if (component.children != null) {
+                return render(component.children);
+              }
+            }
+          )
+        );
+      }
+      return vnodes;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(() => render(_ctx.json)));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/renderer/ElmJsonRenderer.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ElmJsonRenderer.vue.mjs";
+export {
+  _sfc_main as default
+};