@voidzero-dev/vitepress-theme 0.0.18 → 0.1.33

package/dist/index4.js

@@ -0,0 +1,157 @@
+import { defineComponent as w, ref as d, onMounted as V, onUnmounted as C, createElementBlock as k, openBlock as _, createElementVNode as A, normalizeClass as x, createBlock as E, createCommentVNode as N, unref as a, withCtx as n, createVNode as e, createTextVNode as r } from "vue";
+import { TabsRoot as $, TabsList as I, TabsTrigger as i, TabsContent as u } from "reka-ui";
+import z from "./index41.js";
+import B from "./index42.js";
+import O from "./index43.js";
+import R from "./index44.js";
+import U from "./index45.js";
+import j from "./index46.js";
+const D = 1500, J = /* @__PURE__ */ w({
+  __name: "Terminal",
+  setup(L) {
+    const f = d("tab1"), v = d(!0);
+    let o = null;
+    const b = d(null), s = d(!1);
+    let m = null;
+    const c = ["tab1", "tab2", "tab3", "tab4", "tab5", "tab6"], T = () => {
+      const t = (c.indexOf(f.value) + 1) % c.length;
+      f.value = c[t];
+    }, l = () => {
+      v.value && (o && clearTimeout(o), o = setTimeout(() => {
+        T();
+      }, D));
+    }, g = () => {
+      v.value = !1, o && (clearTimeout(o), o = null);
+    };
+    return V(() => {
+      b.value && (m = new IntersectionObserver(
+        (p) => {
+          p.forEach((t) => {
+            t.isIntersecting && !s.value && (s.value = !0, m?.disconnect());
+          });
+        },
+        {
+          threshold: 0.2,
+          // Trigger when 20% of the element is visible
+          rootMargin: "0px"
+        }
+      ), m.observe(b.value));
+    }), C(() => {
+      o && clearTimeout(o), m && m.disconnect();
+    }), (p, t) => (_(), k("section", {
+      ref_key: "sectionRef",
+      ref: b,
+      class: "wrapper border-t h-[40rem] bg-wine terminal-background flex justify-center pt-28 overflow-clip"
+    }, [
+      A("div", {
+        class: x([
+          "self-stretch px-4 sm:px-8 py-5 sm:py-7 relative bg-primary rounded-tl-lg rounded-tr-lg inline-flex flex-col justify-start items-start gap-2 overflow-hidden w-[62rem] outline-1 outline-offset-[3px] outline-white/30",
+          "transition-transform duration-1000",
+          s.value ? "translate-y-0" : "translate-y-24"
+        ]),
+        style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
+      }, [
+        s.value ? (_(), E(a($), {
+          key: 0,
+          modelValue: f.value,
+          "onUpdate:modelValue": [
+            t[0] || (t[0] = (y) => f.value = y),
+            g
+          ]
+        }, {
+          default: n(() => [
+            e(a(I), {
+              "aria-label": "features",
+              class: x([
+                "absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center p-1 rounded-md border border-white/10",
+                "transition-transform duration-700 delay-300",
+                s.value ? "translate-y-0" : "translate-y-12"
+              ]),
+              style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
+            }, {
+              default: n(() => [
+                e(a(i), { value: "tab1" }, {
+                  default: n(() => [...t[1] || (t[1] = [
+                    r(" new ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab2" }, {
+                  default: n(() => [...t[2] || (t[2] = [
+                    r(" dev ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab3" }, {
+                  default: n(() => [...t[3] || (t[3] = [
+                    r(" lint ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab4" }, {
+                  default: n(() => [...t[4] || (t[4] = [
+                    r(" fmt ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab5" }, {
+                  default: n(() => [...t[5] || (t[5] = [
+                    r(" test ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab6" }, {
+                  default: n(() => [...t[6] || (t[6] = [
+                    r(" build ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            e(a(u), { value: "tab1" }, {
+              default: n(() => [
+                e(z, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab2" }, {
+              default: n(() => [
+                e(B, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab3" }, {
+              default: n(() => [
+                e(O, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab4" }, {
+              default: n(() => [
+                e(R, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab5" }, {
+              default: n(() => [
+                e(U, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab6" }, {
+              default: n(() => [
+                e(j, { "on-animation-complete": l })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : N("", !0)
+      ], 2)
+    ], 512));
+  }
+});
+export {
+  J as default
+};