mce 0.1.1 → 0.1.2

package/dist/components/Selector.vue.d.ts

@@ -39,7 +39,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[] | undefined;
             readonly initialSize?: boolean | undefined;
             readonly borderStyle?: "solid" | "dashed" | undefined;
-            readonly tip?: ((type: "size") => string) | undefined;
+            readonly tipFormat?: ((type: "size") => string) | undefined;
             readonly onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
             readonly onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
             readonly onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
@@ -75,7 +75,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
             initialSize?: boolean;
             borderStyle?: "solid" | "dashed";
-            tip?: (type: "size") => string;
+            tipFormat?: (type: "size") => string;
         }> & Readonly<{
             onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
             onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
@@ -150,7 +150,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
         initialSize?: boolean;
         borderStyle?: "solid" | "dashed";
-        tip?: (type: "size") => string;
+        tipFormat?: (type: "size") => string;
     }> & Readonly<{
         onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
         onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;

package/dist/components/shared/Transformable.vue.d.ts

@@ -16,7 +16,7 @@ type __VLS_Props = {
     handles?: Handle[];
     initialSize?: boolean;
     borderStyle?: 'solid' | 'dashed';
-    tip?: (type: 'size') => string;
+    tipFormat?: (type: 'size') => string;
 };
 declare function start(event?: MouseEvent, index?: number): boolean;
 declare var __VLS_7: {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref as V, computed as O, watch as he, markRaw as de, reactive as et, nextTick as Fe, inject as Ve, provide as Le, defineComponent as H, createVNode as W, mergeProps as Ie, createElementVNode as I, toValue as rn, getCurrentInstance as St, onScopeDispose as ln, createElementBlock as R, openBlock as $, Fragment as oe, renderList as pe, unref as M, normalizeStyle as K, normalizeClass as ve, renderSlot as ne, useAttrs as zt, createBlock as te, resolveDynamicComponent as Ot, useTemplateRef as le, onMounted as He, onBeforeUnmount as ge, Teleport as cn, createCommentVNode as Z, mergeModels as Pe, useModel as xe, useId as un, shallowRef as dn, resolveComponent as hn, withCtx as ue, createTextVNode as mn, toDisplayString as G, createSlots as rt, normalizeProps as lt, guardReactiveProps as ct, withDirectives as Ee, vShow as De, vModelText as fn, withModifiers as Xe, onBeforeMount as ut, isRef as pn } from "vue";
+import { ref as V, computed as O, watch as he, markRaw as de, reactive as et, nextTick as Fe, inject as Ve, provide as Le, defineComponent as H, createVNode as W, mergeProps as Ie, createElementVNode as I, toValue as rn, getCurrentInstance as St, onScopeDispose as ln, createElementBlock as R, openBlock as $, Fragment as oe, renderList as pe, unref as M, normalizeStyle as K, normalizeClass as ve, renderSlot as ne, useAttrs as zt, createBlock as te, resolveDynamicComponent as Ot, useTemplateRef as le, onMounted as He, onBeforeUnmount as ge, Teleport as cn, createCommentVNode as J, mergeModels as Pe, useModel as xe, useId as un, shallowRef as dn, resolveComponent as hn, withCtx as ue, createTextVNode as mn, toDisplayString as G, createSlots as rt, normalizeProps as lt, guardReactiveProps as ct, withDirectives as Ee, vShow as De, vModelText as fn, withModifiers as Xe, onBeforeMount as ut, isRef as pn } from "vue";
 import { useFileDialog as $t, useEventListener as Ft, isClient as vn, useResizeObserver as It, useLocalStorage as gn, onClickOutside as yn, useMouse as bn, useDebounceFn as Pt } from "@vueuse/core";
 import { Timeline as wn, Engine as xn, Camera2D as _n, DrawboardEffect as kn, Element2D as q, IN_BROWSER as Nt, clamp as Cn, assets as Bt, TimelineNode as Tn, Transform2D as En, DEG_TO_RAD as An, Node as vt, render as Ye, Animation as Mn } from "modern-canvas";
 import { getObjectValueByPath as Sn, setObjectValueByPath as zn, normalizeTextContent as On, idGenerator as dt, normalizeElement as Rt, Observable as Dt, Reactivable as $n, property as je } from "modern-idoc";
@@ -336,9 +336,9 @@ const Un = (o) => {
   return Object.assign(o, {
     frames: n,
     frameThumbs: i,
-    activeFrameIndex: s,
-    activeFrame: a,
-    activeFrameAabb: r,
+    currentFrameIndex: s,
+    currentFrame: a,
+    currentFrameAabb: r,
     isFrame: c,
     getAncestorFrame: l
   }), () => {
@@ -917,7 +917,7 @@ const ho = (o) => {
   const {
     renderEngine: e,
     rootAabb: t,
-    activeFrameAabb: n,
+    currentFrameAabb: n,
     config: s
   } = o, a = O(() => s.value.viewMode === "frame" ? n.value : t.value);
   function r(i, c) {
@@ -939,7 +939,7 @@ const ho = (o) => {
   }), () => {
     const {
       root: i,
-      activeFrame: c,
+      currentFrame: c,
       on: l,
       exec: u
     } = o;
@@ -958,7 +958,7 @@ const ho = (o) => {
       }
       u("zoomToFit");
     }
-    he(() => s.value.viewMode, d), l("setActiveFrame", d), l("setDoc", d);
+    he(() => s.value.viewMode, d), l("setCurrentFrame", d), l("setDoc", d);
   };
 }, yo = (o) => {
   const {
@@ -1053,7 +1053,7 @@ const ho = (o) => {
   const {
     doc: e,
     rootAabb: t,
-    activeFrame: n,
+    currentFrame: n,
     emit: s,
     textFontSizeToFit: a,
     textToFit: r,
@@ -1093,7 +1093,7 @@ const ho = (o) => {
         if (_) {
           const { width: _e, height: ke } = _.style, ye = _e / 2, me = ke / 2;
           if (Y.style.width || (Y.style.width = ye), Y.style.height || (Y.style.height = me), E) {
-            const J = Y.style.width / Y.style.height, ce = J > 1 ? ye : me * J, U = J > 1 ? ye / J : me;
+            const Z = Y.style.width / Y.style.height, ce = Z > 1 ? ye : me * Z, U = Z > 1 ? ye / Z : me;
             k(
               Y,
               ce / Y.style.width,
@@ -1170,7 +1170,7 @@ const ho = (o) => {
     doc: e,
     root: t,
     rootAabb: n,
-    activeFrameIndex: s,
+    currentFrameIndex: s,
     frameThumbs: a,
     emit: r,
     selection: i,
@@ -1215,14 +1215,14 @@ const ho = (o) => {
   function g(v = s.value) {
     v = Math.max(0, Math.min(c.value.length - 1, v));
     const m = s.value;
-    s.value = v, l.value.viewMode === "edgeless" ? i.value = [c.value[v]] : i.value = [], r("setActiveFrame", v, m);
+    s.value = v, l.value.viewMode === "edgeless" ? i.value = [c.value[v]] : i.value = [], r("setCurrentFrame", v, m);
   }
   Object.assign(o, {
     addFrame: u,
     duplicateFrame: d,
     moveFrame: y,
     deleteFrame: h,
-    setActiveFrame: g
+    setCurrentFrame: g
   });
 };
 function Me(o) {
@@ -1750,7 +1750,7 @@ const Vo = (o, e) => {
     renderEngine: s,
     emit: a,
     selection: r,
-    setActiveFrame: i,
+    setCurrentFrame: i,
     state: c,
     to: l,
     waitUntilFontLoad: u,
@@ -1788,19 +1788,13 @@ const Vo = (o, e) => {
     const {
       doc: f
     } = e;
-    v(f || {
-      style: {
-        width: 1920,
-        height: 1080
-      },
-      children: []
-    });
+    f && v(f);
   };
 }, jo = (o) => {
   const {
     renderEngine: e,
     frames: t,
-    activeFrameAabb: n,
+    currentFrameAabb: n,
     camera: s,
     frameThumbs: a,
     log: r,
@@ -1880,7 +1874,7 @@ const Vo = (o, e) => {
         }
       }
       v.root.on("appendChild", m);
-    }), h("setActiveFrame", (v, m) => {
+    }), h("setCurrentFrame", (v, m) => {
       g.value.frameScreenshot && d(m);
     });
   };
@@ -2642,7 +2636,7 @@ function Qe(o) {
 }
 const qo = (o) => {
   const {
-    activeFrame: e,
+    currentFrame: e,
     selection: t,
     state: n,
     getObbInDrawboard: s,
@@ -3326,7 +3320,7 @@ const qo = (o) => {
   };
 }, ss = (o) => {
   const {
-    activeFrameAabb: e,
+    currentFrameAabb: e,
     selection: t,
     getAabb: n
   } = o;
@@ -4092,7 +4086,7 @@ const ps = (o) => {
     ],
     events: {
       setDoc: y,
-      setActiveFrame: () => {
+      setCurrentFrame: () => {
         i.value.length ? g() : y();
       }
     },
@@ -4220,7 +4214,7 @@ class Ae extends Dt {
       } catch (t) {
         console.error(`Failed to setup ${e.name} plugin`, t);
       }
-    }));
+    }), this.emit("ready"));
   };
   install = (e) => {
     e.provide(Ae.injectionKey, this);
@@ -4536,7 +4530,7 @@ const Is = Yt({
           style: g.value
         }, f.$attrs), [
           ne(f.$slots, "default")
-        ], 16)) : Z("", !0)
+        ], 16)) : J("", !0)
       ], 8, ["disabled", "to"]))
     ], 64));
   }
