@elmethis/core 1.0.0-alpha.160 → 1.0.0-alpha.161

package/dist/components/inline/ElmInlineIcon.css

@@ -0,0 +1,32 @@
+._icon_egf7j_1 {
+  margin: 0;
+  padding: 0;
+  padding-inline: 0.125rem;
+  display: inline-block;
+  vertical-align: middle;
+  height: 1.5em;
+}
+._icon_egf7j_1::-moz-selection {
+  filter: brightness(1000%);
+  background-color: rgba(0, 0, 0, 0.25);
+  background-color: var(--color, rgba(0, 0, 0, 0.25));
+}
+._icon_egf7j_1::selection {
+  filter: brightness(1000%);
+  background-color: rgba(0, 0, 0, 0.25);
+  background-color: var(--color, rgba(0, 0, 0, 0.25));
+}
+[data-theme=dark] ._icon_egf7j_1 {
+  color: rgba(255, 255, 255, 0.7);
+  color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._icon_egf7j_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.25);
+  background-color: var(--color, rgba(255, 255, 255, 0.25));
+}
+[data-theme=dark] ._icon_egf7j_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.25);
+  background-color: var(--color, rgba(255, 255, 255, 0.25));
+}

package/dist/components/inline/ElmInlineIcon.vue.mjs

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

package/dist/components/inline/ElmInlineIcon.vue2.mjs

@@ -0,0 +1,21 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmInlineIcon",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", {
+        class: normalizeClass(_ctx.$style.icon),
+        src: _ctx.src,
+        alt: _ctx.alt
+      }, null, 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/inline/ElmInlineIcon.vue3.mjs

@@ -0,0 +1,8 @@
+const icon = "_icon_egf7j_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

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

@@ -0,0 +1,98 @@
+import { defineComponent, markRaw, createBlock, openBlock, resolveDynamicComponent, h } from "vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineLink from "../inline/ElmInlineLink.vue.mjs";
+import ElmInlineIcon from "../inline/ElmInlineIcon.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),
+      ElmInlineIcon: markRaw(ElmInlineIcon),
+      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
+};

package/dist/components/renderer/ElmJsonRendererAsync.vue.d.ts

