@mhmo91/schmancy 0.7.5 → 0.7.7

package/dist/{typewriter-By-3T0Jm.js → typewriter-Dt1Js2lP.js}

@@ -1,94 +1,94 @@
-import { c as X } from "./consume-5D1qfVWM.js";
+import { c as V } from "./consume-5D1qfVWM.js";
 import "rxjs";
 import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { property as f, query as J, queryAssignedNodes as W, queryAssignedElements as G, customElement as Y } from "lit/decorators.js";
-import "./tailwind.mixin-xIIxrXd8.js";
-import { $ as Z } from "./litElement.mixin-BzbZQbxa.js";
-import { h as tt, d as et } from "./delay-B40l99jW.js";
+import { property as y, query as X, queryAssignedNodes as G, queryAssignedElements as J, customElement as W } from "lit/decorators.js";
+import "./tailwind.mixin-wLaKUxf1.js";
+import { $ as Z } from "./litElement.mixin-CVje6z-M.js";
+import { h as tt, d as et } from "./delay-BINGOQ7f.js";
 import { i as st } from "./intersection-CJxzz8c-.js";
-import { html as it } from "lit";
-const F = (s) => Array.isArray(s), k = (s) => F(s) ? s : [s], B = "data-typeit-id", y = "ti-cursor", rt = { started: !1, completed: !1, frozen: !1, destroyed: !1 }, g = { breakLines: !0, cursor: { autoPause: !0, autoPauseDelay: 500, animation: { frames: [0, 0, 1].map((s) => ({ opacity: s })), options: { iterations: 1 / 0, easing: "steps(2, start)", fill: "forwards" } } }, cursorChar: "|", cursorSpeed: 1e3, deleteSpeed: null, html: !0, lifeLike: !0, loop: !1, loopDelay: 750, nextStringDelay: 750, speed: 100, startDelay: 250, startDelete: !1, strings: [], waitUntilVisible: !1, beforeString: () => {
+import { css as it, html as rt } from "lit";
+const F = (s) => Array.isArray(s), A = (s) => F(s) ? s : [s], B = "data-typeit-id", m = "ti-cursor", nt = { started: !1, completed: !1, frozen: !1, destroyed: !1 }, g = { breakLines: !0, cursor: { autoPause: !0, autoPauseDelay: 500, animation: { frames: [0, 0, 1].map((s) => ({ opacity: s })), options: { iterations: 1 / 0, easing: "steps(2, start)", fill: "forwards" } } }, cursorChar: "|", cursorSpeed: 1e3, deleteSpeed: null, html: !0, lifeLike: !0, loop: !1, loopDelay: 750, nextStringDelay: 750, speed: 100, startDelay: 250, startDelete: !1, strings: [], waitUntilVisible: !1, beforeString: () => {
 }, afterString: () => {
 }, beforeStep: () => {
 }, afterStep: () => {
 }, afterComplete: () => {
-} }, nt = `[${B}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`, P = (s) => document.createElement(s), q = (s) => document.createTextNode(s), A = (s, t = "") => {
-  let e = P("style");
-  e.id = t, e.appendChild(q(s)), document.head.appendChild(e);
-}, _ = (s) => (F(s) || (s = [s / 2, s / 2]), s), $ = (s, t) => Math.abs(Math.random() * (s + t - (s - t)) + (s - t));
-let O = (s) => s / 2;
+} }, ot = `[${B}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`, T = (s) => document.createElement(s), k = (s) => document.createTextNode(s), M = (s, t = "") => {
+  let e = T("style");
+  e.id = t, e.appendChild(k(s)), document.head.appendChild(e);
+}, _ = (s) => (F(s) || (s = [s / 2, s / 2]), s), z = (s, t) => Math.abs(Math.random() * (s + t - (s - t)) + (s - t));
+let $ = (s) => s / 2;
 const j = (s) => Array.from(s);