@@ -4634,7 +4628,7 @@ const Is = Yt({
                     F.checked ? ($(), te(we, {
                       key: 0,
                       icon: "$check"
-                    })) : Z("", !0)
+                    })) : J("", !0)
                   ]),
                   I("div", Xs, [
                     ne(f.$slots, "title", { item: F }, () => [
@@ -4643,7 +4637,7 @@ const Is = Yt({
                   ]),
                   F.children?.length ? ($(), R("div", Hs, [
                     W(we, { icon: "$menuRight" })
-                  ])) : Z("", !0)
+                  ])) : J("", !0)
                 ], 10, js)
               ], 40, Vs))
             ], 64))), 128)),
@@ -4666,8 +4660,8 @@ const Is = Yt({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["items", "model-value", "target"])) : Z("", !0)
-          ], 32)) : Z("", !0)
+            ]), 1032, ["items", "model-value", "target"])) : J("", !0)
+          ], 32)) : J("", !0)
         ]),
         _: 3
       }, 8, ["modelValue", "location", "offset", "target", "attach"]);
@@ -4732,7 +4726,7 @@ const Is = Yt({
     }, {
       title: ue(({ item: f }) => [
         I("span", qs, G(M(i)(f.key)), 1),
-        M(c).has(f.key) ? ($(), R("span", Gs, G(M(r)(f.key)), 1)) : Z("", !0)
+        M(c).has(f.key) ? ($(), R("span", Gs, G(M(r)(f.key)), 1)) : J("", !0)
       ]),
       _: 1
     }, 8, ["modelValue", "target", "items", "style"]));
