@elmethis/core 0.5.7 → 0.6.0

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

@@ -82,7 +82,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loader: () => import("../table/ElmTableCell.vue.mjs"),
       loadingComponent: ElmBlockFallback
     });
-    const tokensToText = ({ tokens }) => tokens.map((token) => "text" in token ? token.text : token.raw).join("");
     const renderByToken = ({ tokens }) => {
       const results = [];
       for (const token of tokens) {
@@ -176,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           case "link":
             results.push(
               token.tokens != null && token.tokens.length !== 0 ? h(AsyncElmInlineText, {
-                text: tokensToText({ tokens }),
+                text: token.text,
                 href: token.href
               }) : h(AsyncElmInlineText, { text: token.text, href: token.href })
             );

package/dist/components/typography/ElmTypingAnimation.vue.mjs

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

package/dist/components/typography/ElmTypingAnimation.vue2.mjs

@@ -0,0 +1,49 @@
+import { defineComponent, ref, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, createTextVNode, createElementVNode, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTypingAnimation",
+  props: {
+    texts: { default: () => [] },
+    interval: { default: 3e3 },
+    fontSize: { default: "1rem" }
+  },
+  setup(__props) {
+    const props = __props;
+    const sleep = (duration) => {
+      return new Promise((resolve) => {
+        setTimeout(resolve, duration);
+      });
+    };
+    const display = ref("");
+    onMounted(async () => {
+      while (true) {
+        for (const text of props.texts) {
+          for (const char of text) {
+            await sleep(75);
+            display.value += char;
+          }
+          await sleep(props.interval);
+          while (true) {
+            if (display.value === "") break;
+            display.value = display.value.slice(0, -1);
+            await sleep(25);
+          }
+          await sleep(200);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.text),
+        style: normalizeStyle({ fontSize: _ctx.fontSize })
+      }, [
+        createTextVNode(toDisplayString(display.value), 1),
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.$style.cursor)
+        }, " ", 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/typography/ElmTypingAnimation.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._text_kfz2u_1{font-family:monospace;color:#000c;-webkit-user-select:none;-moz-user-select:none;user-select:none}._text_kfz2u_1::-moz-selection{color:#fffc;background-color:#000c}._text_kfz2u_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._text_kfz2u_1{color:#fffc}[data-theme=dark] ._text_kfz2u_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._text_kfz2u_1::selection{color:#000c;background-color:#fffc}@keyframes _blink_kfz2u_1{0%{opacity:0}to{opacity:1}}._cursor_kfz2u_26{margin-inline:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#3e434b80}[data-theme=dark] ._cursor_kfz2u_26{background-color:#cccfd540}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const text = "_text_kfz2u_1";
+const cursor = "_cursor_kfz2u_26";
+const blink = "_blink_kfz2u_1";
+const style0 = {
+  text,
+  cursor,
+  blink
+};
+export {
+  blink,
+  cursor,
+  style0 as default,
+  text
+};

package/dist/index.d.ts

@@ -108,5 +108,7 @@ export type { ElmParagraphProps } from './components/typography/ElmParagraph.vue
 export { default as ElmParagraph } from './components/typography/ElmParagraph.vue';
 export type { ElmListProps } from './components/typography/ElmList.vue';
 export { default as ElmList } from './components/typography/ElmList.vue';
+export type { ElmTypingAnimationProps } from './components/typography/ElmTypingAnimation.vue';
+export { default as ElmTypingAnimation } from './components/typography/ElmTypingAnimation.vue';
 export { useElmethisTheme } from './hooks/useElmethisTheme';
 export { useTyping } from './hooks/useTyping';

package/dist/index.mjs

@@ -66,6 +66,7 @@ import { default as default54 } from "./components/typography/ElmInlineText.vue.
 import { default as default55 } from "./components/typography/ElmParagraph.vue.mjs";
 import { default as default56 } from "./components/typography/ElmList.vue.mjs";
 
+import { default as default57 } from "./components/typography/ElmTypingAnimation.vue.mjs";
 import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
 import { useTyping } from "./hooks/useTyping.mjs";
 export {
@@ -122,6 +123,7 @@ export {
   default11 as ElmToggle,
   default33 as ElmToggleTheme,
   default12 as ElmTooltip,
+  default57 as ElmTypingAnimation,
   default19 as ElmUnsupportedBlock,
   default25 as ElmValidation,
   useElmethisTheme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "0.5.7",
+  "version": "0.6.0",
   "publishConfig": {
     "access": "public"
   },
@@ -44,7 +44,7 @@
     "jarkup-ts": "^0.4.1",
     "openapi-types": "^12.1.3",
     "postcss": "^8.5.6",
-    "postcss-preset-env": "^10.3.0",
+    "postcss-preset-env": "^10.3.1",
     "sass": "^1.91.0",
     "vite": "^7.1.3",
     "vite-plugin-css-injected-by-js": "^3.5.2",