-let x = (s) => ([...s.childNodes].forEach((t) => {
+let N = (s) => ([...s.childNodes].forEach((t) => {
   if (t.nodeValue) return [...t.nodeValue].forEach((e) => {
-    t.parentNode.insertBefore(q(e), t);
+    t.parentNode.insertBefore(k(e), t);
   }), void t.remove();
-  x(t);
+  N(t);
 }), s);
 const K = (s) => {
   let t = document.implementation.createHTMLDocument();
-  return t.body.innerHTML = s, x(t.body);
+  return t.body.innerHTML = s, N(t.body);
 };
 function Q(s, t = !1, e = !1) {
-  let i, r = s.querySelector(`.${y}`), n = document.createTreeWalker(s, NodeFilter.SHOW_ALL, { acceptNode: (a) => {
+  let i, r = s.querySelector(`.${m}`), n = document.createTreeWalker(s, NodeFilter.SHOW_ALL, { acceptNode: (a) => {
     if (r && e) {
-      if (a.classList?.contains(y)) return NodeFilter.FILTER_ACCEPT;
+      if (a.classList?.contains(m)) return NodeFilter.FILTER_ACCEPT;
       if (r.contains(a)) return NodeFilter.FILTER_REJECT;
     }
-    return a.classList?.contains(y) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
+    return a.classList?.contains(m) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
   } }), o = [];
   for (; i = n.nextNode(); ) i.originalParent || (i.originalParent = i.parentNode), o.push(i);
   return t ? o.reverse() : o;
 }
-function ot(s, t = !0) {
-  return t ? Q(K(s)) : j(s).map(q);
+function at(s, t = !0) {
+  return t ? Q(K(s)) : j(s).map(k);
 }
-const at = ({ index: s, newIndex: t, queueItems: e, cleanUp: i }) => {
+const lt = ({ index: s, newIndex: t, queueItems: e, cleanUp: i }) => {
   for (let r = s + 1; r < t + 1; r++) i(e[r][0]);
-}, U = (s) => Number.isInteger(s), H = ({ queueItems: s, selector: t, cursorPosition: e, to: i }) => {
-  if (U(t)) return -1 * t;
+}, Y = (s) => Number.isInteger(s), O = ({ queueItems: s, selector: t, cursorPosition: e, to: i }) => {
+  if (Y(t)) return -1 * t;
   let r = new RegExp("END", "i").test(i), n = t ? [...s].reverse().findIndex(({ char: o }) => {
-    let a = o.parentElement, u = a.matches(t);
-    return !(!r || !u) || u && a.firstChild.isSameNode(o);
+    let a = o.parentElement, h = a.matches(t);
+    return !(!r || !h) || h && a.firstChild.isSameNode(o);
   }) : -1;
   return n < 0 && (n = r ? 0 : s.length - 1), n - e + (r ? 0 : 1);
-}, T = (s, t) => new Array(t).fill(s);
+}, v = (s, t) => new Array(t).fill(s);
 let S = (s) => new Promise((t) => {
   requestAnimationFrame(async () => {
     t(await s());
   });
-}), R = (s) => s?.getAnimations().find((t) => t.id === s.dataset.tiAnimationId), V = ({ cursor: s, frames: t, options: e }) => {
+}), H = (s) => s?.getAnimations().find((t) => t.id === s.dataset.tiAnimationId), U = ({ cursor: s, frames: t, options: e }) => {
   let i = s.animate(t, e);
   return i.pause(), i.id = s.dataset.tiAnimationId, S(() => {
     S(() => {
       i.play();
     });
   }), i;
-}, z = (s) => s.func?.call(null), ht = async ({ index: s, queueItems: t, wait: e, cursor: i, cursorOptions: r }) => {
-  let n = t[s][1], o = [], a = s, u = n, l = () => u && !u.delay, h = n.shouldPauseCursor() && r.autoPause;
-  for (; l(); ) o.push(u), l() && a++, u = t[a] ? t[a][1] : null;
+}, R = (s) => s.func?.call(null), ht = async ({ index: s, queueItems: t, wait: e, cursor: i, cursorOptions: r }) => {
+  let n = t[s][1], o = [], a = s, h = n, u = () => h && !h.delay, l = n.shouldPauseCursor() && r.autoPause;
+  for (; u(); ) o.push(h), u() && a++, h = t[a] ? t[a][1] : null;
   if (o.length) return await S(async () => {
-    for (let w of o) await z(w);
+    for (let w of o) await R(w);
   }), a - 1;
-  let c, m = R(i);
-  return m && (c = { ...m.effect.getComputedTiming(), delay: h ? r.autoPauseDelay : 0 }), await e(async () => {
-    m && h && m.cancel(), await S(() => {
-      z(n);
+  let c, f = H(i);
+  return f && (c = { ...f.effect.getComputedTiming(), delay: l ? r.autoPauseDelay : 0 }), await e(async () => {
+    f && l && f.cancel(), await S(() => {
+      R(n);
     });
-  }, n.delay), await (({ cursor: w, options: L, cursorOptions: D }) => {
+  }, n.delay), await (({ cursor: w, options: q, cursorOptions: D }) => {
     if (!w || !D) return;
-    let E, C = R(w);
-    C && (L.delay = C.effect.getComputedTiming().delay, E = C.currentTime, C.cancel());
-    let M = V({ cursor: w, frames: D.animation.frames, options: L });
-    return E && (M.currentTime = E), M;
+    let E, C = H(w);
+    C && (q.delay = C.effect.getComputedTiming().delay, E = C.currentTime, C.cancel());
+    let L = U({ cursor: w, frames: D.animation.frames, options: q });
+    return E && (L.currentTime = E), L;
   })({ cursor: i, options: c, cursorOptions: r }), s;
 };
-const v = (s) => "value" in s;
-let b = (s) => typeof s == "function" ? s() : s, N = (s, t = document, e = !1) => t["querySelector" + (e ? "All" : "")](s);
+const P = (s) => "value" in s;
+let b = (s) => typeof s == "function" ? s() : s, x = (s, t = document, e = !1) => t["querySelector" + (e ? "All" : "")](s);
 const I = (s, t) => Object.assign({}, s, t);
 let ut = { "font-family": "", "font-weight": "", "font-size": "", "font-style": "", "line-height": "", color: "", transform: "translateX(-.125em)" };
-class lt {
+class ct {
   element;
   timeouts;
   cursorPosition;
@@ -103,26 +103,26 @@ class lt {
   };
   constructor(t, e = {}) {
     var i;
-    this.opts = I(g, e), this.element = typeof (i = t) == "string" ? N(i) : i, this.timeouts = [], this.cursorPosition = 0, this.unfreeze = () => {
-    }, this.predictedCursorPosition = null, this.statuses = I({}, rt), this.id = Math.random().toString().substring(2, 9), this.queue = (function(r) {
-      let n = function(h) {
-        return k(h).forEach((c) => l.set(Symbol(c.char?.innerText), o({ ...c }))), this;
-      }, o = (h) => (h.shouldPauseCursor = function() {
+    this.opts = I(g, e), this.element = typeof (i = t) == "string" ? x(i) : i, this.timeouts = [], this.cursorPosition = 0, this.unfreeze = () => {
+    }, this.predictedCursorPosition = null, this.statuses = I({}, nt), this.id = Math.random().toString().substring(2, 9), this.queue = (function(r) {
+      let n = function(l) {
+        return A(l).forEach((c) => u.set(Symbol(c.char?.innerText), o({ ...c }))), this;
+      }, o = (l) => (l.shouldPauseCursor = function() {
         return !!(this.typeable || this.cursorable || this.deletable);
-      }, h), a = () => l, u = () => Array.from(l.values()), l = /* @__PURE__ */ new Map();
-      return n(r), { add: n, set: function(h, c) {
-        let m = [...l.keys()];
-        l.set(m[h], o(c));
+      }, l), a = () => u, h = () => Array.from(u.values()), u = /* @__PURE__ */ new Map();
+      return n(r), { add: n, set: function(l, c) {
+        let f = [...u.keys()];
+        u.set(f[l], o(c));
       }, wipe: function() {
-        l = /* @__PURE__ */ new Map(), n(r);
-      }, done: (h, c = !1) => c ? l.delete(h) : l.get(h).done = !0, reset: function() {
-        l.forEach((h) => delete h.done);
-      }, destroy: (h) => l.delete(h), getItems: (h = !1) => h ? u() : u().filter((c) => !c.done), getQueue: a, getTypeable: () => u().filter((h) => h.typeable), getPendingQueueItems: () => {
-        const h = [];
-        for (let [, c] of a()) c.done || h.push(c);
-        return h;
+        u = /* @__PURE__ */ new Map(), n(r);
+      }, done: (l, c = !1) => c ? u.delete(l) : u.get(l).done = !0, reset: function() {
+        u.forEach((l) => delete l.done);
+      }, destroy: (l) => u.delete(l), getItems: (l = !1) => l ? h() : h().filter((c) => !c.done), getQueue: a, getTypeable: () => h().filter((l) => l.typeable), getPendingQueueItems: () => {
+        const l = [];
+        for (let [, c] of a()) c.done || l.push(c);
+        return l;
       } };
-    })([{ delay: this.opts.startDelay }]), this.#T(e), this.cursor = this.#P(), this.element.dataset.typeitId = this.id, A(nt), this.opts.strings.length && this.#C();
+    })([{ delay: this.opts.startDelay }]), this.#v(e), this.cursor = this.#T(), this.element.dataset.typeitId = this.id, M(ot), this.opts.strings.length && this.#C();
   }
   go() {
     return this.statuses.started ? this : (this.#m(), this.opts.waitUntilVisible ? (t = this.element, e = this.#i.bind(this), new IntersectionObserver((i, r) => {
@@ -138,26 +138,26 @@ class lt {
   reset(t) {
     !this.is("destroyed") && this.destroy(), t ? (this.queue.wipe(), t(this)) : this.queue.reset(), this.cursorPosition = 0;
     for (let e in this.statuses) this.statuses[e] = !1;
-    return this.element[this.#u() ? "value" : "innerHTML"] = "", this;
+    return this.element[this.#h() ? "value" : "innerHTML"] = "", this;
   }
   is = function(t) {
     return this.statuses[t];
   };
   type(t, e = {}) {
     t = b(t);
-    let { instant: i } = e, r = this.#r(e), n = ot(t, this.opts.html).map((a) => {
-      return { func: () => this.#l(a), char: a, delay: i || (u = a, /<(.+)>(.*?)<\/(.+)>/.test(u.outerHTML)) ? 0 : this.#s(), typeable: a.nodeType === Node.TEXT_NODE };
-      var u;
+    let { instant: i } = e, r = this.#r(e), n = at(t, this.opts.html).map((a) => {
+      return { func: () => this.#u(a), char: a, delay: i || (h = a, /<(.+)>(.*?)<\/(.+)>/.test(h.outerHTML)) ? 0 : this.#s(), typeable: a.nodeType === Node.TEXT_NODE };
+      var h;
     }), o = [r[0], { func: async () => await this.opts.beforeString(t, this) }, ...n, { func: async () => await this.opts.afterString(t, this) }, r[1]];
     return this.#t(o, e);
   }
   break(t = {}) {
-    return this.#t({ func: () => this.#l(P("BR")), typeable: !0 }, t);
+    return this.#t({ func: () => this.#u(T("BR")), typeable: !0 }, t);
   }
   move(t, e = {}) {
     t = b(t);
-    let i = this.#r(e), { instant: r, to: n } = e, o = H({ queueItems: this.queue.getTypeable(), selector: t === null ? "" : t, to: n, cursorPosition: this.#a }), a = o < 0 ? -1 : 1;
-    return this.predictedCursorPosition = this.#a + o, this.#t([i[0], ...T({ func: () => this.#d(a), delay: r ? 0 : this.#s(), cursorable: !0 }, Math.abs(o)), i[1]], e);
+    let i = this.#r(e), { instant: r, to: n } = e, o = O({ queueItems: this.queue.getTypeable(), selector: t === null ? "" : t, to: n, cursorPosition: this.#a }), a = o < 0 ? -1 : 1;
+    return this.predictedCursorPosition = this.#a + o, this.#t([i[0], ...v({ func: () => this.#p(a), delay: r ? 0 : this.#s(), cursorable: !0 }, Math.abs(o)), i[1]], e);
   }
   exec(t, e = {}) {
     let i = this.#r(e);
@@ -171,8 +171,8 @@ class lt {
   }
   delete(t = null, e = {}) {
     t = b(t);
-    let i = this.#r(e), r = t, { instant: n, to: o } = e, a = this.queue.getTypeable(), u = r === null ? a.length : U(r) ? r : H({ queueItems: a, selector: r, cursorPosition: this.#a, to: o });
-    return this.#t([i[0], ...T({ func: this.#o.bind(this), delay: n ? 0 : this.#s(1), deletable: !0 }, u), i[1]], e);
+    let i = this.#r(e), r = t, { instant: n, to: o } = e, a = this.queue.getTypeable(), h = r === null ? a.length : Y(r) ? r : O({ queueItems: a, selector: r, cursorPosition: this.#a, to: o });
+    return this.#t([i[0], ...v({ func: this.#o.bind(this), delay: n ? 0 : this.#s(1), deletable: !0 }, h), i[1]], e);
   }
   freeze() {
     this.statuses.frozen = !0;
@@ -199,7 +199,7 @@ class lt {
     return this.#t({ func: this.#b.bind(this) }, t);
   }
   async #b() {
-    this.#u() ? this.element.value = "" : this.#e.forEach(this.#c.bind(this));
+    this.#h() ? this.element.value = "" : this.#e.forEach(this.#c.bind(this));
   }
   async #i(t = !0) {
     this.statuses.started = !0, this.statuses.firing = !0;
@@ -212,8 +212,8 @@ class lt {
         let [o, a] = i[n];
         if (!a.done) {
           if (!a.deletable || a.deletable && this.#e.length) {
-            let u = await this.#p(n, i);
-            at({ index: n, newIndex: u, queueItems: i, cleanUp: e }), n = u;
+            let h = await this.#d(n, i);
+            lt({ index: n, newIndex: h, queueItems: i, cleanUp: e }), n = h;
           }
           e(o);
         }
@@ -228,21 +228,21 @@ class lt {
     }
     return this.statuses.firing = !1, this;
   }
-  async #d(t) {
+  async #p(t) {
     var e, i, r;
     this.cursorPosition = (e = t, i = this.cursorPosition, r = this.#e, Math.min(Math.max(i + e, 0), r.length)), ((n, o, a) => {
-      let u = o[a - 1], l = N(`.${y}`, n);
-      (n = u?.parentNode || n).insertBefore(l, u || null);
+      let h = o[a - 1], u = x(`.${m}`, n);
+      (n = h?.parentNode || n).insertBefore(u, h || null);
     })(this.element, this.#e, this.cursorPosition);
   }
   async #w(t) {
     let e = this.#a;
-    e && await this.#d({ value: e });
+    e && await this.#p({ value: e });
     let i = this.#e.map((r) => [Symbol(), { func: this.#o.bind(this), delay: this.#s(1), deletable: !0, shouldPauseCursor: () => !0 }]);
-    for (let r = 0; r < i.length; r++) await this.#p(r, i);
+    for (let r = 0; r < i.length; r++) await this.#d(r, i);
     this.queue.reset(), this.queue.set(0, { delay: t });
   }
-  #p(t, e) {
+  #d(t, e) {
     return ht({ index: t, queueItems: e, wait: this.#y.bind(this), cursor: this.cursor, cursorOptions: this.opts.cursor });
   }
   async #y(t, e, i = !1) {
@@ -257,17 +257,17 @@ class lt {
     }))(t, e, this.timeouts), i || await this.opts.afterStep(this);
   }
   async #m() {
-    if (!this.#u() && this.cursor && this.element.appendChild(this.cursor), this.#g) {
+    if (!this.#h() && this.cursor && this.element.appendChild(this.cursor), this.#g) {
       ((r, n) => {
-        let o = `[${B}='${r}'] .${y}`, a = getComputedStyle(n), u = Object.entries(ut).reduce((l, [h, c]) => `${l} ${h}: var(--ti-cursor-${h}, ${c || a[h]});`, "");
-        A(`${o} { display: inline-block; width: 0; ${u} }`, r);
+        let o = `[${B}='${r}'] .${m}`, a = getComputedStyle(n), h = Object.entries(ut).reduce((u, [l, c]) => `${u} ${l}: var(--ti-cursor-${l}, ${c || a[l]});`, "");
+        M(`${o} { display: inline-block; width: 0; ${h} }`, r);
       })(this.id, this.element), this.cursor.dataset.tiAnimationId = this.id;
       let { animation: t } = this.opts.cursor, { frames: e, options: i } = t;
-      V({ frames: e, cursor: this.cursor, options: { duration: this.opts.cursorSpeed, ...i } });
+      U({ frames: e, cursor: this.cursor, options: { duration: this.opts.cursorSpeed, ...i } });
     }
   }
-  #u() {
-    return v(this.element);
+  #h() {
+    return P(this.element);
   }
   #t(t, e) {
     return this.queue.add(t), this.#I(e), this;
@@ -286,45 +286,45 @@ class lt {
     let t = this.opts.strings.filter((e) => !!e);
     t.forEach((e, i) => {
       if (this.type(e), i + 1 === t.length) return;
-      let r = this.opts.breakLines ? [{ func: () => this.#l(P("BR")), typeable: !0 }] : T({ func: this.#o.bind(this), delay: this.#s(1) }, this.queue.getTypeable().length);
+      let r = this.opts.breakLines ? [{ func: () => this.#u(T("BR")), typeable: !0 }] : v({ func: this.#o.bind(this), delay: this.#s(1) }, this.queue.getTypeable().length);
       this.#f(r);
     });
   }
-  #T = (t) => {
+  #v = (t) => {
     this.opts.cursor = ((e) => {
       if (typeof e == "object") {
         let i = {}, { frames: r, options: n } = g.cursor.animation;
         return i.animation = e.animation || {}, i.animation.frames = e.animation?.frames || r, i.animation.options = I(n, e.animation?.options || {}), i.autoPause = e.autoPause ?? g.cursor.autoPause, i.autoPauseDelay = e.autoPauseDelay || g.cursor.autoPauseDelay, i;
       }
       return e === !0 ? g.cursor : e;
-    })(t.cursor ?? g.cursor), this.opts.strings = this.#v(k(this.opts.strings)), this.opts = I(this.opts, { html: !this.#h && this.opts.html, nextStringDelay: _(this.opts.nextStringDelay), loopDelay: _(this.opts.loopDelay) });
+    })(t.cursor ?? g.cursor), this.opts.strings = this.#P(A(this.opts.strings)), this.opts = I(this.opts, { html: !this.#l && this.opts.html, nextStringDelay: _(this.opts.nextStringDelay), loopDelay: _(this.opts.loopDelay) });
   };
-  #v(t) {
+  #P(t) {
     let e = this.element.innerHTML;
-    return e ? (this.element.innerHTML = "", this.opts.startDelete ? (this.element.innerHTML = e, x(this.element), this.#f(T({ func: this.#o.bind(this), delay: this.#s(1), deletable: !0 }, this.#e.length)), t) : (i = e, i.replace(/<!--(.+?)-->/g, "").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(t)) : t;
+    return e ? (this.element.innerHTML = "", this.opts.startDelete ? (this.element.innerHTML = e, N(this.element), this.#f(v({ func: this.#o.bind(this), delay: this.#s(1), deletable: !0 }, this.#e.length)), t) : (i = e, i.replace(/<!--(.+?)-->/g, "").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(t)) : t;
     var i;
   }
-  #P() {
-    if (this.#h) return null;
-    let t = P("span");
-    return t.className = y, this.#g ? (t.innerHTML = K(this.opts.cursorChar).innerHTML, t) : (t.style.visibility = "hidden", t);
+  #T() {
+    if (this.#l) return null;
+    let t = T("span");
+    return t.className = m, this.#g ? (t.innerHTML = K(this.opts.cursorChar).innerHTML, t) : (t.style.visibility = "hidden", t);
   }
   #f(t) {
     let e = this.opts.nextStringDelay;
     this.queue.add([{ delay: e[0] }, ...t, { delay: e[1] }]);
   }
-  #l(t) {
+  #u(t) {
     ((e, i) => {
-      if (v(e)) return void (e.value = `${e.value}${i.textContent}`);
+      if (P(e)) return void (e.value = `${e.value}${i.textContent}`);
       i.innerHTML = "";
       let r = (n = i.originalParent, /body/i.test(n?.tagName) ? e : i.originalParent || e);
       var n;
-      let o = N("." + y, r) || null;
+      let o = x("." + m, r) || null;
       o && o.parentElement !== r && (r = o.parentElement), r.insertBefore(i, o);
     })(this.element, t);
   }
   #o() {
-    this.#e.length && (this.#h ? this.element.value = this.element.value.slice(0, -1) : this.#c(this.#e[this.cursorPosition]));
+    this.#e.length && (this.#l ? this.element.value = this.element.value.slice(0, -1) : this.#c(this.#e[this.cursorPosition]));
   }
   #c(t) {
     ((e, i) => {
@@ -336,30 +336,145 @@ class lt {
   #s(t = 0) {
     return (function(e) {
       let { speed: i, deleteSpeed: r, lifeLike: n } = e;
-      return r = r !== null ? r : i / 3, n ? [$(i, O(i)), $(r, O(r))] : [i, r];
+      return r = r !== null ? r : i / 3, n ? [z(i, $(i)), z(r, $(r))] : [i, r];
     })(this.opts)[t];
   }
   get #a() {
     return this.predictedCursorPosition ?? this.cursorPosition;
   }
-  get #h() {
-    return v(this.element);
+  get #l() {
+    return P(this.element);
   }
   get #g() {
-    return !!this.opts.cursor && !this.#h;
+    return !!this.opts.cursor && !this.#l;
   }
   get #e() {
-    return t = this.element, v(t) ? j(t.value) : Q(t, !0).filter((e) => !(e.childNodes.length > 0));
+    return t = this.element, P(t) ? j(t.value) : Q(t, !0).filter((e) => !(e.childNodes.length > 0));
     var t;
   }
 }
-var ct = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, p = (s, t, e, i) => {
+var pt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, d = (s, t, e, i) => {
   for (var r, n = i > 1 ? void 0 : i ? dt(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && ct(t, e, n), n;
+  return i && n && pt(t, e, n), n;
 };
-let d = class extends Z() {
+let p = class extends Z(it`
+	:host {
+		display: inline-block;
+	}
+
+	#typewriter {
+		position: relative;
+	}
+
+	/* Enhanced cursor with glow effect */
+	#typewriter :global(.ti-cursor) {
+		animation: cursor-pulse 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+		color: currentColor;
+		filter: drop-shadow(0 0 8px currentColor);
+	}
+
+	@keyframes cursor-pulse {
+		0%, 100% {
+			opacity: 1;
+			transform: scale(1);
+		}
+		50% {
+			opacity: 0.3;
+			transform: scale(0.95);
+		}
+	}
+
+	/* Character entrance animation */
+	#typewriter :global(.ti-container *) {
+		animation: char-entrance 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
+	}
+
+	@keyframes char-entrance {
+		0% {
+			opacity: 0;
+			transform: scale(0.3) translateY(10px);
+			filter: blur(4px);
+		}
+		50% {
+			opacity: 0.8;
+			transform: scale(1.1) translateY(-2px);
+		}
+		100% {
+			opacity: 1;
+			transform: scale(1) translateY(0);
+			filter: blur(0);
+		}
+	}
+
+	/* Subtle character wobble on appear */
+	#typewriter :global(.ti-container *:nth-child(odd)) {
+		animation: char-entrance 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
+		           char-wobble 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s backwards;
+	}
+
+	@keyframes char-wobble {
+		0%, 100% {
+			transform: rotate(0deg);
+		}
+		25% {
+			transform: rotate(2deg);
+		}
+		75% {
+			transform: rotate(-2deg);
+		}
+	}
+
+	/* Deletion animation - fade out and scale down */
+	#typewriter :global(.ti-container .deleting) {
+		animation: char-delete 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;
+	}
+
+	@keyframes char-delete {
+		0% {
+			opacity: 1;
+			transform: scale(1);
+			filter: blur(0);
+		}
+		50% {
+			opacity: 0.5;
+			transform: scale(0.8) translateY(-3px);
+		}
+		100% {
+			opacity: 0;
+			transform: scale(0.4) translateY(-8px);
+			filter: blur(3px);
+		}
+	}
+
+	/* Gradient text effect on typed text */
+	#typewriter :global(.ti-container) {
+		background: linear-gradient(
+			90deg,
+			currentColor 0%,
+			currentColor 70%,
+			transparent 100%
+		);
+		-webkit-background-clip: text;
+		background-clip: text;
+		animation: gradient-shift 3s ease-in-out infinite;
+	}
+
+	@keyframes gradient-shift {
+		0%, 100% {
+			filter: brightness(1) saturate(1);
+		}
+		50% {
+			filter: brightness(1.15) saturate(1.2);
+		}
+	}
+
+	/* Smooth transitions for all text */
+	#typewriter * {
+		transition: opacity 0.15s ease-out, transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
+	}
+`) {
   constructor() {
-    super(...arguments), this.speed = 50, this.delay = 0, this.autoStart = !0, this.cursorChar = "", this.deleteSpeed = 25, this.once = !0, this.typeItInstance = null, this.sessionKey = "";
+    super(...arguments), this.speed = 35, this.delay = 0, this.autoStart = !0, this.cursorChar = "", this.deleteSpeed = 20, this.once = !0, this.loop = !1, this.cyclePause = 1500, this.typeItInstance = null, this.sessionKey = "";
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._destroyTypeIt();
@@ -367,15 +482,18 @@ let d = class extends Z() {
   _startTyping() {
     if (this._destroyTypeIt(), this.sessionKey = this.generateSessionKey(), this.once && sessionStorage.getItem(this.sessionKey) === "true") return void this.shadowRoot?.querySelector("slot")?.removeAttribute("hidden");
     if (!this.typewriterContainer) return;
-    const s = { speed: this.speed, startDelay: this.delay, cursor: !!this.cursorChar, cursorChar: this.cursorChar, deleteSpeed: this.deleteSpeed, afterComplete: () => {
-      if (this.once) try {
+    const s = { speed: this.speed, startDelay: this.delay, cursor: !!this.cursorChar, cursorChar: this.cursorChar, deleteSpeed: this.deleteSpeed, loop: this.loop, afterComplete: () => {
+      if (this.once && !this.loop) try {
         sessionStorage.setItem(this.sessionKey, "true");
       } catch {
       }
-      this.dispatchEvent(new CustomEvent("typeit-complete", { bubbles: !0, composed: !0 })), this.typewriterContainer.style.setProperty("--ti-cursor-display", "none");
+      this.dispatchEvent(new CustomEvent("typeit-complete", { bubbles: !0, composed: !0 })), this.loop || this.typewriterContainer.style.setProperty("--ti-cursor-display", "none");
     } };
-    this.typeItInstance = new lt(this.typewriterContainer, s), this._getSlottedNodes.forEach((t) => {
-      t.nodeType === Node.TEXT_NODE ? this.typeItInstance?.type(t.textContent || "") : t instanceof HTMLElement && this._processCustomElement(t);
+    this.typeItInstance = new ct(this.typewriterContainer, s), this._getSlottedNodes.forEach((t) => {
+      if (t.nodeType === Node.TEXT_NODE) {
+        const e = t.textContent || "";
+        e.trim() && this.typeItInstance?.type(e);
+      } else t instanceof HTMLElement && this._processCustomElement(t);
     }), st(this.shadowRoot?.host).subscribe(() => {
       this.typeItInstance?.go();
     });
@@ -394,7 +512,11 @@ let d = class extends Z() {
     }
   }
   _processCustomElement(s) {
-    const t = s.getAttribute("action"), e = s.getAttribute("value");
+    const t = s.getAttribute("action"), e = s.getAttribute("value"), i = s.getAttribute("cycle");
+    if (i) {
+      const r = i.split("|").map((n) => n.trim());
+      return void this._processCycle(r, s);
+    }
     switch (t) {
       case "pause":
         this.typeItInstance?.pause(parseInt(e || "0", 10));
@@ -403,11 +525,18 @@ let d = class extends Z() {
         this.typeItInstance?.delete(parseInt(e || "0", 10));
         break;
       default:
-        s.tagName === "P" && this.typeItInstance.break(), this.typeItInstance?.type(s.textContent || "");
+        s.tagName === "P" && this.typeItInstance?.break(), this.typeItInstance?.type(s.textContent || "");
     }
   }
+  _processCycle(s, t) {
+    if (s.length === 0) return;
+    const e = t.getAttribute("pause"), i = e ? parseInt(e, 10) : this.cyclePause;
+    s.forEach((r, n) => {
+      this.typeItInstance?.type(r), (n < s.length - 1 || this.loop) && this.typeItInstance?.pause(i), (n < s.length - 1 || this.loop) && this.typeItInstance?.delete(r.length);
+    });
+  }
   render() {
-    return it`<div id="typewriter" aria-live="polite"></div>
+    return rt`<div id="typewriter" aria-live="polite"></div>
 
 			<div class="typewriter">
 				<slot
@@ -419,8 +548,8 @@ let d = class extends Z() {
 			</div> `;
   }
 };
-p([f({ type: Number })], d.prototype, "speed", 2), p([X({ context: et, subscribe: !0 }), f({ type: Number })], d.prototype, "delay", 2), p([f({ type: Boolean })], d.prototype, "autoStart", 2), p([f({ type: String })], d.prototype, "cursorChar", 2), p([f({ type: Number })], d.prototype, "deleteSpeed", 2), p([f({ type: Boolean })], d.prototype, "once", 2), p([J("#typewriter")], d.prototype, "typewriterContainer", 2), p([W({ flatten: !0 })], d.prototype, "_getSlottedNodes", 2), p([G({ flatten: !0 })], d.prototype, "_getSlottedElements", 2), d = p([Y("schmancy-typewriter")], d);
+d([y({ type: Number })], p.prototype, "speed", 2), d([V({ context: et, subscribe: !0 }), y({ type: Number })], p.prototype, "delay", 2), d([y({ type: Boolean })], p.prototype, "autoStart", 2), d([y({ type: String })], p.prototype, "cursorChar", 2), d([y({ type: Number })], p.prototype, "deleteSpeed", 2), d([y({ type: Boolean })], p.prototype, "once", 2), d([y({ type: Boolean })], p.prototype, "loop", 2), d([y({ type: Number })], p.prototype, "cyclePause", 2), d([X("#typewriter")], p.prototype, "typewriterContainer", 2), d([G({ flatten: !0 })], p.prototype, "_getSlottedNodes", 2), d([J({ flatten: !0 })], p.prototype, "_getSlottedElements", 2), p = d([W("schmancy-typewriter")], p);
 export {
-  d as T
+  p as T
 };
-//# sourceMappingURL=typewriter-By-3T0Jm.js.map
+//# sourceMappingURL=typewriter-Dt1Js2lP.js.map