@omnipad/vue 0.4.4 → 0.5.0

package/dist/omnipad-vue.mjs

@@ -1,138 +1,164 @@
-import { Registry as ue, WindowManager as de, CONTEXT as ne, CMP_TYPES as T, InputZoneCore as ve, RootLayerCore as fe, TargetZoneCore as pe, ButtonCore as me, DPadCore as ye, TrackpadCore as ge, JoystickCore as Pe } from "@omnipad/core";
-import { defineComponent as O, h as be, shallowRef as Ce, ref as L, watch as se, onMounted as he, onUnmounted as we, readonly as q, computed as $, openBlock as k, createElementBlock as A, Fragment as Re, renderList as _e, createBlock as j, resolveDynamicComponent as ee, renderSlot as P, inject as ke, provide as $e, useSlots as De, nextTick as Ne, normalizeStyle as V, normalizeClass as D, unref as t, createVNode as H, withCtx as N, createElementVNode as I, createCommentVNode as Z, Transition as Te, toDisplayString as Ie, normalizeProps as S, guardReactiveProps as U, watchEffect as ae } from "vue";
-import { getObjectDiff as Ae, createCachedProvider as Ee, createPointerBridge as xe, generateUID as Se, resolveLayoutStyle as W, supportsContainerQueries as J, remap as G, reclaimFocusAtPos as Ue, dispatchPointerEventAtPos as Oe, dispatchKeyboardEvent as Be } from "@omnipad/core/utils";
-const Q = {};
-function F(e, o) {
-  Q[e] = o;
+import { Registry as pe, CONTEXT as se, CMP_TYPES as T, InputZoneCore as ye, RootLayerCore as me, TargetZoneCore as ge, ButtonCore as Pe, DPadCore as be, TrackpadCore as he, JoystickCore as Ce, setGlobalSignalHandler as ke, ACTION_TYPES as ae } from "@omnipad/core";
+import { createWebStickyProvider as Re, ElementObserver as j, WindowManager as _e, createPointerBridge as we, supportsContainerQueries as Q, reclaimFocusAtPos as De, dispatchPointerEventAtPos as $e, dispatchKeyboardEvent as le } from "@omnipad/core/dom";
+import { defineComponent as B, h as Ie, shallowRef as Ne, ref as M, watch as te, onMounted as Te, onUnmounted as Ee, computed as D, readonly as ee, openBlock as R, createElementBlock as S, Fragment as Se, renderList as Ae, createBlock as Z, resolveDynamicComponent as oe, renderSlot as b, inject as xe, provide as Ue, useSlots as Le, nextTick as Be, normalizeStyle as O, normalizeClass as $, unref as o, createVNode as X, withCtx as I, createElementVNode as E, createCommentVNode as Y, Transition as Oe, toDisplayString as Ve, normalizeProps as U, guardReactiveProps as L, watchEffect as ue } from "vue";
+import { getObjectDiff as Me, createCachedProvider as Ye, resolveStickyLayout as Ze, generateUID as Ke, getBusinessProps as re, resolveLayoutStyle as J, remap as H } from "@omnipad/core/utils";
+const q = {};
+function K(e, n) {
+  q[e] = n;
 }
-function re(e) {
-  const o = Q[e];
-  return o || O({
-    render: () => be("div", { style: "color:red" }, `[Unknown: ${e}]`)
+function de(e) {
+  const n = q[e];
+  return n || B({
+    render: () => Ie("div", { style: "color:red" }, `[Unknown: ${e}]`)
   });
 }
-function ie(e) {
-  return !e || !Q[e] ? null : Q[e];
+function ce(e) {
+  return !e || !q[e] ? null : q[e];
 }
-function ft(e) {
-  return e ? !!Q[e] : !1;
+function Ct(e) {
+  return e ? !!q[e] : !1;
 }
-function z(e, o, v = {}, s) {
-  const n = e(), l = Ce(), g = L(), i = L(), u = L(), a = L(null), m = L({});
-  let b = null;
-  const C = (c) => {
-    g.value = c;
-  }, w = (c) => {
-    i.value = c, i.value && (u.value = i.value?.layout);
-  }, R = (c) => {
-    if (!l.value) return;
-    const f = l.value;
-    typeof f.bindDelegate == "function" && Object.entries(c).forEach(([_, d]) => {
-      f.bindDelegate(_, d);
-    });
+function F(e, n, f = {}, c) {
+  const t = e(), l = Ne(), P = M(), i = M(), u = M(null);
+  let s;
+  const p = M(0), h = () => {
+    p.value = p.value % 65535 + 1;
   };
-  let h = { ...o.value };
-  return se(
-    o,
-    (c) => {
+  te(
+    // 1. 精确定义依赖源：只有这个字符串变了，才触发回调
+    () => i.value?.layout?.stickySelector,
+    (a, d, g) => {
+      if (!a) {
+        s = null, h();
+        return;
+      }
+      let v = !1;
+      if (s ? v = s.updateSelector(a) : (s = Re(a), v = !0), !v) return;
+      const r = s.getTarget();
+      if (!r) return;
+      const N = t.uid + "-sticky";
+      j.getInstance().observeResize(N, r, () => {
+        s?.markDirty(), t.markRectDirty();
+      }), j.getInstance().observeIntersect(N, r, (y) => {
+        y || t.reset();
+      }), h(), g(() => {
+        j.getInstance().disconnect(N);
+      });
+    },
+    { immediate: !0 }
+    // 必须开启，以处理初始配置即存在吸附的情况
+  );
+  let _ = { ...n.value };
+  te(
+    n,
+    (a) => {
       if (!l.value) return;
-      const f = Ae(h, c);
-      Object.keys(f).length > 0 && l.value.updateConfig(f), h = { ...o.value };
+      const d = Me(_, a);
+      Object.keys(d).length > 0 && l.value.updateConfig(d), _ = { ...n.value };
     },
     { deep: !0 }
-  ), he(() => {
-    l.value = n, ue.getInstance().register(n), "subscribeState" in n && n.subscribeState(C), "subscribeConfig" in n && n.subscribeConfig(w), s && R(s);
-    let c = null;
-    if (a.value && (a.value instanceof Element ? c = a.value : a.value.$el instanceof Element && (c = a.value.$el)), c && "bindRectProvider" in n) {
-      const f = n, _ = Ee(() => c.getBoundingClientRect());
-      f.bindRectProvider(_.get, _.markDirty), b = new ResizeObserver(() => {
-        f.markRectDirty();
-      }), b.observe(c);
-    }
-    if ("onPointerDown" in n) {
-      const f = xe(n, v);
-      m.value = { ...f };
+  );
+  const w = (a) => {
+    l.value && "bindDelegate" in l.value && Object.entries(a).forEach(([d, g]) => {
+      l.value.bindDelegate(d, g);
+    });
+  };
+  Te(() => {
+    l.value = t, pe.getInstance().register(t), "subscribeState" in t && t.subscribeState((d) => P.value = d), "subscribeConfig" in t && t.subscribeConfig((d) => i.value = d), c && w(c);
+    let a = null;
+    if (u.value && (u.value instanceof Element ? a = u.value : u.value.$el instanceof Element && (a = u.value.$el)), a instanceof Element) {
+      const d = j.getInstance();
+      if ("bindRectProvider" in t) {
+        const g = Ye(() => a.getBoundingClientRect());
+        t.bindRectProvider(g.get, () => {
+          g.markDirty(), s && (s.markDirty(), h());
+        }), d.observeResize(t.uid, a, () => {
+          t.markRectDirty();
+        });
+      }
+      d.observeIntersect(t.uid, a, (g) => {
+        g || t.reset();
+      });
     }
-    de.getInstance().init();
-  }), we(() => {
-    b && (b.disconnect(), b = null), l.value && l.value.destroy();
-  }), {
-    core: q(l),
-    state: q(g),
-    domEvents: q(m),
-    effectiveConfig: q(i),
-    effectiveLayout: q(u),
-    elementRef: a,
-    bindDelegates: R
+    _e.getInstance().init();
+  }), Ee(() => {
+    j.getInstance().disconnect(t.uid), j.getInstance().disconnect(t.uid + "-sticky"), l.value && l.value.destroy();
+  });
+  const k = "onPointerDown" in t ? we(t, f) : {}, C = D(() => {
+    const a = i.value?.layout;
+    if (!s || !p.value) return a;
+    const d = s.getRect();
+    return d ? Ze(a, d) : a;
+  });
+  return {
+    core: ee(l),
+    state: ee(P),
+    domEvents: k,
+    effectiveConfig: ee(i),
+    effectiveLayout: C,
+    elementRef: u,
+    bindDelegates: w
   };
 }
-const Le = { class: "omnipad-virtual-layer-base omnipad-prevent" }, Ve = /* @__PURE__ */ O({
+const Fe = { class: "omnipad-virtual-layer-base omnipad-prevent" }, ze = /* @__PURE__ */ B({
   __name: "VirtualLayerBase",
   props: {
     nodes: {}
   },
   setup(e) {
-    const o = e, v = $(() => (o.nodes || []).map((s) => {
-      let n = ie(s.type);
-      return !n && s.config?.baseType && (n = ie(s.config.baseType)), n || (n = re(s.type)), {
-        node: s,
-        component: n
+    const n = e, f = D(() => (n.nodes || []).map((c) => {
+      let t = ce(c.type);
+      return !t && c.config?.baseType && (t = ce(c.config.baseType)), t || (t = de(c.type)), {
+        node: c,
+        component: t
       };
     }));
-    return (s, n) => (k(), A("div", Le, [
-      (k(!0), A(Re, null, _e(v.value, (l) => (k(), j(ee(l.component), {
+    return (c, t) => (R(), S("div", Fe, [
+      (R(!0), S(Se, null, Ae(f.value, (l) => (R(), Z(oe(l.component), {
         key: l.node.uid,
         "tree-node": l.node
       }, null, 8, ["tree-node"]))), 128)),
-      P(s.$slots, "default", {}, void 0, !0)
+      b(c.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), M = (e, o) => {
-  const v = e.__vccOpts || e;
-  for (const [s, n] of o)
-    v[s] = n;
-  return v;
-}, ce = /* @__PURE__ */ M(Ve, [["__scopeId", "data-v-d67cc501"]]);
-function Y(e, o, v = {}) {
-  const s = o.treeNode, n = s && s.config?.baseType === e || s?.type === e ? s : void 0;
-  s && !n && console.warn(
-    `[OmniPad-Validation] Type mismatch! Component expected "${e}", but received "${s.type}". Config ignored.`
+}), V = (e, n) => {
+  const f = e.__vccOpts || e;
+  for (const [c, t] of n)
+    f[c] = t;
+  return f;
+}, ve = /* @__PURE__ */ V(ze, [["__scopeId", "data-v-a172c7c0"]]), We = ["treeNode", "widgetId", "parentId"];
+function z(e, n, f = {}, c = []) {
+  const t = n.treeNode, l = t && t.config?.baseType === e || t?.type === e ? t : void 0;
+  t && !l && console.warn(
+    `[OmniPad-Validation] Type mismatch! Component expected "${e}", but received "${t.type}". Config ignored.`
   );
-  const l = ke(ne.PARENT_ID_KEY, L(void 0)), g = $(() => o.parentId || n?.config?.parentId || l.value), i = $(() => o.widgetId || n?.uid || Se(e));
-  $e(ne.PARENT_ID_KEY, i);
-  const u = n?.config || {}, a = Object.fromEntries(
-    Object.entries(o).filter(
-      ([C, w]) => w !== void 0 && C !== "treeNode" && C !== "widgetId"
-    )
-  ), m = $(() => ({
-    ...v,
-    ...u,
-    ...a,
-    id: i.value,
+  const P = xe(se.PARENT_ID_KEY, M(void 0)), i = D(() => n.parentId || l?.config?.parentId || P.value), u = D(() => n.widgetId || l?.uid || Ke(e));
+  Ue(se.PARENT_ID_KEY, u);
+  const s = /* @__PURE__ */ new Set([...We, ...c]), p = l?.config || {}, h = re(n, s), _ = D(() => ({
+    ...f,
+    ...p,
+    ...h,
+    id: u.value,
     baseType: e,
-    parentId: g.value,
+    parentId: i.value,
     // 特殊处理 Layout：深度合并，确保即便只传了 { width: 100 } 也不丢失原来的 left/top
     layout: {
-      ...v.layout || {},
-      ...u.layout || {},
-      ...a.layout || {}
+      ...f.layout || {},
+      ...p.layout || {},
+      ...h.layout || {}
     }
-  })), b = $(() => {
-    const C = Object.fromEntries(
-      // 排除身份和依赖配置的异常变更
-      Object.entries(o).filter(
-        ([w, R]) => R !== void 0 && w !== "treeNode" && w !== "widgetId" && w !== "parentId"
-      )
-    );
+  })), w = D(() => {
+    const k = re(n, s);
     return {
-      ...C,
-      layout: C.layout || void 0
+      ...k,
+      parentId: i.value,
+      layout: k.layout || void 0
       // 只有当传入了新的 layout 时才包裹
     };
   });
-  return { uid: i, initialConfig: m, reactiveConfig: b };
+  return { uid: u, initialConfig: _, reactiveConfig: w };
 }
-const Me = ["id"], Ze = /* @__PURE__ */ O({
+const je = ["id"], qe = /* @__PURE__ */ B({
   __name: "InputZone",
   props: {
     treeNode: {},
@@ -141,111 +167,111 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     preventFocusLoss: {}
   },
   setup(e) {
-    const o = e, v = De(), s = L(null), { uid: n, initialConfig: l, reactiveConfig: g } = Y(
+    const n = e, f = Le(), c = M(null), { uid: t, initialConfig: l, reactiveConfig: P } = z(
       T.INPUT_ZONE,
-      o
-    ), { core: i, state: u, domEvents: a, effectiveConfig: m, effectiveLayout: b, elementRef: C, bindDelegates: w } = z(
-      () => new ve(n.value, l.value, o.treeNode?.type),
-      g,
+      n
+    ), { core: i, state: u, domEvents: s, effectiveConfig: p, effectiveLayout: h, elementRef: _, bindDelegates: w } = F(
+      () => new ye(t.value, l.value, n.treeNode?.type),
+      P,
       {
         requireDirectHit: !0
       }
-    ), R = $(() => {
-      const p = o.treeNode?.config?.dynamicWidgetId;
-      return o.treeNode?.children?.filter((E) => E.uid !== p) || [];
-    }), h = $(() => {
-      const E = (v.dynamicWidget?.() || []).filter((X) => !(X.type === Comment || X.type === Text)), x = o.treeNode?.children?.find(
-        (X) => X.uid === o.treeNode?.config?.dynamicWidgetId
-      ), K = E.length > 0;
-      return E.length > 1 && console.error(
-        `[OmniPad-Validation] InputZone ${n.value} has multiple dynamic widgets in slot. Only the first one will be activated.`
-      ), K && x && console.warn(
-        `[OmniPad-Validation] InputZone ${n.value} has both Slot and Config dynamic widgets. Config ignored.`
+    ), k = D(() => {
+      const m = n.treeNode?.config?.dynamicWidgetId;
+      return n.treeNode?.children?.filter((A) => A.uid !== m) || [];
+    }), C = D(() => {
+      const A = (f.dynamicWidget?.() || []).filter((G) => !(G.type === Comment || G.type === Text)), x = n.treeNode?.children?.find(
+        (G) => G.uid === n.treeNode?.config?.dynamicWidgetId
+      ), W = A.length > 0;
+      return A.length > 1 && console.error(
+        `[OmniPad-Validation] InputZone ${t} has multiple dynamic widgets in slot. Only the first one will be activated.`
+      ), W && x && console.warn(
+        `[OmniPad-Validation] InputZone ${t} has both Slot and Config dynamic widgets. Config ignored.`
       ), {
-        nodeToRender: K ? E[0] : x || null,
-        isFromSlot: K
+        nodeToRender: W ? A[0] : x || null,
+        isFromSlot: W
       };
-    }), c = $(() => {
-      const p = h.value.nodeToRender;
-      return re(p.config?.baseType || p.type);
+    }), a = D(() => {
+      const m = C.value.nodeToRender;
+      return de(m.config?.baseType || m.type);
     });
-    se(
-      s,
-      (p) => {
-        Ne(() => {
-          p && p?.uid && (i.value?.updateConfig({
-            dynamicWidgetId: p.uid
+    te(
+      c,
+      (m) => {
+        Be(() => {
+          m && m?.uid && (i.value?.updateConfig({
+            dynamicWidgetId: m.uid
           }), w({
-            dynamicWidgetPointerDown: (E) => {
-              p.markRectDirty?.(), p.onPointerDown?.(E);
+            dynamicWidgetPointerDown: (A) => {
+              m.markRectDirty?.(), m.onPointerDown?.(A);
             },
-            dynamicWidgetPointerMove: p.onPointerMove,
-            dynamicWidgetPointerUp: p.onPointerUp,
-            dynamicWidgetPointerCancel: p.onPointerCancel
+            dynamicWidgetPointerMove: m.onPointerMove,
+            dynamicWidgetPointerUp: m.onPointerUp,
+            dynamicWidgetPointerCancel: m.onPointerCancel
           }));
         });
       },
       { immediate: !0 }
     );
-    const f = $(() => b.value ? W(b.value) : {}), _ = J(), d = $(() => {
+    const d = D(() => h.value ? J(h.value) : {}), g = Q(), v = D(() => {
       if (!u.value) return { display: "none" };
       if (!u.value?.isDynamicActive) return { visibility: "hidden", opacity: 0 };
-      let p, E;
+      let m, A;
       const x = u?.value?.dynamicPosition;
-      if (_)
-        p = `${x.x}cqw`, E = `${x.y}cqh`;
+      if (g)
+        m = `${x.x}cqw`, A = `${x.y}cqh`;
       else {
-        const K = i?.value?.rect;
-        p = `${G(x?.x || 0, 0, 100, 0, K?.width || 0)}px`, E = `${G(x?.y || 0, 0, 100, 0, K?.height || 0)}px`;
+        const W = i?.value?.rect;
+        m = `${H(x?.x || 0, 0, 100, 0, W?.width || 0)}px`, A = `${H(x?.y || 0, 0, 100, 0, W?.height || 0)}px`;
       }
       return {
         zIndex: 100,
-        "--dynamic-widget-mount-x": p,
-        "--dynamic-widget-mount-y": E,
+        "--dynamic-widget-mount-x": m,
+        "--dynamic-widget-mount-y": A,
         visibility: "visible",
         opacity: 1,
         pointerEvents: "auto"
       };
-    }), r = (p) => a.value?.onPointerDown(p), B = (p) => a.value?.onPointerMove(p), y = (p) => a.value?.onPointerUp(p), oe = (p) => a.value?.onPointerCancel(p);
-    return (p, E) => (k(), A("div", {
-      id: t(n),
+    }), r = (m) => s?.onPointerDown?.(m), N = (m) => s?.onPointerMove?.(m), y = (m) => s?.onPointerUp?.(m), ie = (m) => s?.onPointerCancel?.(m);
+    return (m, A) => (R(), S("div", {
+      id: o(t),
       ref_key: "elementRef",
-      ref: C,
-      class: D(["omnipad-input-zone omnipad-prevent", t(m)?.cssClasses]),
-      style: V(f.value)
+      ref: _,
+      class: $(["omnipad-input-zone omnipad-prevent", o(p)?.cssClass]),
+      style: O(d.value)
     }, [
-      H(ce, { nodes: R.value }, {
-        default: N(() => [
-          P(p.$slots, "default", {}, void 0, !0)
+      X(ve, { nodes: k.value }, {
+        default: I(() => [
+          b(m.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"]),
-      h.value.nodeToRender || t(i)?.isInterceptorRequired ? (k(), A("div", {
+      C.value.nodeToRender || o(i)?.isInterceptorRequired ? (R(), S("div", {
         key: 0,
         class: "omnipad-input-zone-trigger omnipad-prevent",
         onPointerdown: r,
-        onPointermove: B,
+        onPointermove: N,
         onPointerup: y,
-        onPointercancel: oe,
-        onLostpointercapture: oe
+        onPointercancel: ie,
+        onLostpointercapture: ie
       }, [
-        I("div", {
+        E("div", {
           class: "dynamic-widget-mount",
-          style: V(d.value)
+          style: O(v.value)
         }, [
-          h.value.isFromSlot ? (k(), j(ee(h.value.nodeToRender), {
+          C.value.isFromSlot ? (R(), Z(oe(C.value.nodeToRender), {
             key: 0,
-            ref: (x) => s.value = x
-          }, null, 512)) : h.value.nodeToRender ? (k(), j(ee(c.value), {
+            ref: (x) => c.value = x
+          }, null, 512)) : C.value.nodeToRender ? (R(), Z(oe(a.value), {
             key: 1,
-            ref: (x) => s.value = x,
-            "tree-node": h.value.nodeToRender
-          }, null, 8, ["tree-node"])) : Z("", !0)
+            ref: (x) => c.value = x,
+            "tree-node": C.value.nodeToRender
+          }, null, 8, ["tree-node"])) : Y("", !0)
         ], 4)
-      ], 32)) : Z("", !0)
-    ], 14, Me));
+      ], 32)) : Y("", !0)
+    ], 14, je));
   }
-}), je = /* @__PURE__ */ M(Ze, [["__scopeId", "data-v-7dde40d2"]]), Fe = ["id"], ze = /* @__PURE__ */ O({
+}), Qe = /* @__PURE__ */ V(qe, [["__scopeId", "data-v-2f22290e"]]), Je = ["id"], Ge = /* @__PURE__ */ B({
   __name: "RootLayer",
   props: {
     treeNode: {},
@@ -253,34 +279,34 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     layout: {}
   },
   setup(e) {
-    const o = e, { uid: v, initialConfig: s, reactiveConfig: n } = Y(
+    const n = e, { uid: f, initialConfig: c, reactiveConfig: t } = z(
       T.ROOT_LAYER,
-      o
-    ), { effectiveConfig: l, effectiveLayout: g, elementRef: i } = z(
-      () => new fe(v.value, s.value, o.treeNode?.type),
       n
-    ), u = $(() => g.value ? W(g.value) : {});
-    return (a, m) => (k(), A("div", {
-      id: t(v),
+    ), { effectiveConfig: l, effectiveLayout: P, elementRef: i } = F(
+      () => new me(f.value, c.value, n.treeNode?.type),
+      t
+    ), u = D(() => P.value ? J(P.value) : {});
+    return (s, p) => (R(), S("div", {
+      id: o(f),
       ref_key: "elementRef",
       ref: i,
-      class: D(["omnipad-root-layer omnipad-prevent", t(l)?.cssClasses]),
-      style: V(u.value)
+      class: $(["omnipad-root-layer omnipad-prevent", o(l)?.cssClass]),
+      style: O(u.value)
     }, [
-      H(ce, {
+      X(ve, {
         nodes: e.treeNode?.children || []
       }, {
-        default: N(() => [
-          P(a.$slots, "default", {}, void 0, !0)
+        default: I(() => [
+          b(s.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"])
-    ], 14, Fe));
+    ], 14, Je));
   }
-}), Ye = /* @__PURE__ */ M(ze, [["__scopeId", "data-v-18e8b5d5"]]), Ke = ["id"], qe = {
+}), He = /* @__PURE__ */ V(Ge, [["__scopeId", "data-v-ad8f02d4"]]), Xe = ["id"], et = {
   key: 0,
   class: "omnipad-default-focus-border-feedback"
-}, Qe = /* @__PURE__ */ O({
+}, tt = /* @__PURE__ */ B({
   __name: "TargetZone",
   props: {
     treeNode: {},
@@ -290,101 +316,101 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     layout: {}
   },
   setup(e) {
-    const o = e, v = {
+    const n = e, f = {
       cursorAutoDelay: 2500
-    }, { uid: s, initialConfig: n, reactiveConfig: l } = Y(
+    }, { uid: c, initialConfig: t, reactiveConfig: l } = z(
       T.TARGET_ZONE,
-      o,
-      v
-    ), { core: g, state: i, domEvents: u, effectiveConfig: a, effectiveLayout: m, elementRef: b } = z(
-      () => new pe(s.value, n.value, o.treeNode?.type),
+      n,
+      f
+    ), { core: P, state: i, domEvents: u, effectiveConfig: s, effectiveLayout: p, elementRef: h } = F(
+      () => new ge(c.value, t.value, n.treeNode?.type),
       l,
       {},
       {
-        dispatchKeyboardEvent: Be,
-        dispatchPointerEventAtPos: Oe,
-        reclaimFocusAtPos: Ue
+        dispatchKeyboardEvent: le,
+        dispatchPointerEventAtPos: $e,
+        reclaimFocusAtPos: De
       }
-    ), C = $(() => m.value ? W(m.value) : {}), w = J(), R = $(() => {
+    ), _ = D(() => p.value ? J(p.value) : {}), w = Q(), k = D(() => {
       if (!i.value) return { display: "none" };
-      let d, r;
-      const B = i?.value?.position;
+      let v, r;
+      const N = i?.value?.position;
       if (w)
-        d = `${B.x}cqw`, r = `${B.y}cqh`;
+        v = `${N.x}cqw`, r = `${N.y}cqh`;
       else {
-        const y = g?.value?.rect;
-        d = `${G(B?.x || 0, 0, 100, 0, y?.width || 0)}px`, r = `${G(B?.y || 0, 0, 100, 0, y?.height || 0)}px`;
+        const y = P?.value?.rect;
+        v = `${H(N?.x || 0, 0, 100, 0, y?.width || 0)}px`, r = `${H(N?.y || 0, 0, 100, 0, y?.height || 0)}px`;
       }
       return {
-        "--omnipad-virtual-cursor-x": d,
+        "--omnipad-virtual-cursor-x": v,
         "--omnipad-virtual-cursor-y": r,
         opacity: i.value.isVisible ? 1 : 0
       };
-    }), h = (d) => u.value?.onPointerDown(d), c = (d) => u.value?.onPointerMove(d), f = (d) => u.value?.onPointerUp(d), _ = (d) => u.value?.onPointerCancel(d);
-    return (d, r) => (k(), A("div", {
-      id: t(s),
+    }), C = (v) => u?.onPointerDown?.(v), a = (v) => u?.onPointerMove?.(v), d = (v) => u?.onPointerUp?.(v), g = (v) => u?.onPointerCancel?.(v);
+    return (v, r) => (R(), S("div", {
+      id: o(c),
       ref_key: "elementRef",
-      ref: b,
-      class: D(["omnipad-target-zone omnipad-prevent", t(a)?.cssClasses]),
-      style: V(C.value),
-      onPointerdown: h,
-      onPointermove: c,
-      onPointerup: f,
-      onPointercancel: _,
-      onLostpointercapture: _
+      ref: h,
+      class: $(["omnipad-target-zone omnipad-prevent", o(s)?.cssClass]),
+      style: O(_.value),
+      onPointerdown: C,
+      onPointermove: a,
+      onPointerup: d,
+      onPointercancel: g,
+      onLostpointercapture: g
     }, [
-      P(d.$slots, "focus-feedback", {
-        state: t(i),
-        isReturning: t(i)?.isFocusReturning,
-        cursorPos: t(i)?.position
+      b(v.$slots, "focus-feedback", {
+        state: o(i),
+        isReturning: o(i)?.isFocusReturning,
+        cursorPos: o(i)?.position
       }, () => [
-        H(Te, { name: "omnipad-default-focus-fade" }, {
-          default: N(() => [
-            t(i)?.isFocusReturning ? (k(), A("div", qe)) : Z("", !0)
+        X(Oe, { name: "omnipad-default-focus-fade" }, {
+          default: I(() => [
+            o(i)?.isFocusReturning ? (R(), S("div", et)) : Y("", !0)
           ]),
           _: 1
         })
       ], !0),
-      t(a)?.cursorEnabled ? (k(), A("div", {
+      o(s)?.cursorEnabled ? (R(), S("div", {
         key: 0,
         class: "omnipad-virtual-cursor",
-        style: V(R.value)
+        style: O(k.value)
       }, [
-        P(d.$slots, "cursor", {
-          state: t(i),
-          isDown: t(i)?.isPointerDown,
-          isReturning: t(i)?.isFocusReturning,
-          cursorPos: t(i)?.position
+        b(v.$slots, "cursor", {
+          state: o(i),
+          isDown: o(i)?.isPointerDown,
+          isReturning: o(i)?.isFocusReturning,
+          cursorPos: o(i)?.position
         }, () => [
-          I("div", {
-            class: D(["omnipad-default-cursor-dot", { "is-down": t(i)?.isPointerDown }])
+          E("div", {
+            class: $(["omnipad-default-cursor-dot", { "is-down": o(i)?.isPointerDown }])
           }, null, 2)
         ], !0)
-      ], 4)) : Z("", !0),
-      t(a)?.cursorEnabled ? (k(), A("div", {
+      ], 4)) : Y("", !0),
+      o(s)?.cursorEnabled ? (R(), S("div", {
         key: 1,
         class: "omnipad-virtual-cursor",
-        style: V(R.value)
+        style: O(k.value)
       }, [
-        P(d.$slots, "with-cursor", {
-          state: t(i),
-          isDown: t(i)?.isPointerDown,
-          isReturning: t(i)?.isFocusReturning,
-          cursorPos: t(i)?.position
+        b(v.$slots, "with-cursor", {
+          state: o(i),
+          isDown: o(i)?.isPointerDown,
+          isReturning: o(i)?.isFocusReturning,
+          cursorPos: o(i)?.position
         }, void 0, !0)
-      ], 4)) : Z("", !0),
-      P(d.$slots, "default", {
-        state: t(i),
-        isDown: t(i)?.isPointerDown,
-        isReturning: t(i)?.isFocusReturning,
-        cursorPos: t(i)?.position
+      ], 4)) : Y("", !0),
+      b(v.$slots, "default", {
+        state: o(i),
+        isDown: o(i)?.isPointerDown,
+        isReturning: o(i)?.isFocusReturning,
+        cursorPos: o(i)?.position
       }, void 0, !0)
-    ], 46, Ke));
+    ], 46, Xe));
   }
-}), We = /* @__PURE__ */ M(Qe, [["__scopeId", "data-v-f6f0fd4c"]]), Je = { class: "omnipad-button-content-layer" }, Xe = {
+}), ot = /* @__PURE__ */ V(tt, [["__scopeId", "data-v-b1782723"]]), nt = { class: "omnipad-button-content-layer" }, it = {
   key: 0,
   class: "omnipad-default-button-label"
-}, Ge = /* @__PURE__ */ O({
+}, st = /* @__PURE__ */ B({
   __name: "VirtualButtonBase",
   props: {
     layout: {},
@@ -392,31 +418,31 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     label: {}
   },
   setup(e) {
-    const o = e, v = $(() => o.layout ? W(o.layout) : {});
-    return (s, n) => (k(), A("div", {
+    const n = e, f = D(() => n.layout ? J(n.layout) : {});
+    return (c, t) => (R(), S("div", {
       class: "omnipad-button-base omnipad-prevent",
-      style: V(v.value),
+      style: O(f.value),
       tabindex: "-1"
     }, [
-      P(s.$slots, "base", {
+      b(c.$slots, "base", {
         isActive: e.isActive,
         label: e.label
       }, () => [
-        I("div", {
-          class: D(["omnipad-default-button-base", { "is-active": e.isActive }])
+        E("div", {
+          class: $(["omnipad-default-button-base", { "is-active": e.isActive }])
         }, null, 2)
       ], !0),
-      I("div", Je, [
-        P(s.$slots, "default", {
+      E("div", nt, [
+        b(c.$slots, "default", {
           isActive: e.isActive,
           label: e.label
         }, () => [
-          e.label ? (k(), A("span", Xe, Ie(e.label), 1)) : Z("", !0)
+          e.label ? (R(), S("span", it, Ve(e.label), 1)) : Y("", !0)
         ], !0)
       ])
     ], 4));
   }
-}), te = /* @__PURE__ */ M(Ge, [["__scopeId", "data-v-f6a6e082"]]), He = /* @__PURE__ */ O({
+}), ne = /* @__PURE__ */ V(st, [["__scopeId", "data-v-f6a6e082"]]), at = /* @__PURE__ */ B({
   __name: "VirtualButton",
   props: {
     treeNode: {},
@@ -426,44 +452,44 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     mapping: {},
     layout: {}
   },
-  setup(e, { expose: o }) {
-    const v = e, s = {
+  setup(e, { expose: n }) {
+    const f = e, c = {
       label: "BTN"
-    }, { uid: n, initialConfig: l, reactiveConfig: g } = Y(
+    }, { uid: t, initialConfig: l, reactiveConfig: P } = z(
       T.BUTTON,
-      v,
-      s
-    ), { core: i, state: u, domEvents: a, effectiveConfig: m, effectiveLayout: b, elementRef: C } = z(() => new me(n.value, l.value, v.treeNode?.type), g), w = (f) => a.value?.onPointerDown(f), R = (f) => a.value?.onPointerMove(f), h = (f) => a.value?.onPointerUp(f), c = (f) => a.value?.onPointerCancel(f);
-    return o({
-      uid: n,
+      f,
+      c
+    ), { core: i, state: u, domEvents: s, effectiveConfig: p, effectiveLayout: h, elementRef: _ } = F(() => new Pe(t.value, l.value, f.treeNode?.type), P), w = (d) => s?.onPointerDown?.(d), k = (d) => s?.onPointerMove?.(d), C = (d) => s?.onPointerUp?.(d), a = (d) => s?.onPointerCancel?.(d);
+    return n({
+      uid: t,
       onPointerDown: w,
-      onPointerMove: R,
-      onPointerUp: h,
-      onPointerCancel: c,
+      onPointerMove: k,
+      onPointerUp: C,
+      onPointerCancel: a,
       markRectDirty: () => i.value?.markRectDirty
-    }), (f, _) => (k(), j(te, {
-      id: t(n),
+    }), (d, g) => (R(), Z(ne, {
+      id: o(t),
       ref_key: "elementRef",
-      ref: C,
-      class: D(["omnipad-button omnipad-prevent", t(m)?.cssClasses]),
-      layout: t(b),
-      label: t(m)?.label,
-      "is-active": t(u)?.isPressed,
+      ref: _,
+      class: $(["omnipad-button omnipad-prevent", o(p)?.cssClass]),
+      layout: o(h),
+      label: o(p)?.label,
+      "is-active": o(u)?.isPressed,
       onPointerdown: w,
-      onPointerup: h,
-      onPointercancel: c,
-      onLostpointercapture: c
+      onPointerup: C,
+      onPointercancel: a,
+      onLostpointercapture: a
     }, {
-      base: N((d) => [
-        P(f.$slots, "base", S(U(d)))
+      base: I((v) => [
+        b(d.$slots, "base", U(L(v)))
       ]),
-      default: N((d) => [
-        P(f.$slots, "default", S(U(d)))
+      default: I((v) => [
+        b(d.$slots, "default", U(L(v)))
       ]),
       _: 3
     }, 8, ["id", "class", "layout", "label", "is-active"]));
   }
-}), et = { class: "omnipad-axis-bg" }, tt = { class: "omnipad-axis-content-layer" }, ot = /* @__PURE__ */ O({
+}), rt = { class: "omnipad-axis-bg" }, ct = { class: "omnipad-axis-content-layer" }, lt = /* @__PURE__ */ B({
   __name: "VirtualAxisBase",
   props: {
     layout: {},
@@ -473,51 +499,51 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     baseRadius: {}
   },
   setup(e) {
-    const o = e, v = $(() => o.layout ? W(o.layout) : {}), s = J(), n = $(() => {
-      const l = o.vector?.x || 0, g = o.vector?.y || 0, i = o.baseRadius?.x || 0, u = o.baseRadius?.y || 0, a = s ? `${l * 50}cqw` : `${l * i}px`, m = s ? `${g * 50}cqh` : `${g * u}px`, b = s ? "100cqw" : `${i * 2}px`, C = s ? "100cqh" : `${u * 2}px`;
+    const n = e, f = D(() => n.layout ? J(n.layout) : {}), c = Q(), t = D(() => {
+      const l = n.vector?.x || 0, P = n.vector?.y || 0, i = n.baseRadius?.x || 0, u = n.baseRadius?.y || 0, s = c ? `${l * 50}cqw` : `${l * i}px`, p = c ? `${P * 50}cqh` : `${P * u}px`, h = c ? "100cqw" : `${i * 2}px`, _ = c ? "100cqh" : `${u * 2}px`;
       return {
-        "--omnipad-axis-stick-container-x": a,
-        "--omnipad-axis-stick-container-y": m,
-        "--omnipad-axis-stick-width": b,
-        "--omnipad-axis-stick-height": C,
+        "--omnipad-axis-stick-container-x": s,
+        "--omnipad-axis-stick-container-y": p,
+        "--omnipad-axis-stick-width": h,
+        "--omnipad-axis-stick-height": _,
         // 松手时加一点回弹过渡，活动时取消过渡保证绝对跟手
-        transition: o.isActive ? "none" : "transform 0.1s ease-out"
+        transition: n.isActive ? "none" : "transform 0.1s ease-out"
       };
     });
-    return (l, g) => (k(), A("div", {
-      class: D(["omnipad-axis-base omnipad-prevent", { "is-active": e.isActive }]),
-      style: V(v.value),
+    return (l, P) => (R(), S("div", {
+      class: $(["omnipad-axis-base omnipad-prevent", { "is-active": e.isActive }]),
+      style: O(f.value),
       tabindex: "-1"
     }, [
-      I("div", et, [
-        P(l.$slots, "base", {
+      E("div", rt, [
+        b(l.$slots, "base", {
           isActive: e.isActive,
           vector: e.vector
         }, void 0, !0)
       ]),
-      e.showStick ? (k(), A("div", {
+      e.showStick ? (R(), S("div", {
         key: 0,
         class: "omnipad-axis-stick-container",
-        style: V(n.value)
+        style: O(t.value)
       }, [
-        P(l.$slots, "stick", {
+        b(l.$slots, "stick", {
           isActive: e.isActive,
           vector: e.vector
         }, () => [
-          I("div", {
-            class: D(["omnipad-default-axis-stick", { "is-active": e.isActive }])
+          E("div", {
+            class: $(["omnipad-default-axis-stick", { "is-active": e.isActive }])
           }, null, 2)
         ], !0)
-      ], 4)) : Z("", !0),
-      I("div", tt, [
-        P(l.$slots, "default", {
+      ], 4)) : Y("", !0),
+      E("div", ct, [
+        b(l.$slots, "default", {
           isActive: e.isActive,
           vector: e.vector
         }, void 0, !0)
       ])
     ], 6));
   }
-}), le = /* @__PURE__ */ M(ot, [["__scopeId", "data-v-95bb429e"]]), nt = { class: "omnipad-dpad-cross-bg" }, it = /* @__PURE__ */ O({
+}), fe = /* @__PURE__ */ V(lt, [["__scopeId", "data-v-6ae17f17"]]), ut = { class: "omnipad-dpad-cross-bg" }, dt = /* @__PURE__ */ B({
   __name: "VirtualDPad",
   props: {
     treeNode: {},
@@ -528,71 +554,71 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     showStick: {},
     layout: {}
   },
-  setup(e, { expose: o }) {
-    const v = e, s = {
+  setup(e, { expose: n }) {
+    const f = e, c = {
       showStick: !1,
       threshold: 0.3
-    }, { uid: n, initialConfig: l, reactiveConfig: g } = Y(
+    }, { uid: t, initialConfig: l, reactiveConfig: P } = z(
       T.D_PAD,
-      v,
-      s
-    ), { core: i, state: u, domEvents: a, effectiveConfig: m, effectiveLayout: b, elementRef: C } = z(() => new ye(n.value, l.value, v.treeNode?.type), g), w = J(), R = L({ x: 0, y: 0 }), h = ae(() => {
+      f,
+      c
+    ), { core: i, state: u, domEvents: s, effectiveConfig: p, effectiveLayout: h, elementRef: _ } = F(() => new be(t.value, l.value, f.treeNode?.type), P), w = Q(), k = M({ x: 0, y: 0 }), C = ue(() => {
       const r = i.value?.rect;
-      r && (R.value = { x: r.width / 2, y: r.height / 2 });
+      r && (k.value = { x: r.width / 2, y: r.height / 2 });
     });
-    w && h();
-    const c = (r) => a.value?.onPointerDown(r), f = (r) => a.value?.onPointerMove(r), _ = (r) => a.value?.onPointerUp(r), d = (r) => a.value?.onPointerCancel(r);
-    return o({
-      uid: n,
-      onPointerDown: c,
-      onPointerMove: f,
-      onPointerUp: _,
-      onPointerCancel: d,
+    w && C();
+    const a = (r) => s?.onPointerDown?.(r), d = (r) => s?.onPointerMove?.(r), g = (r) => s?.onPointerUp?.(r), v = (r) => s?.onPointerCancel?.(r);
+    return n({
+      uid: t,
+      onPointerDown: a,
+      onPointerMove: d,
+      onPointerUp: g,
+      onPointerCancel: v,
       markRectDirty: () => i.value?.markRectDirty()
-    }), (r, B) => (k(), j(le, {
+    }), (r, N) => (R(), Z(fe, {
       ref_key: "elementRef",
-      ref: C,
-      class: D(["omnipad-dpad omnipad-prevent", t(m)?.cssClasses]),
-      layout: t(b),
-      "is-active": t(u)?.isActive,
-      vector: t(u)?.vector,
-      "show-stick": t(m)?.showStick,
-      "base-radius": R.value,
-      onPointerdown: c,
-      onPointermove: f,
-      onPointerup: _,
-      onPointercancel: d,
-      onLostpointercapture: d
+      ref: _,
+      class: $(["omnipad-dpad omnipad-prevent", o(p)?.cssClass]),
+      layout: o(h),
+      "is-active": o(u)?.isActive,
+      vector: o(u)?.vector,
+      "show-stick": o(p)?.showStick,
+      "base-radius": k.value,
+      onPointerdown: a,
+      onPointermove: d,
+      onPointerup: g,
+      onPointercancel: v,
+      onLostpointercapture: v
     }, {
-      base: N((y) => [
-        P(r.$slots, "base", S(U(y)), () => [
-          I("div", nt, [
-            I("div", {
-              class: D(["dpad-arm top", { on: y.vector && y.vector.y < -t(m)?.threshold }])
+      base: I((y) => [
+        b(r.$slots, "base", U(L(y)), () => [
+          E("div", ut, [
+            E("div", {
+              class: $(["dpad-arm top", { on: y.vector && y.vector.y < -o(p)?.threshold }])
             }, null, 2),
-            I("div", {
-              class: D(["dpad-arm bottom", { on: y.vector && y.vector.y > t(m)?.threshold }])
+            E("div", {
+              class: $(["dpad-arm bottom", { on: y.vector && y.vector.y > o(p)?.threshold }])
             }, null, 2),
-            I("div", {
-              class: D(["dpad-arm left", { on: y.vector && y.vector.x < -t(m)?.threshold }])
+            E("div", {
+              class: $(["dpad-arm left", { on: y.vector && y.vector.x < -o(p)?.threshold }])
             }, null, 2),
-            I("div", {
-              class: D(["dpad-arm right", { on: y.vector && y.vector.x > t(m)?.threshold }])
+            E("div", {
+              class: $(["dpad-arm right", { on: y.vector && y.vector.x > o(p)?.threshold }])
             }, null, 2),
-            B[0] || (B[0] = I("div", { class: "dpad-center" }, null, -1))
+            N[0] || (N[0] = E("div", { class: "dpad-center" }, null, -1))
           ])
         ], !0)
       ]),
-      stick: N((y) => [
-        P(r.$slots, "stick", S(U(y)), void 0, !0)
+      stick: I((y) => [
+        b(r.$slots, "stick", U(L(y)), void 0, !0)
       ]),
-      default: N((y) => [
-        P(r.$slots, "default", S(U(y)), void 0, !0)
+      default: I((y) => [
+        b(r.$slots, "default", U(L(y)), void 0, !0)
       ]),
       _: 3
     }, 8, ["class", "layout", "is-active", "vector", "show-stick", "base-radius"]));
   }
-}), st = /* @__PURE__ */ M(it, [["__scopeId", "data-v-248b6118"]]), at = /* @__PURE__ */ O({
+}), vt = /* @__PURE__ */ V(dt, [["__scopeId", "data-v-8c030849"]]), ft = /* @__PURE__ */ B({
   __name: "VirtualTrackpad",
   props: {
     treeNode: {},
@@ -603,46 +629,46 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     mapping: {},
     layout: {}
   },
-  setup(e, { expose: o }) {
-    const v = e, { uid: s, initialConfig: n, reactiveConfig: l } = Y(
+  setup(e, { expose: n }) {
+    const f = e, { uid: c, initialConfig: t, reactiveConfig: l } = z(
       T.TRACKPAD,
-      v,
+      f,
       {
         label: "TRACKPAD",
         sensitivity: 1
       }
-    ), { core: g, state: i, domEvents: u, effectiveConfig: a, effectiveLayout: m, elementRef: b } = z(() => new ge(s.value, n.value, v.treeNode?.type), l), C = (c) => u.value?.onPointerDown(c), w = (c) => u.value?.onPointerMove(c), R = (c) => u.value?.onPointerUp(c), h = (c) => u.value?.onPointerCancel(c);
-    return o({
-      uid: s,
-      onPointerDown: C,
+    ), { core: P, state: i, domEvents: u, effectiveConfig: s, effectiveLayout: p, elementRef: h } = F(() => new he(c.value, t.value, f.treeNode?.type), l), _ = (a) => u?.onPointerDown?.(a), w = (a) => u?.onPointerMove?.(a), k = (a) => u?.onPointerUp?.(a), C = (a) => u?.onPointerCancel?.(a);
+    return n({
+      uid: c,
+      onPointerDown: _,
       onPointerMove: w,
-      onPointerUp: R,
-      onPointerCancel: h,
-      markRectDirty: () => g.value?.markRectDirty
-    }), (c, f) => (k(), j(te, {
-      id: t(s),
+      onPointerUp: k,
+      onPointerCancel: C,
+      markRectDirty: () => P.value?.markRectDirty
+    }), (a, d) => (R(), Z(ne, {
+      id: o(c),
       ref_key: "elementRef",
-      ref: b,
-      class: D(["omnipad-trackpad omnipad-prevent", t(a)?.cssClasses]),
-      layout: t(m),
-      label: t(a)?.label,
-      "is-active": t(i)?.isPressed,
-      onPointerdown: C,
+      ref: h,
+      class: $(["omnipad-trackpad omnipad-prevent", o(s)?.cssClass]),
+      layout: o(p),
+      label: o(s)?.label,
+      "is-active": o(i)?.isPressed,
+      onPointerdown: _,
       onPointermove: w,
-      onPointerup: R,
-      onPointercancel: h,
-      onLostpointercapture: h
+      onPointerup: k,
+      onPointercancel: C,
+      onLostpointercapture: C
     }, {
-      base: N((_) => [
-        P(c.$slots, "base", S(U(_)), void 0, !0)
+      base: I((g) => [
+        b(a.$slots, "base", U(L(g)), void 0, !0)
       ]),
-      default: N((_) => [
-        P(c.$slots, "default", S(U(_)), void 0, !0)
+      default: I((g) => [
+        b(a.$slots, "default", U(L(g)), void 0, !0)
       ]),
       _: 3
     }, 8, ["id", "class", "layout", "label", "is-active"]));
   }
-}), rt = /* @__PURE__ */ M(at, [["__scopeId", "data-v-6b706af3"]]), ct = /* @__PURE__ */ O({
+}), pt = /* @__PURE__ */ V(ft, [["__scopeId", "data-v-bacab613"]]), yt = /* @__PURE__ */ B({
   __name: "VirtualJoystick",
   props: {
     treeNode: {},
@@ -655,86 +681,89 @@ const Me = ["id"], Ze = /* @__PURE__ */ O({
     mapping: {},
     layout: {}
   },
-  setup(e, { expose: o }) {
-    const v = e, s = {
+  setup(e, { expose: n }) {
+    const f = e, c = {
       label: "PUSH",
       threshold: 0.2,
       cursorMode: !1,
       cursorSensitivity: 1
-    }, { uid: n, initialConfig: l, reactiveConfig: g } = Y(
+    }, { uid: t, initialConfig: l, reactiveConfig: P } = z(
       T.JOYSTICK,
-      v,
-      s
-    ), { core: i, state: u, domEvents: a, effectiveConfig: m, effectiveLayout: b, elementRef: C } = z(() => new Pe(n.value, l.value, v.treeNode?.type), g), w = J(), R = L({ x: 0, y: 0 }), h = ae(() => {
+      f,
+      c
+    ), { core: i, state: u, domEvents: s, effectiveConfig: p, effectiveLayout: h, elementRef: _ } = F(() => new Ce(t.value, l.value, f.treeNode?.type), P), w = Q(), k = M({ x: 0, y: 0 }), C = ue(() => {
       const r = i.value?.rect;
-      r && (R.value = { x: r.width / 2, y: r.height / 2 });
+      r && (k.value = { x: r.width / 2, y: r.height / 2 });
     });
-    w && h();
-    const c = (r) => a.value?.onPointerDown(r), f = (r) => a.value?.onPointerMove(r), _ = (r) => a.value?.onPointerUp(r), d = (r) => a.value?.onPointerCancel(r);
-    return o({
-      uid: n,
-      onPointerDown: c,
-      onPointerMove: f,
-      onPointerUp: _,
-      onPointerCancel: d,
+    w && C();
+    const a = (r) => s?.onPointerDown?.(r), d = (r) => s?.onPointerMove?.(r), g = (r) => s?.onPointerUp?.(r), v = (r) => s?.onPointerCancel?.(r);
+    return n({
+      uid: t,
+      onPointerDown: a,
+      onPointerMove: d,
+      onPointerUp: g,
+      onPointerCancel: v,
       markRectDirty: () => i.value?.markRectDirty
-    }), (r, B) => (k(), j(le, {
+    }), (r, N) => (R(), Z(fe, {
       ref_key: "elementRef",
-      ref: C,
-      class: D(["omnipad-joystick omnipad-prevent", t(m)?.cssClasses]),
-      layout: t(b),
-      "is-active": t(u)?.isActive,
-      vector: t(u)?.vector,
+      ref: _,
+      class: $(["omnipad-joystick omnipad-prevent", o(p)?.cssClass]),
+      layout: o(h),
+      "is-active": o(u)?.isActive,
+      vector: o(u)?.vector,
       "show-stick": "",
-      "base-radius": R.value,
-      onPointerdown: c,
-      onPointermove: f,
-      onPointerup: _,
-      onPointercancel: d,
-      onLostpointercapture: d
+      "base-radius": k.value,
+      onPointerdown: a,
+      onPointermove: d,
+      onPointerup: g,
+      onPointercancel: v,
+      onLostpointercapture: v
     }, {
-      base: N((y) => [
-        P(r.$slots, "base", S(U(y)), void 0, !0)
+      base: I((y) => [
+        b(r.$slots, "base", U(L(y)), void 0, !0)
       ]),
-      stick: N(() => [
-        H(te, {
+      stick: I(() => [
+        X(ne, {
           layout: { height: "100%", width: "100%" },
-          "is-active": t(u)?.isPressed,
-          label: t(m)?.label
+          "is-active": o(u)?.isPressed,
+          label: o(p)?.label
         }, {
-          base: N((y) => [
-            P(r.$slots, "stick-base", S(U(y)), void 0, !0)
+          base: I((y) => [
+            b(r.$slots, "stick-base", U(L(y)), void 0, !0)
           ]),
-          default: N((y) => [
-            P(r.$slots, "stick", S(U(y)), void 0, !0)
+          default: I((y) => [
+            b(r.$slots, "stick", U(L(y)), void 0, !0)
           ]),
           _: 3
         }, 8, ["is-active", "label"])
       ]),
-      default: N((y) => [
-        P(r.$slots, "default", S(U(y)), void 0, !0)
+      default: I((y) => [
+        b(r.$slots, "default", U(L(y)), void 0, !0)
       ]),
       _: 3
     }, 8, ["class", "layout", "is-active", "vector", "base-radius"]));
   }
-}), lt = /* @__PURE__ */ M(ct, [["__scopeId", "data-v-b10666e4"]]);
-F(T.BUTTON, He);
-F(T.INPUT_ZONE, je);
-F(T.ROOT_LAYER, Ye);
-F(T.TARGET_ZONE, We);
-F(T.TRACKPAD, rt);
-F(T.D_PAD, st);
-F(T.JOYSTICK, lt);
+}), mt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-ae628e53"]]);
+K(T.BUTTON, at);
+K(T.INPUT_ZONE, Qe);
+K(T.ROOT_LAYER, He);
+K(T.TARGET_ZONE, ot);
+K(T.TRACKPAD, pt);
+K(T.D_PAD, vt);
+K(T.JOYSTICK, mt);
+ke((e) => {
+  (e.type === ae.KEYDOWN || e.type === ae.KEYUP) && le(e.type, e.payload);
+});
 export {
-  je as InputZone,
-  Ye as RootLayer,
-  We as TargetZone,
-  He as VirtualButton,
-  st as VirtualDPad,
-  lt as VirtualJoystick,
-  rt as VirtualTrackpad,
-  re as getComponent,
-  ie as getComponentSafe,
-  ft as hasRegisteredComponent,
-  F as registerComponent
+  Qe as InputZone,
+  He as RootLayer,
+  ot as TargetZone,
+  at as VirtualButton,
+  vt as VirtualDPad,
+  mt as VirtualJoystick,
+  pt as VirtualTrackpad,
+  de as getComponent,
+  ce as getComponentSafe,
+  Ct as hasRegisteredComponent,
+  K as registerComponent
 };