@overpunch/threadtext 0.4.6 → 0.5.0

package/dist/core.js

@@ -0,0 +1,778 @@
+const Dt = {
+  /** Base canvas: the baked satin stitches (transparent ground). */
+  bg: "tt-bg",
+  /** Overlay canvas: cursor sheen (`mix-blend-mode: screen`). */
+  fx: "tt-fx",
+  /** The visually hidden real text (the element's own content, or a copy of `text`) for assistive tech. */
+  text: "tt-text",
+  /** Blinking text caret shown in editable mode. */
+  caret: "tt-caret"
+};
+function lt(m, o) {
+  let i = Math.imul(m | 0, 374761393) + Math.imul(o | 0, 668265263) | 0;
+  return i = Math.imul(i ^ i >>> 13, 1274126177), ((i ^ i >>> 16) >>> 0) / 4294967295;
+}
+function xe(m, o) {
+  const i = Math.floor(m), u = Math.floor(o), f = m - i, b = o - u, p = f * f * (3 - 2 * f), w = b * b * (3 - 2 * b), F = lt(i, u), j = lt(i + 1, u), R = lt(i, u + 1), x = lt(i + 1, u + 1);
+  return F + (j - F) * p + (R - F) * w + (F - j - R + x) * p * w;
+}
+function Me(m, o, i, u, f) {
+  let p = 0;
+  u[0] = 0, f[0] = -1e20, f[1] = 1e20;
+  for (let w = 1; w < o; w++) {
+    let F = (m[w] + w * w - (m[u[p]] + u[p] * u[p])) / (2 * w - 2 * u[p]);
+    for (; F <= f[p]; )
+      p--, F = (m[w] + w * w - (m[u[p]] + u[p] * u[p])) / (2 * w - 2 * u[p]);
+    p++, u[p] = w, f[p] = F, f[p + 1] = 1e20;
+  }
+  p = 0;
+  for (let w = 0; w < o; w++) {
+    for (; f[p + 1] < w; ) p++;
+    i[w] = (w - u[p]) * (w - u[p]) + m[u[p]];
+  }
+}
+function qe(m, o, i) {
+  const f = new Float64Array(o * i);
+  for (let x = 0; x < o * i; x++) f[x] = m[x] ? 1e20 : 0;
+  const b = Math.max(o, i), p = new Float64Array(b), w = new Float64Array(b), F = new Int32Array(b), j = new Float64Array(b + 1);
+  for (let x = 0; x < o; x++) {
+    for (let M = 0; M < i; M++) p[M] = f[M * o + x];
+    Me(p, i, w, F, j);
+    for (let M = 0; M < i; M++) f[M * o + x] = w[M];
+  }
+  for (let x = 0; x < i; x++) {
+    for (let M = 0; M < o; M++) p[M] = f[x * o + M];
+    Me(p, o, w, F, j);
+    for (let M = 0; M < o; M++) f[x * o + M] = w[M];
+  }
+  const R = new Float32Array(o * i);
+  for (let x = 0; x < o * i; x++) R[x] = Math.sqrt(f[x]);
+  return R;
+}
+function we(m, o, i, u, f) {
+  let b = Float32Array.from(m);
+  const p = new Float32Array(o * i), w = 1 / (2 * u + 1), F = (j, R) => j < 0 ? 0 : j > R ? R : j;
+  for (let j = 0; j < f; j++) {
+    for (let R = 0; R < i; R++) {
+      const x = R * o;
+      let M = 0;
+      for (let z = -u; z <= u; z++) M += b[x + F(z, o - 1)];
+      for (let z = 0; z < o; z++)
+        p[x + z] = M * w, M += b[x + F(z + u + 1, o - 1)] - b[x + F(z - u, o - 1)];
+    }
+    for (let R = 0; R < o; R++) {
+      let x = 0;
+      for (let M = -u; M <= u; M++) x += p[F(M, i - 1) * o + R];
+      for (let M = 0; M < i; M++)
+        b[M * o + R] = x * w, x += p[F(M + u + 1, i - 1) * o + R] - p[F(M - u, i - 1) * o + R];
+    }
+  }
+  return b;
+}
+function me(m, o) {
+  if (!m) return o;
+  const i = m.trim();
+  if (i[0] === "#") {
+    let f = i.slice(1);
+    if (f.length === 3 && (f = f[0] + f[0] + f[1] + f[1] + f[2] + f[2]), f.length >= 6) {
+      const b = parseInt(f.slice(0, 2), 16), p = parseInt(f.slice(2, 4), 16), w = parseInt(f.slice(4, 6), 16);
+      if (!Number.isNaN(b) && !Number.isNaN(p) && !Number.isNaN(w)) return [b, p, w];
+    }
+    return o;
+  }
+  const u = i.match(/rgba?\(([^)]+)\)/i);
+  if (u) {
+    const f = u[1].split(",").map((b) => parseFloat(b));
+    if (f.length >= 3 && f.slice(0, 3).every((b) => !Number.isNaN(b)))
+      return [Math.round(f[0]), Math.round(f[1]), Math.round(f[2])];
+  }
+  return o;
+}
+function at(m) {
+  return m < 0 ? 0 : m > 255 ? 255 : Math.round(m);
+}
+function ee(m, o, i) {
+  return m < o ? o : m > i ? i : m;
+}
+function Ut(m, o) {
+  return typeof m == "number" && Number.isFinite(m) ? m : o;
+}
+function ye(m) {
+  const o = "Georgia, serif";
+  if (typeof m != "string" || !m.trim()) return o;
+  try {
+    const i = document.createElement("canvas").getContext("2d");
+    if (!i) return m;
+    if (i.font = "13px serif", i.font = `100px ${m}`, /13px/.test(i.font))
+      return console.warn(`[threadText] the font ${JSON.stringify(m)} isn't a valid font-family list; using ${o}`), o;
+  } catch {
+  }
+  return m;
+}
+const ze = "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0";
+function Xe(m) {
+  return (m.split(",")[0] || "serif").trim().replace(/^["']|["']$/g, "");
+}
+function pe(m, o, i) {
+  const u = new Uint8Array(o * i);
+  for (let A = 0; A < i; A++) for (let L = 0; L < o; L++) {
+    const T = A * o + L, X = m[T * 4 + 3] / 255, K = xe(L * 0.5, A * 0.5) * 0.22 + xe(L * 1.8, A * 1.8) * 0.1;
+    u[T] = X > 0.5 + (K - 0.16) ? 1 : 0;
+  }
+  const f = qe(u, o, i), b = new Float32Array(o * i);
+  for (let A = 1; A < i - 1; A++) for (let L = 1; L < o - 1; L++) {
+    const T = A * o + L;
+    b[T] = (f[T] * 4 + f[T - 1] + f[T + 1] + f[T - o] + f[T + o]) / 8;
+  }
+  const p = new Float32Array(o * i), w = new Float32Array(o * i), F = new Float32Array(o * i), j = new Float32Array(o * i);
+  for (let A = 1; A < i - 1; A++) for (let L = 1; L < o - 1; L++) {
+    const T = A * o + L;
+    if (!u[T]) continue;
+    const X = (b[T + 1] - b[T - 1]) * 0.5, K = (b[T + o] - b[T - o]) * 0.5;
+    F[T] = X, j[T] = K, p[T] = X * X - K * K, w[T] = 2 * X * K;
+  }
+  const R = Math.max(7, Math.round(i * 0.05)), x = we(p, o, i, R, 2), M = we(w, o, i, R, 2), z = new Float32Array(o * i), q = new Float32Array(o * i);
+  for (let A = 0; A < o * i; A++) {
+    if (!u[A]) continue;
+    const L = 0.5 * Math.atan2(M[A], x[A]);
+    z[A] = Math.cos(L), q[A] = Math.sin(L);
+  }
+  const Ct = Math.max(9, i * 0.04), yt = new Float32Array(o * i), Gt = -0.45, W = -0.62, vt = 0.64;
+  for (let A = 1; A < i - 1; A++) for (let L = 1; L < o - 1; L++) {
+    const T = A * o + L;
+    if (!u[T]) continue;
+    let X = F[T], K = j[T];
+    const bt = Math.hypot(X, K) || 1;
+    X /= bt, K /= bt;
+    const zt = b[T], pt = (1 - Math.min(zt / Ct, 1)) * 1.25;
+    let B = -X * pt, J = -K * pt;
+    const ot = 1.5, Lt = Math.hypot(B, J, ot);
+    B /= Lt, J /= Lt;
+    let rt = B * Gt + J * W + ot / Lt * vt;
+    rt < 0 && (rt = 0);
+    const it = Math.min(1, 0.45 + 0.55 * Math.min(zt / (Ct * 0.7), 1));
+    yt[T] = Math.min(1.12, (0.5 + 0.75 * rt) * it);
+  }
+  return { mask: u, ex: z, ey: q, shade: yt };
+}
+function dn(m, o) {
+  var te, Ue, Ge;
+  if (typeof window > "u" || typeof document > "u" || !m)
+    return { setText() {
+    }, replay() {
+    }, resize() {
+    }, update() {
+    }, focus() {
+    }, destroy() {
+    }, get text() {
+      return o.text ?? "";
+    } };
+  let i = o.text ?? "", u = ye(o.font), f = ee(Ut(o.weight, 680), 1, 1e3), b = ee(Ut(o.fill, 0.9), 0.05, 1), p = o.align === "left" || o.align === "right" ? o.align : "center";
+  const w = (t, e) => {
+    const n = Ut(t, e);
+    return n >= 1 ? Math.min(n, 1e5) : e;
+  };
+  let F = w(o.sewRate, 110), j = o.sewStyle === "hand" ? "hand" : "machine";
+  const R = ["satin", "cross", "chain", "running"];
+  let x = R.includes(o.stitchMode ?? "") ? o.stitchMode : "satin", M = o.sheen ?? !0, z = o.animate ?? !0, q = o.editable ?? !1;
+  const Ct = (t) => typeof t == "number" && Number.isFinite(t) && t >= 1 && t <= 200 ? t : void 0;
+  let yt = Ct(o.pitch);
+  const Gt = ["solid", "twotone", "gradient"];
+  let W = Gt.includes(o.colorMode ?? "") ? o.colorMode : "solid", vt = o.threadColor ?? "#fffbf3", A = o.threadColor2 ?? vt, L = o.backstitch ?? !1, T = o.outlineColor, X = o.axes, K = o.onTextChange, bt = Xe(u);
+  function zt() {
+    if (!X) return "";
+    const t = [];
+    for (const e in X) {
+      const n = X[e];
+      typeof n == "number" && isFinite(n) && t.push(`"${e}" ${n}`);
+    }
+    return t.join(", ");
+  }
+  function pt(t) {
+    "fontVariationSettings" in t && (t.fontVariationSettings = zt() || "normal");
+  }
+  const B = o.reducedMotion === void 0 && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+  let J = o.reducedMotion ?? !!(B != null && B.matches);
+  const ot = (t) => ({
+    peak: t,
+    mid: [t[0] * 0.585, t[1] * 0.585, t[2] * 0.585],
+    end: [t[0] * 0.47, t[1] * 0.47, t[2] * 0.47]
+  }), Lt = (t, e, n) => [t[0] + (e[0] - t[0]) * n, t[1] + (e[1] - t[1]) * n, t[2] + (e[2] - t[2]) * n], rt = 6;
+  let it = [255, 251, 243], ct = [], ne = ot([0, 0, 0]);
+  function Ce() {
+    const t = me(vt, [255, 251, 243]), e = me(A, t);
+    if (W === "twotone") ct = [ot(t), ot(e)];
+    else if (W === "gradient") {
+      ct = [];
+      for (let n = 0; n < rt; n++) ct.push(ot(Lt(t, e, n / (rt - 1))));
+    } else ct = [ot(t)];
+    it = ct[0].peak, ne = ot(T ? me(T, [0, 0, 0]) : [t[0] * 0.32, t[1] * 0.32, t[2] * 0.32]);
+  }
+  Ce();
+  const Ft = [];
+  let O, C, _ = null, U = null;
+  if (m instanceof HTMLCanvasElement)
+    O = m, C = m.parentElement ?? m;
+  else {
+    C = m;
+    const t = (n) => n.replace(/\s+/g, " ").trim(), e = Array.from(C.childNodes);
+    if (e.some((n) => n.nodeType === 1 || (n.textContent ?? "").trim())) {
+      _ = document.createElement("span"), _.className = Dt.text, _.style.cssText = ze;
+      for (const n of e) _.appendChild(n);
+      C.appendChild(_), t(i) && t(_.textContent ?? "") !== t(i) && (_.style.display = "none");
+    }
+    (!_ || _.style.display === "none") && (U = document.createElement("span"), U.className = Dt.text, U.style.cssText = ze, U.textContent = i, C.appendChild(U)), O = document.createElement("canvas"), Ft.push(O), C.appendChild(O);
+  }
+  const Rt = { height: C.style.height, position: C.style.position, hadStyle: C.hasAttribute("style") };
+  O.setAttribute("aria-hidden", "true"), O.classList.add(Dt.bg);
+  const Y = document.createElement("canvas");
+  Ft.push(Y), Y.classList.add(Dt.fx), Y.setAttribute("aria-hidden", "true"), C.appendChild(Y), getComputedStyle(C).position === "static" && (C.style.position = "relative"), O.style.display = "block", O.style.width = "100%", Object.assign(Y.style, { position: "absolute", top: "0", left: "0", width: "100%", pointerEvents: "none", mixBlendMode: "screen" });
+  let E = null, N = null, St = !1, S = 0, I = 0, xt = 0, oe = 0, tt = 4, It = [], Et = 0, Tt = 0, re = [], ve = 0, be = -1, Se = "", Ee = -1, Te = -1, Z = new Uint8Array(0), Xt = new Float32Array(0), ie = new Float32Array(0), se = new Float32Array(0), ft = null, At = null, qt = null, $t = [], dt = [], Ot = [], Mt = 3;
+  const $ = { rows: [], idx: 0, acc: 0, rate: 0, on: !1 }, et = { x: 0, y: 0, set: !1 };
+  let ut = !0, ae = 0, Nt = !1, Pt = 0, le = -1, D = !1, Q = !1, nt = null, Bt = "", Kt = !1, ce = 0, fe = !1, H;
+  function Ke() {
+    const t = C.getBoundingClientRect(), e = Math.max(1, Math.round(t.width || Math.min(window.innerWidth * 0.95, 1240))), n = i || "Ag", r = O.getContext("2d");
+    r && (r.textBaseline = "middle", r.direction = Le());
+    let a = 100;
+    r && (r.font = `${f} 100px ${u}`, pt(r), a = r.measureText(n).width || 100);
+    const s = Math.max(8, 100 * (e * b) / a);
+    let l = s * 0.62, v = s * 0.62, c = e * b;
+    if (r) {
+      r.font = `${f} ${s}px ${u}`, pt(r);
+      const y = r.measureText(n);
+      c = y.width || c, y.actualBoundingBoxAscent > 0 && (l = y.actualBoundingBoxAscent), y.actualBoundingBoxDescent > 0 && (v = y.actualBoundingBoxDescent);
+    }
+    const h = Math.max(1, Math.round(2 * Math.max(l, v) * 1.1));
+    let g = Math.min(window.devicePixelRatio || 1, 1.7);
+    for (; e * g * h * g > 9e5 && g > 0.4; ) g -= 0.1;
+    S = Math.max(1, Math.round(e * g)), I = Math.max(1, Math.round(h * g)), xt = Math.max(4, Math.round(s * g));
+    const d = c * g, k = Math.max(2, Math.round(xt * 0.08));
+    oe = Math.round(p === "left" ? k : p === "right" ? S - d - k : S / 2 - d / 2);
+    for (const y of [O, Y])
+      y.width = S, y.height = I, y.style.height = h + "px";
+    C.style.height = h + "px", Y.style.left = O.offsetLeft + "px", Y.style.top = O.offsetTop + "px", Y.style.width = (O.offsetWidth || O.getBoundingClientRect().width) + "px", tt = yt ?? Math.max(3, I * 95e-4);
+  }
+  function Ve() {
+    At && Ee === S && Te === I || (At = document.createElement("canvas"), At.width = S, At.height = I, qt = At.getContext("2d", { willReadFrequently: !0 }), Ee = S, Te = I);
+  }
+  function Ae() {
+    return ct.map((t) => t.peak.join(",")).join(";") + "|" + x + "|" + W + (L ? "|bs" + ne.peak.join(",") : "");
+  }
+  function ke(t, e) {
+    const n = Math.max(7, tt * 2.5), r = Math.max(3.2, tt * 1.3), a = [];
+    for (let s = 0; s < 20; s++) {
+      const l = 0.34 + s / 19 * 0.82, v = document.createElement("canvas");
+      v.width = Et, v.height = Tt;
+      const c = v.getContext("2d");
+      if (!c) {
+        a.push(v);
+        continue;
+      }
+      const h = Et / 2, g = Tt / 2, d = (y, P) => `rgba(${at(y[0] * l)},${at(y[1] * l)},${at(y[2] * l)},${P})`, k = (y, P, gt, st) => {
+        c.save(), c.translate(h, g), c.rotate(gt);
+        const V = c.createLinearGradient(0, -P / 2, 0, P / 2);
+        V.addColorStop(0, d(t.end, 0)), V.addColorStop(0.16, d(t.mid, 1)), V.addColorStop(0.5, d(t.peak, 1)), V.addColorStop(0.84, d(t.mid, 1)), V.addColorStop(1, d(t.end, 0)), c.fillStyle = V;
+        const G = P / 2;
+        if (c.beginPath(), c.moveTo(-y / 2 + G, -G), c.lineTo(y / 2 - G, -G), c.arc(y / 2 - G, 0, G, -Math.PI / 2, Math.PI / 2), c.lineTo(-y / 2 + G, G), c.arc(-y / 2 + G, 0, G, Math.PI / 2, -Math.PI / 2), c.closePath(), c.fill(), st) {
+          c.globalCompositeOperation = "destination-in";
+          const mt = c.createLinearGradient(-y / 2, 0, y / 2, 0);
+          mt.addColorStop(0, "rgba(0,0,0,0)"), mt.addColorStop(0.22, "rgba(0,0,0,1)"), mt.addColorStop(0.78, "rgba(0,0,0,1)"), mt.addColorStop(1, "rgba(0,0,0,0)"), c.fillStyle = mt, c.fillRect(-y / 2 - 1, -P / 2 - 1, y + 2, P + 2), c.globalCompositeOperation = "source-over";
+        }
+        c.restore();
+      };
+      if (e === "cross")
+        k(n * 0.92, r * 0.82, Math.PI / 4, !1), k(n * 0.92, r * 0.82, -Math.PI / 4, !1);
+      else if (e === "chain") {
+        c.save(), c.translate(h, g);
+        const y = c.createLinearGradient(0, -r, 0, r);
+        y.addColorStop(0, d(t.mid, 1)), y.addColorStop(0.5, d(t.peak, 1)), y.addColorStop(1, d(t.mid, 1)), c.strokeStyle = y, c.lineWidth = Math.max(1.6, r * 0.7), c.lineCap = "round", c.beginPath(), c.ellipse(0, 0, n * 0.34, r * 1.05, 0, 0, Math.PI * 2), c.stroke(), c.restore();
+      } else e === "running" ? k(n * 0.5, r, 0, !1) : k(n, r, 0, !0);
+      a.push(v);
+    }
+    return a;
+  }
+  function de() {
+    const t = Math.max(7, tt * 2.5), e = Math.max(3.2, tt * 1.3);
+    x === "cross" || x === "chain" ? Et = Tt = Math.ceil(t) + 2 : (Et = Math.ceil(t) + 2, Tt = Math.ceil(e) + 2), ve = x === "chain" || x === "running" ? Math.PI / 2 : 0, It = [];
+    for (const n of ct) for (const r of ke(n, x)) It.push(r);
+    re = L ? ke(ne, "running") : [], be = tt, Se = Ae();
+  }
+  function Ye() {
+    It.length && be === tt && Se === Ae() || de();
+  }
+  function Le() {
+    try {
+      return getComputedStyle(C).direction === "rtl" ? "rtl" : "ltr";
+    } catch {
+      return "ltr";
+    }
+  }
+  function Fe() {
+    if (!qt) return null;
+    const t = qt;
+    return t.clearRect(0, 0, S, I), t.fillStyle = "#fff", t.textAlign = "left", t.textBaseline = "middle", t.direction = Le(), t.font = `${f} ${xt}px ${u}`, pt(t), t.fillText(i, oe, I * 0.5), t.getImageData(0, 0, S, I).data;
+  }
+  function ue(t) {
+    Z = t.mask, ie = t.ex, se = t.ey, Xt = t.shade, ft = document.createElement("canvas"), ft.width = S, ft.height = I;
+    const e = ft.getContext("2d");
+    if (e) {
+      const n = e.createImageData(S, I);
+      for (let r = 0; r < S * I; r++) Z[r] && (n.data[r * 4] = 255, n.data[r * 4 + 1] = 255, n.data[r * 4 + 2] = 255, n.data[r * 4 + 3] = 255);
+      e.putImageData(n, 0, 0);
+    }
+  }
+  function Re() {
+    const t = Math.max(1.6, tt * 0.6);
+    Mt = t;
+    const e = [], n = [];
+    let r = 1 / 0, a = -1 / 0;
+    for (let s = 0; s < I; s += t) for (let l = 0; l < S; l += t) {
+      const v = (lt(Math.floor(l), Math.floor(s)) - 0.5) * t * 0.9, c = (lt(Math.floor(s), Math.floor(l)) - 0.5) * t * 0.9, h = Math.round(l + v), g = Math.round(s + c);
+      if (h < 1 || g < 1 || h >= S - 1 || g >= I - 1) continue;
+      const d = g * S + h;
+      if (!Z[d]) continue;
+      const k = Math.atan2(se[d], ie[d]), y = 0.86 + lt(h * 7, g * 13) * 0.18;
+      let P = Xt[d] * y;
+      P = P < 0 ? 0 : P > 1.12 ? 1.12 : P, e.push({ x: h, y: g, ang: k, idx: Math.min(19, Math.max(0, Math.round(P / 1.12 * 19))) }), h < r && (r = h), h > a && (a = h);
+    }
+    if (W === "twotone")
+      if (x === "satin") {
+        const s = Math.max(4, tt * 1.6);
+        for (const l of e) {
+          const v = -Math.sin(l.ang) * l.x + Math.cos(l.ang) * l.y;
+          l.pal = Math.floor(v / s) & 1;
+        }
+      } else
+        for (const s of e) s.pal = Math.round(s.x / t) + Math.round(s.y / t) & 1;
+    else if (W === "gradient") {
+      const s = Math.max(1, a - r);
+      for (const l of e) {
+        const v = (l.x - r) / s * (rt - 1), c = Math.min(rt - 1, Math.max(0, Math.floor(v)));
+        l.pal = c, c < rt - 1 && lt(l.x * 3 + 1, l.y * 5 + 2) < v - c && n.push({ x: l.x, y: l.y, ang: l.ang, idx: l.idx, pal: c + 1 });
+      }
+    }
+    $t = e, Ot = n, Je();
+  }
+  function Je() {
+    if (dt = [], !L || !Z.length) return;
+    const t = Math.max(3, tt * 1.5), e = Math.max(1, Math.ceil(S / t)), n = /* @__PURE__ */ new Set(), r = (a, s) => Z[s * S + a] ? 1 : 0;
+    for (let a = 1; a < I - 1; a++) for (let s = 1; s < S - 1; s++) {
+      const l = a * S + s;
+      if (!Z[l] || Z[l - 1] && Z[l + 1] && Z[l - S] && Z[l + S]) continue;
+      const v = Math.floor(a / t) * e + Math.floor(s / t);
+      if (n.has(v)) continue;
+      n.add(v);
+      const c = r(s + 1, a - 1) + 2 * r(s + 1, a) + r(s + 1, a + 1) - (r(s - 1, a - 1) + 2 * r(s - 1, a) + r(s - 1, a + 1)), h = r(s - 1, a + 1) + 2 * r(s, a + 1) + r(s + 1, a + 1) - (r(s - 1, a - 1) + 2 * r(s, a - 1) + r(s + 1, a - 1)), g = Math.atan2(c, -h);
+      let d = Xt[l];
+      d = d < 0 ? 0 : d > 1.12 ? 1.12 : d, dt.push({ x: s, y: a, ang: g, idx: Math.min(19, Math.max(8, Math.round(d / 1.12 * 19))), outline: 1 });
+    }
+  }
+  function Vt(t, e) {
+    t.save(), t.translate(e.x, e.y), e.outline ? (t.rotate(e.ang), t.drawImage(re[e.idx], -Et / 2, -Tt / 2)) : (t.rotate(e.ang + ve), t.drawImage(It[(e.pal || 0) * 20 + e.idx], -Et / 2, -Tt / 2)), t.restore();
+  }
+  function jt() {
+    const t = O.getContext("2d");
+    if (t) {
+      for (const e of $t) Vt(t, e);
+      for (const e of Ot) Vt(t, e);
+      for (const e of dt) Vt(t, e);
+    }
+  }
+  function _t() {
+    const t = O.getContext("2d");
+    t && t.clearRect(0, 0, S, I);
+  }
+  function Ie(t) {
+    if (!t.length) return [];
+    const e = Math.max(4, Mt * 1.5), n = /* @__PURE__ */ new Map(), r = (h, g) => h + "," + g;
+    t.forEach((h, g) => {
+      const d = r(Math.floor(h.x / e), Math.floor(h.y / e));
+      let k = n.get(d);
+      k || n.set(d, k = []), k.push(g);
+    });
+    const a = Mt * 1.8 * (Mt * 1.8);
+    function s(h) {
+      const g = t[h], d = Math.floor(g.x / e), k = Math.floor(g.y / e), y = [];
+      for (let P = -1; P <= 1; P++) for (let gt = -1; gt <= 1; gt++) {
+        const st = n.get(r(d + P, k + gt));
+        if (st)
+          for (const V of st) {
+            if (V === h) continue;
+            const G = t[V].x - g.x, mt = t[V].y - g.y;
+            G * G + mt * mt <= a && y.push(V);
+          }
+      }
+      return y;
+    }
+    const l = new Uint8Array(t.length), v = [], c = t.map((h, g) => g).sort((h, g) => t[h].x + t[h].y - (t[g].x + t[g].y));
+    for (const h of c) {
+      if (l[h]) continue;
+      let g = [h];
+      for (l[h] = 1; g.length; ) {
+        v.push(g.map((k) => t[k]));
+        const d = [];
+        for (const k of g) for (const y of s(k)) l[y] || (l[y] = 1, d.push(y));
+        g = d;
+      }
+    }
+    return v;
+  }
+  function Ze(t) {
+    const e = Math.max(4, Mt * 1.5), n = /* @__PURE__ */ new Map(), r = (c, h) => c + "," + h;
+    t.forEach((c, h) => {
+      const g = r(Math.floor(c.x / e), Math.floor(c.y / e));
+      let d = n.get(g);
+      d || n.set(g, d = []), d.push(h);
+    });
+    const a = Mt * 1.8 * (Mt * 1.8), s = (c) => {
+      const h = t[c], g = Math.floor(h.x / e), d = Math.floor(h.y / e), k = [];
+      for (let y = -1; y <= 1; y++) for (let P = -1; P <= 1; P++) {
+        const gt = n.get(r(g + y, d + P));
+        if (gt)
+          for (const st of gt) {
+            if (st === c) continue;
+            const V = t[st].x - h.x, G = t[st].y - h.y;
+            V * V + G * G <= a && k.push(st);
+          }
+      }
+      return k;
+    }, l = new Uint8Array(t.length), v = [];
+    for (let c = 0; c < t.length; c++) {
+      if (l[c]) continue;
+      const h = [];
+      let g = [c];
+      for (l[c] = 1; g.length; ) {
+        const d = [];
+        for (const k of g) {
+          h.push(t[k]);
+          for (const y of s(k)) l[y] || (l[y] = 1, d.push(y));
+        }
+        g = d;
+      }
+      v.push(h);
+    }
+    return v;
+  }
+  function Qe(t) {
+    if (!t.length) return [];
+    const e = (s) => {
+      let l = 1 / 0;
+      for (const v of s) v.x < l && (l = v.x);
+      return l;
+    }, n = (s) => {
+      let l = 0;
+      for (const v of s) l += v.y;
+      return l / s.length;
+    }, r = Ze(t).sort((s, l) => e(s) - e(l)), a = [];
+    for (const s of r) {
+      const l = Ie(s);
+      let v = 1;
+      for (const d of l) d.length > v && (v = d.length);
+      const c = Math.max(2, v * 0.45), h = l.filter((d) => d.length >= c).sort((d, k) => n(d) - n(k)), g = l.filter((d) => d.length < c).sort((d, k) => n(d) - n(k));
+      for (const d of h) a.push(d);
+      for (const d of g) a.push(d);
+    }
+    return a;
+  }
+  function He() {
+    if (_t(), J || !z) {
+      jt(), $.on = !1;
+      return;
+    }
+    const t = j === "hand" ? Qe : Ie;
+    let e;
+    if (W === "gradient" && ct.length > 1) {
+      e = [];
+      const n = /* @__PURE__ */ new Map();
+      for (const r of $t) {
+        const a = r.pal || 0, s = n.get(a);
+        s ? s.push(r) : n.set(a, [r]);
+      }
+      for (const r of [...n.keys()].sort((a, s) => a - s)) for (const a of t(n.get(r))) e.push(a);
+    } else
+      e = t($t);
+    if (Ot.length) for (const n of t(Ot)) e.push(n);
+    if (dt.length) {
+      const r = Math.ceil(dt.length / 24);
+      for (let a = 0; a < dt.length; a += r) e.push(dt.slice(a, a + r));
+    }
+    $.rows = e, $.idx = 0, $.acc = 0, $.rate = F, $.on = $.rows.length > 0;
+  }
+  function We(t) {
+    const e = O.getContext("2d");
+    if (e)
+      for (t > $.rows.length && (t = $.rows.length); $.idx < t; ) {
+        const n = $.rows[$.idx++];
+        for (const r of n) Vt(e, r);
+      }
+  }
+  function tn(t, e) {
+    const n = Y.getContext("2d");
+    if (!n || (n.clearRect(0, 0, S, I), !M || !ft)) return;
+    const r = S * 0.32, a = n.createRadialGradient(t, e, 0, t, e, r);
+    a.addColorStop(0, "rgba(255,250,238,0.18)"), a.addColorStop(0.5, "rgba(255,250,238,0.055)"), a.addColorStop(1, "rgba(255,250,238,0)"), n.fillStyle = a, n.fillRect(0, 0, S, I), n.globalCompositeOperation = "destination-in", n.drawImage(ft, 0, 0), n.globalCompositeOperation = "source-over";
+  }
+  function en() {
+    N || !q || (N = document.createElement("span"), N.className = Dt.caret, N.setAttribute("aria-hidden", "true"), Object.assign(N.style, { position: "absolute", pointerEvents: "none", borderRadius: "1px", opacity: "0", background: `rgb(${at(it[0])},${at(it[1])},${at(it[2])})` }), C.appendChild(N), Ft.push(N));
+  }
+  function Yt() {
+    if (!q || !N) return;
+    const t = O.getContext("2d");
+    if (!t) return;
+    t.font = `${f} ${xt}px ${u}`, pt(t);
+    const e = t.measureText(i).width, n = (O.clientWidth || S) / S, r = xt * 0.7;
+    N.style.left = (oe + e + xt * 0.05) * n + "px", N.style.top = 0.5 * (O.clientHeight || I) - r * n / 2 + "px", N.style.height = r * n + "px", N.style.width = Math.max(2, Math.round(xt * 0.02 * n)) + "px", N.style.background = `rgb(${at(it[0])},${at(it[1])},${at(it[2])})`;
+  }
+  function ht() {
+    D || Nt || (Nt = !0, Pt = 0, ae = requestAnimationFrame($e));
+  }
+  function $e(t) {
+    if (D) {
+      Nt = !1;
+      return;
+    }
+    Pt || (Pt = t);
+    const e = Math.min(0.25, (t - Pt) / 1e3);
+    Pt = t, $.on && ($.acc += $.rate * e, We($.acc), $.idx >= $.rows.length && ($.on = !1)), ut && ft && (tn(et.set ? et.x : S * 0.5, et.set ? et.y : I * 0.45), ut = !1);
+    const n = q && St && !J;
+    if (N && (N.style.opacity = q && St && (J || Math.floor(t / 530) % 2 === 0) ? "1" : "0"), !$.on && !ut && !n) {
+      Nt = !1;
+      return;
+    }
+    ae = requestAnimationFrame($e);
+  }
+  function Jt(t) {
+    if (J) return;
+    const e = C.getBoundingClientRect();
+    et.x = (t.clientX - e.left) / (e.width || 1) * S, et.y = (t.clientY - e.top) / (e.height || 1) * I, et.set = !0, ut = !0, ht();
+  }
+  function Zt() {
+    J || (et.set = !1, ut = !0, ht());
+  }
+  function nn() {
+    E && Be(E.value, !0);
+  }
+  function on(t) {
+    t.key === "Enter" && (t.preventDefault(), Wt.replay());
+  }
+  function rn() {
+    St = !0, ht(), Oe();
+  }
+  function Oe() {
+    J && N && q && St && (N.style.opacity = "1");
+  }
+  function sn() {
+    St = !1, N && (N.style.opacity = "0");
+  }
+  function Ne(t) {
+    if (!(t === q && E))
+      if (q = t, t) {
+        E || (E = document.createElement("input"), E.type = "text", E.value = i, E.maxLength = 64, E.setAttribute("aria-label", "Embroidered text — type to change it"), E.setAttribute("autocomplete", "off"), E.setAttribute("autocapitalize", "off"), E.spellcheck = !1, Object.assign(E.style, { position: "absolute", inset: "0", width: "100%", height: "100%", margin: "0", padding: "0", border: "0", outline: "none", background: "transparent", color: "transparent", caretColor: "transparent", font: "inherit", textAlign: "center", cursor: "text" }), E.addEventListener("input", nn), E.addEventListener("keydown", on), E.addEventListener("focus", rn), E.addEventListener("blur", sn), C.appendChild(E), Ft.push(E)), en(), Yt();
+        for (const e of [_, U]) e == null || e.setAttribute("aria-hidden", "true");
+      } else {
+        for (const e of [_, U]) e == null || e.removeAttribute("aria-hidden");
+        E && (E.remove(), E = null), St = !1, N && (N.style.opacity = "0");
+      }
+  }
+  function an(t) {
+    if (t !== M)
+      if (M = t, t)
+        C.addEventListener("pointermove", Jt, { passive: !0 }), C.addEventListener("pointerleave", Zt, { passive: !0 }), et.set = !1, ut = !0, ht();
+      else {
+        C.removeEventListener("pointermove", Jt), C.removeEventListener("pointerleave", Zt);
+        const e = Y.getContext("2d");
+        e && e.clearRect(0, 0, S, I);
+      }
+  }
+  function Qt(t) {
+    Re(), t ? He() : (_t(), jt(), $.on = !1), E && E.value !== i && (E.value = i), Yt(), ut = !0, ht();
+  }
+  function wt(t) {
+    if (!i.trim() && !q) {
+      for (const n of [O, Y])
+        n.width = 0, n.height = 0, n.style.height = "0px";
+      C.style.height = Rt.height;
+      return;
+    }
+    Ke(), Ve(), Ye();
+    const e = Fe();
+    if (!e) {
+      Qt(t);
+      return;
+    }
+    if (nt && Kt) {
+      const n = ++ce;
+      fe = t, H && clearTimeout(H), H = setTimeout(() => Pe(n), 800);
+      try {
+        nt.postMessage({ id: n, W: S, H: I, alpha: e }, [e.buffer]);
+      } catch {
+        Pe(n);
+      }
+      return;
+    }
+    ue(pe(e, S, I)), Qt(t);
+  }
+  function Pe(t) {
+    if (t !== ce || D) return;
+    H && (clearTimeout(H), H = void 0), Kt = !1;
+    const e = Fe();
+    e && (ue(pe(e, S, I)), Qt(fe));
+  }
+  function Be(t, e) {
+    t = t ?? "", U && (U.textContent = t), !(t === i && Q) && (i = t, Q && (wt(!1), e && K && K(i)));
+  }
+  const Ht = /* @__PURE__ */ new Set();
+  function je(t, e, n) {
+    const r = `${e} 200px ${t}`;
+    let a = !1;
+    try {
+      a = !!document.fonts && document.fonts.check(r);
+    } catch {
+      a = !0;
+    }
+    if (!document.fonts || a) {
+      n();
+      return;
+    }
+    let s = !1, l;
+    const v = () => {
+      s || (s = !0, clearTimeout(l), Ht.delete(l), D || n());
+    };
+    document.fonts.load(r, i).then(() => document.fonts.ready).then(v, v), l = setTimeout(v, 1500), Ht.add(l);
+  }
+  function ln(t) {
+    const e = t.data;
+    if (e && e.type === "pong") {
+      Kt = !0;
+      return;
+    }
+    !e || D || e.id !== ce || (H && (clearTimeout(H), H = void 0), ue({ mask: e.mask, ex: e.ex, ey: e.ey, shade: e.shade }), Qt(fe));
+  }
+  function cn() {
+    if (!(typeof Worker > "u" || typeof Blob > "u" || typeof URL > "u" || !URL.createObjectURL))
+      try {
+        const t = `${lt}
+${xe}
+${Me}
+${qe}
+${we}
+var __cg=${pe};
+self.onmessage=function(ev){var d=ev.data;if(d&&d.type==='ping'){try{__cg(new Uint8ClampedArray(4),1,1);self.postMessage({type:'pong'})}catch(e){}return}var g=__cg(d.alpha,d.W,d.H);self.postMessage({id:d.id,mask:g.mask,ex:g.ex,ey:g.ey,shade:g.shade},[g.mask.buffer,g.ex.buffer,g.ey.buffer,g.shade.buffer])};`;
+        Bt = URL.createObjectURL(new Blob([t], { type: "application/javascript" })), nt = new Worker(Bt), nt.onmessage = ln, nt.onerror = () => {
+          Kt = !1;
+        }, nt.postMessage({ type: "ping" });
+      } catch {
+        nt = null;
+      }
+  }
+  function fn() {
+    if (!D) {
+      if (!O.getContext("2d")) {
+        const t = U ?? _;
+        t && (t.style.cssText = "");
+        for (const e of [O, Y]) e.style.display = "none";
+        C.style.height = Rt.height, Q = !0;
+        return;
+      }
+      wt(!0), le = Math.round(C.getBoundingClientRect().width), Q = !0;
+    }
+  }
+  cn(), q && (q = !1, Ne(!0)), M && (C.addEventListener("pointermove", Jt, { passive: !0 }), C.addEventListener("pointerleave", Zt, { passive: !0 })), je(bt, f, fn);
+  const _e = () => {
+    if (!(D || !Q))
+      try {
+        document.fonts.check(`${f} 200px ${u}`) && wt(!1);
+      } catch {
+      }
+  };
+  (Ue = (te = document.fonts) == null ? void 0 : te.addEventListener) == null || Ue.call(te, "loadingdone", _e);
+  const De = () => {
+    D || (J = !!(B != null && B.matches), J && Q && ($.on && ($.on = !1, _t(), jt()), et.set = !1, ut = !0, ht(), Oe()));
+  };
+  (Ge = B == null ? void 0 : B.addEventListener) == null || Ge.call(B, "change", De);
+  let he;
+  function ge() {
+    clearTimeout(he), he = setTimeout(() => {
+      if (D) return;
+      if (!C.isConnected) {
+        Wt.destroy();
+        return;
+      }
+      if (!Q) return;
+      const t = Math.round(C.getBoundingClientRect().width);
+      t !== le && (le = t, wt(!1));
+    }, 200);
+  }
+  window.addEventListener("resize", ge);
+  const kt = typeof ResizeObserver < "u" ? new ResizeObserver(ge) : null;
+  kt == null || kt.observe(C);
+  const Wt = {
+    get text() {
+      return i;
+    },
+    setText(t) {
+      if (!D) {
+        if (!Q) {
+          i = t ?? "", E && (E.value = i), U && (U.textContent = i);
+          return;
+        }
+        Be(t, !1);
+      }
+    },
+    replay() {
+      D || !Q || wt(!0);
+    },
+    resize() {
+      D || !Q || wt(!1);
+    },
+    update(t) {
+      if (D) return;
+      t.text !== void 0 && Wt.setText(t.text);
+      let e = !1, n = !1, r = !1, a = !1;
+      if (t.font !== void 0 && ye(t.font) !== u && (u = ye(t.font), bt = Xe(u), e = !0), t.weight !== void 0) {
+        const s = ee(Ut(t.weight, f), 1, 1e3);
+        s !== f && (f = s, e = !0);
+      }
+      if (t.fill !== void 0) {
+        const s = ee(Ut(t.fill, b), 0.05, 1);
+        s !== b && (b = s, e = !0);
+      }
+      if (t.align !== void 0) {
+        const s = t.align === "left" || t.align === "right" ? t.align : "center";
+        s !== p && (p = s, e = !0);
+      }
+      t.pitch !== void 0 && Ct(t.pitch) !== yt && (yt = Ct(t.pitch), e = !0), t.axes !== void 0 && (X = t.axes, e = !0), t.threadColor !== void 0 && t.threadColor !== vt && (vt = t.threadColor, a = !0), t.threadColor2 !== void 0 && t.threadColor2 !== A && (A = t.threadColor2, a = !0), t.outlineColor !== void 0 && t.outlineColor !== T && (T = t.outlineColor, a = !0), t.colorMode !== void 0 && t.colorMode !== W && Gt.includes(t.colorMode) && (W = t.colorMode, a = !0, r = !0), t.backstitch !== void 0 && t.backstitch !== L && (L = t.backstitch, r = !0), t.stitchMode !== void 0 && t.stitchMode !== x && R.includes(t.stitchMode) && (x = t.stitchMode, n = !0), t.sewRate !== void 0 && (F = w(t.sewRate, F)), t.sewStyle !== void 0 && (j = t.sewStyle === "hand" ? "hand" : "machine"), t.animate !== void 0 && (z = t.animate), t.onTextChange !== void 0 && (K = t.onTextChange), t.sheen !== void 0 && an(t.sheen), t.editable !== void 0 && Ne(t.editable), a && Ce(), Q && (e ? je(bt, f, () => {
+        D || wt(!1);
+      }) : r ? (de(), Re(), _t(), jt(), Yt(), ht()) : (n || a) && (de(), _t(), jt(), Yt(), ht()));
+    },
+    focus() {
+      !D && q && (E == null || E.focus());
+    },
+    destroy() {
+      var t, e, n;
+      if (!D) {
+        D = !0, Nt = !1, cancelAnimationFrame(ae), clearTimeout(he), H && clearTimeout(H);
+        for (const r of Ht) clearTimeout(r);
+        if (Ht.clear(), nt && (nt.terminate(), nt = null), Bt) {
+          try {
+            URL.revokeObjectURL(Bt);
+          } catch {
+          }
+          Bt = "";
+        }
+        window.removeEventListener("resize", ge), kt == null || kt.disconnect(), (t = B == null ? void 0 : B.removeEventListener) == null || t.call(B, "change", De), (n = (e = document.fonts) == null ? void 0 : e.removeEventListener) == null || n.call(e, "loadingdone", _e), C.removeEventListener("pointermove", Jt), C.removeEventListener("pointerleave", Zt);
+        for (const r of Ft) r.remove();
+        if (_) {
+          for (; _.firstChild; ) C.insertBefore(_.firstChild, _);
+          _.remove(), _ = null;
+        }
+        U == null || U.remove(), U = null, C.style.height = Rt.height, C.style.position = Rt.position, !Rt.hadStyle && !C.getAttribute("style") && C.removeAttribute("style"), It = [], re = [], $t = [], dt = [], Ot = [], $.rows = [], Z = new Uint8Array(0), Xt = new Float32Array(0), ie = new Float32Array(0), se = new Float32Array(0), ft = At = null, qt = null, N = null, E = null;
+      }
+    }
+  };
+  return Wt;
+}
+export {
+  Dt as THREAD_TEXT_CLASSES,
+  dn as createThreadText
+};