@@ -4767,8 +4761,8 @@ const Is = Yt({
       }),
       onMousedown: l
     }, [
-      M(t)?.content ? ($(), R("div", Ks, G(M(n)(M(t).content)), 1)) : Z("", !0)
-    ], 36)) : Z("", !0);
+      M(t)?.content ? ($(), R("div", Ks, G(M(n)(M(t).content)), 1)) : J("", !0)
+    ], 36)) : J("", !0);
   }
 }), Zs = /* @__PURE__ */ H({
   __name: "Floatbar",
@@ -4801,7 +4795,7 @@ const Is = Yt({
       "model-value": !0
     }, {
       default: ue(() => [
-        M(s).length > 0 ? ne(c.$slots, "default", { key: 0 }) : Z("", !0)
+        M(s).length > 0 ? ne(c.$slots, "default", { key: 0 }) : J("", !0)
       ]),
       _: 3
     }, 8, ["location", "offset", "target"]));
@@ -4888,7 +4882,7 @@ const Is = Yt({
     }, [
       W(we, { icon: "$gps" }),
       I("span", null, G(M(a)("goBackSelectedArea")), 1)
-    ])) : Z("", !0);
+    ])) : J("", !0);
   }
 }), na = ["data-name"], oa = /* @__PURE__ */ H({
   __name: "Hover",
@@ -4906,7 +4900,7 @@ const Is = Yt({
         borderColor: "currentcolor",
         ...M(Te)(s.value)
       })
-    }, null, 12, na)) : Z("", !0);
+    }, null, 12, na)) : J("", !0);
   }
 }), sa = /* @__PURE__ */ H({
   __name: "Tooltip",
@@ -4938,7 +4932,7 @@ const Is = Yt({
       attach: t.attach
     }, rt({
       default: ue(() => [
-        n.value ? ne(r.$slots, "default", { key: 0 }) : Z("", !0)
+        n.value ? ne(r.$slots, "default", { key: 0 }) : J("", !0)
       ]),
       _: 2
     }, [
@@ -5296,7 +5290,10 @@ const Is = Yt({
       }), null, 16, ["modelValue", "zoom", "length"])
     ], 64));
   }
