@omnipad/vue 0.1.1-alpha.1 → 0.2.0-alpha.2

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { ComponentProvideOptions } from 'vue';
 import { ComponentPublicInstance } from 'vue';
 import { ComputedRef } from 'vue';
 import { ConfigTreeNode } from '@omnipad/core';
+import { CursorState } from '@omnipad/core';
 import { DebuggerEvent } from 'vue';
 import { DefineComponent } from 'vue';
 import { GlobalComponents } from 'vue';
@@ -20,6 +21,7 @@ import { OnCleanup } from '@vue/reactivity';
 import { PublicProps } from 'vue';
 import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
+import { Vec2 } from '@omnipad/core';
 import { VNodeProps } from 'vue';
 import { WatchOptions } from 'vue';
 import { WatchStopHandle } from 'vue';
@@ -32,6 +34,10 @@ declare const __VLS_component_2: DefineComponent<__VLS_Props, {}, {}, {}, {}, Co
 elementRef: HTMLDivElement;
 }, HTMLDivElement>;
 
+declare const __VLS_component_3: DefineComponent<TargetZoneProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TargetZoneProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+elementRef: HTMLDivElement;
+}, HTMLDivElement>;
+
 declare type __VLS_Props = {
     /** The runtime tree node for auto-configuration. */
     treeNode?: ConfigTreeNode;
@@ -61,10 +67,32 @@ declare function __VLS_template_2(): {
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        'focus-feedback'?(_: {
+            state: CursorState | undefined;
+            isReturning: boolean | undefined;
+            cursorPos: Vec2 | undefined;
+        }): any;
+        cursor?(_: {
+            state: CursorState | undefined;
+            isDown: boolean | undefined;
+            cursorPos: Vec2 | undefined;
+        }): any;
+    };
+    refs: {
+        elementRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -77,6 +105,12 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 export declare const InputZone: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 declare interface InputZoneProps {
@@ -97,9 +131,7 @@ export declare function registerComponent(type: string, component: Component): v
 
 export declare const RootLayer: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const TargetZone: DefineComponent<TargetZoneProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TargetZoneProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-elementRef: HTMLDivElement;
-}, HTMLDivElement>;
+export declare const TargetZone: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 declare interface TargetZoneProps {
     /** The runtime tree node for automatic setup. */
@@ -114,11 +146,12 @@ declare interface TargetZoneProps {
     layout?: LayoutBox;
 }
 
-export declare const VirtualKeyboardButton: DefineComponent<VirtualKeyButtonButtonProps, {
+export declare const VirtualKeyboardButton: DefineComponent<VirtualKeyButtonProps, {
 uid: ComputedRef<any>;
 onPointerDown: (e: PointerEvent) => void | undefined;
 onPointerUp: (e: PointerEvent) => void | undefined;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<VirtualKeyButtonButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+onPointerCancel: (e: PointerEvent) => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<VirtualKeyButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 elementRef: ({
 $: ComponentInternalInstance;
 $data: {};
@@ -176,10 +209,10 @@ default?(_: {}): any;
 }) | null;
 }, HTMLDivElement>;
 
-declare interface VirtualKeyButtonButtonProps {
+declare interface VirtualKeyButtonProps {
     /** The runtime tree node for automatic setup. */
     treeNode?: ConfigTreeNode;
-    /** Unique configuration ID (CID) for this zone. Used for profile serialization. */
+    /** Unique configuration ID (CID) for this button. Used for profile serialization. */
     widgetId?: string;
     /** The text or symbol displayed on the button surface. */
     label?: string;
@@ -194,4 +227,166 @@ declare interface VirtualKeyButtonButtonProps {
     layout?: LayoutBox;
 }
 
+export declare const VirtualMouseButton: DefineComponent<VirtualMouseButtonProps, {
+uid: ComputedRef<any>;
+onPointerDown: (e: PointerEvent) => void | undefined;
+onPointerUp: (e: PointerEvent) => void | undefined;
+onPointerCancel: (e: PointerEvent) => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<VirtualMouseButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+elementRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly layout?: LayoutBox | undefined;
+readonly isActive?: boolean | undefined;
+readonly label?: string | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: {
+[x: string]: unknown;
+};
+$refs: {
+[x: string]: unknown;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance | null;
+$parent: ComponentPublicInstance | null;
+$host: Element | null;
+$emit: (event: string, ...args: any[]) => void;
+$el: HTMLDivElement;
+$options: ComponentOptionsBase<Readonly<{
+layout?: LayoutBox;
+isActive?: boolean;
+label?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+beforeCreate?: (() => void) | (() => void)[];
+created?: (() => void) | (() => void)[];
+beforeMount?: (() => void) | (() => void)[];
+mounted?: (() => void) | (() => void)[];
+beforeUpdate?: (() => void) | (() => void)[];
+updated?: (() => void) | (() => void)[];
+activated?: (() => void) | (() => void)[];
+deactivated?: (() => void) | (() => void)[];
+beforeDestroy?: (() => void) | (() => void)[];
+beforeUnmount?: (() => void) | (() => void)[];
+destroyed?: (() => void) | (() => void)[];
+unmounted?: (() => void) | (() => void)[];
+renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+};
+$forceUpdate: () => void;
+$nextTick: nextTick;
+$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{}> & Omit<Readonly<{
+layout?: LayoutBox;
+isActive?: boolean;
+label?: string;
+}> & Readonly<{}>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
+$slots: {
+default?(_: {}): any;
+};
+}) | null;
+}, HTMLDivElement>;
+
+declare interface VirtualMouseButtonProps {
+    /** The runtime tree node for automatic setup. */
+    treeNode?: ConfigTreeNode;
+    /** Unique configuration ID (CID) for this button. Used for profile serialization. */
+    widgetId?: string;
+    /** The text or symbol displayed on the button surface. */
+    label?: string;
+    /** The ID (CID) of the TargetZone this button sends signals to. */
+    targetStageId?: string;
+    /** 0: Left, 1: Middle, 2: Right */
+    button?: 0 | 1 | 2;
+    /**
+     * Fixed coordinate to click on (0-100 percentage).
+     * Example: { x: 95, y: 5 } for a pause button in the corner.
+     */
+    fixedPoint?: Vec2;
+    /** Spatial layout configuration relative to its parent zone. */
+    layout?: LayoutBox;
+}
+
+export declare const VirtualTrackpad: DefineComponent<VirtualTrackpadProps, {
+uid: ComputedRef<any>;
+onPointerDown: (e: PointerEvent) => void | undefined;
+onPointerMove: (e: PointerEvent) => void | undefined;
+onPointerUp: (e: PointerEvent) => void | undefined;
+onPointerCancel: (e: PointerEvent) => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<VirtualTrackpadProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+elementRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly layout?: LayoutBox | undefined;
+readonly isActive?: boolean | undefined;
+readonly label?: string | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: {
+[x: string]: unknown;
+};
+$refs: {
+[x: string]: unknown;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance | null;
+$parent: ComponentPublicInstance | null;
+$host: Element | null;
+$emit: (event: string, ...args: any[]) => void;
+$el: HTMLDivElement;
+$options: ComponentOptionsBase<Readonly<{
+layout?: LayoutBox;
+isActive?: boolean;
+label?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+beforeCreate?: (() => void) | (() => void)[];
+created?: (() => void) | (() => void)[];
+beforeMount?: (() => void) | (() => void)[];
+mounted?: (() => void) | (() => void)[];
+beforeUpdate?: (() => void) | (() => void)[];
+updated?: (() => void) | (() => void)[];
+activated?: (() => void) | (() => void)[];
+deactivated?: (() => void) | (() => void)[];
+beforeDestroy?: (() => void) | (() => void)[];
+beforeUnmount?: (() => void) | (() => void)[];
+destroyed?: (() => void) | (() => void)[];
+unmounted?: (() => void) | (() => void)[];
+renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+};
+$forceUpdate: () => void;
+$nextTick: nextTick;
+$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{}> & Omit<Readonly<{
+layout?: LayoutBox;
+isActive?: boolean;
+label?: string;
+}> & Readonly<{}>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
+$slots: {
+default?(_: {}): any;
+};
+}) | null;
+}, HTMLDivElement>;
+
+declare interface VirtualTrackpadProps {
+    /** The runtime tree node for automatic setup. */
+    treeNode?: ConfigTreeNode;
+    /** Unique configuration ID (CID) for this trackpad. Used for profile serialization. */
+    widgetId?: string;
+    /** The text or symbol displayed on the trackpad surface. */
+    label?: string;
+    /** Determines the mapping ratio between the physical displacement of the trackpad and the movement of the screen cursor. */
+    sensitivity?: number;
+    /** The ID (CID) of the TargetZone this trackpad sends signals to. */
+    targetStageId?: string;
+    /** Spatial layout configuration relative to its parent zone. */
+    layout?: LayoutBox;
+}
+
 export { }

package/dist/omnipad-vue.css

@@ -1 +1 @@
-:root{--omnipad-btn-bg: rgba(255, 255, 255, .2);--omnipad-btn-border-color: rgba(255, 255, 255, .4);--omnipad-btn-border-width: 2px;--omnipad-btn-border-style: solid;--omnipad-btn-radius: 8px;--omnipad-btn-label-color: #ffffff;--omnipad-btn-font-family: "Upheaval", "monacoregular", sans-serif;--omnipad-btn-font-size: 18px;--omnipad-btn-font-weight: bold;--omnipad-btn-pressed-bg: rgba(255, 186, 67, .6);--omnipad-btn-pressed-border-color: #ffba43;--omnipad-btn-pressed-scale: .92;--omnipad-btn-pressed-opacity: 1;--omnipad-btn-transition-duration: .1s;--omnipad-btn-transition-timing: ease-out}.omnipad-button-base{background:var(--omnipad-btn-bg);border:var(--omnipad-btn-border-width) var(--omnipad-btn-border-style) var(--omnipad-btn-border-color);border-radius:var(--omnipad-btn-radius);display:flex;align-items:center;justify-content:center;transition:all var(--omnipad-btn-transition-duration) var(--omnipad-btn-transition-timing)}.omnipad-button-label-hollow{font-family:var(--omnipad-btn-font-family);font-size:var(--omnipad-btn-font-size);color:var(--omnipad-btn-label-color);font-weight:var(--omnipad-btn-font-weight);background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;filter:invert(1) grayscale(1) contrast(9);mix-blend-mode:destination-out}.omnipad-prevent{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.omnipad-virtual-layer-base[data-v-6f1860f6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}[data-v-6f1860f6] .omnipad-input-zone,[data-v-6f1860f6] .omnipad-button{pointer-events:auto}.omnipad-input-zone[data-v-02669919]{position:absolute;pointer-events:none}.omnipad-input-zone-trigger[data-v-02669919]{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.dynamic-widget-mount[data-v-02669919]{pointer-events:none}.omnipad-virtual-layer[data-v-a509fd6e]{position:relative;height:100%;width:100%;pointer-events:none}.omnipad-target-zone[data-v-b9d49b97]{pointer-events:none;overflow:hidden}.omnipad-virtual-cursor[data-v-b9d49b97]{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .2s}.cursor-dot[data-v-b9d49b97]{width:100%;height:100%;border:2px solid white;border-radius:50%;background:#ff000080}.cursor-dot.is-down[data-v-b9d49b97]{transform:scale(.8);background:red}.focus-feedback-ring[data-v-b9d49b97]{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);border:2px solid rgba(100,200,255,.8);border-radius:50%;pointer-events:none;z-index:5}.pulse-enter-active[data-v-b9d49b97]{animation:ripple-out-b9d49b97 .5s ease-out forwards}@keyframes ripple-out-b9d49b97{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.omnipad-virtual-cursor[data-v-b9d49b97]{z-index:10}.omnipad-button-base[data-v-6cbe805c]{-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;box-sizing:border-box;pointer-events:auto}.omnipad-button-base.omnipad-is-active[data-v-6cbe805c]{background:var(--omnipad-btn-pressed-bg);border-color:var(--omnipad-btn-pressed-border-color);opacity:var(--omnipad-btn-pressed-opacity);filter:brightness(1.2)}.omnipad-button-label[data-v-6cbe805c]{font-family:var(--omnipad-btn-font-family);font-size:var(--omnipad-btn-font-size);color:var(--omnipad-btn-label-color);font-weight:var(--omnipad-btn-font-weight)}
+:root{--omnipad-btn-bg: rgba(255, 255, 255, .2);--omnipad-btn-border-color: rgba(255, 255, 255, .4);--omnipad-btn-border-width: 2px;--omnipad-btn-border-style: solid;--omnipad-btn-radius: 8px;--omnipad-btn-label-color: #ffffff;--omnipad-btn-font-family: "Upheaval", "monacoregular", sans-serif;--omnipad-btn-font-size: 18px;--omnipad-btn-font-weight: bold;--omnipad-btn-pressed-bg: rgba(255, 186, 67, .6);--omnipad-btn-pressed-border-color: #ffba43;--omnipad-btn-pressed-scale: .92;--omnipad-btn-pressed-opacity: 1;--omnipad-btn-transition-duration: .1s;--omnipad-btn-transition-timing: ease-out;--omnipad-default-cursor-height: 20px;--omnipad-default-cursor-width: 20px;--omnipad-default-cursor-transition: var(--omnipad-default-cursor-transition-mode) var(--omnipad-default-cursor-transition-time);--omnipad-default-cursor-transition-mode: opacity;--omnipad-default-cursor-transition-time: .2s;--omnipad-default-cursor-dot-background: #ff000080;--omnipad-default-cursor-dot-border-color: #ffffff;--omnipad-default-cursor-dot-border-radius: 50%;--omnipad-default-cursor-dot-border-style: solid;--omnipad-default-cursor-dot-border-width: 2px;--omnipad-default-cursor-dot-down-background: #ff0000;--omnipad-default-cursor-dot-down-scale: .8;--omnipad-focus-color: rgba(100, 200, 255, .8);--omnipad-focus-bg-color: rgba(100, 200, 255, .05);--omnipad-trackpad-bg: rgba(255, 255, 255, .05);--omnipad-trackpad-border-style: dashed;--omnipad-trackpad-cursor: crosshair}.omnipad-button-base{background:var(--omnipad-btn-bg);border:var(--omnipad-btn-border-width) var(--omnipad-btn-border-style) var(--omnipad-btn-border-color);border-radius:var(--omnipad-btn-radius);display:flex;align-items:center;justify-content:center;transition:all var(--omnipad-btn-transition-duration) var(--omnipad-btn-transition-timing)}.omnipad-button-label-hollow{font-family:var(--omnipad-btn-font-family);font-size:var(--omnipad-btn-font-size);color:var(--omnipad-btn-label-color);font-weight:var(--omnipad-btn-font-weight);background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;filter:invert(1) grayscale(1) contrast(9);mix-blend-mode:destination-out}.omnipad-default-cursor-dot{width:100%;height:100%;border-width:var(--omnipad-default-cursor-dot-border-width);border-style:var(--omnipad-default-cursor-dot-border-style);border-color:var(--omnipad-default-cursor-dot-border-color);border-radius:var(--omnipad-default-cursor-dot-border-radius);background:var(--omnipad-default-cursor-dot-background)}.omnipad-default-cursor-dot.is-down{transform:scale(var(--omnipad-default-cursor-dot-down-scale));background:var(--omnipad-default-cursor-dot-down-background)}.omnipad-default-focus-border-feedback{position:absolute;inset:0;pointer-events:none;z-index:5;border:2px solid var(--omnipad-focus-color);background-color:var(--omnipad-focus-bg-color);box-shadow:inset 0 0 10px var(--omnipad-focus-color);box-sizing:border-box}.omnipad-default-focus-fade-enter-active{transition:opacity .05s ease-in}.omnipad-default-focus-fade-leave-active{transition:opacity .2s ease-out}.omnipad-default-focus-fade-enter-from,.omnipad-default-focus-fade-leave-to{opacity:0}.omnipad-prevent{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.omnipad-trackpad:before{content:"";position:absolute;inset:10px;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.omnipad-virtual-layer-base[data-v-6f1860f6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}[data-v-6f1860f6] .omnipad-input-zone,[data-v-6f1860f6] .omnipad-button{pointer-events:auto}.omnipad-input-zone[data-v-e0c28ebd]{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}.omnipad-input-zone-trigger[data-v-e0c28ebd]{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.dynamic-widget-mount[data-v-e0c28ebd]{pointer-events:none}.omnipad-virtual-layer[data-v-9e46ef9c]{position:relative;height:100%;width:100%;pointer-events:none}.omnipad-target-zone[data-v-70b706ac]{-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;overflow:hidden}.omnipad-virtual-cursor[data-v-70b706ac]{position:absolute;width:var(--omnipad-default-cursor-width);height:var(--omnipad-default-cursor-height);transform:translate(-50%,-50%);pointer-events:none;transition:var(--omnipad-default-cursor-transition);z-index:10}.omnipad-button-base[data-v-3db6d4f9]{-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;box-sizing:border-box;pointer-events:auto}.omnipad-button-base.is-active[data-v-3db6d4f9]{background:var(--omnipad-btn-pressed-bg);border-color:var(--omnipad-btn-pressed-border-color);opacity:var(--omnipad-btn-pressed-opacity);filter:brightness(1.2)}.omnipad-button-label[data-v-3db6d4f9]{font-family:var(--omnipad-btn-font-family);font-size:var(--omnipad-btn-font-size);color:var(--omnipad-btn-label-color);font-weight:var(--omnipad-btn-font-weight)}.omnipad-trackpad[data-v-c28e3a2e]{-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;--omnipad-btn-border-style: var(--omnipad-trackpad-border-style);--omnipad-btn-bg: var(--omnipad-trackpad-bg);cursor:var(--omnipad-trackpad-cursor)}

package/dist/omnipad-vue.mjs

@@ -1,85 +1,81 @@
-import { Registry as W, CONTEXT as V, generateUID as j, TYPES as _, resolveLayoutStyle as A, InputZoneCore as G, RootLayerCore as X, TargetZoneCore as H, KeyboardButtonCore as J } from "@omnipad/core";
-import { defineComponent as g, h as Q, shallowRef as q, ref as E, onMounted as ee, onUnmounted as te, openBlock as d, createElementBlock as p, Fragment as ne, renderList as oe, createBlock as $, resolveDynamicComponent as k, unref as u, renderSlot as C, inject as ie, computed as f, provide as ae, useSlots as re, watch as le, nextTick as se, normalizeStyle as b, createVNode as x, withCtx as U, createElementVNode as L, createCommentVNode as I, Transition as ue, normalizeClass as Z, toDisplayString as ce } from "vue";
-const z = {};
-function O(n, t) {
-  z[n] = t;
+import { Registry as G, CONTEXT as K, generateUID as X, CMP_TYPES as P, resolveLayoutStyle as S, InputZoneCore as H, RootLayerCore as J, TargetZoneCore as Q, KeyboardButtonCore as q, MouseButtonCore as ee, TrackpadCore as te } from "@omnipad/core";
+import { defineComponent as b, h as oe, shallowRef as ne, ref as O, onMounted as ae, onUnmounted as ie, openBlock as p, createElementBlock as g, Fragment as re, renderList as le, createBlock as T, resolveDynamicComponent as A, unref as l, renderSlot as I, inject as se, computed as _, provide as ue, useSlots as ce, watch as de, nextTick as ve, normalizeStyle as $, createVNode as x, withCtx as V, createElementVNode as Y, createCommentVNode as B, Transition as pe, normalizeClass as z, toDisplayString as fe } from "vue";
+const F = {};
+function N(n, o) {
+  F[n] = o;
 }
-function K(n) {
-  const t = z[n];
-  return t || g({
-    render: () => Q("div", { style: "color:red" }, `[Unknown: ${n}]`)
+function W(n) {
+  const o = F[n];
+  return o || b({
+    render: () => oe("div", { style: "color:red" }, `[Unknown: ${n}]`)
   });
 }
-function B(n) {
-  const t = q(), r = E(), e = E(null), a = (o) => {
-    r.value = o;
+function D(n) {
+  const o = ne(), s = O(), e = O(null), i = (a) => {
+    s.value = a;
   };
-  let i = null;
-  return ee(() => {
-    const o = n();
-    t.value = o, W.getInstance().register(o), "subscribe" in o && o.subscribe(a);
-    let l = null;
-    e.value && (e.value instanceof Element ? l = e.value : e.value.$el instanceof Element && (l = e.value.$el)), l && "updateRect" in o && (i = new ResizeObserver((y) => {
-      for (const v of y)
-        o.updateRect(v.target.getBoundingClientRect());
-    }), i.observe(l), o.updateRect(l.getBoundingClientRect()));
-  }), te(() => {
-    i && i.disconnect(), t.value && t.value.destroy();
+  return ae(() => {
+    const a = n();
+    o.value = a, G.getInstance().register(a), "subscribe" in a && a.subscribe(i);
+    let t = null;
+    e.value && (e.value instanceof Element ? t = e.value : e.value.$el instanceof Element && (t = e.value.$el)), t && "bindRectProvider" in a && a.bindRectProvider(() => t.getBoundingClientRect());
+  }), ie(() => {
+    o.value && o.value.destroy();
   }), {
-    core: t,
-    state: r,
+    core: o,
+    state: s,
     elementRef: e
   };
 }
-const de = { class: "omnipad-virtual-layer-base omnipad-prevent" }, ve = /* @__PURE__ */ g({
+const me = { class: "omnipad-virtual-layer-base omnipad-prevent" }, ye = /* @__PURE__ */ b({
   __name: "VirtualLayerBase",
   props: {
     nodes: {}
   },
   setup(n) {
-    return (t, r) => (d(), p("div", de, [
-      (d(!0), p(ne, null, oe(n.nodes || [], (e) => (d(), $(k(u(K)(e.type)), {
+    return (o, s) => (p(), g("div", me, [
+      (p(!0), g(re, null, le(n.nodes || [], (e) => (p(), T(A(l(W)(e.type)), {
         key: e.uid,
         "tree-node": e
       }, null, 8, ["tree-node"]))), 128)),
-      C(t.$slots, "default", {}, void 0, !0)
+      I(o.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), N = (n, t) => {
-  const r = n.__vccOpts || n;
-  for (const [e, a] of t)
-    r[e] = a;
-  return r;
-}, Y = /* @__PURE__ */ N(ve, [["__scopeId", "data-v-6f1860f6"]]);
-function D(n, t, r = {}) {
-  const e = t.treeNode, a = e && e.type === n ? e : void 0;
+}), h = (n, o) => {
+  const s = n.__vccOpts || n;
+  for (const [e, i] of o)
+    s[e] = i;
+  return s;
+}, j = /* @__PURE__ */ h(ye, [["__scopeId", "data-v-6f1860f6"]]);
+function E(n, o, s = {}) {
+  const e = o.treeNode, i = e && e.type === n ? e : void 0;
   e && e.type !== n && console.warn(
     `[OmniPad-Validation] Type mismatch! Component expected "${n}", but received "${e.type}". Config ignored.`
   );
-  const i = ie(V.PARENT_ID_KEY, E(void 0)), o = f(() => t.parentId || a?.config?.parentId || i.value), l = f(() => t.widgetId || a?.uid || j(n));
-  ae(V.PARENT_ID_KEY, l);
-  const y = f(() => {
-    const v = a?.config || {}, c = Object.fromEntries(
-      Object.entries(t).filter(([m, w]) => w !== void 0 && m !== "treeNode" && m !== "widgetId")
+  const a = se(K.PARENT_ID_KEY, O(void 0)), t = _(() => o.parentId || i?.config?.parentId || a.value), d = _(() => o.widgetId || i?.uid || X(n));
+  ue(K.PARENT_ID_KEY, d);
+  const m = _(() => {
+    const f = i?.config || {}, u = Object.fromEntries(
+      Object.entries(o).filter(([v, r]) => r !== void 0 && v !== "treeNode" && v !== "widgetId")
     );
     return {
-      ...r,
-      ...v,
-      ...c,
-      id: l.value,
+      ...s,
+      ...f,
+      ...u,
+      id: d.value,
       type: n,
-      parentId: o.value,
+      parentId: t.value,
       // 特殊处理 Layout：深度合并，确保即便只传了 { width: 100 } 也不丢失原来的 left/top
       layout: {
-        ...r.layout || {},
-        ...v.layout || {},
-        ...c.layout || {}
+        ...s.layout || {},
+        ...f.layout || {},
+        ...u.layout || {}
       }
     };
   });
-  return { uid: l, config: y };
+  return { uid: d, config: m };
 }
-const fe = ["id"], pe = /* @__PURE__ */ g({
+const Pe = ["id"], _e = /* @__PURE__ */ b({
   __name: "InputZone",
   props: {
     treeNode: {},
@@ -88,112 +84,116 @@ const fe = ["id"], pe = /* @__PURE__ */ g({
     preventFocusLoss: {}
   },
   setup(n) {
-    const t = n, r = re(), e = E(null), { uid: a, config: i } = D(_.INPUT_ZONE, t), { core: o, state: l, elementRef: y } = B(
-      () => new G(a.value, i.value)
-    ), v = f(() => {
-      const s = t.treeNode?.config?.dynamicWidgetId;
-      return t.treeNode?.children?.filter((P) => P.uid !== s) || [];
-    }), c = f(() => {
-      const P = (r.dynamicWidget?.() || []).filter((h) => !(h.type === Comment || h.type === Text)), R = t.treeNode?.children?.find(
-        (h) => h.uid === t.treeNode?.config?.dynamicWidgetId
-      ), S = P.length > 0;
-      return P.length > 1 && console.error(
-        `[OmniPad-Validation] InputZone ${a.value} has multiple dynamic widgets in slot. Only the first one will be activated.`
-      ), S && R && console.warn(
-        `[OmniPad-Validation] InputZone ${a.value} has both Slot and Config dynamic widgets. Config ignored.`
+    const o = n, s = ce(), e = O(null), { uid: i, config: a } = E(P.INPUT_ZONE, o), { core: t, state: d, elementRef: m } = D(
+      () => new H(i.value, a.value)
+    ), f = _(() => {
+      const c = o.treeNode?.config?.dynamicWidgetId;
+      return o.treeNode?.children?.filter((w) => w.uid !== c) || [];
+    }), u = _(() => {
+      const w = (s.dynamicWidget?.() || []).filter((k) => !(k.type === Comment || k.type === Text)), C = o.treeNode?.children?.find(
+        (k) => k.uid === o.treeNode?.config?.dynamicWidgetId
+      ), U = w.length > 0;
+      return w.length > 1 && console.error(
+        `[OmniPad-Validation] InputZone ${i.value} has multiple dynamic widgets in slot. Only the first one will be activated.`
+      ), U && C && console.warn(
+        `[OmniPad-Validation] InputZone ${i.value} has both Slot and Config dynamic widgets. Config ignored.`
       ), {
-        nodeToRender: S ? P[0] : R || null,
-        isFromSlot: S
+        nodeToRender: U ? w[0] : C || null,
+        isFromSlot: U
       };
     });
-    le(
+    de(
       e,
-      (s) => {
-        se(() => {
-          s && s?.uid && o.value?.updateConfig({
-            dynamicWidgetId: s.uid
+      (c) => {
+        ve(() => {
+          c && c?.uid && t.value?.updateConfig({
+            dynamicWidgetId: c.uid
           });
         });
       },
       { immediate: !0 }
     );
-    const m = f(() => A(i.value.layout)), w = f(() => l.value?.isDynamicActive ? {
+    const v = _(() => S(a.value.layout)), r = _(() => d.value?.isDynamicActive ? {
       position: "absolute",
-      left: `${l.value.dynamicPosition.x}%`,
-      top: `${l.value.dynamicPosition.y}%`,
+      left: `${d.value.dynamicPosition.x}%`,
+      top: `${d.value.dynamicPosition.y}%`,
       zIndex: 100,
       pointerEvents: "auto"
-    } : { display: "none" }), F = (s) => {
-      o.value && (o.value.onPointerDown(s), l.value?.isDynamicActive && e.value && typeof e.value.onPointerDown == "function" && e.value.onPointerDown(s));
-    }, M = (s) => {
-      o.value && (o.value.onPointerMove(s), l.value?.isDynamicActive && e.value && typeof e.value.onPointerMove == "function" && e.value.onPointerMove(s));
-    }, T = (s) => {
-      l.value?.isDynamicActive && e.value && typeof e.value.onPointerUp == "function" && e.value.onPointerUp(s), o.value && o.value.onPointerUp(s);
+    } : { display: "none" }), R = (c) => {
+      t.value && (t.value.onPointerDown(c), d.value?.isDynamicActive && e.value && typeof e.value.onPointerDown == "function" && e.value.onPointerDown(c));
+    }, y = (c) => {
+      t.value && (t.value.onPointerMove(c), d.value?.isDynamicActive && e.value && typeof e.value.onPointerMove == "function" && e.value.onPointerMove(c));
+    }, M = (c) => {
+      d.value?.isDynamicActive && e.value && typeof e.value.onPointerUp == "function" && e.value.onPointerUp(c), t.value && t.value.onPointerUp(c);
+    }, Z = (c) => {
+      d.value?.isDynamicActive && e.value && typeof e.value.onPointerCancel == "function" && e.value.onPointerCancel(c), t.value && t.value.onPointerCancel(c);
     };
-    return (s, P) => (d(), p("div", {
-      id: u(a),
+    return (c, w) => (p(), g("div", {
+      id: l(i),
       ref_key: "elementRef",
-      ref: y,
+      ref: m,
       class: "omnipad-input-zone omnipad-prevent",
-      style: b(m.value)
+      style: $(v.value)
     }, [
-      x(Y, { nodes: v.value }, {
-        default: U(() => [
-          C(s.$slots, "default", {}, void 0, !0)
+      x(j, { nodes: f.value }, {
+        default: V(() => [
+          I(c.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"]),
-      u(o)?.isInterceptorRequired ? (d(), p("div", {
+      u.value.nodeToRender || l(t)?.isInterceptorRequired ? (p(), g("div", {
         key: 0,
         class: "omnipad-input-zone-trigger",
-        onPointerdown: F,
-        onPointermove: M,
-        onPointerup: T,
-        onPointercancel: T,
-        onLostpointercapture: T,
-        onPointerleave: T
+        onPointerdown: R,
+        onPointermove: y,
+        onPointerup: M,
+        onPointercancel: Z,
+        onLostpointercapture: Z
       }, [
-        L("div", {
+        Y("div", {
           class: "dynamic-widget-mount",
-          style: b(w.value)
+          style: $(r.value)
         }, [
-          c.value.isFromSlot ? (d(), $(k(c.value.nodeToRender), {
+          u.value.isFromSlot ? (p(), T(A(u.value.nodeToRender), {
             key: 0,
-            ref: (R) => e.value = R
-          }, null, 512)) : c.value.nodeToRender ? (d(), $(k(u(K)(c.value.nodeToRender.type)), {
+            ref: (C) => e.value = C
+          }, null, 512)) : u.value.nodeToRender ? (p(), T(A(l(W)(u.value.nodeToRender.type)), {
             key: 1,
-            ref: (R) => e.value = R,
-            "tree-node": c.value.nodeToRender
-          }, null, 8, ["tree-node"])) : I("", !0)
+            ref: (C) => e.value = C,
+            "tree-node": u.value.nodeToRender
+          }, null, 8, ["tree-node"])) : B("", !0)
         ], 4)
-      ], 32)) : I("", !0)
-    ], 12, fe));
+      ], 32)) : B("", !0)
+    ], 12, Pe));
   }
-}), ye = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-02669919"]]), me = ["id"], _e = /* @__PURE__ */ g({
+}), ge = /* @__PURE__ */ h(_e, [["__scopeId", "data-v-e0c28ebd"]]), be = ["id"], Re = /* @__PURE__ */ b({
   __name: "RootLayer",
   props: {
     treeNode: {},
     widgetId: {}
   },
   setup(n) {
-    const t = n, { uid: r, config: e } = D(_.ROOT_LAYER, t), { elementRef: a } = B(() => new X(r.value, e.value));
-    return (i, o) => (d(), p("div", {
-      id: u(r),
+    const o = n, { uid: s, config: e } = E(P.ROOT_LAYER, o), { elementRef: i } = D(() => new J(s.value, e.value));
+    return (a, t) => (p(), g("div", {
+      id: l(s),
       ref_key: "elementRef",
-      ref: a,
+      ref: i,
       class: "omnipad-virtual-layer"
     }, [
-      x(Y, {
+      x(j, {
         nodes: n.treeNode?.children || []
       }, {
-        default: U(() => [
-          C(i.$slots, "default", {}, void 0, !0)
+        default: V(() => [
+          I(a.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"])
-    ], 8, me));
+    ], 8, be));
   }
-}), ge = /* @__PURE__ */ N(_e, [["__scopeId", "data-v-a509fd6e"]]), Pe = ["id"], Re = /* @__PURE__ */ g({
+}), we = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-9e46ef9c"]]), Ce = ["id"], Te = {
+  key: 0,
+  class: "omnipad-default-focus-border-feedback"
+}, Ie = /* @__PURE__ */ b({
   __name: "TargetZone",
   props: {
     treeNode: {},
@@ -203,50 +203,64 @@ const fe = ["id"], pe = /* @__PURE__ */ g({
     layout: {}
   },
   setup(n) {
-    const t = n, r = {
+    const o = n, s = {
       cursorAutoDelay: 2500
-    }, { uid: e, config: a } = D(_.TARGET_ZONE, t, r), { state: i, elementRef: o } = B(
-      () => new H(e.value, a.value)
-    ), l = f(() => A(a.value.layout)), y = f(() => i.value ? {
-      left: `${i.value.position.x}%`,
-      top: `${i.value.position.y}%`,
-      opacity: i.value.isVisible ? 1 : 0
-    } : { display: "none" });
-    return (v, c) => (d(), p("div", {
-      id: u(e),
+    }, { uid: e, config: i } = E(
+      P.TARGET_ZONE,
+      o,
+      s
+    ), { core: a, state: t, elementRef: d } = D(
+      () => new Q(e.value, i.value)
+    ), m = _(() => S(i.value.layout)), f = _(() => t.value ? {
+      left: `${t.value.position.x}%`,
+      top: `${t.value.position.y}%`,
+      opacity: t.value.isVisible ? 1 : 0
+    } : { display: "none" }), u = (y) => a.value?.onPointerDown(y), v = (y) => a.value?.onPointerMove(y), r = (y) => a.value?.onPointerUp(y), R = (y) => a.value?.onPointerCancel(y);
+    return (y, M) => (p(), g("div", {
+      id: l(e),
       ref_key: "elementRef",
-      ref: o,
+      ref: d,
       class: "omnipad-target-zone",
-      style: b(l.value)
+      style: $(m.value),
+      onPointerdown: u,
+      onPointermove: v,
+      onPointerup: r,
+      onPointercancel: R,
+      onLostpointercapture: R
     }, [
-      x(ue, { name: "pulse" }, {
-        default: U(() => [
-          u(i)?.isFocusReturning ? (d(), p("div", {
-            key: 0,
-            class: "focus-feedback-ring",
-            style: b({
-              left: `${u(i).position.x}%`,
-              top: `${u(i).position.y}%`
-            })
-          }, null, 4)) : I("", !0)
-        ]),
-        _: 1
-      }),
-      u(a).cursorEnabled ? (d(), p("div", {
+      I(y.$slots, "focus-feedback", {
+        state: l(t),
+        isReturning: l(t)?.isFocusReturning,
+        cursorPos: l(t)?.position
+      }, () => [
+        x(pe, { name: "omnipad-default-focus-fade" }, {
+          default: V(() => [
+            l(t)?.isFocusReturning ? (p(), g("div", Te)) : B("", !0)
+          ]),
+          _: 1
+        })
+      ], !0),
+      l(i).cursorEnabled ? (p(), g("div", {
         key: 0,
         class: "omnipad-virtual-cursor",
-        style: b(y.value)
+        style: $(f.value)
       }, [
-        L("div", {
-          class: Z(["cursor-dot", { "is-down": u(i)?.isPointerDown }])
-        }, null, 2)
-      ], 4)) : I("", !0)
-    ], 12, Pe));
+        I(y.$slots, "cursor", {
+          state: l(t),
+          isDown: l(t)?.isPointerDown,
+          cursorPos: l(t)?.position
+        }, () => [
+          Y("div", {
+            class: z(["omnipad-default-cursor-dot", { "is-down": l(t)?.isPointerDown }])
+          }, null, 2)
+        ], !0)
+      ], 4)) : B("", !0)
+    ], 44, Ce));
   }
-}), be = /* @__PURE__ */ N(Re, [["__scopeId", "data-v-b9d49b97"]]), Ie = {
+}), Ne = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-70b706ac"]]), De = {
   key: 0,
   class: "omnipad-button-label"
-}, Ne = /* @__PURE__ */ g({
+}, he = /* @__PURE__ */ b({
   __name: "VirtualButtonBase",
   props: {
     layout: {},
@@ -254,18 +268,18 @@ const fe = ["id"], pe = /* @__PURE__ */ g({
     label: {}
   },
   setup(n) {
-    const t = n, r = f(() => t.layout ? A(t.layout) : {});
-    return (e, a) => (d(), p("div", {
-      class: Z(["omnipad-button-base", { "omnipad-is-active": n.isActive }]),
-      style: b(r.value),
+    const o = n, s = _(() => o.layout ? S(o.layout) : {});
+    return (e, i) => (p(), g("div", {
+      class: z(["omnipad-button-base", { "is-active": n.isActive }]),
+      style: $(s.value),
       tabindex: "-1"
     }, [
-      C(e.$slots, "default", {}, () => [
-        n.label ? (d(), p("span", Ie, ce(n.label), 1)) : I("", !0)
+      I(e.$slots, "default", {}, () => [
+        n.label ? (p(), g("span", De, fe(n.label), 1)) : B("", !0)
       ], !0)
     ], 6));
   }
-}), we = /* @__PURE__ */ N(Ne, [["__scopeId", "data-v-6cbe805c"]]), Te = /* @__PURE__ */ g({
+}), L = /* @__PURE__ */ h(he, [["__scopeId", "data-v-3db6d4f9"]]), Ee = /* @__PURE__ */ b({
   __name: "VirtualKeyboardButton",
   props: {
     treeNode: {},
@@ -275,42 +289,125 @@ const fe = ["id"], pe = /* @__PURE__ */ g({
     mapping: {},
     layout: {}
   },
-  setup(n, { expose: t }) {
-    const r = n, e = {
+  setup(n, { expose: o }) {
+    const s = n, e = {
       label: "BTN"
-    }, { uid: a, config: i } = D(
-      _.KEYBOARD_BUTTON,
-      r,
+    }, { uid: i, config: a } = E(
+      P.KEYBOARD_BUTTON,
+      s,
+      e
+    ), { core: t, state: d, elementRef: m } = D(
+      () => new q(i.value, a.value)
+    ), f = (r) => t.value?.onPointerDown(r), u = (r) => t.value?.onPointerUp(r), v = (r) => t.value?.onPointerCancel(r);
+    return o({
+      uid: i,
+      onPointerDown: f,
+      onPointerUp: u,
+      onPointerCancel: v
+    }), (r, R) => (p(), T(L, {
+      id: l(i),
+      ref_key: "elementRef",
+      ref: m,
+      layout: l(a).layout,
+      label: l(a).label,
+      "is-active": l(d)?.isPressed,
+      onPointerdown: f,
+      onPointerup: u,
+      onPointercancel: v,
+      onLostpointercapture: v
+    }, null, 8, ["id", "layout", "label", "is-active"]));
+  }
+}), $e = /* @__PURE__ */ b({
+  __name: "VirtualMouseButton",
+  props: {
+    treeNode: {},
+    widgetId: {},
+    label: {},
+    targetStageId: {},
+    button: {},
+    fixedPoint: {},
+    layout: {}
+  },
+  setup(n, { expose: o }) {
+    const s = n, e = {
+      label: "LMB",
+      button: 0
+    }, { uid: i, config: a } = E(
+      P.MOUSE_BUTTON,
+      s,
       e
-    ), { core: o, state: l, elementRef: y } = B(
-      () => new J(a.value, i.value)
-    ), v = (m) => o.value?.onPointerDown(m), c = (m) => o.value?.onPointerUp(m);
-    return t({
-      uid: a,
-      onPointerDown: v,
-      onPointerUp: c
-    }), (m, w) => (d(), $(we, {
-      id: u(a),
+    ), { core: t, state: d, elementRef: m } = D(
+      () => new ee(i.value, a.value)
+    ), f = (r) => t.value?.onPointerDown(r), u = (r) => t.value?.onPointerUp(r), v = (r) => t.value?.onPointerCancel(r);
+    return o({
+      uid: i,
+      onPointerDown: f,
+      onPointerUp: u,
+      onPointerCancel: v
+    }), (r, R) => (p(), T(L, {
+      id: l(i),
+      ref_key: "elementRef",
+      ref: m,
+      layout: l(a).layout,
+      label: l(a).label,
+      "is-active": l(d)?.isPressed,
+      onPointerdown: f,
+      onPointerup: u,
+      onPointercancel: v,
+      onLostpointercapture: v
+    }, null, 8, ["id", "layout", "label", "is-active"]));
+  }
+}), Be = /* @__PURE__ */ b({
+  __name: "VirtualTrackpad",
+  props: {
+    treeNode: {},
+    widgetId: {},
+    label: {},
+    sensitivity: {},
+    targetStageId: {},
+    layout: {}
+  },
+  setup(n, { expose: o }) {
+    const s = n, { uid: e, config: i } = E(P.TRACKPAD, s, {
+      label: "TRACKPAD",
+      sensitivity: 1
+    }), { core: a, state: t, elementRef: d } = D(
+      () => new te(e.value, i.value)
+    ), m = (r) => a.value?.onPointerDown(r), f = (r) => a.value?.onPointerMove(r), u = (r) => a.value?.onPointerUp(r), v = (r) => a.value?.onPointerCancel(r);
+    return o({
+      uid: e,
+      onPointerDown: m,
+      onPointerMove: f,
+      onPointerUp: u,
+      onPointerCancel: v
+    }), (r, R) => (p(), T(L, {
+      id: l(e),
       ref_key: "elementRef",
-      ref: y,
-      layout: u(i).layout,
-      label: u(i).label,
-      "is-active": u(l)?.isPressed,
-      onPointerdown: v,
-      onPointerup: c,
-      onPointercancel: c,
-      onLostpointercapture: c
+      ref: d,
+      class: "omnipad-trackpad",
+      layout: l(i).layout,
+      label: l(i).label,
+      "is-active": l(t)?.isPressed,
+      onPointerdown: m,
+      onPointermove: f,
+      onPointerup: u,
+      onPointercancel: v,
+      onLostpointercapture: v
     }, null, 8, ["id", "layout", "label", "is-active"]));
   }
-});
-O(_.INPUT_ZONE, ye);
-O(_.ROOT_LAYER, ge);
-O(_.TARGET_ZONE, be);
-O(_.KEYBOARD_BUTTON, Te);
+}), ke = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-c28e3a2e"]]);
+N(P.INPUT_ZONE, ge);
+N(P.ROOT_LAYER, we);
+N(P.TARGET_ZONE, Ne);
+N(P.KEYBOARD_BUTTON, Ee);
+N(P.MOUSE_BUTTON, $e);
+N(P.TRACKPAD, ke);
 export {
-  ye as InputZone,
-  ge as RootLayer,
-  be as TargetZone,
-  Te as VirtualKeyboardButton,
-  O as registerComponent
+  ge as InputZone,
+  we as RootLayer,
+  Ne as TargetZone,
+  Ee as VirtualKeyboardButton,
+  $e as VirtualMouseButton,
+  ke as VirtualTrackpad,
+  N as registerComponent
 };

package/dist/omnipad-vue.umd.js

@@ -1 +1 @@
-(function(f,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@omnipad/core"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@omnipad/core","vue"],a):(f=typeof globalThis<"u"?globalThis:f||self,a(f.OmnipadVue={},f.OmniPadCore,f.Vue))})(this,(function(f,a,e){"use strict";const b={};function P(o,n){b[o]=n}function S(o){const n=b[o];return n||e.defineComponent({render:()=>e.h("div",{style:"color:red"},`[Unknown: ${o}]`)})}function E(o){const n=e.shallowRef(),c=e.ref(),t=e.ref(null),l=i=>{c.value=i};let r=null;return e.onMounted(()=>{const i=o();n.value=i,a.Registry.getInstance().register(i),"subscribe"in i&&i.subscribe(l);let s=null;t.value&&(t.value instanceof Element?s=t.value:t.value.$el instanceof Element&&(s=t.value.$el)),s&&"updateRect"in i&&(r=new ResizeObserver(m=>{for(const p of m)i.updateRect(p.target.getBoundingClientRect())}),r.observe(s),i.updateRect(s.getBoundingClientRect()))}),e.onUnmounted(()=>{r&&r.disconnect(),n.value&&n.value.destroy()}),{core:n,state:c,elementRef:t}}const v={class:"omnipad-virtual-layer-base omnipad-prevent"},D=e.defineComponent({__name:"VirtualLayerBase",props:{nodes:{}},setup(o){return(n,c)=>(e.openBlock(),e.createElementBlock("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.nodes||[],t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(S)(t.type)),{key:t.uid,"tree-node":t},null,8,["tree-node"]))),128)),e.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),B=(o,n)=>{const c=o.__vccOpts||o;for(const[t,l]of n)c[t]=l;return c},I=B(D,[["__scopeId","data-v-6f1860f6"]]);function C(o,n,c={}){const t=n.treeNode,l=t&&t.type===o?t:void 0;t&&t.type!==o&&console.warn(`[OmniPad-Validation] Type mismatch! Component expected "${o}", but received "${t.type}". Config ignored.`);const r=e.inject(a.CONTEXT.PARENT_ID_KEY,e.ref(void 0)),i=e.computed(()=>n.parentId||l?.config?.parentId||r.value),s=e.computed(()=>n.widgetId||l?.uid||a.generateUID(o));e.provide(a.CONTEXT.PARENT_ID_KEY,s);const m=e.computed(()=>{const p=l?.config||{},u=Object.fromEntries(Object.entries(n).filter(([y,k])=>k!==void 0&&y!=="treeNode"&&y!=="widgetId"));return{...c,...p,...u,id:s.value,type:o,parentId:i.value,layout:{...c.layout||{},...p.layout||{},...u.layout||{}}}});return{uid:s,config:m}}const V=["id"],$=B(e.defineComponent({__name:"InputZone",props:{treeNode:{},widgetId:{},layout:{},preventFocusLoss:{}},setup(o){const n=o,c=e.useSlots(),t=e.ref(null),{uid:l,config:r}=C(a.TYPES.INPUT_ZONE,n),{core:i,state:s,elementRef:m}=E(()=>new a.InputZoneCore(l.value,r.value)),p=e.computed(()=>{const d=n.treeNode?.config?.dynamicWidgetId;return n.treeNode?.children?.filter(_=>_.uid!==d)||[]}),u=e.computed(()=>{const _=(c.dynamicWidget?.()||[]).filter(N=>!(N.type===Comment||N.type===Text)),g=n.treeNode?.children?.find(N=>N.uid===n.treeNode?.config?.dynamicWidgetId),R=_.length>0;return _.length>1&&console.error(`[OmniPad-Validation] InputZone ${l.value} has multiple dynamic widgets in slot. Only the first one will be activated.`),R&&g&&console.warn(`[OmniPad-Validation] InputZone ${l.value} has both Slot and Config dynamic widgets. Config ignored.`),{nodeToRender:R?_[0]:g||null,isFromSlot:R}});e.watch(t,d=>{e.nextTick(()=>{d&&d?.uid&&i.value?.updateConfig({dynamicWidgetId:d.uid})})},{immediate:!0});const y=e.computed(()=>a.resolveLayoutStyle(r.value.layout)),k=e.computed(()=>s.value?.isDynamicActive?{position:"absolute",left:`${s.value.dynamicPosition.x}%`,top:`${s.value.dynamicPosition.y}%`,zIndex:100,pointerEvents:"auto"}:{display:"none"}),U=d=>{i.value&&(i.value.onPointerDown(d),s.value?.isDynamicActive&&t.value&&typeof t.value.onPointerDown=="function"&&t.value.onPointerDown(d))},Y=d=>{i.value&&(i.value.onPointerMove(d),s.value?.isDynamicActive&&t.value&&typeof t.value.onPointerMove=="function"&&t.value.onPointerMove(d))},T=d=>{s.value?.isDynamicActive&&t.value&&typeof t.value.onPointerUp=="function"&&t.value.onPointerUp(d),i.value&&i.value.onPointerUp(d)};return(d,_)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(l),ref_key:"elementRef",ref:m,class:"omnipad-input-zone omnipad-prevent",style:e.normalizeStyle(y.value)},[e.createVNode(I,{nodes:p.value},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"]),e.unref(i)?.isInterceptorRequired?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-input-zone-trigger",onPointerdown:U,onPointermove:Y,onPointerup:T,onPointercancel:T,onLostpointercapture:T,onPointerleave:T},[e.createElementVNode("div",{class:"dynamic-widget-mount",style:e.normalizeStyle(k.value)},[u.value.isFromSlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value.nodeToRender),{key:0,ref:g=>t.value=g},null,512)):u.value.nodeToRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(S)(u.value.nodeToRender.type)),{key:1,ref:g=>t.value=g,"tree-node":u.value.nodeToRender},null,8,["tree-node"])):e.createCommentVNode("",!0)],4)],32)):e.createCommentVNode("",!0)],12,V))}}),[["__scopeId","data-v-02669919"]]),A=["id"],h=B(e.defineComponent({__name:"RootLayer",props:{treeNode:{},widgetId:{}},setup(o){const n=o,{uid:c,config:t}=C(a.TYPES.ROOT_LAYER,n),{elementRef:l}=E(()=>new a.RootLayerCore(c.value,t.value));return(r,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(c),ref_key:"elementRef",ref:l,class:"omnipad-virtual-layer"},[e.createVNode(I,{nodes:o.treeNode?.children||[]},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"])],8,A))}}),[["__scopeId","data-v-a509fd6e"]]),L=["id"],w=B(e.defineComponent({__name:"TargetZone",props:{treeNode:{},widgetId:{},cursorEnabled:{type:Boolean},cursorAutoDelay:{},layout:{}},setup(o){const n=o,c={cursorAutoDelay:2500},{uid:t,config:l}=C(a.TYPES.TARGET_ZONE,n,c),{state:r,elementRef:i}=E(()=>new a.TargetZoneCore(t.value,l.value)),s=e.computed(()=>a.resolveLayoutStyle(l.value.layout)),m=e.computed(()=>r.value?{left:`${r.value.position.x}%`,top:`${r.value.position.y}%`,opacity:r.value.isVisible?1:0}:{display:"none"});return(p,u)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(t),ref_key:"elementRef",ref:i,class:"omnipad-target-zone",style:e.normalizeStyle(s.value)},[e.createVNode(e.Transition,{name:"pulse"},{default:e.withCtx(()=>[e.unref(r)?.isFocusReturning?(e.openBlock(),e.createElementBlock("div",{key:0,class:"focus-feedback-ring",style:e.normalizeStyle({left:`${e.unref(r).position.x}%`,top:`${e.unref(r).position.y}%`})},null,4)):e.createCommentVNode("",!0)]),_:1}),e.unref(l).cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-virtual-cursor",style:e.normalizeStyle(m.value)},[e.createElementVNode("div",{class:e.normalizeClass(["cursor-dot",{"is-down":e.unref(r)?.isPointerDown}])},null,2)],4)):e.createCommentVNode("",!0)],12,L))}}),[["__scopeId","data-v-b9d49b97"]]),x={key:0,class:"omnipad-button-label"},z=B(e.defineComponent({__name:"VirtualButtonBase",props:{layout:{},isActive:{type:Boolean},label:{}},setup(o){const n=o,c=e.computed(()=>n.layout?a.resolveLayoutStyle(n.layout):{});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["omnipad-button-base",{"omnipad-is-active":o.isActive}]),style:e.normalizeStyle(c.value),tabindex:"-1"},[e.renderSlot(t.$slots,"default",{},()=>[o.label?(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],!0)],6))}}),[["__scopeId","data-v-6cbe805c"]]),O=e.defineComponent({__name:"VirtualKeyboardButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},mapping:{},layout:{}},setup(o,{expose:n}){const c=o,t={label:"BTN"},{uid:l,config:r}=C(a.TYPES.KEYBOARD_BUTTON,c,t),{core:i,state:s,elementRef:m}=E(()=>new a.KeyboardButtonCore(l.value,r.value)),p=y=>i.value?.onPointerDown(y),u=y=>i.value?.onPointerUp(y);return n({uid:l,onPointerDown:p,onPointerUp:u}),(y,k)=>(e.openBlock(),e.createBlock(z,{id:e.unref(l),ref_key:"elementRef",ref:m,layout:e.unref(r).layout,label:e.unref(r).label,"is-active":e.unref(s)?.isPressed,onPointerdown:p,onPointerup:u,onPointercancel:u,onLostpointercapture:u},null,8,["id","layout","label","is-active"]))}});P(a.TYPES.INPUT_ZONE,$),P(a.TYPES.ROOT_LAYER,h),P(a.TYPES.TARGET_ZONE,w),P(a.TYPES.KEYBOARD_BUTTON,O),f.InputZone=$,f.RootLayer=h,f.TargetZone=w,f.VirtualKeyboardButton=O,f.registerComponent=P,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
+(function(y,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("@omnipad/core"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@omnipad/core","vue"],l):(y=typeof globalThis<"u"?globalThis:y||self,l(y.OmnipadVue={},y.OmniPadCore,y.Vue))})(this,(function(y,l,e){"use strict";const N={};function C(r,t){N[r]=t}function v(r){const t=N[r];return t||e.defineComponent({render:()=>e.h("div",{style:"color:red"},`[Unknown: ${r}]`)})}function T(r){const t=e.shallowRef(),s=e.ref(),n=e.ref(null),i=a=>{s.value=a};return e.onMounted(()=>{const a=r();t.value=a,l.Registry.getInstance().register(a),"subscribe"in a&&a.subscribe(i);let o=null;n.value&&(n.value instanceof Element?o=n.value:n.value.$el instanceof Element&&(o=n.value.$el)),o&&"bindRectProvider"in a&&a.bindRectProvider(()=>o.getBoundingClientRect())}),e.onUnmounted(()=>{t.value&&t.value.destroy()}),{core:t,state:s,elementRef:n}}const L={class:"omnipad-virtual-layer-base omnipad-prevent"},Y=e.defineComponent({__name:"VirtualLayerBase",props:{nodes:{}},setup(r){return(t,s)=>(e.openBlock(),e.createElementBlock("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.nodes||[],n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)(n.type)),{key:n.uid,"tree-node":n},null,8,["tree-node"]))),128)),e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),B=(r,t)=>{const s=r.__vccOpts||r;for(const[n,i]of t)s[n]=i;return s},I=B(Y,[["__scopeId","data-v-6f1860f6"]]);function k(r,t,s={}){const n=t.treeNode,i=n&&n.type===r?n:void 0;n&&n.type!==r&&console.warn(`[OmniPad-Validation] Type mismatch! Component expected "${r}", but received "${n.type}". Config ignored.`);const a=e.inject(l.CONTEXT.PARENT_ID_KEY,e.ref(void 0)),o=e.computed(()=>t.parentId||i?.config?.parentId||a.value),f=e.computed(()=>t.widgetId||i?.uid||l.generateUID(r));e.provide(l.CONTEXT.PARENT_ID_KEY,f);const P=e.computed(()=>{const m=i?.config||{},d=Object.fromEntries(Object.entries(t).filter(([p,c])=>c!==void 0&&p!=="treeNode"&&p!=="widgetId"));return{...s,...m,...d,id:f.value,type:r,parentId:o.value,layout:{...s.layout||{},...m.layout||{},...d.layout||{}}}});return{uid:f,config:P}}const x=["id"],$=B(e.defineComponent({__name:"InputZone",props:{treeNode:{},widgetId:{},layout:{},preventFocusLoss:{}},setup(r){const t=r,s=e.useSlots(),n=e.ref(null),{uid:i,config:a}=k(l.CMP_TYPES.INPUT_ZONE,t),{core:o,state:f,elementRef:P}=T(()=>new l.InputZoneCore(i.value,a.value)),m=e.computed(()=>{const u=t.treeNode?.config?.dynamicWidgetId;return t.treeNode?.children?.filter(b=>b.uid!==u)||[]}),d=e.computed(()=>{const b=(s.dynamicWidget?.()||[]).filter(w=>!(w.type===Comment||w.type===Text)),E=t.treeNode?.children?.find(w=>w.uid===t.treeNode?.config?.dynamicWidgetId),S=b.length>0;return b.length>1&&console.error(`[OmniPad-Validation] InputZone ${i.value} has multiple dynamic widgets in slot. Only the first one will be activated.`),S&&E&&console.warn(`[OmniPad-Validation] InputZone ${i.value} has both Slot and Config dynamic widgets. Config ignored.`),{nodeToRender:S?b[0]:E||null,isFromSlot:S}});e.watch(n,u=>{e.nextTick(()=>{u&&u?.uid&&o.value?.updateConfig({dynamicWidgetId:u.uid})})},{immediate:!0});const p=e.computed(()=>l.resolveLayoutStyle(a.value.layout)),c=e.computed(()=>f.value?.isDynamicActive?{position:"absolute",left:`${f.value.dynamicPosition.x}%`,top:`${f.value.dynamicPosition.y}%`,zIndex:100,pointerEvents:"auto"}:{display:"none"}),g=u=>{o.value&&(o.value.onPointerDown(u),f.value?.isDynamicActive&&n.value&&typeof n.value.onPointerDown=="function"&&n.value.onPointerDown(u))},_=u=>{o.value&&(o.value.onPointerMove(u),f.value?.isDynamicActive&&n.value&&typeof n.value.onPointerMove=="function"&&n.value.onPointerMove(u))},U=u=>{f.value?.isDynamicActive&&n.value&&typeof n.value.onPointerUp=="function"&&n.value.onPointerUp(u),o.value&&o.value.onPointerUp(u)},A=u=>{f.value?.isDynamicActive&&n.value&&typeof n.value.onPointerCancel=="function"&&n.value.onPointerCancel(u),o.value&&o.value.onPointerCancel(u)};return(u,b)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(i),ref_key:"elementRef",ref:P,class:"omnipad-input-zone omnipad-prevent",style:e.normalizeStyle(p.value)},[e.createVNode(I,{nodes:m.value},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"]),d.value.nodeToRender||e.unref(o)?.isInterceptorRequired?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-input-zone-trigger",onPointerdown:g,onPointermove:_,onPointerup:U,onPointercancel:A,onLostpointercapture:A},[e.createElementVNode("div",{class:"dynamic-widget-mount",style:e.normalizeStyle(c.value)},[d.value.isFromSlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.nodeToRender),{key:0,ref:E=>n.value=E},null,512)):d.value.nodeToRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)(d.value.nodeToRender.type)),{key:1,ref:E=>n.value=E,"tree-node":d.value.nodeToRender},null,8,["tree-node"])):e.createCommentVNode("",!0)],4)],32)):e.createCommentVNode("",!0)],12,x))}}),[["__scopeId","data-v-e0c28ebd"]]),Z=["id"],h=B(e.defineComponent({__name:"RootLayer",props:{treeNode:{},widgetId:{}},setup(r){const t=r,{uid:s,config:n}=k(l.CMP_TYPES.ROOT_LAYER,t),{elementRef:i}=T(()=>new l.RootLayerCore(s.value,n.value));return(a,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(s),ref_key:"elementRef",ref:i,class:"omnipad-virtual-layer"},[e.createVNode(I,{nodes:r.treeNode?.children||[]},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"])],8,Z))}}),[["__scopeId","data-v-9e46ef9c"]]),z=["id"],K={key:0,class:"omnipad-default-focus-border-feedback"},D=B(e.defineComponent({__name:"TargetZone",props:{treeNode:{},widgetId:{},cursorEnabled:{type:Boolean},cursorAutoDelay:{},layout:{}},setup(r){const t=r,s={cursorAutoDelay:2500},{uid:n,config:i}=k(l.CMP_TYPES.TARGET_ZONE,t,s),{core:a,state:o,elementRef:f}=T(()=>new l.TargetZoneCore(n.value,i.value)),P=e.computed(()=>l.resolveLayoutStyle(i.value.layout)),m=e.computed(()=>o.value?{left:`${o.value.position.x}%`,top:`${o.value.position.y}%`,opacity:o.value.isVisible?1:0}:{display:"none"}),d=_=>a.value?.onPointerDown(_),p=_=>a.value?.onPointerMove(_),c=_=>a.value?.onPointerUp(_),g=_=>a.value?.onPointerCancel(_);return(_,U)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(n),ref_key:"elementRef",ref:f,class:"omnipad-target-zone",style:e.normalizeStyle(P.value),onPointerdown:d,onPointermove:p,onPointerup:c,onPointercancel:g,onLostpointercapture:g},[e.renderSlot(_.$slots,"focus-feedback",{state:e.unref(o),isReturning:e.unref(o)?.isFocusReturning,cursorPos:e.unref(o)?.position},()=>[e.createVNode(e.Transition,{name:"omnipad-default-focus-fade"},{default:e.withCtx(()=>[e.unref(o)?.isFocusReturning?(e.openBlock(),e.createElementBlock("div",K)):e.createCommentVNode("",!0)]),_:1})],!0),e.unref(i).cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-virtual-cursor",style:e.normalizeStyle(m.value)},[e.renderSlot(_.$slots,"cursor",{state:e.unref(o),isDown:e.unref(o)?.isPointerDown,cursorPos:e.unref(o)?.position},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-cursor-dot",{"is-down":e.unref(o)?.isPointerDown}])},null,2)],!0)],4)):e.createCommentVNode("",!0)],44,z))}}),[["__scopeId","data-v-70b706ac"]]),j={key:0,class:"omnipad-button-label"},R=B(e.defineComponent({__name:"VirtualButtonBase",props:{layout:{},isActive:{type:Boolean},label:{}},setup(r){const t=r,s=e.computed(()=>t.layout?l.resolveLayoutStyle(t.layout):{});return(n,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["omnipad-button-base",{"is-active":r.isActive}]),style:e.normalizeStyle(s.value),tabindex:"-1"},[e.renderSlot(n.$slots,"default",{},()=>[r.label?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0)],!0)],6))}}),[["__scopeId","data-v-3db6d4f9"]]),M=e.defineComponent({__name:"VirtualKeyboardButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},mapping:{},layout:{}},setup(r,{expose:t}){const s=r,n={label:"BTN"},{uid:i,config:a}=k(l.CMP_TYPES.KEYBOARD_BUTTON,s,n),{core:o,state:f,elementRef:P}=T(()=>new l.KeyboardButtonCore(i.value,a.value)),m=c=>o.value?.onPointerDown(c),d=c=>o.value?.onPointerUp(c),p=c=>o.value?.onPointerCancel(c);return t({uid:i,onPointerDown:m,onPointerUp:d,onPointerCancel:p}),(c,g)=>(e.openBlock(),e.createBlock(R,{id:e.unref(i),ref_key:"elementRef",ref:P,layout:e.unref(a).layout,label:e.unref(a).label,"is-active":e.unref(f)?.isPressed,onPointerdown:m,onPointerup:d,onPointercancel:p,onLostpointercapture:p},null,8,["id","layout","label","is-active"]))}}),O=e.defineComponent({__name:"VirtualMouseButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},button:{},fixedPoint:{},layout:{}},setup(r,{expose:t}){const s=r,n={label:"LMB",button:0},{uid:i,config:a}=k(l.CMP_TYPES.MOUSE_BUTTON,s,n),{core:o,state:f,elementRef:P}=T(()=>new l.MouseButtonCore(i.value,a.value)),m=c=>o.value?.onPointerDown(c),d=c=>o.value?.onPointerUp(c),p=c=>o.value?.onPointerCancel(c);return t({uid:i,onPointerDown:m,onPointerUp:d,onPointerCancel:p}),(c,g)=>(e.openBlock(),e.createBlock(R,{id:e.unref(i),ref_key:"elementRef",ref:P,layout:e.unref(a).layout,label:e.unref(a).label,"is-active":e.unref(f)?.isPressed,onPointerdown:m,onPointerup:d,onPointercancel:p,onLostpointercapture:p},null,8,["id","layout","label","is-active"]))}}),V=B(e.defineComponent({__name:"VirtualTrackpad",props:{treeNode:{},widgetId:{},label:{},sensitivity:{},targetStageId:{},layout:{}},setup(r,{expose:t}){const s=r,{uid:n,config:i}=k(l.CMP_TYPES.TRACKPAD,s,{label:"TRACKPAD",sensitivity:1}),{core:a,state:o,elementRef:f}=T(()=>new l.TrackpadCore(n.value,i.value)),P=c=>a.value?.onPointerDown(c),m=c=>a.value?.onPointerMove(c),d=c=>a.value?.onPointerUp(c),p=c=>a.value?.onPointerCancel(c);return t({uid:n,onPointerDown:P,onPointerMove:m,onPointerUp:d,onPointerCancel:p}),(c,g)=>(e.openBlock(),e.createBlock(R,{id:e.unref(n),ref_key:"elementRef",ref:f,class:"omnipad-trackpad",layout:e.unref(i).layout,label:e.unref(i).label,"is-active":e.unref(o)?.isPressed,onPointerdown:P,onPointermove:m,onPointerup:d,onPointercancel:p,onLostpointercapture:p},null,8,["id","layout","label","is-active"]))}}),[["__scopeId","data-v-c28e3a2e"]]);C(l.CMP_TYPES.INPUT_ZONE,$),C(l.CMP_TYPES.ROOT_LAYER,h),C(l.CMP_TYPES.TARGET_ZONE,D),C(l.CMP_TYPES.KEYBOARD_BUTTON,M),C(l.CMP_TYPES.MOUSE_BUTTON,O),C(l.CMP_TYPES.TRACKPAD,V),y.InputZone=$,y.RootLayer=h,y.TargetZone=D,y.VirtualKeyboardButton=M,y.VirtualMouseButton=O,y.VirtualTrackpad=V,y.registerComponent=C,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnipad/vue",
-  "version": "0.1.1-alpha.1",
+  "version": "0.2.0-alpha.2",
   "description": "",
   "main": "./dist/omnipad-vue.umd.js",
   "module": "./dist/omnipad-vue.mjs",
@@ -27,7 +27,7 @@
     "vue": "^3.5.27"
   },
   "dependencies": {
-    "@omnipad/core": "0.1.1-alpha.1"
+    "@omnipad/core": "0.2.0-alpha.2"
   },
   "publishConfig": {
     "access": "public",