@voidzero-dev/vitepress-theme 0.1.32 → 0.1.33

package/dist/index83.js

@@ -1,317 +1,441 @@
-import { __module as q } from "./index84.js";
-var fe = q.exports, te;
-function he() {
-  return te ? q.exports : (te = 1, (function(ne, ve) {
-    (function(z, Q) {
-      ne.exports = Q();
-    })(typeof self < "u" ? self : fe, (() => (() => {
-      var z = { 3146: (s, c, p) => {
-        for (var S = p(3491), m = typeof window > "u" ? p.g : window, g = ["moz", "webkit"], h = "AnimationFrame", d = m["request" + h], _ = m["cancel" + h] || m["cancelRequest" + h], O = 0; !d && O < g.length; O++) d = m[g[O] + "Request" + h], _ = m[g[O] + "Cancel" + h] || m[g[O] + "CancelRequest" + h];
-        if (!d || !_) {
-          var D = 0, x = 0, b = [], R = 1e3 / 60;
-          d = function(y) {
-            if (b.length === 0) {
-              var T = S(), L = Math.max(0, R - (T - D));
-              D = L + T, setTimeout((function() {
-                var M = b.slice(0);
-                b.length = 0;
-                for (var C = 0; C < M.length; C++) if (!M[C].cancelled) try {
-                  M[C].callback(D);
-                } catch (N) {
-                  setTimeout((function() {
-                    throw N;
-                  }), 0);
-                }
-              }), Math.round(L));
-            }
-            return b.push({ handle: ++x, callback: y, cancelled: !1 }), x;
-          }, _ = function(y) {
-            for (var T = 0; T < b.length; T++) b[T].handle === y && (b[T].cancelled = !0);
-          };
-        }
-        s.exports = function(y) {
-          return d.call(m, y);
-        }, s.exports.cancel = function() {
-          _.apply(m, arguments);
-        }, s.exports.polyfill = function(y) {
-          y || (y = m), y.requestAnimationFrame = d, y.cancelAnimationFrame = _;
-        };
-      }, 3491: function(s) {
-        (function() {
-          var c, p, S, m, g, h;
-          typeof performance < "u" && performance !== null && performance.now ? s.exports = function() {
-            return performance.now();
-          } : typeof process < "u" && process !== null && process.hrtime ? (s.exports = function() {
-            return (c() - g) / 1e6;
-          }, p = process.hrtime, m = (c = function() {
-            var d;
-            return 1e9 * (d = p())[0] + d[1];
-          })(), h = 1e9 * process.uptime(), g = m - h) : Date.now ? (s.exports = function() {
-            return Date.now() - S;
-          }, S = Date.now()) : (s.exports = function() {
-            return (/* @__PURE__ */ new Date()).getTime() - S;
-          }, S = (/* @__PURE__ */ new Date()).getTime());
-        }).call(this);
-      } }, Q = {};
-      function w(s) {
-        var c = Q[s];
-        if (c !== void 0) return c.exports;
-        var p = Q[s] = { exports: {} };
-        return z[s].call(p.exports, p, p.exports, w), p.exports;
+const m = (n, t, e) => {
+  const i = document.createElement(n), [s, r] = Array.isArray(t) ? [void 0, t] : [t, e];
+  return s && Object.assign(i, s), r?.forEach((a) => i.appendChild(a)), i;
+}, V = (n, t) => {
+  var e;
+  return t === "left" ? n.offsetLeft : (((e = n.offsetParent instanceof HTMLElement ? n.offsetParent : null) == null ? void 0 : e.offsetWidth) ?? 0) - n.offsetWidth - n.offsetLeft;
+}, B = (n) => n.offsetWidth > 0 && n.offsetHeight > 0, G = (n, t) => {
+  !customElements.get(n) && customElements.define(n, t);
+};
+function X(n, t, { reverse: e = !1 } = {}) {
+  const i = n.length;
+  for (let s = e ? i - 1 : 0; e ? s >= 0 : s < i; e ? s-- : s++)
+    t(n[s], s);
+}
+function J(n, t, e, i) {
+  const s = t.formatToParts(n);
+  e && s.unshift({ type: "prefix", value: e }), i && s.push({ type: "suffix", value: i });
+  const r = [], a = [], o = [], c = [], d = {}, p = (h) => `${h}:${d[h] = (d[h] ?? -1) + 1}`;
+  let $ = "", g = !1, v = !1;
+  for (const h of s) {
+    $ += h.value;
+    const l = h.type === "minusSign" || h.type === "plusSign" ? "sign" : h.type;
+    l === "integer" ? (g = !0, a.push(...h.value.split("").map((S) => ({ type: l, value: parseInt(S) })))) : l === "group" ? a.push({ type: l, value: h.value }) : l === "decimal" ? (v = !0, o.push({ type: l, value: h.value, key: p(l) })) : l === "fraction" ? o.push(...h.value.split("").map((S) => ({
+      type: l,
+      value: parseInt(S),
+      key: p(l),
+      pos: -1 - d[l]
+    }))) : (g || v ? c : r).push({
+      type: l,
+      value: h.value,
+      key: p(l)
+    });
+  }
+  const R = [];
+  for (let h = a.length - 1; h >= 0; h--) {
+    const l = a[h];
+    R.unshift(l.type === "integer" ? {
+      ...l,
+      key: p(l.type),
+      pos: d[l.type]
+    } : {
+      ...l,
+      key: p(l.type)
+    });
+  }
+  return {
+    pre: r,
+    integer: R,
+    fraction: o,
+    post: c,
+    valueAsString: $,
+    value: typeof n == "string" ? parseFloat(n) : n
+  };
+}
+const F = String.raw, W = (() => {
+  try {
+    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
+  } catch {
+    return !1;
+  }
+  return !0;
+})(), O = typeof CSS < "u" && CSS.supports && CSS.supports("line-height", "mod(1,1)"), j = typeof matchMedia < "u" ? matchMedia("(prefers-reduced-motion: reduce)") : null, w = "--_number-flow-d-opacity", A = "--_number-flow-d-width", b = "--_number-flow-dx", E = "--_number-flow-d", D = (() => {
+  try {
+    return CSS.registerProperty({
+      name: w,
+      syntax: "<number>",
+      inherits: !1,
+      initialValue: "0"
+    }), CSS.registerProperty({
+      name: b,
+      syntax: "<length>",
+      inherits: !0,
+      initialValue: "0px"
+    }), CSS.registerProperty({
+      name: A,
+      syntax: "<number>",
+      inherits: !1,
+      initialValue: "0"
+    }), CSS.registerProperty({
+      name: E,
+      syntax: "<number>",
+      inherits: !0,
+      initialValue: "0"
+    }), !0;
+  } catch {
+    return !1;
+  }
+})(), I = "var(--number-flow-char-height, 1em)", u = "var(--number-flow-mask-height, 0.25em)", k = `calc(${u} / 2)`, x = "var(--number-flow-mask-width, 0.5em)", f = `calc(${x} / var(--scale-x))`, y = "#000 0, transparent 71%", U = F`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:${I} !important}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${A}) / var(--width));transform:translateX(var(${b})) scaleX(var(--scale-x));margin:0 calc(-1 * ${x});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${f},#000 calc(100% - ${f}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${u},#000 calc(100% - ${u}),transparent 100% ),radial-gradient(at bottom right,${y}),radial-gradient(at bottom left,${y}),radial-gradient(at top left,${y}),radial-gradient(at top right,${y});-webkit-mask-size:100% calc(100% - ${u} * 2),calc(100% - ${f} * 2) 100%,${f} ${u},${f} ${u},${f} ${u},${f} ${u};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${k} ${x};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${b})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${E})}.digit__num,.number .section::after{padding:${k} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${w}))}`, z = HTMLElement, H = O && W && D;
+let _;
+class Y extends z {
+  constructor() {
+    super(), this.created = !1, this.batched = !1;
+    const { animated: t, ...e } = this.constructor.defaultProps;
+    this._animated = this.computedAnimated = t, Object.assign(this, e);
+  }
+  get animated() {
+    return this._animated;
+  }
+  set animated(t) {
+    var e;
+    this.animated !== t && (this._animated = t, (e = this.shadowRoot) == null || e.getAnimations().forEach((i) => i.finish()));
+  }
+  /**
+   * @internal
+   */
+  set data(t) {
+    var e;
+    if (t == null)
+      return;
+    const { pre: i, integer: s, fraction: r, post: a, value: o } = t;
+    if (this.created) {
+      const c = this._data;
+      this._data = t, this.computedTrend = typeof this.trend == "function" ? this.trend(c.value, o) : this.trend, this.computedAnimated = H && this._animated && (!this.respectMotionPreference || !(j != null && j.matches)) && // https://github.com/barvian/number-flow/issues/9
+      B(this), (e = this.plugins) == null || e.forEach((d) => {
+        var p;
+        return (p = d.onUpdate) == null ? void 0 : p.call(d, t, c, this);
+      }), this.batched || this.willUpdate(), this._pre.update(i), this._num.update({ integer: s, fraction: r }), this._post.update(a), this.batched || this.didUpdate();
+    } else {
+      this._data = t, this.attachShadow({ mode: "open" });
+      try {
+        this._internals ?? (this._internals = this.attachInternals()), this._internals.role = "img";
+      } catch {
+      }
+      if (typeof CSSStyleSheet < "u" && this.shadowRoot.adoptedStyleSheets)
+        _ || (_ = new CSSStyleSheet(), _.replaceSync(U)), this.shadowRoot.adoptedStyleSheets = [_];
+      else {
+        const c = document.createElement("style");
+        c.textContent = U, this.shadowRoot.appendChild(c);
+      }
+      this._pre = new T(this, i, {
+        justify: "right",
+        part: "left"
+      }), this.shadowRoot.appendChild(this._pre.el), this._num = new Z(this, s, r), this.shadowRoot.appendChild(this._num.el), this._post = new T(this, a, {
+        justify: "left",
+        part: "right"
+      }), this.shadowRoot.appendChild(this._post.el), this.created = !0;
+    }
+    try {
+      this._internals.ariaLabel = t.valueAsString;
+    } catch {
+    }
+  }
+  /**
+   * @internal
+   */
+  willUpdate() {
+    this._pre.willUpdate(), this._num.willUpdate(), this._post.willUpdate();
+  }
+  /**
+   * @internal
+   */
+  didUpdate() {
+    if (!this.computedAnimated)
+      return;
+    this._abortAnimationsFinish ? this._abortAnimationsFinish.abort() : this.dispatchEvent(new Event("animationsstart")), this._pre.didUpdate(), this._num.didUpdate(), this._post.didUpdate();
+    const t = new AbortController();
+    Promise.all(this.shadowRoot.getAnimations().map((e) => e.finished)).then(() => {
+      t.signal.aborted || (this.dispatchEvent(new Event("animationsfinish")), this._abortAnimationsFinish = void 0);
+    }), this._abortAnimationsFinish = t;
+  }
+}
+Y.defaultProps = {
+  transformTiming: {
+    duration: 900,
+    // Make sure to keep this minified:
+    easing: "linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"
+  },
+  spinTiming: void 0,
+  opacityTiming: { duration: 450, easing: "ease-out" },
+  animated: !0,
+  trend: (n, t) => Math.sign(t - n),
+  respectMotionPreference: !0,
+  plugins: void 0,
+  digits: void 0
+};
+class Z {
+  constructor(t, e, i, { className: s, ...r } = {}) {
+    this.flow = t, this._integer = new P(t, e, {
+      justify: "right",
+      part: "integer"
+    }), this._fraction = new P(t, i, {
+      justify: "left",
+      part: "fraction"
+    }), this._inner = m("span", {
+      className: "number__inner"
+    }, [this._integer.el, this._fraction.el]), this.el = m("span", {
+      ...r,
+      part: "number",
+      className: `number ${s ?? ""}`
+    }, [this._inner]);
+  }
+  willUpdate() {
+    this._prevWidth = this.el.offsetWidth, this._prevLeft = this.el.getBoundingClientRect().left, this._integer.willUpdate(), this._fraction.willUpdate();
+  }
+  update({ integer: t, fraction: e }) {
+    this._integer.update(t), this._fraction.update(e);
+  }
+  didUpdate() {
+    const t = this.el.getBoundingClientRect();
+    this._integer.didUpdate(), this._fraction.didUpdate();
+    const e = this._prevLeft - t.left, i = this.el.offsetWidth, s = this._prevWidth - i;
+    this.el.style.setProperty("--width", String(i)), this.el.animate({
+      [b]: [`${e}px`, "0px"],
+      [A]: [s, 0]
+    }, {
+      ...this.flow.transformTiming,
+      composite: "accumulate"
+    });
+  }
+}
+class N {
+  constructor(t, e, { justify: i, className: s, ...r }, a) {
+    this.flow = t, this.children = /* @__PURE__ */ new Map(), this.onCharRemove = (c) => () => {
+      this.children.delete(c);
+    }, this.justify = i;
+    const o = e.map((c) => this.addChar(c).el);
+    this.el = m("span", {
+      ...r,
+      className: `section section--justify-${i} ${s ?? ""}`
+    }, a ? a(o) : o);
+  }
+  addChar(t, { startDigitsAtZero: e = !1, ...i } = {}) {
+    const s = t.type === "integer" || t.type === "fraction" ? new L(this, t.type, e ? 0 : t.value, t.pos, {
+      ...i,
+      onRemove: this.onCharRemove(t.key)
+    }) : new q(this, t.type, t.value, {
+      ...i,
+      onRemove: this.onCharRemove(t.key)
+    });
+    return this.children.set(t.key, s), s;
+  }
+  unpop(t) {
+    t.el.removeAttribute("inert"), t.el.style.top = "", t.el.style[this.justify] = "";
+  }
+  pop(t) {
+    t.forEach((e) => {
+      e.el.style.top = `${e.el.offsetTop}px`, e.el.style[this.justify] = `${V(e.el, this.justify)}px`;
+    }), t.forEach((e) => {
+      e.el.setAttribute("inert", ""), e.present = !1;
+    });
+  }
+  addNewAndUpdateExisting(t) {
+    const e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), s = this.justify === "left", r = s ? "prepend" : "append";
+    if (X(t, (a) => {
+      let o;
+      this.children.has(a.key) ? (o = this.children.get(a.key), i.set(a, o), this.unpop(o), o.present = !0) : (o = this.addChar(a, { startDigitsAtZero: !0, animateIn: !0 }), e.set(a, o)), this.el[r](o.el);
+    }, { reverse: s }), this.flow.computedAnimated) {
+      const a = this.el.getBoundingClientRect();
+      e.forEach((o) => {
+        o.willUpdate(a);
+      });
+    }
+    e.forEach((a, o) => {
+      a.update(o.value);
+    }), i.forEach((a, o) => {
+      a.update(o.value);
+    });
+  }
+  willUpdate() {
+    const t = this.el.getBoundingClientRect();
+    this._prevOffset = t[this.justify], this.children.forEach((e) => e.willUpdate(t));
+  }
+  didUpdate() {
+    const t = this.el.getBoundingClientRect();
+    this.children.forEach((s) => s.didUpdate(t));
+    const e = t[this.justify], i = this._prevOffset - e;
+    i && this.children.size && this.el.animate({
+      transform: [`translateX(${i}px)`, "none"]
+    }, {
+      ...this.flow.transformTiming,
+      composite: "accumulate"
+    });
+  }
+}
+class P extends N {
+  update(t) {
+    const e = /* @__PURE__ */ new Map();
+    this.children.forEach((i, s) => {
+      t.find((r) => r.key === s) || e.set(s, i), this.unpop(i);
+    }), this.addNewAndUpdateExisting(t), e.forEach((i) => {
+      i instanceof L && i.update(0);
+    }), this.pop(e);
+  }
+}
+class T extends N {
+  update(t) {
+    const e = /* @__PURE__ */ new Map();
+    this.children.forEach((i, s) => {
+      t.find((r) => r.key === s) || e.set(s, i);
+    }), this.pop(e), this.addNewAndUpdateExisting(t);
+  }
+}
+class C {
+  constructor(t, e, { onRemove: i, animateIn: s = !1 } = {}) {
+    this.flow = t, this.el = e, this._present = !0, this._remove = () => {
+      var r;
+      this.el.remove(), (r = this._onRemove) == null || r.call(this);
+    }, this.el.classList.add("animate-presence"), this.flow.computedAnimated && s && this.el.animate({
+      [w]: [-0.9999, 0]
+    }, {
+      ...this.flow.opacityTiming,
+      composite: "accumulate"
+    }), this._onRemove = i;
+  }
+  get present() {
+    return this._present;
+  }
+  set present(t) {
+    if (this._present !== t) {
+      if (this._present = t, t ? this.el.removeAttribute("inert") : this.el.setAttribute("inert", ""), !this.flow.computedAnimated) {
+        t || this._remove();
+        return;
       }
-      w.n = (s) => {
-        var c = s && s.__esModule ? () => s.default : () => s;
-        return w.d(c, { a: c }), c;
-      }, w.d = (s, c) => {
-        for (var p in c) w.o(c, p) && !w.o(s, p) && Object.defineProperty(s, p, { enumerable: !0, get: c[p] });
-      }, w.g = (function() {
-        if (typeof globalThis == "object") return globalThis;
-        try {
-          return this || new Function("return this")();
-        } catch {
-          if (typeof window == "object") return window;
-        }
-      })(), w.o = (s, c) => Object.prototype.hasOwnProperty.call(s, c);
-      var J = {};
-      return (() => {
-        w.d(J, { default: () => oe });
-        var s = w(3146), c = w.n(s);
-        const p = function(o) {
-          return new RegExp(/<[a-z][\s\S]*>/i).test(o);
-        }, S = function(o, t) {
-          return Math.floor(Math.random() * (t - o + 1)) + o;
-        };
-        var m = "TYPE_CHARACTER", g = "REMOVE_CHARACTER", h = "REMOVE_ALL", d = "REMOVE_LAST_VISIBLE_NODE", _ = "PAUSE_FOR", O = "CALL_FUNCTION", D = "ADD_HTML_TAG_ELEMENT", x = "CHANGE_DELETE_SPEED", b = "CHANGE_DELAY", R = "CHANGE_CURSOR", y = "PASTE_STRING", T = "HTML_TAG";
-        function L(o) {
-          return L = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-            return typeof t;
-          } : function(t) {
-            return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-          }, L(o);
-        }
-        function M(o, t) {
-          var a = Object.keys(o);
-          if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(o);
-            t && (r = r.filter((function(A) {
-              return Object.getOwnPropertyDescriptor(o, A).enumerable;
-            }))), a.push.apply(a, r);
-          }
-          return a;
-        }
-        function C(o) {
-          for (var t = 1; t < arguments.length; t++) {
-            var a = arguments[t] != null ? arguments[t] : {};
-            t % 2 ? M(Object(a), !0).forEach((function(r) {
-              u(o, r, a[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(a)) : M(Object(a)).forEach((function(r) {
-              Object.defineProperty(o, r, Object.getOwnPropertyDescriptor(a, r));
-            }));
-          }
-          return o;
-        }
-        function N(o) {
-          return (function(t) {
-            if (Array.isArray(t)) return U(t);
-          })(o) || (function(t) {
-            if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
-          })(o) || (function(t, a) {
-            if (t) {
-              if (typeof t == "string") return U(t, a);
-              var r = {}.toString.call(t).slice(8, -1);
-              return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? U(t, a) : void 0;
-            }
-          })(o) || (function() {
-            throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-          })();
-        }
-        function U(o, t) {
-          (t == null || t > o.length) && (t = o.length);
-          for (var a = 0, r = Array(t); a < t; a++) r[a] = o[a];
+      this.el.style.setProperty("--_number-flow-d-opacity", t ? "0" : "-.999"), this.el.animate({
+        [w]: t ? [-0.9999, 0] : [0.999, 0]
+      }, {
+        ...this.flow.opacityTiming,
+        composite: "accumulate"
+      }), t ? this.flow.removeEventListener("animationsfinish", this._remove) : this.flow.addEventListener("animationsfinish", this._remove, {
+        once: !0
+      });
+    }
+  }
+}
+class M extends C {
+  constructor(t, e, i, s) {
+    super(t.flow, i, s), this.section = t, this.value = e, this.el = i;
+  }
+}
+class L extends M {
+  constructor(t, e, i, s, r) {
+    var a, o;
+    const c = (((o = (a = t.flow.digits) == null ? void 0 : a[s]) == null ? void 0 : o.max) ?? 9) + 1, d = Array.from({ length: c }).map(($, g) => {
+      const v = m("span", { className: "digit__num" }, [
+        document.createTextNode(String(g))
+      ]);
+      return g !== i && v.setAttribute("inert", ""), v.style.setProperty("--n", String(g)), v;
+    }), p = m("span", {
+      part: `digit ${e}-digit`,
+      className: "digit"
+    }, d);
+    p.style.setProperty("--current", String(i)), p.style.setProperty("--length", String(c)), super(t, i, p, r), this.pos = s, this._onAnimationsFinish = () => {
+      this.el.classList.remove("is-spinning");
+    }, this._numbers = d, this.length = c;
+  }
+  willUpdate(t) {
+    const e = this.el.getBoundingClientRect();
+    this._prevValue = this.value;
+    const i = e[this.section.justify] - t[this.section.justify], s = e.width / 2;
+    this._prevCenter = this.section.justify === "left" ? i + s : i - s;
+  }
+  update(t) {
+    this.el.style.setProperty("--current", String(t)), this._numbers.forEach((e, i) => i === t ? e.removeAttribute("inert") : e.setAttribute("inert", "")), this.value = t;
+  }
+  didUpdate(t) {
+    const e = this.el.getBoundingClientRect(), i = e[this.section.justify] - t[this.section.justify], s = e.width / 2, r = this.section.justify === "left" ? i + s : i - s, a = this._prevCenter - r;
+    a && this.el.animate({
+      transform: [`translateX(${a}px)`, "none"]
+    }, {
+      ...this.flow.transformTiming,
+      composite: "accumulate"
+    });
+    const o = this.getDelta();
+    o && (this.el.classList.add("is-spinning"), this.el.animate({
+      [E]: [-o, 0]
+    }, {
+      ...this.flow.spinTiming ?? this.flow.transformTiming,
+      composite: "accumulate"
+    }), this.flow.addEventListener("animationsfinish", this._onAnimationsFinish, { once: !0 }));
+  }
+  getDelta() {
+    var t;
+    if (this.flow.plugins)
+      for (const s of this.flow.plugins) {
+        const r = (t = s.getDelta) == null ? void 0 : t.call(s, this.value, this._prevValue, this);
+        if (r != null)
           return r;
-        }
-        function re(o, t) {
-          for (var a = 0; a < t.length; a++) {
-            var r = t[a];
-            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(o, $(r.key), r);
-          }
-        }
-        function u(o, t, a) {
-          return (t = $(t)) in o ? Object.defineProperty(o, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[t] = a, o;
-        }
-        function $(o) {
-          var t = (function(a) {
-            if (L(a) != "object" || !a) return a;
-            var r = a[Symbol.toPrimitive];
-            if (r !== void 0) {
-              var A = r.call(a, "string");
-              if (L(A) != "object") return A;
-              throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return String(a);
-          })(o);
-          return L(t) == "symbol" ? t : t + "";
-        }
-        const oe = (function() {
-          function o(r, A) {
-            var e = this;
-            if ((function(n, i) {
-              if (!(n instanceof i)) throw new TypeError("Cannot call a class as a function");
-            })(this, o), u(this, "state", { cursorAnimation: null, lastFrameTime: null, pauseUntil: null, eventQueue: [], eventLoop: null, eventLoopPaused: !1, reverseCalledEvents: [], calledEvents: [], visibleNodes: [], initialOptions: null, elements: { container: null, wrapper: document.createElement("span"), cursor: document.createElement("span") } }), u(this, "options", { strings: null, cursor: "|", delay: "natural", pauseFor: 1500, deleteSpeed: "natural", loop: !1, autoStart: !1, devMode: !1, skipAddStyles: !1, wrapperClassName: "Typewriter__wrapper", cursorClassName: "Typewriter__cursor", stringSplitter: null, onCreateTextNode: null, onRemoveNode: null }), u(this, "setupWrapperElement", (function() {
-              e.state.elements.container && (e.state.elements.wrapper.className = e.options.wrapperClassName, e.state.elements.cursor.className = e.options.cursorClassName, e.state.elements.cursor.innerHTML = e.options.cursor, e.state.elements.container.innerHTML = "", e.state.elements.container.appendChild(e.state.elements.wrapper), e.state.elements.container.appendChild(e.state.elements.cursor));
-            })), u(this, "start", (function() {
-              return e.state.eventLoopPaused = !1, e.runEventLoop(), e;
-            })), u(this, "pause", (function() {
-              return e.state.eventLoopPaused = !0, e;
-            })), u(this, "stop", (function() {
-              return e.state.eventLoop && ((0, s.cancel)(e.state.eventLoop), e.state.eventLoop = null), e;
-            })), u(this, "pauseFor", (function(n) {
-              return e.addEventToQueue(_, { ms: n }), e;
-            })), u(this, "typeOutAllStrings", (function() {
-              return typeof e.options.strings == "string" ? (e.typeString(e.options.strings).pauseFor(e.options.pauseFor), e) : (e.options.strings.forEach((function(n) {
-                e.typeString(n).pauseFor(e.options.pauseFor).deleteAll(e.options.deleteSpeed);
-              })), e);
-            })), u(this, "typeString", (function(n) {
-              var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-              if (p(n)) return e.typeOutHTMLString(n, i);
-              if (n) {
-                var f = (e.options || {}).stringSplitter, v = typeof f == "function" ? f(n) : n.split("");
-                e.typeCharacters(v, i);
-              }
-              return e;
-            })), u(this, "pasteString", (function(n) {
-              var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-              return p(n) ? e.typeOutHTMLString(n, i, !0) : (n && e.addEventToQueue(y, { character: n, node: i }), e);
-            })), u(this, "typeOutHTMLString", (function(n) {
-              var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null, f = arguments.length > 2 ? arguments[2] : void 0, v = (function(k) {
-                var j = document.createElement("div");
-                return j.innerHTML = k, j.childNodes;
-              })(n);
-              if (v.length > 0) for (var l = 0; l < v.length; l++) {
-                var E = v[l], P = E.innerHTML;
-                E && E.nodeType !== 3 ? (E.innerHTML = "", e.addEventToQueue(D, { node: E, parentNode: i }), f ? e.pasteString(P, E) : e.typeString(P, E)) : E.textContent && (f ? e.pasteString(E.textContent, i) : e.typeString(E.textContent, i));
-              }
-              return e;
-            })), u(this, "deleteAll", (function() {
-              var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "natural";
-              return e.addEventToQueue(h, { speed: n }), e;
-            })), u(this, "changeDeleteSpeed", (function(n) {
-              if (!n) throw new Error("Must provide new delete speed");
-              return e.addEventToQueue(x, { speed: n }), e;
-            })), u(this, "changeDelay", (function(n) {
-              if (!n) throw new Error("Must provide new delay");
-              return e.addEventToQueue(b, { delay: n }), e;
-            })), u(this, "changeCursor", (function(n) {
-              if (!n) throw new Error("Must provide new cursor");
-              return e.addEventToQueue(R, { cursor: n }), e;
-            })), u(this, "deleteChars", (function(n) {
-              if (!n) throw new Error("Must provide amount of characters to delete");
-              for (var i = 0; i < n; i++) e.addEventToQueue(g);
-              return e;
-            })), u(this, "callFunction", (function(n, i) {
-              if (!n || typeof n != "function") throw new Error("Callback must be a function");
-              return e.addEventToQueue(O, { cb: n, thisArg: i }), e;
-            })), u(this, "typeCharacters", (function(n) {
-              var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-              if (!n || !Array.isArray(n)) throw new Error("Characters must be an array");
-              return n.forEach((function(f) {
-                e.addEventToQueue(m, { character: f, node: i });
-              })), e;
-            })), u(this, "removeCharacters", (function(n) {
-              if (!n || !Array.isArray(n)) throw new Error("Characters must be an array");
-              return n.forEach((function() {
-                e.addEventToQueue(g);
-              })), e;
-            })), u(this, "addEventToQueue", (function(n, i) {
-              var f = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
-              return e.addEventToStateProperty(n, i, f, "eventQueue");
-            })), u(this, "addReverseCalledEvent", (function(n, i) {
-              var f = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
-              return e.options.loop ? e.addEventToStateProperty(n, i, f, "reverseCalledEvents") : e;
-            })), u(this, "addEventToStateProperty", (function(n, i) {
-              var f = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], v = arguments.length > 3 ? arguments[3] : void 0, l = { eventName: n, eventArgs: i || {} };
-              return e.state[v] = f ? [l].concat(N(e.state[v])) : [].concat(N(e.state[v]), [l]), e;
-            })), u(this, "runEventLoop", (function() {
-              e.state.lastFrameTime || (e.state.lastFrameTime = Date.now());
-              var n = Date.now(), i = n - e.state.lastFrameTime;
-              if (!e.state.eventQueue.length) {
-                if (!e.options.loop) return;
-                e.state.eventQueue = N(e.state.calledEvents), e.state.calledEvents = [], e.options = C({}, e.state.initialOptions);
-              }
-              if (e.state.eventLoop = c()(e.runEventLoop), !e.state.eventLoopPaused) {
-                if (e.state.pauseUntil) {
-                  if (n < e.state.pauseUntil) return;
-                  e.state.pauseUntil = null;
-                }
-                var f, v = N(e.state.eventQueue), l = v.shift();
-                if (!(i <= (f = l.eventName === d || l.eventName === g ? e.options.deleteSpeed === "natural" ? S(40, 80) : e.options.deleteSpeed : e.options.delay === "natural" ? S(120, 160) : e.options.delay))) {
-                  var E = l.eventName, P = l.eventArgs;
-                  switch (e.logInDevMode({ currentEvent: l, state: e.state, delay: f }), E) {
-                    case y:
-                    case m:
-                      var k = P.character, j = P.node, X = document.createTextNode(k), F = X;
-                      e.options.onCreateTextNode && typeof e.options.onCreateTextNode == "function" && (F = e.options.onCreateTextNode(k, X)), F && (j ? j.appendChild(F) : e.state.elements.wrapper.appendChild(F)), e.state.visibleNodes = [].concat(N(e.state.visibleNodes), [{ type: "TEXT_NODE", character: k, node: F }]);
-                      break;
-                    case g:
-                      v.unshift({ eventName: d, eventArgs: { removingCharacterNode: !0 } });
-                      break;
-                    case _:
-                      var ae = l.eventArgs.ms;
-                      e.state.pauseUntil = Date.now() + parseInt(ae);
-                      break;
-                    case O:
-                      var K = l.eventArgs, se = K.cb, ie = K.thisArg;
-                      se.call(ie, { elements: e.state.elements });
-                      break;
-                    case D:
-                      var Z = l.eventArgs, Y = Z.node, V = Z.parentNode;
-                      V ? V.appendChild(Y) : e.state.elements.wrapper.appendChild(Y), e.state.visibleNodes = [].concat(N(e.state.visibleNodes), [{ type: T, node: Y, parentNode: V || e.state.elements.wrapper }]);
-                      break;
-                    case h:
-                      var ue = e.state.visibleNodes, W = P.speed, H = [];
-                      W && H.push({ eventName: x, eventArgs: { speed: W, temp: !0 } });
-                      for (var ee = 0, le = ue.length; ee < le; ee++) H.push({ eventName: d, eventArgs: { removingCharacterNode: !1 } });
-                      W && H.push({ eventName: x, eventArgs: { speed: e.options.deleteSpeed, temp: !0 } }), v.unshift.apply(v, H);
-                      break;
-                    case d:
-                      var ce = l.eventArgs.removingCharacterNode;
-                      if (e.state.visibleNodes.length) {
-                        var G = e.state.visibleNodes.pop(), pe = G.type, I = G.node, de = G.character;
-                        e.options.onRemoveNode && typeof e.options.onRemoveNode == "function" && e.options.onRemoveNode({ node: I, character: de }), I && I.parentNode.removeChild(I), pe === T && ce && v.unshift({ eventName: d, eventArgs: {} });
-                      }
-                      break;
-                    case x:
-                      e.options.deleteSpeed = l.eventArgs.speed;
-                      break;
-                    case b:
-                      e.options.delay = l.eventArgs.delay;
-                      break;
-                    case R:
-                      e.options.cursor = l.eventArgs.cursor, e.state.elements.cursor.innerHTML = l.eventArgs.cursor;
-                  }
-                  e.options.loop && (l.eventName === d || l.eventArgs && l.eventArgs.temp || (e.state.calledEvents = [].concat(N(e.state.calledEvents), [l]))), e.state.eventQueue = v, e.state.lastFrameTime = n;
-                }
-              }
-            })), r) if (typeof r == "string") {
-              var B = document.querySelector(r);
-              if (!B) throw new Error("Could not find container element");
-              this.state.elements.container = B;
-            } else this.state.elements.container = r;
-            A && (this.options = C(C({}, this.options), A)), this.state.initialOptions = C({}, this.options), this.init();
-          }
-          var t, a;
-          return t = o, (a = [{ key: "init", value: function() {
-            var r, A;
-            this.setupWrapperElement(), this.addEventToQueue(R, { cursor: this.options.cursor }, !0), this.addEventToQueue(h, null, !0), !window || window.___TYPEWRITER_JS_STYLES_ADDED___ || this.options.skipAddStyles || (r = ".Typewriter__cursor{-webkit-animation:Typewriter-cursor 1s infinite;animation:Typewriter-cursor 1s infinite;margin-left:1px}@-webkit-keyframes Typewriter-cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes Typewriter-cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}", (A = document.createElement("style")).appendChild(document.createTextNode(r)), document.head.appendChild(A), window.___TYPEWRITER_JS_STYLES_ADDED___ = !0), this.options.autoStart === !0 && this.options.strings && this.typeOutAllStrings().start();
-          } }, { key: "logInDevMode", value: function(r) {
-            this.options.devMode && console.log(r);
-          } }]) && re(t.prototype, a), Object.defineProperty(t, "prototype", { writable: !1 }), o;
-        })();
-      })(), J.default;
-    })()));
-  })(q), q.exports);
+      }
+    const e = this.value - this._prevValue, i = this.flow.computedTrend || Math.sign(e);
+    return i < 0 && this.value > this._prevValue ? this.value - this.length - this._prevValue : i > 0 && this.value < this._prevValue ? this.length - this._prevValue + this.value : e;
+  }
+}
+class q extends M {
+  constructor(t, e, i, s) {
+    const r = m("span", {
+      className: "symbol__value",
+      textContent: i
+    });
+    super(t, i, m("span", {
+      part: `symbol ${e}`,
+      className: "symbol"
+    }, [r]), s), this.type = e, this._children = /* @__PURE__ */ new Map(), this._onChildRemove = (a) => () => {
+      this._children.delete(a);
+    }, this._children.set(i, new C(this.flow, r, {
+      onRemove: this._onChildRemove(i)
+    }));
+  }
+  willUpdate(t) {
+    if (this.type === "decimal")
+      return;
+    const e = this.el.getBoundingClientRect();
+    this._prevOffset = e[this.section.justify] - t[this.section.justify];
+  }
+  update(t) {
+    if (this.value !== t) {
+      const e = this._children.get(this.value);
+      e && (e.present = !1);
+      const i = this._children.get(t);
+      if (i)
+        i.present = !0;
+      else {
+        const s = m("span", {
+          className: "symbol__value",
+          textContent: t
+        });
+        this.el.appendChild(s), this._children.set(t, new C(this.flow, s, {
+          animateIn: !0,
+          onRemove: this._onChildRemove(t)
+        }));
+      }
+    }
+    this.value = t;
+  }
+  didUpdate(t) {
+    if (this.type === "decimal")
+      return;
+    const e = this.el.getBoundingClientRect()[this.section.justify] - t[this.section.justify], i = this._prevOffset - e;
+    i && this.el.animate({
+      transform: [`translateX(${i}px)`, "none"]
+    }, { ...this.flow.transformTiming, composite: "accumulate" });
+  }
 }
 export {
-  he as __require
+  L as D,
+  Y as N,
+  z as S,
+  H as c,
+  G as d,
+  J as f,
+  j as p
 };