-}), ma = { class: "mce-transformable__svg" }, fa = { "pointer-events": "all" }, pa = ["x", "y", "width", "height", "aria-label", "fill"], va = ["cx", "cy", "r", "aria-label", "fill"], ga = ["x", "y", "width", "height", "aria-label", "cursor", "onPointerdown"], ya = { class: "mce-transformable__tip" }, ba = /* @__PURE__ */ H({
+}), ma = { class: "mce-transformable__svg" }, fa = { "pointer-events": "all" }, pa = ["x", "y", "width", "height", "aria-label", "fill"], va = ["cx", "cy", "r", "aria-label", "fill"], ga = ["x", "y", "width", "height", "aria-label", "cursor", "onPointerdown"], ya = {
+  key: 0,
+  class: "mce-transformable__tip"
+}, ba = /* @__PURE__ */ H({
   __name: "Transformable",
   props: {
     tag: { default: "div" },
@@ -5328,7 +5325,7 @@ const Is = Yt({
     ] },
     initialSize: { type: Boolean },
     borderStyle: {},
-    tip: {}
+    tipFormat: {}
   },
   emits: ["update:modelValue", "start", "move", "end"],
   setup(o, { expose: e, emit: t }) {
@@ -5403,7 +5400,7 @@ const Is = Yt({
         ...y.value,
         transform: `matrix(${x}, ${E}, ${-E}, ${x}, ${p}, ${b})`
       };
-    }), g = O(() => n.visibility === "auto" && c.value), v = O(() => n.tip?.("size") ?? `${Math.floor(i.value.width)} × ${Math.floor(i.value.height)}`);
+    }), g = O(() => n.visibility === "auto" && c.value), v = O(() => n.tipFormat?.("size"));
     function m(p, b) {
       if (p && p.button !== void 0 && p.button !== 0)
         return !1;
@@ -5435,7 +5432,7 @@ const Is = Yt({
       }
       !n.threshold && !c.value && _e();
       function ke(me) {
-        const J = {};
+        const Z = {};
         Y || (Y = { x: me.clientX, y: me.clientY });
         const ce = {
           x: me.clientX - Y.x,
@@ -5453,13 +5450,13 @@ const Is = Yt({
         if (C) {
           if (!n.moveable)
             return;
-          J.left = U.x, J.top = U.y;
+          Z.left = U.x, Z.top = U.y;
         } else if (N) {
           const Ce = Math.atan2(
             U.y - D.y,
             U.x - D.x
           ) / (Math.PI / 180);
-          J.rotate = (S + Ce - fe + 360) % 360;
+          Z.rotate = (S + Ce - fe + 360) % 360;
         } else if (j) {
           const Ce = F(U, Q, -S), se = F(
             L ? { x: Ce.x, y: Q.y } : { x: Q.x, y: Ce.y },
@@ -5469,7 +5466,7 @@ const Is = Yt({
             x: se.x - (se.x - ee.x) / 2,
             y: se.y + (ee.y - se.y) / 2
           }, be = A(se, ee);
-          L ? (J.width = be, P && n.resizeStrategy === "aspectRatio" && (J.height = be / P)) : (J.height = be, P && n.resizeStrategy === "aspectRatio" && (J.width = be * P)), J.left = Be.x - (L ? be : x) / 2, J.top = Be.y - (L ? E : be) / 2;
+          L ? (Z.width = be, P && n.resizeStrategy === "aspectRatio" && (Z.height = be / P)) : (Z.height = be, P && n.resizeStrategy === "aspectRatio" && (Z.width = be * P)), Z.left = Be.x - (L ? be : x) / 2, Z.top = Be.y - (L ? E : be) / 2;
         } else {
           if (P && (n.resizeStrategy === "aspectRatio" || n.resizeStrategy === "diagonalAspectRatio")) {
             let Ke = 1;
@@ -5485,11 +5482,11 @@ const Is = Yt({
             F(U, Ce, -S),
             F(ee, Ce, -S)
           ], [Be, be] = se[0].x > se[1].x ? [se[1].x, se[0].x] : [se[0].x, se[1].x], [pt, an] = se[0].y > se[1].y ? [se[1].y, se[0].y] : [se[0].y, se[1].y];
-          J.width = be - Be, J.height = an - pt, J.left = Be, J.top = pt;
+          Z.width = be - Be, Z.height = an - pt, Z.left = Be, Z.top = pt;
         }
-        if ("width" in J && J.width <= 0 || "height" in J && J.height <= 0)
+        if ("width" in Z && Z.width <= 0 || "height" in Z && Z.height <= 0)
           return;
-        const ie = { ...i.value }, Se = { ...i.value, ...J };
+        const ie = { ...i.value }, Se = { ...i.value, ...Z };
         i.value = Se, s("move", Se, ie);
       }
       function ye() {
@@ -5600,7 +5597,7 @@ const Is = Yt({
                     opacity: o.visibility === "none" || c.value && o.visibility !== "visible" ? 0 : void 0
                   })
                 }, null, 12, va))
-              ], 64)) : Z("", !0),
+              ], 64)) : J("", !0),
               I("rect", {
                 ref_for: !0,
                 ref_key: "handlesRef",
@@ -5626,7 +5623,7 @@ const Is = Yt({
             ne(p.$slots, "svg", { box: i.value })
           ], 4)
         ])),