@@ -0,0 +1,3 @@
+import { ElmJsonRendererProps } from './ElmJsonRenderer.vue';
+declare const _default: import('vue').DefineComponent<ElmJsonRendererProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmJsonRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,24 @@
+import { defineComponent, ref, onMounted, nextTick, h, createBlock, openBlock, resolveDynamicComponent } from "vue";
+import _sfc_main$1 from "./ElmJsonRenderer.vue.mjs";
+import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmJsonRendererAsync",
+  props: {
+    json: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const vnode = ref(null);
+    onMounted(() => {
+      nextTick(() => {
+        vnode.value = h(_sfc_main$1, { json: props.json });
+      });
+    });
+    return (_ctx, _cache) => {
+      return vnode.value != null ? (openBlock(), createBlock(resolveDynamicComponent(() => vnode.value), { key: 0 })) : (openBlock(), createBlock(ElmBlockFallback, { key: 1 }));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/index.d.ts

@@ -96,6 +96,9 @@ export type { ElmColorSampleProps } from './components/others/ElmColorSample.vue
 export { default as ElmColorSample } from './components/others/ElmColorSample.vue';
 export type { ElmColorTableProps } from './components/others/ElmColorTable.vue';
 export { default as ElmColorTable } from './components/others/ElmColorTable.vue';
+export type { ElmJsonRendererProps } from './components/renderer/ElmJsonRenderer.vue';
+export { default as ElmJsonRenderer } from './components/renderer/ElmJsonRenderer.vue';
+export { default as ElmJsonRendererAsync } from './components/renderer/ElmJsonRendererAsync.vue';
 export type { ElmTableProps } from './components/table/ElmTable.vue';
 export { default as ElmTable } from './components/table/ElmTable.vue';
 export type { ElmTableHeaderProps } from './components/table/ElmTableHeader.vue';

package/dist/index.mjs

@@ -47,33 +47,35 @@ import { default as default47 } from "./components/navigation/ElmPagetop.vue.mjs
 import { default as default48 } from "./components/navigation/ElmTableOfContents.vue.mjs";
 import { default as default49 } from "./components/others/ElmColorSample.vue.mjs";
 import { default as default50 } from "./components/others/ElmColorTable.vue.mjs";
-import { default as default51 } from "./components/table/ElmTable.vue.mjs";
-import { default as default52 } from "./components/table/ElmTableHeader.vue.mjs";
+import { default as default51 } from "./components/renderer/ElmJsonRenderer.vue.mjs";
+import { default as default52 } from "./components/renderer/ElmJsonRendererAsync.vue.mjs";
+import { default as default53 } from "./components/table/ElmTable.vue.mjs";
+import { default as default54 } from "./components/table/ElmTableHeader.vue.mjs";
 /* empty css                                      */
-import { default as default53 } from "./components/table/ElmTableBody.vue.mjs";
+import { default as default55 } from "./components/table/ElmTableBody.vue.mjs";
 /* empty css                                    */
-import { default as default54 } from "./components/table/ElmTableRow.vue.mjs";
-import { default as default55 } from "./components/table/ElmTableCell.vue.mjs";
-import { default as default56 } from "./components/typography/ElmBlockQuote.vue.mjs";
-import { default as default57 } from "./components/typography/ElmBulletedList.vue.mjs";
+import { default as default56 } from "./components/table/ElmTableRow.vue.mjs";
+import { default as default57 } from "./components/table/ElmTableCell.vue.mjs";
+import { default as default58 } from "./components/typography/ElmBlockQuote.vue.mjs";
+import { default as default59 } from "./components/typography/ElmBulletedList.vue.mjs";
 /* empty css                                            */
-import { default as default58 } from "./components/typography/ElmCallout.vue.mjs";
-import { default as default59 } from "./components/typography/ElmDivider.vue.mjs";
-import { default as default60 } from "./components/typography/ElmNumberedList.vue.mjs";
+import { default as default60 } from "./components/typography/ElmCallout.vue.mjs";
+import { default as default61 } from "./components/typography/ElmDivider.vue.mjs";
+import { default as default62 } from "./components/typography/ElmNumberedList.vue.mjs";
 /* empty css                                            */
-import { default as default61 } from "./components/typography/ElmParagraph.vue.mjs";
-import { default as default62 } from "./components/typography/ElmListItem.vue.mjs";
+import { default as default63 } from "./components/typography/ElmParagraph.vue.mjs";
+import { default as default64 } from "./components/typography/ElmListItem.vue.mjs";
 export {
   default33 as ElmArrowIcon,
   default2 as ElmBadge,
   default19 as ElmBlockFallback,
-  default56 as ElmBlockQuote,
+  default58 as ElmBlockQuote,
   default45 as ElmBookmark,
   default34 as ElmBookmarkIcon,
   default46 as ElmBreadcrumb,
-  default57 as ElmBulletedList,
+  default59 as ElmBulletedList,
   default21 as ElmButton,
-  default58 as ElmCallout,
+  default60 as ElmCallout,
   default22 as ElmCheckbox,
   default4 as ElmCodeBlock,
   default49 as ElmColorSample,
@@ -82,7 +84,7 @@ export {
   default7 as ElmColumnList,
   default35 as ElmCubeIcon,
   default8 as ElmDesktopWindow,
-  default59 as ElmDivider,
+  default61 as ElmDivider,
   default36 as ElmDotLoadingIcon,
   default43 as ElmFile,
   default32 as ElmFragmentIdentifier,
@@ -96,15 +98,17 @@ export {
   default40 as ElmInlineLink,
   default41 as ElmInlineRuby,
   default42 as ElmInlineText,
+  default51 as ElmJsonRenderer,
+  default52 as ElmJsonRendererAsync,
   default5 as ElmKatex,
   default37 as ElmLanguageIcon,
-  default62 as ElmListItem,
+  default64 as ElmListItem,
   default38 as ElmLoginIcon,
   default9 as ElmModal,
   default16 as ElmMultiProgress,
-  default60 as ElmNumberedList,
+  default62 as ElmNumberedList,
   default47 as ElmPagetop,
-  default61 as ElmParagraph,
+  default63 as ElmParagraph,
   default10 as ElmParallax,
   default15 as ElmProgress,
   default18 as ElmRectangleWave,
@@ -113,12 +117,12 @@ export {
   default20 as ElmSpinner,
   default17 as ElmStatusMessage,
   default23 as ElmSwitch,
-  default51 as ElmTable,
-  default53 as ElmTableBody,
-  default55 as ElmTableCell,
-  default52 as ElmTableHeader,
+  default53 as ElmTable,
+  default55 as ElmTableBody,
+  default57 as ElmTableCell,
+  default54 as ElmTableHeader,
   default48 as ElmTableOfContents,
-  default54 as ElmTableRow,
+  default56 as ElmTableRow,
   default3 as ElmTag,
   default24 as ElmTextField,
   default13 as ElmToggle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "1.0.0-alpha.160",
+  "version": "1.0.0-alpha.161",
   "publishConfig": {
     "access": "public"
   },