@elmethis/core 1.0.0-alpha.184 → 1.0.0-alpha.186

package/dist/components/code/ElmCodeBlock.vue.d.ts

@@ -22,5 +22,6 @@ declare const _default: import('vue').DefineComponent<ElmCodeBlockProps, {}, {},
     language: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     target: HTMLDivElement;
+    tooltipRef: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/code/ElmCodeBlock.vue.mjs

@@ -1,10 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-00081a60],.v-leave-from[data-v-00081a60]{opacity:1}.v-enter-active[data-v-00081a60],.v-leave-active[data-v-00081a60]{transition:opacity .15s}.v-enter-from[data-v-00081a60],.v-leave-to[data-v-00081a60]{opacity:0}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 import _sfc_main from "./ElmCodeBlock.vue2.mjs";
 import style0 from "./ElmCodeBlock.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-00081a60"]]);
 export {
   ElmCodeBlock as default
 };

package/dist/components/code/ElmCodeBlock.vue2.mjs

@@ -1,11 +1,10 @@
-import { defineComponent, defineAsyncComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, withCtx, unref } from "vue";
+import { defineComponent, defineAsyncComponent, ref, useTemplateRef, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, Transition, withCtx, createCommentVNode } from "vue";
 import { Icon } from "@iconify/vue";
 import ElmLanguageIcon from "../icon/ElmLanguageIcon.vue.mjs";
 import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
-import { useClipboard, useIntersectionObserver } from "@vueuse/core";
-import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
 import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
 import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
+import { useClipboard, useIntersectionObserver, useElementHover } from "@vueuse/core";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmCodeBlock",
   props: {
@@ -27,6 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useIntersectionObserver(target, ([{ isIntersecting }], _) => {
       targetIsVisible.value = isIntersecting;
     });
+    const tooltipElement = useTemplateRef("tooltipRef");
+    const isHovered = useElementHover(tooltipElement);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "target",
@@ -52,24 +53,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["text"])
           ], 2),
           createElementVNode("div", {
+            ref: "tooltipRef",
             class: normalizeClass(_ctx.$style.header__right)
           }, [
-            createVNode(ElmTooltip, null, {
-              original: withCtx(() => [
-                createVNode(unref(Icon), {
-                  class: normalizeClass(_ctx.$style["copy-icon"]),
-                  onClick: _cache[0] || (_cache[0] = () => {
-                    unref(copy)(_ctx.code);
-                  }),
-                  icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
-                }, null, 8, ["class", "icon"])
-              ]),
-              tooltip: withCtx(() => [
-                createElementVNode("div", null, [
-                  createVNode(ElmInlineText, {
-                    text: unref(copied) ? "Copied to Clipboard!" : "Copy to Clipboard"
-                  }, null, 8, ["text"])
-                ])
+            createVNode(unref(Icon), {
+              class: normalizeClass(_ctx.$style["copy-icon"]),
+              onClick: _cache[0] || (_cache[0] = () => {
+                unref(copy)(_ctx.code);
+              }),
+              icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
+            }, null, 8, ["class", "icon"]),
+            createVNode(Transition, null, {
+              default: withCtx(() => [
+                unref(copied) ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(_ctx.$style.tooltip)
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: "mdi:clipboard-check-multiple-outline",
+                    class: normalizeClass(_ctx.$style["tooltip-check-icon"])
+                  }, null, 8, ["class"]),
+                  createVNode(ElmInlineText, { text: "Copied to Clipboard!" })
+                ], 2)) : unref(isHovered) && !unref(copied) ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass(_ctx.$style.tooltip)
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: "mdi:clipboard-multiple-outline",
+                    class: normalizeClass(_ctx.$style["tooltip-copy-icon"])
+                  }, null, 8, ["class"]),
+                  createVNode(ElmInlineText, { text: "Copy to Clipboard" })
+                ], 2)) : createCommentVNode("", true)
               ]),
               _: 1
             })

package/dist/components/code/ElmCodeBlock.vue3.mjs

