@elmethis/core 0.2.8 → 0.2.10

package/dist/components/media/ElmImage.vue2.mjs

@@ -114,13 +114,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             isModalOpen.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(_ctx.$style.modal)
+              class: normalizeClass(_ctx.$style.modal),
+              onClick: _cache[1] || (_cache[1] = ($event) => isModalOpen.value = false)
             }, [
               createElementVNode("img", {
                 class: normalizeClass(_ctx.$style["modal-image"]),
                 src: _ctx.src,
-                alt: _ctx.alt,
-                onClick: _cache[1] || (_cache[1] = ($event) => isModalOpen.value = false)
+                alt: _ctx.alt
               }, null, 10, _hoisted_2)
             ], 2)) : createCommentVNode("", true)
           ]),

package/dist/components/media/ElmImage.vue3.mjs

@@ -3,27 +3,27 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_1cv9j_1{width:100%;display:flex;flex-direction:column;align-items:center}._image_1cv9j_8{display:block;margin-block:var(--margin-block);max-width:100%;max-height:100vh;cursor:var(--cursor)}._error_1cv9j_16{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_1cv9j_28{margin-block:var(--margin-block);margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._image-block_1cv9j_41{overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;display:block;max-width:100%;max-height:100vh;cursor:zoom-in}._alt-container_1cv9j_51{max-width:80%;margin:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;color:#6987b8;opacity:.8}._modal_1cv9j_62{position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#23262acc}._modal-image_1cv9j_75{display:block;max-width:100%;cursor:zoom-out}"));
+      elementStyle.appendChild(document.createTextNode("._wrapper_1w3gk_1{width:100%;display:flex;flex-direction:column;align-items:center}._image_1w3gk_8{display:block;margin-block:var(--margin-block);max-width:100%;max-height:100vh;cursor:var(--cursor)}._error_1w3gk_16{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_1w3gk_28{margin-block:var(--margin-block);margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._image-block_1w3gk_41{overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;display:block;max-width:100%;max-height:100vh;cursor:zoom-in}._alt-container_1w3gk_51{max-width:80%;margin:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;color:#6987b8;opacity:.8}._modal_1w3gk_62{position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#23262acc;cursor:zoom-out}._modal-image_1w3gk_76{display:block;max-width:100%;cursor:zoom-out}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const wrapper = "_wrapper_1cv9j_1";
-const image = "_image_1cv9j_8";
-const error = "_error_1cv9j_16";
-const fallback = "_fallback_1cv9j_28";
-const modal = "_modal_1cv9j_62";
+const wrapper = "_wrapper_1w3gk_1";
+const image = "_image_1w3gk_8";
+const error = "_error_1w3gk_16";
+const fallback = "_fallback_1w3gk_28";
+const modal = "_modal_1w3gk_62";
 const style0 = {
   wrapper,
   image,
   error,
   fallback,
-  "image-block": "_image-block_1cv9j_41",
-  "alt-container": "_alt-container_1cv9j_51",
+  "image-block": "_image-block_1w3gk_41",
+  "alt-container": "_alt-container_1w3gk_51",
   modal,
-  "modal-image": "_modal-image_1cv9j_75"
+  "modal-image": "_modal-image_1w3gk_76"
 };
 export {
   style0 as default,

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

@@ -18,7 +18,7 @@ import "@vueuse/core";
 import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
 
 
-import "lodash-es";
+import { kebabCase } from "lodash-es";
 
 
 import "nanoid";
@@ -109,6 +109,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loader: () => import("../fallback/ElmUnsupportedBlock.vue.mjs"),
       loadingComponent: ElmBlockFallback
     });
+    const convertInlineComponentsToPlainText = (inlineComponents) => {
+      return inlineComponents.map((component) => {
+        if (component.type === "Text") {
+          return component.props.text;
+        } else {
+          return "";
+        }
+      }).join("");
+    };
     const defaultRenderFunctionMap = (render2) => {
       return {
         Text: ({ props: props2 }) => {
@@ -134,7 +143,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         Heading: ({ props: props2, slots }) => h(
           AsyncElmHeading,
           {
-            level: props2.level
+            level: props2.level,
+            id: kebabCase(convertInlineComponentsToPlainText(slots.default))
           },
           { default: () => render2(slots.default) }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "publishConfig": {
     "access": "public"
   },