-        I("div", ya, G(v.value), 1)
+        v.value ? ($(), R("div", ya, G(v.value), 1)) : J("", !0)
       ]),
       _: 3
     }, 8, ["style"]));
@@ -5715,7 +5712,7 @@ const Is = Yt({
           borderColor: "currentcolor",
           ...M(Te)(t.selectedArea)
         })
-      }, null, 4)) : Z("", !0),
+      }, null, 4)) : J("", !0),
       ($(!0), R(oe, null, pe(f.value, (p, b) => ($(), R("div", {
         key: b,
         class: "mce-element-obb",
@@ -5735,7 +5732,7 @@ const Is = Yt({
         "handle-shape": M(g).handleShape,
         class: "mce-selection-obb",
         "border-style": M(a).length > 1 ? "dashed" : "solid",
-        tip: F,
+        "tip-format": F,
         onMove: A[1] || (A[1] = () => !M(n) && (n.value = "transforming")),
         onEnd: A[2] || (A[2] = () => M(n) === "transforming" && (n.value = void 0))
       }, rt({ _: 2 }, [
@@ -5746,13 +5743,13 @@ const Is = Yt({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "visibility", "moveable", "resize-strategy", "handle-shape", "border-style"])) : Z("", !0),
+      ]), 1032, ["modelValue", "visibility", "moveable", "resize-strategy", "handle-shape", "border-style"])) : J("", !0),
       z.value.width && z.value.height && k.$slots.default ? ($(), R("div", {
         key: 2,
         style: K([{ position: "absolute" }, M(Te)(z.value)])
       }, [
         ne(k.$slots, "default", { box: z.value })
-      ], 4)) : Z("", !0)
+      ], 4)) : J("", !0)
     ], 64));
   }
 }), xa = /* @__PURE__ */ H({
@@ -5779,7 +5776,7 @@ const Is = Yt({
   setup(o) {
     const e = xe(o, "modelValue");
     return (t, n) => ($(), R("div", _a, [
-      o.label ? ($(), R("span", ka, G(o.label), 1)) : Z("", !0),
+      o.label ? ($(), R("span", ka, G(o.label), 1)) : J("", !0),
       I("div", Ca, [
         o.indeterminate ? ($(), R("div", Ta)) : ($(), R("div", {
           key: 0,
@@ -5863,7 +5860,7 @@ const Is = Yt({
           modelValue: M(a),
           "onUpdate:modelValue": i[0] || (i[0] = (c) => pn(a) ? a.value = c : null),
           label: M(t)("exporting")
-        }, null, 8, ["modelValue", "label"])) : Z("", !0)
+        }, null, 8, ["modelValue", "label"])) : J("", !0)
       ])
     ]));
   }
@@ -5975,9 +5972,9 @@ const Is = Yt({
       ]]),
       style: K(t.value)
     }, [
-      o.active ? ($(), R("div", ei)) : Z("", !0),
+      o.active ? ($(), R("div", ei)) : J("", !0),
       I("span", ti, G(e.node.name), 1),
-      o.active ? ($(), R("div", ni)) : Z("", !0)
+      o.active ? ($(), R("div", ni)) : J("", !0)
     ], 6));
   }
 }), si = { class: "mce-track" }, ai = /* @__PURE__ */ H({
@@ -6258,7 +6255,7 @@ const Is = Yt({
       function me() {
         return !X && (Math.abs(D.x - j.x) >= 3 || Math.abs(D.y - j.y) >= 3);
       }
-      function J(U) {
+      function Z(U) {
         D = { x: U.clientX, y: U.clientY }, Y ? me() && (X = !0, v("startTransform")) : L && !h(L) ? me() && (X = !0, _e(U), Fe(() => {
           Q || v("startTransform");
         })) : ke();
@@ -6274,9 +6271,9 @@ const Is = Yt({
             }
           x(C);
         }
-        i.value.off("pointermove", J), document.removeEventListener("pointerup", ce), Q = !0;
+        i.value.off("pointermove", Z), document.removeEventListener("pointerup", ce), Q = !0;
       }
-      i.value.on("pointermove", J), document.addEventListener("pointerup", ce);
+      i.value.on("pointermove", Z), document.addEventListener("pointerup", ce);
     }
     function S(C) {
       C.srcElement === r.value && (F.value = { x: C.clientX, y: C.clientY }, !(c.value.grabbing || C.button === 1 || d.value && d.value !== "typing") && x(C));
@@ -6320,7 +6317,7 @@ const Is = Yt({
           ]),
           _: 3
         }, 8, ["selected-area", "resize-strategy"]),
-        M(a).scrollbar ? ($(), te(ha, { key: 0 })) : Z("", !0),
+        M(a).scrollbar ? ($(), te(ha, { key: 0 })) : J("", !0),
         C.$slots.floatbar ? ($(), te(Zs, {
           key: 1,
           target: M(d) === "typing" ? b.value?.textEditor : p.value?.transformable?.$el
@@ -6329,20 +6326,20 @@ const Is = Yt({
             ne(C.$slots, "floatbar")
           ]),
           _: 3
-        }, 8, ["target"])) : Z("", !0),
+        }, 8, ["target"])) : J("", !0),
         W(Ws),
         M(a).bottombar ? ($(), te(Ls, { key: 2 }, {
           default: ue(() => [
             ne(C.$slots, "bottombar")
           ]),
           _: 3
-        })) : Z("", !0),
+        })) : J("", !0),
         W(ta),
         ne(C.$slots, "default")
       ], 40, vi),