@@ -3,28 +3,32 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_vcziv_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .25rem #0000001a}[data-theme=dark] ._wrapper_vcziv_1{background-color:#ffffff0d;box-shadow:0 0 .25rem #0000004d}._header_vcziv_16{box-sizing:border-box;padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(0,0,0,.2)}[data-theme=dark] ._header_vcziv_16{border-color:#fff3}._header__left_vcziv_30{display:flex;flex-direction:row;align-items:center;gap:.5rem}._copy-icon_vcziv_37{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_vcziv_37{color:#ffffffb3}._copy-icon_vcziv_37:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_vcziv_37:hover{background-color:#ffffff1a}._header__right_vcziv_57{display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_vcziv_64{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_vcziv_72{transition:opacity .2s}._fallback_vcziv_76{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s}"));
+      elementStyle.appendChild(document.createTextNode("._wrapper_1a766_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .25rem #0000001a}[data-theme=dark] ._wrapper_1a766_1{background-color:#ffffff0d;box-shadow:0 0 .25rem #0000004d}._header_1a766_16{box-sizing:border-box;padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(0,0,0,.2)}[data-theme=dark] ._header_1a766_16{border-color:#fff3}._header__left_1a766_30{display:flex;flex-direction:row;align-items:center;gap:.5rem}._copy-icon_1a766_37{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_1a766_37{color:#ffffffb3}._copy-icon_1a766_37:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_1a766_37:hover{background-color:#ffffff1a}._header__right_1a766_57{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_1a766_65{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_1a766_73{transition:opacity .2s}._fallback_1a766_77{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s}._tooltip_1a766_91{position:absolute;bottom:-2.5rem;right:0;display:flex;flex-wrap:none;justify-content:center;align-items:center;gap:.25rem;height:20px;white-space:nowrap}._tooltip-copy-icon_1a766_104{width:20px;height:20px;color:#4c6da2}._tooltip-check-icon_1a766_110{width:20px;height:20px;color:#449763}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const wrapper = "_wrapper_vcziv_1";
-const header = "_header_vcziv_16";
-const header__left = "_header__left_vcziv_30";
-const header__right = "_header__right_vcziv_57";
-const code = "_code_vcziv_64";
-const fallback = "_fallback_vcziv_76";
+const wrapper = "_wrapper_1a766_1";
+const header = "_header_1a766_16";
+const header__left = "_header__left_1a766_30";
+const header__right = "_header__right_1a766_57";
+const code = "_code_1a766_65";
+const fallback = "_fallback_1a766_77";
+const tooltip = "_tooltip_1a766_91";
 const style0 = {
   wrapper,
   header,
   header__left,
-  "copy-icon": "_copy-icon_vcziv_37",
+  "copy-icon": "_copy-icon_1a766_37",
   header__right,
   code,
-  "code-body": "_code-body_vcziv_72",
-  fallback
+  "code-body": "_code-body_1a766_73",
+  fallback,
+  tooltip,
+  "tooltip-copy-icon": "_tooltip-copy-icon_1a766_104",
+  "tooltip-check-icon": "_tooltip-check-icon_1a766_110"
 };
 export {
   code,
@@ -33,5 +37,6 @@ export {
   header,
   header__left,
   header__right,
+  tooltip,
   wrapper
 };

package/dist/components/code/ElmShikiHighlighter.vue2.mjs

@@ -18,18 +18,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const render = async () => {
       if (!isRendered.value) {
         const highlighter = await getHighlighterSingleton();
-        html.value = highlighter.codeToHtml(props.code, {
-          lang: props.language,
-          themes: {
-            dark: "vitesse-dark",
-            light: "vitesse-light"
-          },
-          colorReplacements: {
-            "#ffffff": "transparent",
-            "#121212": "transparent"
-          }
-        });
-        isRendered.value = true;
+        try {
+          html.value = highlighter.codeToHtml(props.code, {
+            lang: props.language,
+            themes: {
+              dark: "vitesse-dark",
+              light: "vitesse-light"
+            },
+            colorReplacements: {
+              "#ffffff": "transparent",
+              "#121212": "transparent"
+            }
+          });
+        } catch {
+        } finally {
+          isRendered.value = true;
+        }
       }
     };
     onMounted(render);

package/dist/components/containments/ElmModal.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmModal.vue2.mjs";
 import style0 from "./ElmModal.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/containments/ElmSnackbarContainer.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmSnackbarContainer.vue2.mjs";
 import style0 from "./ElmSnackbarContainer.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/containments/ElmToggle.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmToggle.vue2.mjs";
 import style0 from "./ElmToggle.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/containments/ElmTooltip.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmTooltip.vue2.mjs";
 import style0 from "./ElmTooltip.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/data/ElmStatusMessage.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmStatusMessage.vue2.mjs";
 import style0 from "./ElmStatusMessage.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/form/ElmButton.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmButton.vue2.mjs";
 import style0 from "./ElmButton.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/icon/ElmLanguageIcon.vue.mjs

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmLanguageIcon.vue2.mjs";
 import style0 from "./ElmLanguageIcon.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

package/dist/components/media/ElmBlockImage.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-67c5b662],.v-leave-from[data-v-67c5b662]{opacity:1}.v-enter-active[data-v-67c5b662],.v-leave-active[data-v-67c5b662]{transition:opacity .3s}.v-enter-from[data-v-67c5b662],.v-leave-to[data-v-67c5b662]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-0a4181a9],.v-leave-from[data-v-0a4181a9]{opacity:1}.v-enter-active[data-v-0a4181a9],.v-leave-active[data-v-0a4181a9]{transition:opacity .3s}.v-enter-from[data-v-0a4181a9],.v-leave-to[data-v-0a4181a9]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -12,11 +12,12 @@
 })();
 import _sfc_main from "./ElmBlockImage.vue2.mjs";
 import style0 from "./ElmBlockImage.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmBlockImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-67c5b662"]]);
