@component-hook/pdf-canvas 1.3.0-alpha.4 → 1.3.0

package/dist/vue/pdf-canvas.es.d.ts

@@ -142,7 +142,7 @@ export declare interface PDF {
 }
 
 export declare interface RenderImageArgs {
-    data: File;
+    data: Blob;
     scale?: number;
 }
 

package/dist/vue/pdf-canvas.es.js

@@ -2081,9 +2081,9 @@ let Te = class Ki extends Oc {
   toObject() {
     const t = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).concat(Ki.customProperties, this.constructor.customProperties || []);
     let e;
-    const s = q.NUM_FRACTION_DIGITS, { clipPath: i, fill: n, stroke: r, shadow: o, strokeDashArray: h, left: l, top: c, originX: u, originY: d, width: f, height: g, strokeWidth: p, strokeLineCap: b, strokeDashOffset: m, strokeLineJoin: v, strokeUniform: y, strokeMiterLimit: _, scaleX: S, scaleY: A, angle: T, flipX: E, flipY: O, opacity: N, visible: D, backgroundColor: L, fillRule: k, paintFirst: P, globalCompositeOperation: j, skewX: M, skewY: R } = this;
+    const s = q.NUM_FRACTION_DIGITS, { clipPath: i, fill: n, stroke: r, shadow: o, strokeDashArray: h, left: l, top: c, originX: u, originY: d, width: f, height: g, strokeWidth: p, strokeLineCap: b, strokeDashOffset: m, strokeLineJoin: v, strokeUniform: y, strokeMiterLimit: _, scaleX: S, scaleY: A, angle: T, flipX: E, flipY: O, opacity: N, visible: D, backgroundColor: L, fillRule: M, paintFirst: P, globalCompositeOperation: j, skewX: k, skewY: R } = this;
     i && !i.excludeFromExport && (e = i.toObject(t.concat("inverted", "absolutePositioned")));
-    const G = (at) => Q(at, s), it = w(w({}, fs(this, t)), {}, { type: this.constructor.type, version: mr, originX: u, originY: d, left: G(l), top: G(c), width: G(f), height: G(g), fill: Do(n) ? n.toObject() : n, stroke: Do(r) ? r.toObject() : r, strokeWidth: G(p), strokeDashArray: h && h.concat(), strokeLineCap: b, strokeDashOffset: m, strokeLineJoin: v, strokeUniform: y, strokeMiterLimit: G(_), scaleX: G(S), scaleY: G(A), angle: G(T), flipX: E, flipY: O, opacity: G(N), shadow: o && o.toObject(), visible: D, backgroundColor: L, fillRule: k, paintFirst: P, globalCompositeOperation: j, skewX: G(M), skewY: G(R) }, e ? { clipPath: e } : null);
+    const G = (at) => Q(at, s), it = w(w({}, fs(this, t)), {}, { type: this.constructor.type, version: mr, originX: u, originY: d, left: G(l), top: G(c), width: G(f), height: G(g), fill: Do(n) ? n.toObject() : n, stroke: Do(r) ? r.toObject() : r, strokeWidth: G(p), strokeDashArray: h && h.concat(), strokeLineCap: b, strokeDashOffset: m, strokeLineJoin: v, strokeUniform: y, strokeMiterLimit: G(_), scaleX: G(S), scaleY: G(A), angle: G(T), flipX: E, flipY: O, opacity: G(N), shadow: o && o.toObject(), visible: D, backgroundColor: L, fillRule: M, paintFirst: P, globalCompositeOperation: j, skewX: G(k), skewY: G(R) }, e ? { clipPath: e } : null);
     return this.includeDefaultValues ? it : this._removeDefaultValues(it);
   }
   toDatalessObject(t) {
@@ -2240,9 +2240,9 @@ function Sh(a, t, e, s, i) {
   const { origin: u, flip: d } = tr[r], f = mt(e[u]) * (n[d] ? -1 : 1), g = -Math.sign(f) * (n[c] ? -1 : 1), p = 0.5 * -((n[l] === 0 && Jr(e, X, X, s, i)[a] > 0 || n[l] > 0 ? 1 : -1) * g) + 0.5;
   return Bs(Xa, Hs(((m, v, y, _) => (function(S, A, T) {
     let { target: E, ex: O, ey: N, skewingSide: D } = A, L = st(A, zc);
-    const { skew: k } = tr[S], P = T.subtract(new C(O, N)).divide(new C(E.scaleX, E.scaleY))[S], j = E[k], M = L[k], R = Math.tan(lt(M)), G = S === "y" ? E._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : E._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, it = 2 * P * D / Math.max(G, 1) + R, at = Ce(Math.atan(it));
-    E.set(k, at);
-    const xt = j !== E[k];
+    const { skew: M } = tr[S], P = T.subtract(new C(O, N)).divide(new C(E.scaleX, E.scaleY))[S], j = E[M], k = L[M], R = Math.tan(lt(k)), G = S === "y" ? E._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : E._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, it = 2 * P * D / Math.max(G, 1) + R, at = Ce(Math.atan(it));
+    E.set(M, at);
+    const xt = j !== E[M];
     if (xt && S === "y") {
       const { skewX: gt, scaleX: et } = E, Pt = E._getTransformedDimensions({ skewY: j }), fe = E._getTransformedDimensions(), ht = gt !== 0 ? Pt.x / fe.x : 1;
       ht !== 1 && E.set(Ht, ht * et);
@@ -3132,12 +3132,12 @@ const Au = (a, t, e) => {
   const u = ((d, f, g, p, b, m, v) => {
     if (g === 0 || p === 0) return [];
     let y = 0, _ = 0, S = 0;
-    const A = Math.PI, T = v * Hr, E = ue(T), O = ce(T), N = 0.5 * (-O * d - E * f), D = 0.5 * (-O * f + E * d), L = g ** 2, k = p ** 2, P = D ** 2, j = N ** 2, M = L * k - L * P - k * j;
+    const A = Math.PI, T = v * Hr, E = ue(T), O = ce(T), N = 0.5 * (-O * d - E * f), D = 0.5 * (-O * f + E * d), L = g ** 2, M = p ** 2, P = D ** 2, j = N ** 2, k = L * M - L * P - M * j;
     let R = Math.abs(g), G = Math.abs(p);
-    if (M < 0) {
-      const ge = Math.sqrt(1 - M / (L * k));
+    if (k < 0) {
+      const ge = Math.sqrt(1 - k / (L * M));
       R *= ge, G *= ge;
-    } else S = (b === m ? -1 : 1) * Math.sqrt(M / (L * P + k * j));
+    } else S = (b === m ? -1 : 1) * Math.sqrt(k / (L * P + M * j));
     const it = S * R * D / G, at = -S * G * N / R, xt = O * it - E * at + 0.5 * d, gt = E * it + O * at + 0.5 * f;
     let et = ha(1, 0, (N - it) / R, (D - at) / G), Pt = ha((N - it) / R, (D - at) / G, (-N - it) / R, (-D - at) / G);
     m === 0 && Pt > 0 ? Pt -= 2 * A : m === 1 && Pt < 0 && (Pt += 2 * A);
@@ -4932,17 +4932,17 @@ class Ct extends tl {
       let p = 0, b = 0, m = this.getValueOfPropertyAt(l, 0, e), v = this.getValueOfPropertyAt(l, 0, vt), y = this.getValueOfPropertyAt(l, 0, hs), _ = m, S = v, A = y;
       const T = s + f * (1 - this._fontSizeFraction);
       let E = this.getHeightOfChar(l, 0), O = this.getValueOfPropertyAt(l, 0, "deltaY");
-      for (let L = 0, k = d.length; L < k; L++) {
+      for (let L = 0, M = d.length; L < M; L++) {
         const P = this.__charBounds[l][L];
         _ = this.getValueOfPropertyAt(l, L, e), S = this.getValueOfPropertyAt(l, L, vt), A = this.getValueOfPropertyAt(l, L, hs);
-        const j = this.getHeightOfChar(l, L), M = this.getValueOfPropertyAt(l, L, "deltaY");
+        const j = this.getHeightOfChar(l, L), k = this.getValueOfPropertyAt(l, L, "deltaY");
         if (n && _ && S) {
           const R = this.fontSize * A / 1e3;
-          t.save(), t.fillStyle = v, t.translate(P.renderLeft, P.renderTop), t.rotate(P.angle), t.fillRect(-P.kernedWidth / 2, h * j + M - o * R, P.kernedWidth, R), t.restore();
-        } else if ((_ !== m || S !== v || j !== E || A !== y || M !== O) && b > 0) {
+          t.save(), t.fillStyle = v, t.translate(P.renderLeft, P.renderTop), t.rotate(P.angle), t.fillRect(-P.kernedWidth / 2, h * j + k - o * R, P.kernedWidth, R), t.restore();
+        } else if ((_ !== m || S !== v || j !== E || A !== y || k !== O) && b > 0) {
           const R = this.fontSize * y / 1e3;
           let G = i + g + p;
-          this.direction === "rtl" && (G = this.width - G - b), m && v && y && (t.fillStyle = v, t.fillRect(G, T + h * E + O - o * R, b, R)), p = P.left, b = P.width, m = _, y = A, v = S, E = j, O = M;
+          this.direction === "rtl" && (G = this.width - G - b), m && v && y && (t.fillStyle = v, t.fillRect(G, T + h * E + O - o * R, b, R)), p = P.left, b = P.width, m = _, y = A, v = S, E = j, O = k;
         } else b += P.kernedWidth;
       }
       let N = i + g + p;
@@ -6411,11 +6411,11 @@ async function bd(a, t) {
         if (!d.includes(N)) if (N === "style") {
           const L = {};
           Sr(D, L), Object.entries(_).forEach(((P) => {
-            let [j, M] = P;
-            L[j] = M;
+            let [j, k] = P;
+            L[j] = k;
           })), Sr(_.style || "", L);
-          const k = Object.entries(L).map(((P) => P.join(":"))).join(";");
-          v.setAttribute(N, k);
+          const M = Object.entries(L).map(((P) => P.join(":"))).join(";");
+          v.setAttribute(N, M);
         } else !_[N] && v.setAttribute(N, D);
       }
       v.setAttribute("transform", E), v.setAttribute("instantiated_by_use", "1"), v.removeAttribute("id"), f.parentNode.replaceChild(v, f);
@@ -7457,13 +7457,13 @@ class Gi extends wt {
   lanczosResize(t, e, s, i, n) {
     const r = t.imageData.data, o = t.ctx.createImageData(i, n), h = o.data, l = this.lanczosCreate(this.lanczosLobes), c = this.rcpScaleX, u = this.rcpScaleY, d = 2 / this.rcpScaleX, f = 2 / this.rcpScaleY, g = Math.ceil(c * this.lanczosLobes / 2), p = Math.ceil(u * this.lanczosLobes / 2), b = {}, m = { x: 0, y: 0 }, v = { x: 0, y: 0 };
     return (function y(_) {
-      let S, A, T, E, O, N, D, L, k, P, j;
+      let S, A, T, E, O, N, D, L, M, P, j;
       for (m.x = (_ + 0.5) * c, v.x = Math.floor(m.x), S = 0; S < n; S++) {
-        for (m.y = (S + 0.5) * u, v.y = Math.floor(m.y), O = 0, N = 0, D = 0, L = 0, k = 0, A = v.x - g; A <= v.x + g; A++) if (!(A < 0 || A >= e)) {
+        for (m.y = (S + 0.5) * u, v.y = Math.floor(m.y), O = 0, N = 0, D = 0, L = 0, M = 0, A = v.x - g; A <= v.x + g; A++) if (!(A < 0 || A >= e)) {
           P = Math.floor(1e3 * Math.abs(A - m.x)), b[P] || (b[P] = {});
-          for (let M = v.y - p; M <= v.y + p; M++) M < 0 || M >= s || (j = Math.floor(1e3 * Math.abs(M - m.y)), b[P][j] || (b[P][j] = l(Math.sqrt(Math.pow(P * d, 2) + Math.pow(j * f, 2)) / 1e3)), T = b[P][j], T > 0 && (E = 4 * (M * e + A), O += T, N += T * r[E], D += T * r[E + 1], L += T * r[E + 2], k += T * r[E + 3]));
+          for (let k = v.y - p; k <= v.y + p; k++) k < 0 || k >= s || (j = Math.floor(1e3 * Math.abs(k - m.y)), b[P][j] || (b[P][j] = l(Math.sqrt(Math.pow(P * d, 2) + Math.pow(j * f, 2)) / 1e3)), T = b[P][j], T > 0 && (E = 4 * (k * e + A), O += T, N += T * r[E], D += T * r[E + 1], L += T * r[E + 2], M += T * r[E + 3]));
         }
-        E = 4 * (S * i + _), h[E] = N / O, h[E + 1] = D / O, h[E + 2] = L / O, h[E + 3] = k / O;
+        E = 4 * (S * i + _), h[E] = N / O, h[E + 1] = D / O, h[E + 2] = L / O, h[E + 3] = M / O;
       }
       return ++_ < i ? y(_) : o;
     })(0);
@@ -7483,9 +7483,9 @@ class Gi extends wt {
       for (let E = Math.floor(f * o); E < (f + 1) * o; E++) {
         const O = Math.abs(T - (E + 0.5)) / l, N = (g + 0.5) * r, D = O * O;
         for (let L = Math.floor(g * r); L < (g + 1) * r; L++) {
-          let k = Math.abs(N - (L + 0.5)) / h;
-          const P = Math.sqrt(D + k * k);
-          P > 1 && P < -1 || (b = 2 * P * P * P - 3 * P * P + 1, b > 0 && (k = 4 * (L + E * e), A += b * c[k + 3], v += b, c[k + 3] < 255 && (b = b * c[k + 3] / 250), y += b * c[k], _ += b * c[k + 1], S += b * c[k + 2], m += b));
+          let M = Math.abs(N - (L + 0.5)) / h;
+          const P = Math.sqrt(D + M * M);
+          P > 1 && P < -1 || (b = 2 * P * P * P - 3 * P * P + 1, b > 0 && (M = 4 * (L + E * e), A += b * c[M + 3], v += b, c[M + 3] < 255 && (b = b * c[M + 3] / 250), y += b * c[M], _ += b * c[M + 1], S += b * c[M + 2], m += b));
         }
       }
       d[p] = y / m, d[p + 1] = _ / m, d[p + 2] = S / m, d[p + 3] = A / v;
@@ -10560,32 +10560,32 @@ class z {
     return Math.round(t * 1e4) / 1e4;
   }
   #C(t, e) {
-    const [s, i] = this.parentDimensions, n = this.x, r = this.y, o = this.width, h = this.height, l = z.MIN_SIZE / s, c = z.MIN_SIZE / i, u = this.#k(this.rotation), d = (M, R) => [u[0] * M + u[2] * R, u[1] * M + u[3] * R], f = this.#k(360 - this.rotation), g = (M, R) => [f[0] * M + f[2] * R, f[1] * M + f[3] * R];
+    const [s, i] = this.parentDimensions, n = this.x, r = this.y, o = this.width, h = this.height, l = z.MIN_SIZE / s, c = z.MIN_SIZE / i, u = this.#k(this.rotation), d = (k, R) => [u[0] * k + u[2] * R, u[1] * k + u[3] * R], f = this.#k(360 - this.rotation), g = (k, R) => [f[0] * k + f[2] * R, f[1] * k + f[3] * R];
     let p, b, m = !1, v = !1;
     switch (t) {
       case "topLeft":
-        m = !0, p = (M, R) => [0, 0], b = (M, R) => [M, R];
+        m = !0, p = (k, R) => [0, 0], b = (k, R) => [k, R];
         break;
       case "topMiddle":
-        p = (M, R) => [M / 2, 0], b = (M, R) => [M / 2, R];
+        p = (k, R) => [k / 2, 0], b = (k, R) => [k / 2, R];
         break;
       case "topRight":
-        m = !0, p = (M, R) => [M, 0], b = (M, R) => [0, R];
+        m = !0, p = (k, R) => [k, 0], b = (k, R) => [0, R];
         break;
       case "middleRight":
-        v = !0, p = (M, R) => [M, R / 2], b = (M, R) => [0, R / 2];
+        v = !0, p = (k, R) => [k, R / 2], b = (k, R) => [0, R / 2];
         break;
       case "bottomRight":
-        m = !0, p = (M, R) => [M, R], b = (M, R) => [0, 0];
+        m = !0, p = (k, R) => [k, R], b = (k, R) => [0, 0];
         break;
       case "bottomMiddle":
-        p = (M, R) => [M / 2, R], b = (M, R) => [M / 2, 0];
+        p = (k, R) => [k / 2, R], b = (k, R) => [k / 2, 0];
         break;
       case "bottomLeft":
-        m = !0, p = (M, R) => [0, R], b = (M, R) => [M, 0];
+        m = !0, p = (k, R) => [0, R], b = (k, R) => [k, 0];
         break;
       case "middleLeft":
-        v = !0, p = (M, R) => [0, R / 2], b = (M, R) => [M, R / 2];
+        v = !0, p = (k, R) => [0, R / 2], b = (k, R) => [k, R / 2];
         break;
     }
     const y = p(o, h), _ = b(o, h);
@@ -10599,19 +10599,19 @@ class z {
       } = e);
     else {
       const {
-        screenX: M,
+        screenX: k,
         screenY: R
       } = e, [G, it] = this.#c;
-      [N, D] = this.screenToPageTranslation(M - G, R - it), this.#c[0] = M, this.#c[1] = R;
+      [N, D] = this.screenToPageTranslation(k - G, R - it), this.#c[0] = k, this.#c[1] = R;
     }
     if ([N, D] = g(N / s, D / i), m) {
-      const M = Math.hypot(o, h);
-      E = O = Math.max(Math.min(Math.hypot(_[0] - y[0] - N, _[1] - y[1] - D) / M, 1 / o, 1 / h), l / o, c / h);
+      const k = Math.hypot(o, h);
+      E = O = Math.max(Math.min(Math.hypot(_[0] - y[0] - N, _[1] - y[1] - D) / k, 1 / o, 1 / h), l / o, c / h);
     } else v ? E = Math.max(l, Math.min(1, Math.abs(_[0] - y[0] - N))) / o : O = Math.max(c, Math.min(1, Math.abs(_[1] - y[1] - D))) / h;
-    const L = z._round(o * E), k = z._round(h * O);
-    S = d(...b(L, k));
+    const L = z._round(o * E), M = z._round(h * O);
+    S = d(...b(L, M));
     const P = A - S[0], j = T - S[1];
-    this.#o ||= [this.x, this.y, this.width, this.height], this.width = L, this.height = k, this.x = P, this.y = j, this.setDims(s * L, i * k), this.fixAndSetPosition(), this._onResizing();
+    this.#o ||= [this.x, this.y, this.width, this.height], this.width = L, this.height = M, this.x = P, this.y = j, this.setDims(s * L, i * M), this.fixAndSetPosition(), this._onResizing();
   }
   _onResizing() {
   }
@@ -12142,22 +12142,22 @@ function fr(a, t, e, s, i, n, r, o) {
   const f = (h[e] + t.offsetX) * t.scaleX, g = (h[e + 1] + t.offsetY) * t.scaleY, p = (h[s] + t.offsetX) * t.scaleX, b = (h[s + 1] + t.offsetY) * t.scaleY, m = (h[i] + t.offsetX) * t.scaleX, v = (h[i + 1] + t.offsetY) * t.scaleY;
   if (g >= v)
     return;
-  const y = l[n], _ = l[n + 1], S = l[n + 2], A = l[r], T = l[r + 1], E = l[r + 2], O = l[o], N = l[o + 1], D = l[o + 2], L = Math.round(g), k = Math.round(v);
-  let P, j, M, R, G, it, at, xt;
-  for (let gt = L; gt <= k; gt++) {
+  const y = l[n], _ = l[n + 1], S = l[n + 2], A = l[r], T = l[r + 1], E = l[r + 2], O = l[o], N = l[o + 1], D = l[o + 2], L = Math.round(g), M = Math.round(v);
+  let P, j, k, R, G, it, at, xt;
+  for (let gt = L; gt <= M; gt++) {
     if (gt < b) {
       const K = gt < g ? 0 : (g - gt) / (g - b);
-      P = f - (f - p) * K, j = y - (y - A) * K, M = _ - (_ - T) * K, R = S - (S - E) * K;
+      P = f - (f - p) * K, j = y - (y - A) * K, k = _ - (_ - T) * K, R = S - (S - E) * K;
     } else {
       let K;
-      gt > v ? K = 1 : b === v ? K = 0 : K = (b - gt) / (b - v), P = p - (p - m) * K, j = A - (A - O) * K, M = T - (T - N) * K, R = E - (E - D) * K;
+      gt > v ? K = 1 : b === v ? K = 0 : K = (b - gt) / (b - v), P = p - (p - m) * K, j = A - (A - O) * K, k = T - (T - N) * K, R = E - (E - D) * K;
     }
     let et;
     gt < g ? et = 0 : gt > v ? et = 1 : et = (g - gt) / (g - v), G = f - (f - m) * et, it = y - (y - O) * et, at = _ - (_ - N) * et, xt = S - (S - D) * et;
     const Pt = Math.round(Math.min(P, G)), fe = Math.round(Math.max(P, G));
     let ht = u * gt + Pt * 4;
     for (let K = Pt; K <= fe; K++)
-      et = (P - K) / (P - G), et < 0 ? et = 0 : et > 1 && (et = 1), c[ht++] = j - (j - it) * et | 0, c[ht++] = M - (M - at) * et | 0, c[ht++] = R - (R - xt) * et | 0, c[ht++] = 255;
+      et = (P - K) / (P - G), et < 0 ? et = 0 : et > 1 && (et = 1), c[ht++] = j - (j - it) * et | 0, c[ht++] = k - (k - at) * et | 0, c[ht++] = R - (R - xt) * et | 0, c[ht++] = 255;
   }
 }
 function lf(a, t, e) {
@@ -12264,8 +12264,8 @@ class yo {
     let _ = g, S = p, A = !1, T = !1;
     const E = Math.ceil(h * v), O = Math.ceil(l * y), N = Math.ceil(g * v), D = Math.ceil(p * y);
     E >= N ? _ = h : A = !0, O >= D ? S = l : T = !0;
-    const L = this.getSizeAndScale(_, this.ctx.canvas.width, v), k = this.getSizeAndScale(S, this.ctx.canvas.height, y), P = t.cachedCanvases.getCanvas("pattern", L.size, k.size), j = P.context, M = o.createCanvasGraphics(j);
-    if (M.groupLevel = t.groupLevel, this.setFillAndStrokeStyleToContext(M, i, r), j.translate(-L.scale * c, -k.scale * u), M.transform(L.scale, 0, 0, k.scale, 0, 0), j.save(), this.clipBbox(M, c, u, d, f), M.baseTransform = rt(M.ctx), M.executeOperatorList(s), M.endDrawing(), j.restore(), A || T) {
+    const L = this.getSizeAndScale(_, this.ctx.canvas.width, v), M = this.getSizeAndScale(S, this.ctx.canvas.height, y), P = t.cachedCanvases.getCanvas("pattern", L.size, M.size), j = P.context, k = o.createCanvasGraphics(j);
+    if (k.groupLevel = t.groupLevel, this.setFillAndStrokeStyleToContext(k, i, r), j.translate(-L.scale * c, -M.scale * u), k.transform(L.scale, 0, 0, M.scale, 0, 0), j.save(), this.clipBbox(k, c, u, d, f), k.baseTransform = rt(k.ctx), k.executeOperatorList(s), k.endDrawing(), j.restore(), A || T) {
       const R = P.canvas;
       A && (_ = h), T && (S = l);
       const G = this.getSizeAndScale(_, this.ctx.canvas.width, v), it = this.getSizeAndScale(S, this.ctx.canvas.height, y), at = G.size, xt = it.size, gt = t.cachedCanvases.getCanvas("pattern-workaround", at, xt), et = gt.context, Pt = A ? Math.floor(g / h) : 0, fe = T ? Math.floor(p / l) : 0;
@@ -12283,7 +12283,7 @@ class yo {
     return {
       canvas: P.canvas,
       scaleX: L.scale,
-      scaleY: k.scale,
+      scaleY: M.scale,
       offsetX: c,
       offsetY: u
     };
@@ -13080,25 +13080,25 @@ class Es {
       }
       let E = !1;
       const O = (T.isSpace ? h : 0) + o, N = T.fontChar, D = T.accent;
-      let L, k, P = T.width;
+      let L, M, P = T.width;
       if (d) {
-        const M = T.vmetric || g, R = -(T.vmetric ? M[1] : P * 0.5) * p, G = M[2] * p;
-        P = M ? -M[0] : P, L = R / r, k = (S + G) / r;
+        const k = T.vmetric || g, R = -(T.vmetric ? k[1] : P * 0.5) * p, G = k[2] * p;
+        P = k ? -k[0] : P, L = R / r, M = (S + G) / r;
       } else
-        L = S / r, k = 0;
+        L = S / r, M = 0;
       if (s.remeasure && P > 0) {
-        const M = n.measureText(N).width * 1e3 / i * r;
-        if (P < M && this.isFontSubpixelAAEnabled) {
-          const R = P / M;
+        const k = n.measureText(N).width * 1e3 / i * r;
+        if (P < k && this.isFontSubpixelAAEnabled) {
+          const R = P / k;
           E = !0, n.save(), n.scale(R, 1), L /= R;
-        } else P !== M && (L += (P - M) / 2e3 * i / r);
+        } else P !== k && (L += (P - k) / 2e3 * i / r);
       }
       if (this.contentVisible && (T.isInFont || s.missingFile)) {
         if (b && !D)
-          n.fillText(N, L, k);
-        else if (this.paintChar(N, L, k, m, v), D) {
-          const M = L + i * D.offset.x / r, R = k - i * D.offset.y / r;
-          this.paintChar(D.fontChar, M, R, m, v);
+          n.fillText(N, L, M);
+        else if (this.paintChar(N, L, M, m, v), D) {
+          const k = L + i * D.offset.x / r, R = M - i * D.offset.y / r;
+          this.paintChar(D.fontChar, k, R, m, v);
         }
       }
       const j = d ? P * p - O * l : P * p + O * l;
@@ -14877,10 +14877,10 @@ function qf(a = {}) {
     docId: e
   } = t, s = a.url ? Kf(a.url) : null, i = a.data ? Jf(a.data) : null, n = a.httpHeaders || null, r = a.withCredentials === !0, o = a.password ?? null, h = a.range instanceof Al ? a.range : null, l = Number.isInteger(a.rangeChunkSize) && a.rangeChunkSize > 0 ? a.rangeChunkSize : Gf;
   let c = a.worker instanceof ks ? a.worker : null;
-  const u = a.verbosity, d = typeof a.docBaseUrl == "string" && !Bn(a.docBaseUrl) ? a.docBaseUrl : null, f = typeof a.cMapUrl == "string" ? a.cMapUrl : null, g = a.cMapPacked !== !1, p = a.CMapReaderFactory || Uf, b = typeof a.standardFontDataUrl == "string" ? a.standardFontDataUrl : null, m = a.StandardFontDataFactory || $f, v = a.stopAtErrors !== !0, y = Number.isInteger(a.maxImageSize) && a.maxImageSize > -1 ? a.maxImageSize : -1, _ = a.isEvalSupported !== !1, S = typeof a.isOffscreenCanvasSupported == "boolean" ? a.isOffscreenCanvasSupported : !kt, A = typeof a.isImageDecoderSupported == "boolean" ? a.isImageDecoderSupported : !kt && (jt.platform.isFirefox || !globalThis.chrome), T = Number.isInteger(a.canvasMaxAreaInBytes) ? a.canvasMaxAreaInBytes : -1, E = typeof a.disableFontFace == "boolean" ? a.disableFontFace : kt, O = a.fontExtraProperties === !0, N = a.enableXfa === !0, D = a.ownerDocument || globalThis.document, L = a.disableRange === !0, k = a.disableStream === !0, P = a.disableAutoFetch === !0, j = a.pdfBug === !0, M = a.CanvasFactory || Wf, R = a.FilterFactory || Yf, G = a.enableHWA === !0, it = h ? h.length : a.length ?? NaN, at = typeof a.useSystemFonts == "boolean" ? a.useSystemFonts : !kt && !E, xt = typeof a.useWorkerFetch == "boolean" ? a.useWorkerFetch : p === gl && m === bl && f && b && Ks(f, document.baseURI) && Ks(b, document.baseURI), gt = null;
+  const u = a.verbosity, d = typeof a.docBaseUrl == "string" && !Bn(a.docBaseUrl) ? a.docBaseUrl : null, f = typeof a.cMapUrl == "string" ? a.cMapUrl : null, g = a.cMapPacked !== !1, p = a.CMapReaderFactory || Uf, b = typeof a.standardFontDataUrl == "string" ? a.standardFontDataUrl : null, m = a.StandardFontDataFactory || $f, v = a.stopAtErrors !== !0, y = Number.isInteger(a.maxImageSize) && a.maxImageSize > -1 ? a.maxImageSize : -1, _ = a.isEvalSupported !== !1, S = typeof a.isOffscreenCanvasSupported == "boolean" ? a.isOffscreenCanvasSupported : !kt, A = typeof a.isImageDecoderSupported == "boolean" ? a.isImageDecoderSupported : !kt && (jt.platform.isFirefox || !globalThis.chrome), T = Number.isInteger(a.canvasMaxAreaInBytes) ? a.canvasMaxAreaInBytes : -1, E = typeof a.disableFontFace == "boolean" ? a.disableFontFace : kt, O = a.fontExtraProperties === !0, N = a.enableXfa === !0, D = a.ownerDocument || globalThis.document, L = a.disableRange === !0, M = a.disableStream === !0, P = a.disableAutoFetch === !0, j = a.pdfBug === !0, k = a.CanvasFactory || Wf, R = a.FilterFactory || Yf, G = a.enableHWA === !0, it = h ? h.length : a.length ?? NaN, at = typeof a.useSystemFonts == "boolean" ? a.useSystemFonts : !kt && !E, xt = typeof a.useWorkerFetch == "boolean" ? a.useWorkerFetch : p === gl && m === bl && f && b && Ks(f, document.baseURI) && Ks(b, document.baseURI), gt = null;
   Rd(u);
   const et = {
-    canvasFactory: new M({
+    canvasFactory: new k({
       ownerDocument: D,
       enableHWA: G
     }),
@@ -14947,7 +14947,7 @@ function qf(a = {}) {
     if (h)
       K = new Cf(h, {
         disableRange: L,
-        disableStream: k
+        disableStream: M
       });
     else if (!i) {
       if (!s)
@@ -14969,7 +14969,7 @@ function qf(a = {}) {
         withCredentials: r,
         rangeChunkSize: l,
         disableRange: L,
-        disableStream: k
+        disableStream: M
       });
     }
     return ht.then((je) => {
@@ -22157,78 +22157,78 @@ function Qg(a) {
   let h = null, l = null, c = 1, u = { ...Zl };
   function d() {
     if (!t || Ft.has(t)) return;
-    const k = Ng(t);
-    return k.on("selection:created", (P) => {
+    const M = Ng(t);
+    return M.on("selection:created", (P) => {
       if (r?.(P), P.selected.length <= 1) return;
-      const j = k.getActiveObject();
+      const j = M.getActiveObject();
       j && (l = j, e?.value && l.set(e.value), l._cornerSize = l.cornerSize, S(c));
-    }), k.on("selection:cleared", (P) => {
-      o?.(P), T(k);
-    }), s && k.on("mouse:down", s), i && k.on("mouse:move", i), n && k.on("mouse:up", n), k;
+    }), M.on("selection:cleared", (P) => {
+      o?.(P), T(M);
+    }), s && M.on("mouse:down", s), i && M.on("mouse:move", i), n && M.on("mouse:up", n), M;
   }
-  function f(k, P) {
-    return $g(k, P, t);
+  function f(M, P) {
+    return $g(M, P, t);
   }
-  function g(k) {
-    return jl(k, t);
+  function g(M) {
+    return jl(M, t);
   }
-  function p({ data: k, scale: P = 0.5 }) {
-    return Il(t, { data: k, scale: P });
+  function p({ data: M, scale: P = 0.5 }) {
+    return Il(t, { data: M, scale: P });
   }
-  async function b(k, P, j) {
-    const M = Ft.get(t);
-    if (!M) return;
-    const R = await Tt.fromURL(k, {}, { ...ql, ...P });
-    jr(R, j), M.add(R), v(M, R), M.setActiveObject(R);
+  async function b(M, P, j) {
+    const k = Ft.get(t);
+    if (!k) return;
+    const R = await Tt.fromURL(M, {}, { ...ql, ...P });
+    jr(R, j), k.add(R), v(k, R), k.setActiveObject(R);
   }
-  function m(k, P, j) {
-    const M = Ft.get(t);
-    if (!M) return;
-    const R = new Ct(k, {
+  function m(M, P, j) {
+    const k = Ft.get(t);
+    if (!k) return;
+    const R = new Ct(M, {
       ...Kl,
       ...P
     });
-    jr(R, j), M.add(R), v(M, R), M.setActiveObject(R);
+    jr(R, j), k.add(R), v(k, R), k.setActiveObject(R);
   }
-  function v(k, P) {
-    P.on("selected", (j) => y({ canvas: k, target: j.target })), P.on("modified", (j) => y({ canvas: k, target: j.target })), P.on("scaling", () => T(k)), P.on("moving", () => T(k)), P.on("rotating", () => T(k)), P._cornerSize = P._cornerSize ?? P.cornerSize;
+  function v(M, P) {
+    P.on("selected", (j) => y({ canvas: M, target: j.target })), P.on("modified", (j) => y({ canvas: M, target: j.target })), P.on("scaling", () => T(M)), P.on("moving", () => T(M)), P.on("rotating", () => T(M)), P._cornerSize = P._cornerSize ?? P.cornerSize;
   }
   async function y({
-    canvas: k,
+    canvas: M,
     target: P,
     stroke: j = u.stroke,
-    uuid: M = Date.now()
+    uuid: k = Date.now()
   }) {
-    if (k.getActiveObjects().length > 1 || h?.stroke === `${j}-${M}`) return;
-    const G = await Bg(u, M, j);
-    T(k), h = G, l = P, _(k, P, M), S(c, !0), G && k.add(G);
+    if (M.getActiveObjects().length > 1 || h?.stroke === `${j}-${k}`) return;
+    const G = await Bg(u, k, j);
+    T(M), h = G, l = P, _(M, P, k), S(c, !0), G && M.add(G);
   }
-  function _(k, P, j) {
+  function _(M, P, j) {
     h && (h.on("selected", () => {
-      k.remove(P), T(k);
+      M.remove(P), T(M);
     }), h.on("mouseover", () => {
       y({
-        canvas: k,
+        canvas: M,
         target: P,
         stroke: u.hoverStroke,
         uuid: j
       });
     }), h.on("mouseout", () => {
-      y({ canvas: k, target: P, stroke: u.stroke, uuid: j });
+      y({ canvas: M, target: P, stroke: u.stroke, uuid: j });
     }));
   }
-  function S(k, P = !1) {
+  function S(M, P = !1) {
     const j = Ft.get(t);
-    c = k, j && (Xg(l, k), Vg(l, k, h), !P && j.renderAll());
+    c = M, j && (Xg(l, M), Vg(l, M, h), !P && j.renderAll());
   }
-  function A(k) {
-    if (!k) return;
-    u = { ...u, ...k };
+  function A(M) {
+    if (!M) return;
+    u = { ...u, ...M };
     const P = Ft.get(t);
     !h || !l || !P || y({ target: l, canvas: P });
   }
-  function T(k) {
-    l = null, h && (k.remove(h), h = null);
+  function T(M) {
+    l = null, h && (M.remove(h), h = null);
   }
   function E() {
     Wg(t);
@@ -22236,8 +22236,8 @@ function Qg(a) {
   function O() {
     Ug(t);
   }
-  function N(k) {
-    Kg(t, k);
+  function N(M) {
+    Kg(t, M);
   }
   function D() {
     return Jg(t, v);
@@ -22317,31 +22317,31 @@ const ip = /* @__PURE__ */ Hl({
     });
     A(), tp(N);
     async function A() {
-      const { file: D, page: L, fileScale: k } = s;
+      const { file: D, page: L, fileScale: M } = s;
       globalThis.requestAnimationFrame(async () => {
-        if (await Gl(), c(), D.data?.type.startsWith("image/")) {
-          g({ data: D.data, scale: k / 3 }), i("loaded");
+        if (await Gl(), c(), D.data?.type.startsWith("image/") || D.canvas) {
+          const { canvas: P } = D, j = P ? 7 : 3, k = P?.length ? P[L - 1] : D.data;
+          k && g({ data: k, scale: M / j }), i("loaded");
           return;
         }
-        const P = D.canvas?.[L - 1] ?? D.data;
-        P && await u({
+        D.data && await u({
           page: L,
-          data: P,
-          scale: k,
+          data: D.data,
+          scale: M,
           password: s.password
         }), i("loaded");
       });
     }
     function T(D) {
       if (!s.isDrop || !D.dataTransfer) return;
-      const { dataTransfer: L, offsetX: k, offsetY: P } = D, j = L.getData("text/plain"), M = L.getData("text/uri-list"), R = L.getData("custom/offset"), G = R ? JSON.parse(R) : null, it = { top: P, left: k }, at = { x: G?.offsetX ?? 0, y: G?.offsetY ?? 0 };
-      M ? E(M, it, at) : j && O(j, it, at);
+      const { dataTransfer: L, offsetX: M, offsetY: P } = D, j = L.getData("text/plain"), k = L.getData("text/uri-list"), R = L.getData("custom/offset"), G = R ? JSON.parse(R) : null, it = { top: P, left: M }, at = { x: G?.offsetX ?? 0, y: G?.offsetY ?? 0 };
+      k ? E(k, it, at) : j && O(j, it, at);
     }
-    function E(D, L, k) {
-      d(D, { ...s.dropImageOptions, ...L }, k);
+    function E(D, L, M) {
+      d(D, { ...s.dropImageOptions, ...L }, M);
     }
-    function O(D, L, k) {
-      f(D, { ...s.dropTextOptions, ...L }, k);
+    function O(D, L, M) {
+      f(D, { ...s.dropTextOptions, ...L }, M);
     }
     function N() {
       s.manualReload || A(), i("reload");