-      M(a).ruler ? ($(), te(ca, { key: 0 })) : Z("", !0),
-      M(a).timeline ? ($(), te(pi, { key: 1 })) : Z("", !0),
-      M(a).statusbar ? ($(), te(Ka, { key: 2 })) : Z("", !0),
+      M(a).ruler ? ($(), te(ca, { key: 0 })) : J("", !0),
+      M(a).timeline ? ($(), te(pi, { key: 1 })) : J("", !0),
+      M(a).statusbar ? ($(), te(Ka, { key: 2 })) : J("", !0),
       I("div", yi, null, 512)
     ], 2));
   }

package/dist/mixins/1.frame.d.ts

@@ -12,9 +12,9 @@ declare global {
         interface Editor {
             frameThumbs: Ref<FrameThumb[]>;
             frames: ComputedRef<Element2D[]>;
-            activeFrameIndex: Ref<number>;
-            activeFrame: ComputedRef<Element2D | undefined>;
-            activeFrameAabb: ComputedRef<AxisAlignedBoundingBox>;
+            currentFrameIndex: Ref<number>;
+            currentFrame: ComputedRef<Element2D | undefined>;
+            currentFrameAabb: ComputedRef<AxisAlignedBoundingBox>;
             isFrame: (node: Node) => node is Element2D;
             getAncestorFrame: (element?: Element2D) => Element2D | undefined;
         }

package/dist/mixins/4.3.frame.d.ts

@@ -6,14 +6,14 @@ declare global {
             duplicateFrame: (index?: number) => void;
             moveFrame: (fromIndex: number, toIndex: number) => void;
             deleteFrame: (index?: number) => void;
-            setActiveFrame: (index?: number) => void;
+            setCurrentFrame: (index?: number) => void;
         }
         interface Events {
             addFrame: [index: number];
             duplicateFrame: [index: number];
             moveFrame: [fromIndex: number, toIndex: number];
             deleteFrame: [index: number];
-            setActiveFrame: [index: number, oldIndex: number];
+            setCurrentFrame: [index: number, oldIndex: number];
         }
     }
 }

package/dist/typed-global.d.ts

@@ -2,7 +2,9 @@ declare global {
   namespace Mce {
     interface Editor {}
     interface Options {}
-    interface Events {}
+    interface Events {
+      ready: []
+    }
     interface Hotkeys {}
     interface Commands {}
     interface Exporters {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",