+const ElmBlockImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-0a4181a9"]]);
 export {
   ElmBlockImage as default
 };

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

@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2),
         createVNode(Transition, null, {
           default: withCtx(() => [
-            !unref(isLoading) && _ctx.alt != null ? (openBlock(), createElementBlock("div", {
+            !unref(isLoading) && _ctx.alt != null && _ctx.alt.trim() !== "" ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(_ctx.$style["alt-container"])
             }, [

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

@@ -12,6 +12,7 @@
 })();
 import _sfc_main from "./ElmImage.vue2.mjs";
 import style0 from "./ElmImage.vue3.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0

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

@@ -12,6 +12,7 @@
 })();
 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

package/dist/components/table/ElmTable.vue.mjs

@@ -11,6 +11,7 @@
   }
 })();
 import _sfc_main from "./ElmTable.vue2.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const ElmTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ed1a868"]]);
 export {

package/dist/components/table/ElmTableCell.vue.mjs

@@ -11,6 +11,7 @@
   }
 })();
 import _sfc_main from "./ElmTableCell.vue2.mjs";
+
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const ElmTableCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bedd3ac"]]);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "1.0.0-alpha.184",
+  "version": "1.0.0-alpha.186",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "dependencies": {
     "@heroicons/vue": "^2.2.0",
     "@iconify/vue": "^4.3.0",
-    "@vueuse/core": "^13.0.0",
-    "katex": "^0.16.21",
+    "@vueuse/core": "^13.1.0",
+    "katex": "^0.16.22",
     "lodash-es": "^4.17.21",
     "nanoid": "^5.1.5",
     "polished": "^4.3.1",
-    "shiki": "^3.2.1"
+    "shiki": "^3.2.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
@@ -55,7 +55,7 @@
     "postcss-preset-env": "^10.1.5",
     "sass": "^1.86.3",
     "storybook": "^8.6.12",
-    "vite": "^6.2.5",
+    "vite": "^6.3.2",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.3",
     "vue-tsc": "^2.2.8"