@mkbabb/glass-ui 0.3.0 → 2.1.0

package/dist/typewriter.js

@@ -0,0 +1,860 @@
+import { t as e } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
+//#region src/components/custom/typewriter/types.ts
+var g = {
+	ngramSize: {
+		min: 1,
+		max: 3
+	},
+	baseSpeed: 150,
+	variance: .4,
+	errorRate: .015,
+	firstAnimationSpeedFactor: .6,
+	maxCharsBeforeNotice: 4,
+	continueAfterTypoProbability: .6,
+	sequentialTypoDecay: .3,
+	correctionSpeedMultiplier: .5,
+	correctionBaseDelay: 40,
+	backspaceBaseDelay: 30,
+	backspaceAcceleration: .08,
+	preBackspacePause: 200,
+	postBackspacePause: 150,
+	cursorVisible: !0,
+	cursorBlink: !0,
+	cursorChar: "|",
+	pauseAfterType: 3e3,
+	pauseAfterDelete: 800,
+	deletingSpeed: 70,
+	respectReducedMotion: !0,
+	loop: !1
+}, _ = {
+	1: {
+		row: 0,
+		col: 1,
+		finger: "pinky",
+		hand: "left"
+	},
+	2: {
+		row: 0,
+		col: 2,
+		finger: "ring",
+		hand: "left"
+	},
+	3: {
+		row: 0,
+		col: 3,
+		finger: "middle",
+		hand: "left"
+	},
+	4: {
+		row: 0,
+		col: 4,
+		finger: "index",
+		hand: "left"
+	},
+	5: {
+		row: 0,
+		col: 5,
+		finger: "index",
+		hand: "left"
+	},
+	6: {
+		row: 0,
+		col: 6,
+		finger: "index",
+		hand: "right"
+	},
+	7: {
+		row: 0,
+		col: 7,
+		finger: "index",
+		hand: "right"
+	},
+	8: {
+		row: 0,
+		col: 8,
+		finger: "middle",
+		hand: "right"
+	},
+	9: {
+		row: 0,
+		col: 9,
+		finger: "ring",
+		hand: "right"
+	},
+	0: {
+		row: 0,
+		col: 10,
+		finger: "pinky",
+		hand: "right"
+	},
+	q: {
+		row: 1,
+		col: 1,
+		finger: "pinky",
+		hand: "left"
+	},
+	w: {
+		row: 1,
+		col: 2,
+		finger: "ring",
+		hand: "left"
+	},
+	e: {
+		row: 1,
+		col: 3,
+		finger: "middle",
+		hand: "left"
+	},
+	r: {
+		row: 1,
+		col: 4,
+		finger: "index",
+		hand: "left"
+	},
+	t: {
+		row: 1,
+		col: 5,
+		finger: "index",
+		hand: "left"
+	},
+	y: {
+		row: 1,
+		col: 6,
+		finger: "index",
+		hand: "right"
+	},
+	u: {
+		row: 1,
+		col: 7,
+		finger: "index",
+		hand: "right"
+	},
+	i: {
+		row: 1,
+		col: 8,
+		finger: "middle",
+		hand: "right"
+	},
+	o: {
+		row: 1,
+		col: 9,
+		finger: "ring",
+		hand: "right"
+	},
+	p: {
+		row: 1,
+		col: 10,
+		finger: "pinky",
+		hand: "right"
+	},
+	a: {
+		row: 2,
+		col: 1,
+		finger: "pinky",
+		hand: "left"
+	},
+	s: {
+		row: 2,
+		col: 2,
+		finger: "ring",
+		hand: "left"
+	},
+	d: {
+		row: 2,
+		col: 3,
+		finger: "middle",
+		hand: "left"
+	},
+	f: {
+		row: 2,
+		col: 4,
+		finger: "index",
+		hand: "left"
+	},
+	g: {
+		row: 2,
+		col: 5,
+		finger: "index",
+		hand: "left"
+	},
+	h: {
+		row: 2,
+		col: 6,
+		finger: "index",
+		hand: "right"
+	},
+	j: {
+		row: 2,
+		col: 7,
+		finger: "index",
+		hand: "right"
+	},
+	k: {
+		row: 2,
+		col: 8,
+		finger: "middle",
+		hand: "right"
+	},
+	l: {
+		row: 2,
+		col: 9,
+		finger: "ring",
+		hand: "right"
+	},
+	";": {
+		row: 2,
+		col: 10,
+		finger: "pinky",
+		hand: "right"
+	},
+	z: {
+		row: 3,
+		col: 1,
+		finger: "pinky",
+		hand: "left"
+	},
+	x: {
+		row: 3,
+		col: 2,
+		finger: "ring",
+		hand: "left"
+	},
+	c: {
+		row: 3,
+		col: 3,
+		finger: "middle",
+		hand: "left"
+	},
+	v: {
+		row: 3,
+		col: 4,
+		finger: "index",
+		hand: "left"
+	},
+	b: {
+		row: 3,
+		col: 5,
+		finger: "index",
+		hand: "left"
+	},
+	n: {
+		row: 3,
+		col: 6,
+		finger: "index",
+		hand: "right"
+	},
+	m: {
+		row: 3,
+		col: 7,
+		finger: "index",
+		hand: "right"
+	},
+	",": {
+		row: 3,
+		col: 8,
+		finger: "middle",
+		hand: "right"
+	},
+	".": {
+		row: 3,
+		col: 9,
+		finger: "ring",
+		hand: "right"
+	},
+	"/": {
+		row: 3,
+		col: 10,
+		finger: "pinky",
+		hand: "right"
+	},
+	" ": {
+		row: 4,
+		col: 5,
+		finger: "thumb",
+		hand: "right"
+	},
+	"'": {
+		row: 2,
+		col: 11,
+		finger: "pinky",
+		hand: "right"
+	},
+	"\"": {
+		row: 2,
+		col: 11,
+		finger: "pinky",
+		hand: "right"
+	},
+	"?": {
+		row: 3,
+		col: 10,
+		finger: "pinky",
+		hand: "right"
+	},
+	"!": {
+		row: 0,
+		col: 1,
+		finger: "pinky",
+		hand: "left"
+	},
+	"-": {
+		row: 0,
+		col: 11,
+		finger: "pinky",
+		hand: "right"
+	},
+	"=": {
+		row: 0,
+		col: 12,
+		finger: "pinky",
+		hand: "right"
+	}
+}, v = (e, t) => {
+	let n = _[e.toLowerCase()], r = _[t.toLowerCase()];
+	if (!n || !r) return 250;
+	if (n.hand !== r.hand) return 150 + Math.random() * 50;
+	if (n.row === r.row && n.col === r.col) return 350 + Math.random() * 100;
+	let i = Math.abs(n.col - r.col);
+	return i === 1 && n.row === r.row ? 180 + Math.random() * 40 : n.row === 2 && r.row === 2 ? 200 + Math.random() * 50 : n.row === 2 && r.row !== 2 || n.row !== 2 && r.row === 2 ? 280 + Math.random() * 70 : (n.row === 3 || r.row === 3) && (["pinky", "ring"].includes(n.finger) || ["pinky", "ring"].includes(r.finger)) ? 320 + Math.random() * 80 : Math.abs(n.row - r.row) > 1 || i > 2 ? 300 + Math.random() * 100 : 250 + Math.random() * 50;
+}, y = {
+	0: 0,
+	1: .25,
+	2: .5,
+	3: .75,
+	4: 0
+}, b = 1.2, x = 1;
+function S(e, t) {
+	let n = y[e.row] ?? 0, r = y[t.row] ?? 0, i = e.col + n - (t.col + r), a = e.row - t.row;
+	return Math.sqrt(i * i + a * a);
+}
+var C = {}, w = Object.entries(_).filter(([e]) => /^[a-z]$/.test(e));
+for (let [e, t] of w) {
+	let n = [];
+	for (let [r, i] of w) e !== r && (Math.abs(t.row - i.row) > x || S(t, i) <= b && n.push(r));
+	C[e] = n;
+}
+function T(e) {
+	return C[e.toLowerCase()] ?? [];
+}
+function E(e) {
+	let t = e.toLowerCase(), n = e !== t, r = _[t], i = C[t];
+	if (!r || !i || i.length === 0) {
+		let e = "asdfghjkl"[Math.floor(Math.random() * 9)];
+		return n ? e.toUpperCase() : e;
+	}
+	let a = [];
+	for (let e of i) {
+		let t = _[e];
+		if (!t) continue;
+		let n = 1;
+		t.finger === r.finger ? n = 2 : t.hand === r.hand && (n = 1.5), a.push({
+			char: e,
+			weight: n
+		});
+	}
+	let o = a.reduce((e, t) => e + t.weight, 0), s = Math.random() * o;
+	for (let e of a) if (s -= e.weight, s <= 0) return n ? e.char.toUpperCase() : e.char;
+	throw Error("[typewriter:weighted-pool] pool exhausted without selection — invariant violation; ADJACENCY_MAP integrity check needed.");
+}
+//#endregion
+//#region src/components/custom/typewriter/utils/pausePatterns.ts
+var D = {
+	sentenceEnd: {
+		min: 400,
+		max: 800
+	},
+	commaBreak: {
+		min: 200,
+		max: 400
+	},
+	wordBoundary: {
+		min: 50,
+		max: 150
+	},
+	thinkingPause: {
+		min: 800,
+		max: 2e3
+	},
+	colonPause: {
+		min: 300,
+		max: 500
+	},
+	dashPause: {
+		min: 250,
+		max: 450
+	}
+}, O = (e, t) => Math.floor(Math.random() * (t - e + 1)) + e, k = (e, t, n) => [
+	".",
+	"!",
+	"?"
+].includes(e) && t === " " ? O(n.sentenceEnd.min, n.sentenceEnd.max) : e === "," && t === " " ? O(n.commaBreak.min, n.commaBreak.max) : [":", ";"].includes(e) && t === " " ? O(n.colonPause.min, n.colonPause.max) : e === "-" && t === " " ? O(n.dashPause.min, n.dashPause.max) : e === " " && Math.random() < .3 ? O(n.wordBoundary.min, n.wordBoundary.max) : Math.random() < .05 ? O(n.thinkingPause.min, n.thinkingPause.max) : 0;
+//#endregion
+//#region src/components/custom/typewriter/utils/timing.ts
+function A() {
+	let e = /* @__PURE__ */ new Set(), t = !1;
+	return {
+		get cancelled() {
+			return t;
+		},
+		cancel() {
+			if (!t) {
+				t = !0;
+				for (let t of e) t();
+				e.clear();
+			}
+		},
+		onCancel(n) {
+			t ? n() : e.add(n);
+		},
+		offCancel(t) {
+			e.delete(t);
+		}
+	};
+}
+function j(e, t) {
+	return t.cancelled ? Promise.resolve(!1) : e <= 0 ? Promise.resolve(!0) : new Promise((n) => {
+		let r = setTimeout(() => {
+			t.offCancel(i), n(!0);
+		}, e);
+		function i() {
+			clearTimeout(r), n(!1);
+		}
+		t.onCancel(i);
+	});
+}
+function M(e, t, n = 30, r = 600) {
+	let i = (Math.random() * 2 - 1) * t;
+	return Math.max(n, Math.min(r, e * (1 + i)));
+}
+function N(e, t, n, r) {
+	return M(e * Math.max(.3, 1 - r * n), t, 20, 200);
+}
+function P(e) {
+	if (typeof e == "number") return e;
+	let { min: t, max: n } = e;
+	if (t === n) return t;
+	let r = Math.random();
+	for (let e = t; e < n; e++) {
+		if (r < .5) return e;
+		r = (r - .5) * 2;
+	}
+	return n;
+}
+function F(e, t) {
+	return Math.floor(Math.random() * (t - e + 1)) + e;
+}
+function I() {
+	return typeof window > "u" ? !1 : window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
+}
+//#endregion
+//#region src/components/custom/typewriter/utils/typoStateMachine.ts
+var L = {
+	maxCharsBeforeNotice: 4,
+	continueAfterTypoProbability: .6,
+	sequentialTypoDecay: .3,
+	noticePauseMin: 200,
+	noticePauseMax: 500,
+	resumePauseMin: 100,
+	resumePauseMax: 300
+};
+function R() {
+	return {
+		state: "normal",
+		charsPastTypo: 0,
+		charsToDelete: 0,
+		sequentialTypoCount: 0
+	};
+}
+function z(e, t, n, r) {
+	switch (e.state) {
+		case "normal": return B(e, t, r);
+		case "typo_injected": return V(e, t, n);
+		case "typing_past": return H(e, t, n);
+		case "noticed": return U(e, n);
+		case "correcting": return W(e);
+		case "resuming": return G(e, n);
+	}
+}
+function B(e, t, n) {
+	let r = n * .7 ** e.sequentialTypoCount;
+	return Math.random() < r && /[a-zA-Z]/.test(t) ? {
+		action: {
+			type: "type_wrong",
+			char: E(t),
+			intended: t
+		},
+		ctx: {
+			...e,
+			state: "typo_injected",
+			charsPastTypo: 0,
+			charsToDelete: 1,
+			sequentialTypoCount: e.sequentialTypoCount + 1
+		}
+	} : {
+		action: {
+			type: "type_correct",
+			char: t
+		},
+		ctx: {
+			...e,
+			sequentialTypoCount: 0
+		}
+	};
+}
+function V(e, t, n) {
+	return Math.random() < n.continueAfterTypoProbability ? {
+		action: {
+			type: "type_past_correct",
+			char: t
+		},
+		ctx: {
+			...e,
+			state: "typing_past",
+			charsPastTypo: 1,
+			charsToDelete: e.charsToDelete + 1
+		}
+	} : {
+		action: {
+			type: "notice",
+			pauseMs: F(n.noticePauseMin, n.noticePauseMax)
+		},
+		ctx: {
+			...e,
+			state: "noticed"
+		}
+	};
+}
+function H(e, t, n) {
+	return e.charsPastTypo >= n.maxCharsBeforeNotice ? {
+		action: {
+			type: "notice",
+			pauseMs: F(n.noticePauseMin, n.noticePauseMax)
+		},
+		ctx: {
+			...e,
+			state: "noticed"
+		}
+	} : Math.random() < n.continueAfterTypoProbability ? {
+		action: {
+			type: "type_past_correct",
+			char: t
+		},
+		ctx: {
+			...e,
+			charsPastTypo: e.charsPastTypo + 1,
+			charsToDelete: e.charsToDelete + 1
+		}
+	} : {
+		action: {
+			type: "notice",
+			pauseMs: F(n.noticePauseMin, n.noticePauseMax)
+		},
+		ctx: {
+			...e,
+			state: "noticed"
+		}
+	};
+}
+function U(e, t) {
+	return {
+		action: {
+			type: "backspace",
+			count: e.charsToDelete,
+			frantic: !0
+		},
+		ctx: {
+			...e,
+			state: "correcting"
+		}
+	};
+}
+function W(e) {
+	return {
+		action: {
+			type: "resume",
+			pauseMs: F(100, 300)
+		},
+		ctx: {
+			...e,
+			state: "resuming"
+		}
+	};
+}
+function G(e, t) {
+	return {
+		action: {
+			type: "type_correct",
+			char: ""
+		},
+		ctx: {
+			...e,
+			state: "normal",
+			charsPastTypo: 0,
+			charsToDelete: 0
+		}
+	};
+}
+//#endregion
+//#region src/components/custom/typewriter/composables/useTypewriter.ts
+function K(e) {
+	let t = {
+		...g,
+		...e
+	}, r = t.words != null && t.words.length > 0, i = d(""), a = d(!1), o = d(!0), s = d(!1), c = d(0), l = d(r ? t.words[0] : { text: t.text ?? "" }), u = r ? t.words[0].text : t.text ?? "", f = null;
+	function p() {
+		return {
+			...L,
+			maxCharsBeforeNotice: t.maxCharsBeforeNotice,
+			continueAfterTypoProbability: t.continueAfterTypoProbability,
+			sequentialTypoDecay: t.sequentialTypoDecay
+		};
+	}
+	async function m(e) {
+		let n = u, r = R(), a = p(), s = o.value ? t.firstAnimationSpeedFactor : 1, c = o.value;
+		for (; i.value.length < n.length;) {
+			if (e.cancelled) return;
+			let l = i.value.length, u = n[l], d = l > 0 ? n[l - 1] : "";
+			if (r.state !== "normal") {
+				let n = z(r, u, a, t.errorRate);
+				if (r = n.ctx, !await h(n.action, e, d, s)) return;
+				continue;
+			}
+			if (!c && l > 3 && l < n.length - 3) {
+				let n = z(r, u, a, t.errorRate);
+				if (r = n.ctx, n.action.type === "type_wrong") {
+					if (!await h(n.action, e, d, s)) return;
+					continue;
+				}
+			}
+			let f = Math.min(P(t.ngramSize), n.length - l);
+			for (let r = 0; r < f; r++) {
+				if (e.cancelled) return;
+				let a = l + r, c = n[a], u = a > 0 ? n[a - 1] : "";
+				if (i.value += c, r === f - 1) {
+					let r = n[a + 1] ?? "", i = M(v(u, c) * s, t.variance), l = 0;
+					if (o.value || (l = k(c, r, D)), !await j(i + l, e)) return;
+				}
+			}
+		}
+	}
+	async function h(e, n, r, a) {
+		switch (e.type) {
+			case "type_correct": return e.char === "" ? !0 : (i.value += e.char, j(M(v(r, e.char) * a, t.variance), n));
+			case "type_wrong": return i.value += e.char, j(M(v(r, e.char) * a, t.variance), n);
+			case "type_past_correct": return i.value += e.char, j(M(v(r, e.char) * a * t.correctionSpeedMultiplier, t.variance), n);
+			case "notice": return j(e.pauseMs, n);
+			case "backspace": return _(e.count, n, e.frantic);
+			case "resume": return j(e.pauseMs, n);
+		}
+	}
+	async function _(e, n, r) {
+		let a = r ? t.correctionBaseDelay : t.backspaceBaseDelay, o = r ? t.backspaceAcceleration * 2 : t.backspaceAcceleration;
+		for (let r = 0; r < e; r++) if (n.cancelled || (i.value = i.value.slice(0, -1), !await j(N(a, t.variance * .5, r, o), n))) return !1;
+		return !0;
+	}
+	async function y(e) {
+		s.value = !0;
+		let n = t.deletingSpeed;
+		for (; i.value.length > 0;) if (e.cancelled || (i.value = i.value.slice(0, -1), !await j(n + Math.random() * 20, e))) return s.value = !1, !1;
+		return s.value = !1, !0;
+	}
+	async function b(e) {
+		let n = t.words, r = c.value;
+		for (; !e.cancelled;) {
+			if (l.value = n[r], c.value = r, u = n[r].text, await m(e), e.cancelled || (o.value = !1, t.onWordComplete?.(r), !await j(t.pauseAfterType, e)) || !await y(e) || !await j(t.pauseAfterDelete, e)) return;
+			r = (r + 1) % n.length;
+		}
+	}
+	async function x() {
+		f?.cancel();
+		let e = A();
+		if (f = e, a.value = !0, t.respectReducedMotion && I()) {
+			r ? (i.value = t.words[0].text, l.value = t.words[0]) : i.value = u, a.value = !1, o.value = !1, t.onComplete?.();
+			return;
+		}
+		if (r) await b(e), e.cancelled || (a.value = !1);
+		else {
+			if (!o.value && i.value.length > 0 && (!await j(t.preBackspacePause, e) || !await _(i.value.length, e, !1) || !await j(t.postBackspacePause, e))) return;
+			await m(e), e.cancelled || (o.value = !1, a.value = !1, t.onComplete?.(), t.loop && (await j(2e3, e), e.cancelled || x()));
+		}
+	}
+	function S() {
+		f?.cancel(), f = null, a.value = !1, s.value = !1;
+	}
+	function C() {
+		S(), i.value = "", o.value = !0, r && (c.value = 0, l.value = t.words[0], u = t.words[0].text);
+	}
+	function w(e) {
+		u = e, r || (t.text = e), i.value.length > 0 && (o.value = !1);
+	}
+	async function T(e) {
+		if (a.value || e >= i.value.length || e < 0) return;
+		f?.cancel();
+		let t = A();
+		f = t, a.value = !0, await _(i.value.length - e, t, !1), a.value = !1, t.cancelled || (await j(200, t), t.cancelled || x());
+	}
+	function E() {
+		S();
+	}
+	function O() {
+		a.value || x();
+	}
+	function F(e) {
+		let t = u.length, n = Math.max(0, Math.min(e, t));
+		i.value = u.slice(0, n);
+	}
+	function B(e, n) {
+		if (!r) return;
+		S();
+		let i = t.words, a = e % i.length;
+		c.value = a, l.value = i[a], u = i[a].text, F(n);
+	}
+	return {
+		displayText: i,
+		isTyping: a,
+		isFirstAnimation: o,
+		isDeleting: s,
+		currentWordIndex: n(() => c.value),
+		currentWord: n(() => l.value),
+		startTyping: x,
+		stopTyping: S,
+		reset: C,
+		updateText: w,
+		backspaceToPosition: T,
+		pause: E,
+		resume: O,
+		setCharPosition: F,
+		forceWord: B
+	};
+}
+//#endregion
+//#region src/components/custom/typewriter/TypewriterText.vue?vue&type=script&setup=true&lang.ts
+var q = { class: "tw-root" }, J = ["onClick"], Y = {
+	key: 0,
+	class: "tw-tail"
+}, X = /* @__PURE__ */ e(/* @__PURE__ */ o({
+	__name: "TypewriterText",
+	props: {
+		text: { default: void 0 },
+		words: { default: void 0 },
+		ngramSize: { default: () => ({
+			min: 1,
+			max: 3
+		}) },
+		baseSpeed: { default: 150 },
+		variance: { default: .4 },
+		errorRate: { default: .015 },
+		firstAnimationSpeedFactor: { default: .6 },
+		maxCharsBeforeNotice: { default: 4 },
+		continueAfterTypoProbability: { default: .6 },
+		sequentialTypoDecay: { default: .3 },
+		correctionSpeedMultiplier: { default: .5 },
+		cursorVisible: {
+			type: Boolean,
+			default: !0
+		},
+		cursorBlink: {
+			type: Boolean,
+			default: !0
+		},
+		cursorChar: { default: "|" },
+		startDelay: { default: 0 },
+		loop: {
+			type: Boolean,
+			default: !1
+		},
+		pauseAfterType: { default: 3e3 },
+		pauseAfterDelete: { default: 800 },
+		deletingSpeed: { default: 70 },
+		interactive: {
+			type: Boolean,
+			default: !0
+		},
+		respectReducedMotion: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"complete",
+		"start",
+		"wordComplete"
+	],
+	setup(e, { expose: o, emit: d }) {
+		let g = e, _ = d, v = K({
+			text: g.text,
+			words: g.words,
+			ngramSize: g.ngramSize,
+			baseSpeed: g.baseSpeed,
+			variance: g.variance,
+			errorRate: g.errorRate,
+			firstAnimationSpeedFactor: g.firstAnimationSpeedFactor,
+			maxCharsBeforeNotice: g.maxCharsBeforeNotice,
+			continueAfterTypoProbability: g.continueAfterTypoProbability,
+			sequentialTypoDecay: g.sequentialTypoDecay,
+			correctionSpeedMultiplier: g.correctionSpeedMultiplier,
+			cursorVisible: g.cursorVisible,
+			cursorBlink: g.cursorBlink,
+			cursorChar: g.cursorChar,
+			loop: g.loop,
+			pauseAfterType: g.pauseAfterType,
+			pauseAfterDelete: g.pauseAfterDelete,
+			deletingSpeed: g.deletingSpeed,
+			respectReducedMotion: g.respectReducedMotion,
+			onComplete: () => _("complete"),
+			onWordComplete: (e) => _("wordComplete", e)
+		}), { displayText: y, startTyping: b, stopTyping: x, reset: S, backspaceToPosition: C } = v, w = n(() => y.value.split("")), T = n(() => w.value.slice(0, -1)), E = n(() => w.value.length > 0 ? w.value[w.value.length - 1] : null), D = n(() => g.interactive ? "tw-char tw-char--interactive" : "tw-char"), O = /* @__PURE__ */ new Set();
+		function k(e, t) {
+			let n = setTimeout(() => {
+				O.delete(n), e();
+			}, t);
+			return O.add(n), n;
+		}
+		function A() {
+			O.forEach((e) => clearTimeout(e)), O.clear();
+		}
+		function j() {
+			A(), k(() => {
+				_("start"), b();
+			}, g.startDelay);
+		}
+		function M(e) {
+			g.interactive && (e >= y.value.length || (v.isTyping.value ? (x(), k(() => void C(e + 1), 50)) : C(e + 1)));
+		}
+		return h(() => g.text, (e, t) => {
+			e !== t && e && (x(), v.updateText(e), j());
+		}), c(() => {
+			(g.text || g.words && g.words.length > 0) && j();
+		}), l(() => {
+			A(), x();
+		}), o({
+			startTyping: b,
+			stopTyping: x,
+			reset: S,
+			isTyping: v.isTyping,
+			isDeleting: v.isDeleting,
+			currentWord: v.currentWord,
+			currentWordIndex: v.currentWordIndex,
+			pause: v.pause,
+			resume: v.resume,
+			setCharPosition: v.setCharPosition,
+			forceWord: v.forceWord
+		}), (n, o) => (u(), i("span", q, [(u(!0), i(t, null, f(T.value, (e, t) => (u(), i("span", {
+			key: t,
+			class: s(D.value),
+			onClick: (e) => M(t)
+		}, p(e), 11, J))), 128)), E.value === null ? e.cursorVisible ? (u(), i("span", {
+			key: 1,
+			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !m(v).isTyping.value }])
+		}, p(e.cursorChar), 3)) : r("", !0) : (u(), i("span", Y, [a("span", {
+			class: s(D.value),
+			onClick: o[0] ||= (e) => M(w.value.length - 1)
+		}, p(E.value), 3), e.cursorVisible ? (u(), i("span", {
+			key: 0,
+			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !m(v).isTyping.value }])
+		}, p(e.cursorChar), 3)) : r("", !0)]))]));
+	}
+}), [["__scopeId", "data-v-f7b6d096"]]);
+//#endregion
+export { g as DEFAULTS, L as DEFAULT_TYPO_CONFIG, D as PAUSE_PATTERNS, _ as QWERTY_MAP, X as TypewriterText, N as backspaceDelay, v as calculateKeyDelay, A as createCancellationToken, R as createTypoContext, T as getAdjacentKeys, k as getPauseDelay, z as nextTypoAction, P as pickNgramSize, E as pickTypoChar, I as prefersReducedMotion, F as randomInRange, j as sleep, M as stochasticDelay, K as useTypewriter };