@omnipad/vue 0.3.0 → 0.4.0

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-style: solid;--omnipad-btn-border-width: 2px;--omnipad-btn-radius: 8px;--omnipad-btn-font-family: "Upheaval", "monacoregular", sans-serif;--omnipad-btn-font-size: 18px;--omnipad-btn-font-weight: bold;--omnipad-btn-label-color: #ffffff;--omnipad-btn-pressed-bg: rgba(255, 186, 67, .6);--omnipad-btn-pressed-border-color: #ffba43;--omnipad-btn-pressed-opacity: 1;--omnipad-btn-pressed-scale: .92;--omnipad-btn-transition-duration: .1s;--omnipad-btn-transition-timing: ease-out;--omnipad-dpad-arm-bg: rgba(255, 255, 255, .15);--omnipad-dpad-arm-border: 2px solid rgba(255, 255, 255, .4);--omnipad-dpad-arm-border-radius: 8px;--omnipad-dpad-active-bg: rgba(255, 186, 67, .6);--omnipad-dpad-active-border: #ffba43;--omnipad-dpad-active-scale: .96;--omnipad-dpad-active-transform: scale(var(--omnipad-dpad-active-scale));--omnipad-dpad-bg: rgba(255, 255, 255, .05);--omnipad-dpad-border-radius: 50%;--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-default-axis-stick-bg: rgba(255, 255, 255, .4);--omnipad-default-axis-stick-border-color: rgba(255, 255, 255, .8);--omnipad-default-axis-stick-border-radius: 50%;--omnipad-default-axis-stick-border-style: solid;--omnipad-default-axis-stick-border-width: 2px;--omnipad-default-axis-stick-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);--omnipad-default-axis-stick-height-scaler: .2;--omnipad-default-axis-stick-width-scaler: .2;--omnipad-default-axis-stick-active-bg: rgba(255, 186, 67, .6);--omnipad-default-axis-stick-active-border-color: #ffba43;--omnipad-focus-color: rgba(255, 186, 67, .8);--omnipad-focus-bg-color: rgba(100, 200, 255, .05);--omnipad-joystick-base-border-color: rgba(255, 255, 255, .4);--omnipad-joystick-base-border-radius: 50%;--omnipad-joystick-base-border-style: solid;--omnipad-joystick-base-border-width: 2px;--omnipad-joystick-base-bg: rgba(255, 255, 255, .2);--omnipad-default-joystick-stick-height-scaler: .5;--omnipad-default-joystick-stick-width-scaler: .5;--omnipad-joystick-btn-bg: rgba(255, 255, 255, .2);--omnipad-joystick-btn-border-color: rgba(255, 255, 255, .4);--omnipad-joystick-btn-border-style: solid;--omnipad-joystick-btn-border-width: 2px;--omnipad-joystick-btn-radius: 50%;--omnipad-trackpad-bg: rgba(255, 255, 255, .05);--omnipad-trackpad-border-style: dashed;--omnipad-trackpad-cursor: crosshair}.omnipad-default-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);transition:all var(--omnipad-btn-transition-duration) var(--omnipad-btn-transition-timing)}.omnipad-default-cursor-dot{width:100%;height:100%;box-sizing:border-box;background:var(--omnipad-default-cursor-dot-background);border-color:var(--omnipad-default-cursor-dot-border-color);border-radius:var(--omnipad-default-cursor-dot-border-radius);border-style:var(--omnipad-default-cursor-dot-border-style);border-width:var(--omnipad-default-cursor-dot-border-width)}.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-axis-stick{width:100%;height:100%;box-sizing:border-box;background:var(--omnipad-default-axis-stick-bg);border-width:var(--omnipad-default-axis-stick-border-width);border-style:var(--omnipad-default-axis-stick-border-style);border-color:var(--omnipad-default-axis-stick-border-color);border-radius:var(--omnipad-default-axis-stick-border-radius);box-shadow:var(--omnipad-default-axis-stick-box-shadow)}.omnipad-default-axis-stick.is-active{background:var(--omnipad-default-axis-stick-active-bg);border-color:var(--omnipad-default-axis-stick-active-border-color)}.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;outline: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-d67cc501]{position:absolute;inset:0;pointer-events:none;z-index:1000}[data-v-d67cc501] .omnipad-input-zone,[data-v-d67cc501] .omnipad-button{pointer-events:auto}.omnipad-input-zone[data-v-020d0ab6]{position:relative;pointer-events:none;container-type:size}.omnipad-input-zone-trigger[data-v-020d0ab6]{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.dynamic-widget-mount[data-v-020d0ab6]{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;transform:translate3d(var(--dynamic-widget-mount-x, 0px),var(--dynamic-widget-mount-y, 0px),0);--dynamic-widget-mount-x: 0px;--dynamic-widget-mount-y: 0px}.omnipad-root-layer[data-v-c836f838]{position:relative;pointer-events:none}.omnipad-target-zone[data-v-f072b1fb]{position:relative;pointer-events:auto;overflow:hidden;container-type:size}.omnipad-virtual-cursor[data-v-f072b1fb]{position:absolute;top:0;left:0;width:var(--omnipad-default-cursor-width);height:var(--omnipad-default-cursor-height);pointer-events:none;will-change:transform;transition:var(--omnipad-default-cursor-transition);z-index:10;transform:translate3d(calc(-50% + var(--omnipad-virtual-cursor-x, 0px)),calc(-50% + var(--omnipad-virtual-cursor-y, 0px)),0);--omnipad-virtual-cursor-x: 0px;--omnipad-virtual-cursor-y: 0px}.omnipad-button-base[data-v-f6a6e082]{position:relative;overflow:hidden;box-sizing:border-box;pointer-events:auto;will-change:transform,opacity}.omnipad-default-button-base[data-v-f6a6e082]{position:absolute;inset:0;pointer-events:none}.omnipad-button-content-layer[data-v-f6a6e082]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.omnipad-default-button-base.is-active[data-v-f6a6e082]{background:var(--omnipad-btn-pressed-bg, rgba(255, 255, 255, .4));border-color:var(--omnipad-btn-pressed-border-color);opacity:var(--omnipad-btn-pressed-opacity)}.omnipad-default-button-label[data-v-f6a6e082]{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-axis-base[data-v-95bb429e]{position:relative;box-sizing:border-box;pointer-events:auto;container-type:size}.omnipad-axis-bg[data-v-95bb429e]{box-sizing:border-box;border-color:var(--omnipad-axis-base-border-color);border-radius:var(--omnipad-axis-base-border-radius);border-style:var(--omnipad-axis-base-border-style);border-width:var(--omnipad-axis-base-border-width);background:var(--omnipad-axis-base-bg)}.omnipad-axis-bg[data-v-95bb429e],.omnipad-axis-content-layer[data-v-95bb429e]{position:absolute;inset:0;pointer-events:none}.omnipad-axis-stick-container[data-v-95bb429e]{width:calc(var(--omnipad-axis-stick-width, 0px) * var(--omnipad-default-axis-stick-width-scaler, .2));height:calc(var(--omnipad-axis-stick-height, 0px) * var(--omnipad-default-axis-stick-height-scaler, .2));position:absolute;left:50%;top:50%;pointer-events:none;transform:translate3d(calc(-50% + var(--omnipad-axis-stick-container-x, 0px)),calc(-50% + var(--omnipad-axis-stick-container-y, 0px)),0);--omnipad-axis-stick-container-x: 0px;--omnipad-axis-stick-container-y: 0px}.omnipad-dpad-cross-bg[data-v-d141d62c]{position:relative;width:100%;height:100%;border-radius:var(--omnipad-dpad-border-radius);background:var(--omnipad-dpad-bg);pointer-events:none}.dpad-arm[data-v-d141d62c]{position:absolute;background:var(--omnipad-dpad-arm-bg);border:var(--omnipad-dpad-arm-border);box-sizing:border-box;transition:background .1s,transform .1s,border-color .1s}.dpad-arm.top[data-v-d141d62c]{inset:0 33% 66%;border-bottom:none;border-radius:var(--omnipad-dpad-arm-border-radius) var(--omnipad-dpad-arm-border-radius) 0 0}.dpad-arm.bottom[data-v-d141d62c]{inset:66% 33% 0;border-top:none;border-radius:0 0 var(--omnipad-dpad-arm-border-radius) var(--omnipad-dpad-arm-border-radius)}.dpad-arm.left[data-v-d141d62c]{inset:33% 66% 33% 0;border-right:none;border-radius:var(--omnipad-dpad-arm-border-radius) 0 0 var(--omnipad-dpad-arm-border-radius)}.dpad-arm.right[data-v-d141d62c]{inset:33% 0 33% 66%;border-left:none;border-radius:0 var(--omnipad-dpad-arm-border-radius) var(--omnipad-dpad-arm-border-radius) 0}.dpad-center[data-v-d141d62c]{position:absolute;inset:33%;background:var(--omnipad-dpad-arm-bg);z-index:1}.dpad-arm.on[data-v-d141d62c]{background:var(--omnipad-dpad-active-bg);border-color:var(--omnipad-dpad-active-border);transform:var(--omnipad-dpad-active-transform);z-index:2}.omnipad-trackpad[data-v-d23c7e6d]{--omnipad-btn-border-style: var(--omnipad-trackpad-border-style);--omnipad-btn-bg: var(--omnipad-trackpad-bg);cursor:var(--omnipad-trackpad-cursor)}.omnipad-joystick[data-v-fb7cd5c1]{pointer-events:auto;--omnipad-axis-base-border-color: var(--omnipad-joystick-base-border-color);--omnipad-axis-base-border-radius: var(--omnipad-joystick-base-border-radius);--omnipad-axis-base-border-style: var(--omnipad-joystick-base-border-style);--omnipad-axis-base-border-width: var(--omnipad-joystick-base-border-width);--omnipad-axis-base-bg: var(--omnipad-joystick-base-bg, rgba(255, 255, 255, .2));--omnipad-default-axis-stick-height-scaler: var( --omnipad-default-joystick-stick-height-scaler, .5 );--omnipad-default-axis-stick-width-scaler: var( --omnipad-default-joystick-stick-width-scaler, .5 );--omnipad-btn-bg: var(--omnipad-joystick-btn-bg, rgba(255, 255, 255, .2));--omnipad-btn-border-color: var(--omnipad-joystick-btn-border-color);--omnipad-btn-border-style: var(--omnipad-joystick-btn-border-style);--omnipad-btn-border-width: var(--omnipad-joystick-btn-border-width);--omnipad-btn-radius: var(--omnipad-joystick-btn-radius)}
+:root{--omnipad-btn-bg: rgba(255, 255, 255, .2);--omnipad-btn-border-color: rgba(255, 255, 255, .4);--omnipad-btn-border-style: solid;--omnipad-btn-border-width: 2px;--omnipad-btn-radius: 8px;--omnipad-btn-font-family: "Upheaval", "monacoregular", sans-serif;--omnipad-btn-font-size: 18px;--omnipad-btn-font-weight: bold;--omnipad-btn-label-color: #ffffff;--omnipad-btn-pressed-bg: rgba(255, 186, 67, .6);--omnipad-btn-pressed-border-color: #ffba43;--omnipad-btn-pressed-opacity: 1;--omnipad-btn-pressed-scale: .92;--omnipad-btn-transition-duration: .1s;--omnipad-btn-transition-timing: ease-out;--omnipad-dpad-arm-bg: rgba(255, 255, 255, .15);--omnipad-dpad-arm-border: 2px solid rgba(255, 255, 255, .4);--omnipad-dpad-arm-border-radius: 8px;--omnipad-dpad-active-bg: rgba(255, 186, 67, .6);--omnipad-dpad-active-border: #ffba43;--omnipad-dpad-active-scale: .96;--omnipad-dpad-active-transform: scale(var(--omnipad-dpad-active-scale));--omnipad-dpad-bg: rgba(255, 255, 255, .05);--omnipad-dpad-border-radius: 50%;--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-default-axis-stick-bg: rgba(255, 255, 255, .4);--omnipad-default-axis-stick-border-color: rgba(255, 255, 255, .8);--omnipad-default-axis-stick-border-radius: 50%;--omnipad-default-axis-stick-border-style: solid;--omnipad-default-axis-stick-border-width: 2px;--omnipad-default-axis-stick-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);--omnipad-default-axis-stick-height-scaler: .2;--omnipad-default-axis-stick-width-scaler: .2;--omnipad-default-axis-stick-active-bg: rgba(255, 186, 67, .6);--omnipad-default-axis-stick-active-border-color: #ffba43;--omnipad-focus-color: rgba(255, 186, 67, .8);--omnipad-focus-bg-color: rgba(100, 200, 255, .05);--omnipad-joystick-base-border-color: rgba(255, 255, 255, .4);--omnipad-joystick-base-border-radius: 50%;--omnipad-joystick-base-border-style: solid;--omnipad-joystick-base-border-width: 2px;--omnipad-joystick-base-bg: rgba(255, 255, 255, .2);--omnipad-default-joystick-stick-height-scaler: .5;--omnipad-default-joystick-stick-width-scaler: .5;--omnipad-joystick-btn-bg: rgba(255, 255, 255, .2);--omnipad-joystick-btn-border-color: rgba(255, 255, 255, .4);--omnipad-joystick-btn-border-style: solid;--omnipad-joystick-btn-border-width: 2px;--omnipad-joystick-btn-radius: 50%;--omnipad-trackpad-bg: rgba(255, 255, 255, .05);--omnipad-trackpad-border-style: dashed;--omnipad-trackpad-cursor: crosshair}.omnipad-default-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);transition:all var(--omnipad-btn-transition-duration) var(--omnipad-btn-transition-timing)}.omnipad-default-cursor-dot{width:100%;height:100%;box-sizing:border-box;background:var(--omnipad-default-cursor-dot-background);border-color:var(--omnipad-default-cursor-dot-border-color);border-radius:var(--omnipad-default-cursor-dot-border-radius);border-style:var(--omnipad-default-cursor-dot-border-style);border-width:var(--omnipad-default-cursor-dot-border-width)}.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-axis-stick{width:100%;height:100%;box-sizing:border-box;background:var(--omnipad-default-axis-stick-bg);border-width:var(--omnipad-default-axis-stick-border-width);border-style:var(--omnipad-default-axis-stick-border-style);border-color:var(--omnipad-default-axis-stick-border-color);border-radius:var(--omnipad-default-axis-stick-border-radius);box-shadow:var(--omnipad-default-axis-stick-box-shadow)}.omnipad-default-axis-stick.is-active{background:var(--omnipad-default-axis-stick-active-bg);border-color:var(--omnipad-default-axis-stick-active-border-color)}.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;outline: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-d67cc501]{position:absolute;inset:0;pointer-events:none;z-index:1000}[data-v-d67cc501] .omnipad-input-zone,[data-v-d67cc501] .omnipad-button{pointer-events:auto}.omnipad-input-zone[data-v-b4ae3724]{position:relative;pointer-events:none;container-type:size}.omnipad-input-zone-trigger[data-v-b4ae3724]{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.dynamic-widget-mount[data-v-b4ae3724]{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;transform:translate3d(var(--dynamic-widget-mount-x, 0px),var(--dynamic-widget-mount-y, 0px),0);--dynamic-widget-mount-x: 0px;--dynamic-widget-mount-y: 0px}.omnipad-root-layer[data-v-e53747a9]{position:relative;pointer-events:none}.omnipad-target-zone[data-v-44c28c60]{position:relative;pointer-events:auto;overflow:hidden;container-type:size}.omnipad-virtual-cursor[data-v-44c28c60]{position:absolute;top:0;left:0;width:var(--omnipad-default-cursor-width);height:var(--omnipad-default-cursor-height);pointer-events:none;will-change:transform;transition:var(--omnipad-default-cursor-transition);z-index:10;transform:translate3d(calc(-50% + var(--omnipad-virtual-cursor-x, 0px)),calc(-50% + var(--omnipad-virtual-cursor-y, 0px)),0);--omnipad-virtual-cursor-x: 0px;--omnipad-virtual-cursor-y: 0px}.omnipad-button-base[data-v-f6a6e082]{position:relative;overflow:hidden;box-sizing:border-box;pointer-events:auto;will-change:transform,opacity}.omnipad-default-button-base[data-v-f6a6e082]{position:absolute;inset:0;pointer-events:none}.omnipad-button-content-layer[data-v-f6a6e082]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.omnipad-default-button-base.is-active[data-v-f6a6e082]{background:var(--omnipad-btn-pressed-bg, rgba(255, 255, 255, .4));border-color:var(--omnipad-btn-pressed-border-color);opacity:var(--omnipad-btn-pressed-opacity)}.omnipad-default-button-label[data-v-f6a6e082]{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-axis-base[data-v-95bb429e]{position:relative;box-sizing:border-box;pointer-events:auto;container-type:size}.omnipad-axis-bg[data-v-95bb429e]{box-sizing:border-box;border-color:var(--omnipad-axis-base-border-color);border-radius:var(--omnipad-axis-base-border-radius);border-style:var(--omnipad-axis-base-border-style);border-width:var(--omnipad-axis-base-border-width);background:var(--omnipad-axis-base-bg)}.omnipad-axis-bg[data-v-95bb429e],.omnipad-axis-content-layer[data-v-95bb429e]{position:absolute;inset:0;pointer-events:none}.omnipad-axis-stick-container[data-v-95bb429e]{width:calc(var(--omnipad-axis-stick-width, 0px) * var(--omnipad-default-axis-stick-width-scaler, .2));height:calc(var(--omnipad-axis-stick-height, 0px) * var(--omnipad-default-axis-stick-height-scaler, .2));position:absolute;left:50%;top:50%;pointer-events:none;transform:translate3d(calc(-50% + var(--omnipad-axis-stick-container-x, 0px)),calc(-50% + var(--omnipad-axis-stick-container-y, 0px)),0);--omnipad-axis-stick-container-x: 0px;--omnipad-axis-stick-container-y: 0px}.omnipad-dpad-cross-bg[data-v-671bfba1]{position:relative;width:100%;height:100%;border-radius:var(--omnipad-dpad-border-radius);background:var(--omnipad-dpad-bg);pointer-events:none}.dpad-arm[data-v-671bfba1]{position:absolute;background:var(--omnipad-dpad-arm-bg);border:var(--omnipad-dpad-arm-border);box-sizing:border-box;transition:background .1s,transform .1s,border-color .1s}.dpad-arm.top[data-v-671bfba1]{inset:0 33% 66%;border-bottom:none;border-radius:var(--omnipad-dpad-arm-border-radius) var(--omnipad-dpad-arm-border-radius) 0 0}.dpad-arm.bottom[data-v-671bfba1]{inset:66% 33% 0;border-top:none;border-radius:0 0 var(--omnipad-dpad-arm-border-radius) var(--omnipad-dpad-arm-border-radius)}.dpad-arm.left[data-v-671bfba1]{inset:33% 66% 33% 0;border-right:none;border-radius:var(--omnipad-dpad-arm-border-radius) 0 0 var(--omnipad-dpad-arm-border-radius)}.dpad-arm.right[data-v-671bfba1]{inset:33% 0 33% 66%;border-left:none;border-radius:0 var(--omnipad-dpad-arm-border-radius) var(--omnipad-dpad-arm-border-radius) 0}.dpad-center[data-v-671bfba1]{position:absolute;inset:33%;background:var(--omnipad-dpad-arm-bg);z-index:1}.dpad-arm.on[data-v-671bfba1]{background:var(--omnipad-dpad-active-bg);border-color:var(--omnipad-dpad-active-border);transform:var(--omnipad-dpad-active-transform);z-index:2}.omnipad-trackpad[data-v-09cbc089]{--omnipad-btn-border-style: var(--omnipad-trackpad-border-style);--omnipad-btn-bg: var(--omnipad-trackpad-bg);cursor:var(--omnipad-trackpad-cursor)}.omnipad-joystick[data-v-00e7d4c0]{pointer-events:auto;--omnipad-axis-base-border-color: var(--omnipad-joystick-base-border-color);--omnipad-axis-base-border-radius: var(--omnipad-joystick-base-border-radius);--omnipad-axis-base-border-style: var(--omnipad-joystick-base-border-style);--omnipad-axis-base-border-width: var(--omnipad-joystick-base-border-width);--omnipad-axis-base-bg: var(--omnipad-joystick-base-bg, rgba(255, 255, 255, .2));--omnipad-default-axis-stick-height-scaler: var( --omnipad-default-joystick-stick-height-scaler, .5 );--omnipad-default-axis-stick-width-scaler: var( --omnipad-default-joystick-stick-width-scaler, .5 );--omnipad-btn-bg: var(--omnipad-joystick-btn-bg, rgba(255, 255, 255, .2));--omnipad-btn-border-color: var(--omnipad-joystick-btn-border-color);--omnipad-btn-border-style: var(--omnipad-joystick-btn-border-style);--omnipad-btn-border-width: var(--omnipad-joystick-btn-border-width);--omnipad-btn-radius: var(--omnipad-joystick-btn-radius)}

package/dist/omnipad-vue.mjs

@@ -1,105 +1,108 @@
-import { Registry as se, CONTEXT as H, CMP_TYPES as C, InputZoneCore as ae, RootLayerCore as re, TargetZoneCore as ce, ButtonCore as le, DPadCore as ue, TrackpadCore as de, JoystickCore as ve } from "@omnipad/core";
-import { defineComponent as x, h as pe, shallowRef as fe, ref as O, onMounted as me, onUnmounted as ye, computed as w, openBlock as h, createElementBlock as D, Fragment as Pe, renderList as ge, createBlock as M, resolveDynamicComponent as J, renderSlot as b, inject as be, provide as he, useSlots as we, watch as _e, nextTick as $e, normalizeStyle as S, unref as s, createVNode as W, withCtx as _, createElementVNode as k, createCommentVNode as V, Transition as Re, normalizeClass as B, toDisplayString as Ce, normalizeProps as I, guardReactiveProps as N, watchEffect as te } from "vue";
-import { createPointerBridge as ke, generateUID as De, resolveLayoutStyle as z, supportsContainerQueries as j, remap as Q, reclaimFocusAtPos as Te, dispatchPointerEventAtPos as Ie, dispatchKeyboardEvent as Ne } from "@omnipad/core/utils";
-const K = {};
-function L(e, i) {
-  K[e] = i;
+import { Registry as ae, CONTEXT as ee, CMP_TYPES as D, InputZoneCore as re, RootLayerCore as ce, TargetZoneCore as le, ButtonCore as ue, DPadCore as de, TrackpadCore as ve, JoystickCore as pe } from "@omnipad/core";
+import { defineComponent as E, h as me, shallowRef as fe, ref as V, onMounted as ye, onUnmounted as Pe, computed as _, openBlock as w, createElementBlock as A, Fragment as ge, renderList as be, createBlock as L, resolveDynamicComponent as X, renderSlot as g, inject as he, provide as we, useSlots as _e, watch as Ce, nextTick as $e, normalizeStyle as B, normalizeClass as C, unref as o, createVNode as J, withCtx as $, createElementVNode as T, createCommentVNode as M, Transition as Re, toDisplayString as ke, normalizeProps as N, guardReactiveProps as x, watchEffect as oe } from "vue";
+import { createPointerBridge as De, generateUID as Te, resolveLayoutStyle as j, supportsContainerQueries as q, remap as W, reclaimFocusAtPos as Ae, dispatchPointerEventAtPos as Ie, dispatchKeyboardEvent as Ne } from "@omnipad/core/utils";
+const z = {};
+function Z(e, s) {
+  z[e] = s;
 }
-function oe(e) {
-  const i = K[e];
-  return i || x({
-    render: () => pe("div", { style: "color:red" }, `[Unknown: ${e}]`)
+function ne(e) {
+  const s = z[e];
+  return s || E({
+    render: () => me("div", { style: "color:red" }, `[Unknown: ${e}]`)
   });
 }
-function ee(e) {
-  return !e || !K[e] ? null : K[e];
+function te(e) {
+  return !e || !z[e] ? null : z[e];
 }
-function at(e) {
-  return e ? !!K[e] : !1;
+function rt(e) {
+  return e ? !!z[e] : !1;
 }
-function Z(e, i = {}, d) {
-  const t = e(), o = fe(), a = O(), n = O(null), l = O({}), P = (f) => {
-    a.value = f;
-  }, u = (f) => {
-    if (!o.value) return;
-    const v = o.value;
-    typeof v.bindDelegate == "function" && Object.entries(f).forEach(([c, g]) => {
-      v.bindDelegate(c, g);
+function F(e, s = {}, u) {
+  const t = e(), n = fe(), r = V(), p = V(null), i = V({}), d = (a) => {
+    r.value = a;
+  }, y = (a) => {
+    if (!n.value) return;
+    const b = n.value;
+    typeof b.bindDelegate == "function" && Object.entries(a).forEach(([P, l]) => {
+      b.bindDelegate(P, l);
     });
   };
-  return me(() => {
-    o.value = t, se.getInstance().register(t), "subscribe" in t && t.subscribe(P), d && u(d);
-    let f = null;
-    if (n.value && (n.value instanceof Element ? f = n.value : n.value.$el instanceof Element && (f = n.value.$el)), f && "bindRectProvider" in t && t.bindRectProvider(() => f.getBoundingClientRect()), "onPointerDown" in t) {
-      const v = ke(t, i);
-      l.value = { ...v };
+  return ye(() => {
+    n.value = t, ae.getInstance().register(t), "subscribe" in t && t.subscribe(d), u && y(u);
+    let a = null;
+    if (p.value && (p.value instanceof Element ? a = p.value : p.value.$el instanceof Element && (a = p.value.$el)), a && "bindRectProvider" in t && t.bindRectProvider(() => a.getBoundingClientRect()), "onPointerDown" in t) {
+      const b = De(t, s);
+      i.value = { ...b };
     }
-  }), ye(() => {
-    o.value && o.value.destroy();
+  }), Pe(() => {
+    n.value && n.value.destroy();
   }), {
-    core: o,
-    state: a,
-    elementRef: n,
-    domEvents: l,
-    bindDelegates: u
+    core: n,
+    state: r,
+    elementRef: p,
+    domEvents: i,
+    bindDelegates: y
   };
 }
-const xe = { class: "omnipad-virtual-layer-base omnipad-prevent" }, Ae = /* @__PURE__ */ x({
+const xe = { class: "omnipad-virtual-layer-base omnipad-prevent" }, Ee = /* @__PURE__ */ E({
   __name: "VirtualLayerBase",
   props: {
     nodes: {}
   },
   setup(e) {
-    const i = e, d = w(() => (i.nodes || []).map((t) => {
-      let o = ee(t.type);
-      return !o && t.config?.baseType && (o = ee(t.config.baseType)), o || (o = oe(t.type)), {
+    const s = e, u = _(() => (s.nodes || []).map((t) => {
+      let n = te(t.type);
+      return !n && t.config?.baseType && (n = te(t.config.baseType)), n || (n = ne(t.type)), {
         node: t,
-        component: o
+        component: n
       };
     }));
-    return (t, o) => (h(), D("div", xe, [
-      (h(!0), D(Pe, null, ge(d.value, (a) => (h(), M(J(a.component), {
-        key: a.node.uid,
-        "tree-node": a.node
+    return (t, n) => (w(), A("div", xe, [
+      (w(!0), A(ge, null, be(u.value, (r) => (w(), L(X(r.component), {
+        key: r.node.uid,
+        "tree-node": r.node
       }, null, 8, ["tree-node"]))), 128)),
-      b(t.$slots, "default", {}, void 0, !0)
+      g(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), U = (e, i) => {
-  const d = e.__vccOpts || e;
-  for (const [t, o] of i)
-    d[t] = o;
-  return d;
-}, ne = /* @__PURE__ */ U(Ae, [["__scopeId", "data-v-d67cc501"]]);
-function F(e, i, d = {}) {
-  const t = i.treeNode, o = t && t.config?.baseType === e || t?.type === e ? t : void 0;
-  t && !o && console.warn(
+}), O = (e, s) => {
+  const u = e.__vccOpts || e;
+  for (const [t, n] of s)
+    u[t] = n;
+  return u;
+}, se = /* @__PURE__ */ O(Ee, [["__scopeId", "data-v-d67cc501"]]);
+function Y(e, s, u = {}) {
+  const t = s.treeNode, n = t && t.config?.baseType === e || t?.type === e ? t : void 0;
+  t && !n && console.warn(
     `[OmniPad-Validation] Type mismatch! Component expected "${e}", but received "${t.type}". Config ignored.`
   );
-  const a = be(H.PARENT_ID_KEY, O(void 0)), n = w(() => i.parentId || o?.config?.parentId || a.value), l = w(() => i.widgetId || o?.uid || De(e));
-  he(H.PARENT_ID_KEY, l);
-  const P = w(() => {
-    const u = o?.config || {}, f = Object.fromEntries(
-      Object.entries(i).filter(([v, c]) => c !== void 0 && v !== "treeNode" && v !== "widgetId")
+  const r = he(ee.PARENT_ID_KEY, V(void 0)), p = _(() => s.parentId || n?.config?.parentId || r.value), i = _(() => s.widgetId || n?.uid || Te(e));
+  we(ee.PARENT_ID_KEY, i);
+  const d = _(() => {
+    const a = n?.config || {}, b = Object.fromEntries(
+      Object.entries(s).filter(([P, l]) => l !== void 0 && P !== "treeNode" && P !== "widgetId")
     );
     return {
-      ...d,
       ...u,
-      ...f,
-      id: l.value,
+      ...a,
+      ...b,
+      id: i.value,
       baseType: e,
-      parentId: n.value,
+      parentId: p.value,
       // 特殊处理 Layout：深度合并，确保即便只传了 { width: 100 } 也不丢失原来的 left/top
       layout: {
-        ...d.layout || {},
         ...u.layout || {},
-        ...f.layout || {}
+        ...a.layout || {},
+        ...b.layout || {}
       }
     };
+  }), y = _(() => {
+    const a = d.value.cssClasses;
+    return a ? Array.isArray(a) ? a : [a] : [];
   });
-  return { uid: l, config: P };
+  return { uid: i, config: d, customClasses: y };
 }
-const Ee = ["id"], Se = /* @__PURE__ */ x({
+const Se = ["id"], Ue = /* @__PURE__ */ E({
   __name: "InputZone",
   props: {
     treeNode: {},
@@ -108,100 +111,103 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     preventFocusLoss: {}
   },
   setup(e) {
-    const i = e, d = we(), t = O(null), { uid: o, config: a } = F(C.INPUT_ZONE, i), { core: n, state: l, elementRef: P, domEvents: u, bindDelegates: f } = Z(() => new ae(o.value, a.value), { requireDirectHit: !0 }), v = w(() => {
-      const p = i.treeNode?.config?.dynamicWidgetId;
-      return i.treeNode?.children?.filter((E) => E.uid !== p) || [];
-    }), c = w(() => {
-      const E = (d.dynamicWidget?.() || []).filter((q) => !(q.type === Comment || q.type === Text)), T = i.treeNode?.children?.find(
-        (q) => q.uid === i.treeNode?.config?.dynamicWidgetId
-      ), Y = E.length > 0;
-      return E.length > 1 && console.error(
-        `[OmniPad-Validation] InputZone ${o.value} has multiple dynamic widgets in slot. Only the first one will be activated.`
-      ), Y && T && console.warn(
-        `[OmniPad-Validation] InputZone ${o.value} has both Slot and Config dynamic widgets. Config ignored.`
+    const s = e, u = _e(), t = V(null), { uid: n, config: r, customClasses: p } = Y(
+      D.INPUT_ZONE,
+      s
+    ), { core: i, state: d, elementRef: y, domEvents: a, bindDelegates: b } = F(() => new re(n.value, r.value), { requireDirectHit: !0 }), P = _(() => {
+      const v = s.treeNode?.config?.dynamicWidgetId;
+      return s.treeNode?.children?.filter((U) => U.uid !== v) || [];
+    }), l = _(() => {
+      const U = (u.dynamicWidget?.() || []).filter((Q) => !(Q.type === Comment || Q.type === Text)), I = s.treeNode?.children?.find(
+        (Q) => Q.uid === s.treeNode?.config?.dynamicWidgetId
+      ), K = U.length > 0;
+      return U.length > 1 && console.error(
+        `[OmniPad-Validation] InputZone ${n.value} has multiple dynamic widgets in slot. Only the first one will be activated.`
+      ), K && I && console.warn(
+        `[OmniPad-Validation] InputZone ${n.value} has both Slot and Config dynamic widgets. Config ignored.`
       ), {
-        nodeToRender: Y ? E[0] : T || null,
-        isFromSlot: Y
+        nodeToRender: K ? U[0] : I || null,
+        isFromSlot: K
       };
-    }), g = w(() => {
-      const p = c.value.nodeToRender;
-      return oe(p.config?.baseType || p.type);
+    }), h = _(() => {
+      const v = l.value.nodeToRender;
+      return ne(v.config?.baseType || v.type);
     });
-    _e(
+    Ce(
       t,
-      (p) => {
+      (v) => {
         $e(() => {
-          p && p?.uid && (n.value?.updateConfig({
-            dynamicWidgetId: p.uid
-          }), f({
-            dynamicWidgetPointerDown: p.onPointerDown,
-            dynamicWidgetPointerMove: p.onPointerMove,
-            dynamicWidgetPointerUp: p.onPointerUp,
-            dynamicWidgetPointerCancel: p.onPointerCancel
+          v && v?.uid && (i.value?.updateConfig({
+            dynamicWidgetId: v.uid
+          }), b({
+            dynamicWidgetPointerDown: v.onPointerDown,
+            dynamicWidgetPointerMove: v.onPointerMove,
+            dynamicWidgetPointerUp: v.onPointerUp,
+            dynamicWidgetPointerCancel: v.onPointerCancel
           }));
         });
       },
       { immediate: !0 }
     );
-    const $ = w(() => z(a.value.layout)), R = j(), m = w(() => {
-      if (!l.value) return { display: "none" };
-      if (!l.value?.isDynamicActive) return { visibility: "hidden", opacity: 0 };
-      let p, E;
-      const T = l?.value?.dynamicPosition;
-      if (R)
-        p = `${T.x}cqw`, E = `${T.y}cqh`;
+    const R = _(() => j(r.value.layout)), k = q(), m = _(() => {
+      if (!d.value) return { display: "none" };
+      if (!d.value?.isDynamicActive) return { visibility: "hidden", opacity: 0 };
+      let v, U;
+      const I = d?.value?.dynamicPosition;
+      if (k)
+        v = `${I.x}cqw`, U = `${I.y}cqh`;
       else {
-        const Y = n?.value?.rect;
-        p = `${Q(T?.x || 0, 0, 100, 0, Y?.width || 0)}px`, E = `${Q(T?.y || 0, 0, 100, 0, Y?.height || 0)}px`;
+        const K = i?.value?.rect;
+        v = `${W(I?.x || 0, 0, 100, 0, K?.width || 0)}px`, U = `${W(I?.y || 0, 0, 100, 0, K?.height || 0)}px`;
       }
       return {
         zIndex: 100,
-        "--dynamic-widget-mount-x": p,
-        "--dynamic-widget-mount-y": E,
+        "--dynamic-widget-mount-x": v,
+        "--dynamic-widget-mount-y": U,
         visibility: "visible",
         opacity: 1,
         pointerEvents: "auto"
       };
-    }), r = (p) => u.value?.onPointerDown(p), A = (p) => u.value?.onPointerMove(p), y = (p) => u.value?.onPointerUp(p), G = (p) => u.value?.onPointerCancel(p);
-    return (p, E) => (h(), D("div", {
-      id: s(o),
+    }), c = (v) => a.value?.onPointerDown(v), S = (v) => a.value?.onPointerMove(v), f = (v) => a.value?.onPointerUp(v), H = (v) => a.value?.onPointerCancel(v);
+    return (v, U) => (w(), A("div", {
+      id: o(n),
       ref_key: "elementRef",
-      ref: P,
-      class: "omnipad-input-zone omnipad-prevent",
-      style: S($.value)
+      ref: y,
+      class: C(["omnipad-input-zone omnipad-prevent", o(p)]),
+      style: B(R.value)
     }, [
-      W(ne, { nodes: v.value }, {
-        default: _(() => [
-          b(p.$slots, "default", {}, void 0, !0)
+      J(se, { nodes: P.value }, {
+        default: $(() => [
+          g(v.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"]),
-      c.value.nodeToRender || s(n)?.isInterceptorRequired ? (h(), D("div", {
+      l.value.nodeToRender || o(i)?.isInterceptorRequired ? (w(), A("div", {
         key: 0,
         class: "omnipad-input-zone-trigger omnipad-prevent",
-        onPointerdown: r,
-        onPointermove: A,
-        onPointerup: y,
-        onPointercancel: G,
-        onLostpointercapture: G
+        onPointerdown: c,
+        onPointermove: S,
+        onPointerup: f,
+        onPointercancel: H,
+        onLostpointercapture: H
       }, [
-        k("div", {
+        T("div", {
           class: "dynamic-widget-mount",
-          style: S(m.value)
+          style: B(m.value)
         }, [
-          c.value.isFromSlot ? (h(), M(J(c.value.nodeToRender), {
+          l.value.isFromSlot ? (w(), L(X(l.value.nodeToRender), {
             key: 0,
-            ref: (T) => t.value = T
-          }, null, 512)) : c.value.nodeToRender ? (h(), M(J(g.value), {
+            ref: (I) => t.value = I
+          }, null, 512)) : l.value.nodeToRender ? (w(), L(X(h.value), {
             key: 1,
-            ref: (T) => t.value = T,
-            "tree-node": c.value.nodeToRender
-          }, null, 8, ["tree-node"])) : V("", !0)
+            ref: (I) => t.value = I,
+            "tree-node": l.value.nodeToRender
+          }, null, 8, ["tree-node"])) : M("", !0)
         ], 4)
-      ], 32)) : V("", !0)
-    ], 12, Ee));
+      ], 32)) : M("", !0)
+    ], 14, Se));
   }
-}), Ue = /* @__PURE__ */ U(Se, [["__scopeId", "data-v-020d0ab6"]]), Be = ["id"], Oe = /* @__PURE__ */ x({
+}), Be = /* @__PURE__ */ O(Ue, [["__scopeId", "data-v-b4ae3724"]]), Oe = ["id"], Ve = /* @__PURE__ */ E({
   __name: "RootLayer",
   props: {
     treeNode: {},
@@ -209,28 +215,28 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     layout: {}
   },
   setup(e) {
-    const i = e, { uid: d, config: t } = F(C.ROOT_LAYER, i), { elementRef: o } = Z(() => new re(d.value, t.value)), a = w(() => z(t.value.layout));
-    return (n, l) => (h(), D("div", {
-      id: s(d),
+    const s = e, { uid: u, config: t, customClasses: n } = Y(D.ROOT_LAYER, s), { elementRef: r } = F(() => new ce(u.value, t.value)), p = _(() => j(t.value.layout));
+    return (i, d) => (w(), A("div", {
+      id: o(u),
       ref_key: "elementRef",
-      ref: o,
-      class: "omnipad-root-layer omnipad-prevent",
-      style: S(a.value)
+      ref: r,
+      class: C(["omnipad-root-layer omnipad-prevent", o(n)]),
+      style: B(p.value)
     }, [
-      W(ne, {
+      J(se, {
         nodes: e.treeNode?.children || []
       }, {
-        default: _(() => [
-          b(n.$slots, "default", {}, void 0, !0)
+        default: $(() => [
+          g(i.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"])
-    ], 12, Be));
+    ], 14, Oe));
   }
-}), Ve = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-c836f838"]]), Me = ["id"], Le = {
+}), Me = /* @__PURE__ */ O(Ve, [["__scopeId", "data-v-e53747a9"]]), Le = ["id"], Ze = {
   key: 0,
   class: "omnipad-default-focus-border-feedback"
-}, Ze = /* @__PURE__ */ x({
+}, Fe = /* @__PURE__ */ E({
   __name: "TargetZone",
   props: {
     treeNode: {},
@@ -240,100 +246,100 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     layout: {}
   },
   setup(e) {
-    const i = e, d = {
+    const s = e, u = {
       cursorAutoDelay: 2500
-    }, { uid: t, config: o } = F(
-      C.TARGET_ZONE,
-      i,
-      d
-    ), { core: a, state: n, elementRef: l, domEvents: P } = Z(
-      () => new ce(t.value, o.value),
+    }, { uid: t, config: n, customClasses: r } = Y(
+      D.TARGET_ZONE,
+      s,
+      u
+    ), { core: p, state: i, elementRef: d, domEvents: y } = F(
+      () => new le(t.value, n.value),
       {},
       {
         dispatchKeyboardEvent: Ne,
         dispatchPointerEventAtPos: Ie,
-        reclaimFocusAtPos: Te
+        reclaimFocusAtPos: Ae
       }
-    ), u = w(() => z(o.value.layout)), f = j(), v = w(() => {
-      if (!n.value) return { display: "none" };
-      let m, r;
-      const A = n?.value?.position;
-      if (f)
-        m = `${A.x}cqw`, r = `${A.y}cqh`;
+    ), a = _(() => j(n.value.layout)), b = q(), P = _(() => {
+      if (!i.value) return { display: "none" };
+      let m, c;
+      const S = i?.value?.position;
+      if (b)
+        m = `${S.x}cqw`, c = `${S.y}cqh`;
       else {
-        const y = a?.value?.rect;
-        m = `${Q(A?.x || 0, 0, 100, 0, y?.width || 0)}px`, r = `${Q(A?.y || 0, 0, 100, 0, y?.height || 0)}px`;
+        const f = p?.value?.rect;
+        m = `${W(S?.x || 0, 0, 100, 0, f?.width || 0)}px`, c = `${W(S?.y || 0, 0, 100, 0, f?.height || 0)}px`;
       }
       return {
         "--omnipad-virtual-cursor-x": m,
-        "--omnipad-virtual-cursor-y": r,
-        opacity: n.value.isVisible ? 1 : 0
+        "--omnipad-virtual-cursor-y": c,
+        opacity: i.value.isVisible ? 1 : 0
       };
-    }), c = (m) => P.value?.onPointerDown(m), g = (m) => P.value?.onPointerMove(m), $ = (m) => P.value?.onPointerUp(m), R = (m) => P.value?.onPointerCancel(m);
-    return (m, r) => (h(), D("div", {
-      id: s(t),
+    }), l = (m) => y.value?.onPointerDown(m), h = (m) => y.value?.onPointerMove(m), R = (m) => y.value?.onPointerUp(m), k = (m) => y.value?.onPointerCancel(m);
+    return (m, c) => (w(), A("div", {
+      id: o(t),
       ref_key: "elementRef",
-      ref: l,
-      class: "omnipad-target-zone omnipad-prevent",
-      style: S(u.value),
-      onPointerdown: c,
-      onPointermove: g,
-      onPointerup: $,
-      onPointercancel: R,
-      onLostpointercapture: R
+      ref: d,
+      class: C(["omnipad-target-zone omnipad-prevent", o(r)]),
+      style: B(a.value),
+      onPointerdown: l,
+      onPointermove: h,
+      onPointerup: R,
+      onPointercancel: k,
+      onLostpointercapture: k
     }, [
-      b(m.$slots, "focus-feedback", {
-        state: s(n),
-        isReturning: s(n)?.isFocusReturning,
-        cursorPos: s(n)?.position
+      g(m.$slots, "focus-feedback", {
+        state: o(i),
+        isReturning: o(i)?.isFocusReturning,
+        cursorPos: o(i)?.position
       }, () => [
-        W(Re, { name: "omnipad-default-focus-fade" }, {
-          default: _(() => [
-            s(n)?.isFocusReturning ? (h(), D("div", Le)) : V("", !0)
+        J(Re, { name: "omnipad-default-focus-fade" }, {
+          default: $(() => [
+            o(i)?.isFocusReturning ? (w(), A("div", Ze)) : M("", !0)
           ]),
           _: 1
         })
       ], !0),
-      s(o).cursorEnabled ? (h(), D("div", {
+      o(n).cursorEnabled ? (w(), A("div", {
         key: 0,
         class: "omnipad-virtual-cursor",
-        style: S(v.value)
+        style: B(P.value)
       }, [
-        b(m.$slots, "cursor", {
-          state: s(n),
-          isDown: s(n)?.isPointerDown,
-          isReturning: s(n)?.isFocusReturning,
-          cursorPos: s(n)?.position
+        g(m.$slots, "cursor", {
+          state: o(i),
+          isDown: o(i)?.isPointerDown,
+          isReturning: o(i)?.isFocusReturning,
+          cursorPos: o(i)?.position
         }, () => [
-          k("div", {
-            class: B(["omnipad-default-cursor-dot", { "is-down": s(n)?.isPointerDown }])
+          T("div", {
+            class: C(["omnipad-default-cursor-dot", { "is-down": o(i)?.isPointerDown }])
           }, null, 2)
         ], !0)
-      ], 4)) : V("", !0),
-      s(o).cursorEnabled ? (h(), D("div", {
+      ], 4)) : M("", !0),
+      o(n).cursorEnabled ? (w(), A("div", {
         key: 1,
         class: "omnipad-virtual-cursor",
-        style: S(v.value)
+        style: B(P.value)
       }, [
-        b(m.$slots, "with-cursor", {
-          state: s(n),
-          isDown: s(n)?.isPointerDown,
-          isReturning: s(n)?.isFocusReturning,
-          cursorPos: s(n)?.position
+        g(m.$slots, "with-cursor", {
+          state: o(i),
+          isDown: o(i)?.isPointerDown,
+          isReturning: o(i)?.isFocusReturning,
+          cursorPos: o(i)?.position
         }, void 0, !0)
-      ], 4)) : V("", !0),
-      b(m.$slots, "default", {
-        state: s(n),
-        isDown: s(n)?.isPointerDown,
-        isReturning: s(n)?.isFocusReturning,
-        cursorPos: s(n)?.position
+      ], 4)) : M("", !0),
+      g(m.$slots, "default", {
+        state: o(i),
+        isDown: o(i)?.isPointerDown,
+        isReturning: o(i)?.isFocusReturning,
+        cursorPos: o(i)?.position
       }, void 0, !0)
-    ], 44, Me));
+    ], 46, Le));
   }
-}), Fe = /* @__PURE__ */ U(Ze, [["__scopeId", "data-v-f072b1fb"]]), Ye = { class: "omnipad-button-content-layer" }, Ke = {
+}), Ye = /* @__PURE__ */ O(Fe, [["__scopeId", "data-v-44c28c60"]]), Ke = { class: "omnipad-button-content-layer" }, ze = {
   key: 0,
   class: "omnipad-default-button-label"
-}, ze = /* @__PURE__ */ x({
+}, je = /* @__PURE__ */ E({
   __name: "VirtualButtonBase",
   props: {
     layout: {},
@@ -341,31 +347,31 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     label: {}
   },
   setup(e) {
-    const i = e, d = w(() => i.layout ? z(i.layout) : {});
-    return (t, o) => (h(), D("div", {
+    const s = e, u = _(() => s.layout ? j(s.layout) : {});
+    return (t, n) => (w(), A("div", {
       class: "omnipad-button-base omnipad-prevent",
-      style: S(d.value),
+      style: B(u.value),
       tabindex: "-1"
     }, [
-      b(t.$slots, "base", {
+      g(t.$slots, "base", {
         isActive: e.isActive,
         label: e.label
       }, () => [
-        k("div", {
-          class: B(["omnipad-default-button-base", { "is-active": e.isActive }])
+        T("div", {
+          class: C(["omnipad-default-button-base", { "is-active": e.isActive }])
         }, null, 2)
       ], !0),
-      k("div", Ye, [
-        b(t.$slots, "default", {
+      T("div", Ke, [
+        g(t.$slots, "default", {
           isActive: e.isActive,
           label: e.label
         }, () => [
-          e.label ? (h(), D("span", Ke, Ce(e.label), 1)) : V("", !0)
+          e.label ? (w(), A("span", ze, ke(e.label), 1)) : M("", !0)
         ], !0)
       ])
     ], 4));
   }
-}), X = /* @__PURE__ */ U(ze, [["__scopeId", "data-v-f6a6e082"]]), je = /* @__PURE__ */ x({
+}), G = /* @__PURE__ */ O(je, [["__scopeId", "data-v-f6a6e082"]]), qe = /* @__PURE__ */ E({
   __name: "VirtualButton",
   props: {
     treeNode: {},
@@ -375,41 +381,45 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     mapping: {},
     layout: {}
   },
-  setup(e, { expose: i }) {
-    const d = e, t = {
+  setup(e, { expose: s }) {
+    const u = e, t = {
       label: "BTN"
-    }, { uid: o, config: a } = F(C.BUTTON, d, t), { state: n, elementRef: l, domEvents: P } = Z(
-      () => new le(o.value, a.value)
-    ), u = (g) => P.value?.onPointerDown(g), f = (g) => P.value?.onPointerMove(g), v = (g) => P.value?.onPointerUp(g), c = (g) => P.value?.onPointerCancel(g);
-    return i({
-      uid: o,
-      onPointerDown: u,
-      onPointerMove: f,
-      onPointerUp: v,
-      onPointerCancel: c
-    }), (g, $) => (h(), M(X, {
-      id: s(o),
+    }, { uid: n, config: r, customClasses: p } = Y(
+      D.BUTTON,
+      u,
+      t
+    ), { state: i, elementRef: d, domEvents: y } = F(
+      () => new ue(n.value, r.value)
+    ), a = (h) => y.value?.onPointerDown(h), b = (h) => y.value?.onPointerMove(h), P = (h) => y.value?.onPointerUp(h), l = (h) => y.value?.onPointerCancel(h);
+    return s({
+      uid: n,
+      onPointerDown: a,
+      onPointerMove: b,
+      onPointerUp: P,
+      onPointerCancel: l
+    }), (h, R) => (w(), L(G, {
+      id: o(n),
       ref_key: "elementRef",
-      ref: l,
-      class: "omnipad-button omnipad-prevent",
-      layout: s(a).layout,
-      label: s(a).label,
-      "is-active": s(n)?.isPressed,
-      onPointerdown: u,
-      onPointerup: v,
-      onPointercancel: c,
-      onLostpointercapture: c
+      ref: d,
+      class: C(["omnipad-button omnipad-prevent", o(p)]),
+      layout: o(r).layout,
+      label: o(r).label,
+      "is-active": o(i)?.isPressed,
+      onPointerdown: a,
+      onPointerup: P,
+      onPointercancel: l,
+      onLostpointercapture: l
     }, {
-      base: _((R) => [
-        b(g.$slots, "base", I(N(R)))
+      base: $((k) => [
+        g(h.$slots, "base", N(x(k)))
       ]),
-      default: _((R) => [
-        b(g.$slots, "default", I(N(R)))
+      default: $((k) => [
+        g(h.$slots, "default", N(x(k)))
       ]),
       _: 3
-    }, 8, ["id", "layout", "label", "is-active"]));
+    }, 8, ["id", "class", "layout", "label", "is-active"]));
   }
-}), qe = { class: "omnipad-axis-bg" }, Qe = { class: "omnipad-axis-content-layer" }, We = /* @__PURE__ */ x({
+}), Qe = { class: "omnipad-axis-bg" }, We = { class: "omnipad-axis-content-layer" }, Je = /* @__PURE__ */ E({
   __name: "VirtualAxisBase",
   props: {
     layout: {},
@@ -419,51 +429,51 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     baseRadius: {}
   },
   setup(e) {
-    const i = e, d = w(() => i.layout ? z(i.layout) : {}), t = j(), o = w(() => {
-      const a = i.vector?.x || 0, n = i.vector?.y || 0, l = i.baseRadius?.x || 0, P = i.baseRadius?.y || 0, u = t ? `${a * 50}cqw` : `${a * l}px`, f = t ? `${n * 50}cqh` : `${n * P}px`, v = t ? "100cqw" : `${l * 2}px`, c = t ? "100cqh" : `${P * 2}px`;
+    const s = e, u = _(() => s.layout ? j(s.layout) : {}), t = q(), n = _(() => {
+      const r = s.vector?.x || 0, p = s.vector?.y || 0, i = s.baseRadius?.x || 0, d = s.baseRadius?.y || 0, y = t ? `${r * 50}cqw` : `${r * i}px`, a = t ? `${p * 50}cqh` : `${p * d}px`, b = t ? "100cqw" : `${i * 2}px`, P = t ? "100cqh" : `${d * 2}px`;
       return {
-        "--omnipad-axis-stick-container-x": u,
-        "--omnipad-axis-stick-container-y": f,
-        "--omnipad-axis-stick-width": v,
-        "--omnipad-axis-stick-height": c,
+        "--omnipad-axis-stick-container-x": y,
+        "--omnipad-axis-stick-container-y": a,
+        "--omnipad-axis-stick-width": b,
+        "--omnipad-axis-stick-height": P,
         // 松手时加一点回弹过渡，活动时取消过渡保证绝对跟手
-        transition: i.isActive ? "none" : "transform 0.1s ease-out"
+        transition: s.isActive ? "none" : "transform 0.1s ease-out"
       };
     });
-    return (a, n) => (h(), D("div", {
-      class: B(["omnipad-axis-base omnipad-prevent", { "is-active": e.isActive }]),
-      style: S(d.value),
+    return (r, p) => (w(), A("div", {
+      class: C(["omnipad-axis-base omnipad-prevent", { "is-active": e.isActive }]),
+      style: B(u.value),
       tabindex: "-1"
     }, [
-      k("div", qe, [
-        b(a.$slots, "base", {
+      T("div", Qe, [
+        g(r.$slots, "base", {
           isActive: e.isActive,
           vector: e.vector
         }, void 0, !0)
       ]),
-      e.showStick ? (h(), D("div", {
+      e.showStick ? (w(), A("div", {
         key: 0,
         class: "omnipad-axis-stick-container",
-        style: S(o.value)
+        style: B(n.value)
       }, [
-        b(a.$slots, "stick", {
+        g(r.$slots, "stick", {
           isActive: e.isActive,
           vector: e.vector
         }, () => [
-          k("div", {
-            class: B(["omnipad-default-axis-stick", { "is-active": e.isActive }])
+          T("div", {
+            class: C(["omnipad-default-axis-stick", { "is-active": e.isActive }])
           }, null, 2)
         ], !0)
-      ], 4)) : V("", !0),
-      k("div", Qe, [
-        b(a.$slots, "default", {
+      ], 4)) : M("", !0),
+      T("div", We, [
+        g(r.$slots, "default", {
           isActive: e.isActive,
           vector: e.vector
         }, void 0, !0)
       ])
     ], 6));
   }
-}), ie = /* @__PURE__ */ U(We, [["__scopeId", "data-v-95bb429e"]]), Je = { class: "omnipad-dpad-cross-bg" }, Xe = /* @__PURE__ */ x({
+}), ie = /* @__PURE__ */ O(Je, [["__scopeId", "data-v-95bb429e"]]), Xe = { class: "omnipad-dpad-cross-bg" }, Ge = /* @__PURE__ */ E({
   __name: "VirtualDPad",
   props: {
     treeNode: {},
@@ -474,68 +484,72 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     showStick: {},
     layout: {}
   },
-  setup(e, { expose: i }) {
-    const d = e, t = {
+  setup(e, { expose: s }) {
+    const u = e, t = {
       showStick: !1,
       threshold: 0.3
-    }, { uid: o, config: a } = F(C.D_PAD, d, t), { core: n, state: l, elementRef: P, domEvents: u } = Z(
-      () => new ue(o.value, a.value)
-    ), f = j(), v = O({ x: 0, y: 0 }), c = te(() => {
-      const r = n.value?.rect;
-      r && (v.value = { x: r.width / 2, y: r.height / 2 });
+    }, { uid: n, config: r, customClasses: p } = Y(
+      D.D_PAD,
+      u,
+      t
+    ), { core: i, state: d, elementRef: y, domEvents: a } = F(
+      () => new de(n.value, r.value)
+    ), b = q(), P = V({ x: 0, y: 0 }), l = oe(() => {
+      const c = i.value?.rect;
+      c && (P.value = { x: c.width / 2, y: c.height / 2 });
     });
-    f && c();
-    const g = (r) => u.value?.onPointerDown(r), $ = (r) => u.value?.onPointerMove(r), R = (r) => u.value?.onPointerUp(r), m = (r) => u.value?.onPointerCancel(r);
-    return i({
-      uid: o,
-      onPointerDown: g,
-      onPointerMove: $,
-      onPointerUp: R,
+    b && l();
+    const h = (c) => a.value?.onPointerDown(c), R = (c) => a.value?.onPointerMove(c), k = (c) => a.value?.onPointerUp(c), m = (c) => a.value?.onPointerCancel(c);
+    return s({
+      uid: n,
+      onPointerDown: h,
+      onPointerMove: R,
+      onPointerUp: k,
       onPointerCancel: m
-    }), (r, A) => (h(), M(ie, {
+    }), (c, S) => (w(), L(ie, {
       ref_key: "elementRef",
-      ref: P,
-      class: "omnipad-dpad omnipad-prevent",
-      layout: s(a).layout,
-      "is-active": s(l)?.isActive,
-      vector: s(l)?.vector,
-      "show-stick": s(a).showStick,
-      "base-radius": v.value,
-      onPointerdown: g,
-      onPointermove: $,
-      onPointerup: R,
+      ref: y,
+      class: C(["omnipad-dpad omnipad-prevent", o(p)]),
+      layout: o(r).layout,
+      "is-active": o(d)?.isActive,
+      vector: o(d)?.vector,
+      "show-stick": o(r).showStick,
+      "base-radius": P.value,
+      onPointerdown: h,
+      onPointermove: R,
+      onPointerup: k,
       onPointercancel: m,
       onLostpointercapture: m
     }, {
-      base: _((y) => [
-        b(r.$slots, "base", I(N(y)), () => [
-          k("div", Je, [
-            k("div", {
-              class: B(["dpad-arm top", { on: y.vector && y.vector.y < -s(a).threshold }])
+      base: $((f) => [
+        g(c.$slots, "base", N(x(f)), () => [
+          T("div", Xe, [
+            T("div", {
+              class: C(["dpad-arm top", { on: f.vector && f.vector.y < -o(r).threshold }])
             }, null, 2),
-            k("div", {
-              class: B(["dpad-arm bottom", { on: y.vector && y.vector.y > s(a).threshold }])
+            T("div", {
+              class: C(["dpad-arm bottom", { on: f.vector && f.vector.y > o(r).threshold }])
             }, null, 2),
-            k("div", {
-              class: B(["dpad-arm left", { on: y.vector && y.vector.x < -s(a).threshold }])
+            T("div", {
+              class: C(["dpad-arm left", { on: f.vector && f.vector.x < -o(r).threshold }])
             }, null, 2),
-            k("div", {
-              class: B(["dpad-arm right", { on: y.vector && y.vector.x > s(a).threshold }])
+            T("div", {
+              class: C(["dpad-arm right", { on: f.vector && f.vector.x > o(r).threshold }])
             }, null, 2),
-            A[0] || (A[0] = k("div", { class: "dpad-center" }, null, -1))
+            S[0] || (S[0] = T("div", { class: "dpad-center" }, null, -1))
           ])
         ], !0)
       ]),
-      stick: _((y) => [
-        b(r.$slots, "stick", I(N(y)), void 0, !0)
+      stick: $((f) => [
+        g(c.$slots, "stick", N(x(f)), void 0, !0)
       ]),
-      default: _((y) => [
-        b(r.$slots, "default", I(N(y)), void 0, !0)
+      default: $((f) => [
+        g(c.$slots, "default", N(x(f)), void 0, !0)
       ]),
       _: 3
-    }, 8, ["layout", "is-active", "vector", "show-stick", "base-radius"]));
+    }, 8, ["class", "layout", "is-active", "vector", "show-stick", "base-radius"]));
   }
-}), Ge = /* @__PURE__ */ U(Xe, [["__scopeId", "data-v-d141d62c"]]), He = /* @__PURE__ */ x({
+}), He = /* @__PURE__ */ O(Ge, [["__scopeId", "data-v-671bfba1"]]), et = /* @__PURE__ */ E({
   __name: "VirtualTrackpad",
   props: {
     treeNode: {},
@@ -546,43 +560,43 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     mapping: {},
     layout: {}
   },
-  setup(e, { expose: i }) {
-    const d = e, { uid: t, config: o } = F(C.TRACKPAD, d, {
+  setup(e, { expose: s }) {
+    const u = e, { uid: t, config: n, customClasses: r } = Y(D.TRACKPAD, u, {
       label: "TRACKPAD",
       sensitivity: 1
-    }), { state: a, elementRef: n, domEvents: l } = Z(
-      () => new de(t.value, o.value)
-    ), P = (c) => l.value?.onPointerDown(c), u = (c) => l.value?.onPointerMove(c), f = (c) => l.value?.onPointerUp(c), v = (c) => l.value?.onPointerCancel(c);
-    return i({
+    }), { state: p, elementRef: i, domEvents: d } = F(
+      () => new ve(t.value, n.value)
+    ), y = (l) => d.value?.onPointerDown(l), a = (l) => d.value?.onPointerMove(l), b = (l) => d.value?.onPointerUp(l), P = (l) => d.value?.onPointerCancel(l);
+    return s({
       uid: t,
-      onPointerDown: P,
-      onPointerMove: u,
-      onPointerUp: f,
-      onPointerCancel: v
-    }), (c, g) => (h(), M(X, {
-      id: s(t),
+      onPointerDown: y,
+      onPointerMove: a,
+      onPointerUp: b,
+      onPointerCancel: P
+    }), (l, h) => (w(), L(G, {
+      id: o(t),
       ref_key: "elementRef",
-      ref: n,
-      class: "omnipad-trackpad omnipad-prevent",
-      layout: s(o).layout,
-      label: s(o).label,
-      "is-active": s(a)?.isPressed,
-      onPointerdown: P,
-      onPointermove: u,
-      onPointerup: f,
-      onPointercancel: v,
-      onLostpointercapture: v
+      ref: i,
+      class: C(["omnipad-trackpad omnipad-prevent", o(r)]),
+      layout: o(n).layout,
+      label: o(n).label,
+      "is-active": o(p)?.isPressed,
+      onPointerdown: y,
+      onPointermove: a,
+      onPointerup: b,
+      onPointercancel: P,
+      onLostpointercapture: P
     }, {
-      base: _(($) => [
-        b(c.$slots, "base", I(N($)), void 0, !0)
+      base: $((R) => [
+        g(l.$slots, "base", N(x(R)), void 0, !0)
       ]),
-      default: _(($) => [
-        b(c.$slots, "default", I(N($)), void 0, !0)
+      default: $((R) => [
+        g(l.$slots, "default", N(x(R)), void 0, !0)
       ]),
       _: 3
-    }, 8, ["id", "layout", "label", "is-active"]));
+    }, 8, ["id", "class", "layout", "label", "is-active"]));
   }
-}), et = /* @__PURE__ */ U(He, [["__scopeId", "data-v-d23c7e6d"]]), tt = /* @__PURE__ */ x({
+}), tt = /* @__PURE__ */ O(et, [["__scopeId", "data-v-09cbc089"]]), ot = /* @__PURE__ */ E({
   __name: "VirtualJoystick",
   props: {
     treeNode: {},
@@ -595,83 +609,87 @@ const Ee = ["id"], Se = /* @__PURE__ */ x({
     mapping: {},
     layout: {}
   },
-  setup(e, { expose: i }) {
-    const d = e, t = {
+  setup(e, { expose: s }) {
+    const u = e, t = {
       label: "PUSH",
       threshold: 0.2,
       cursorMode: !1,
       cursorSensitivity: 1
-    }, { uid: o, config: a } = F(C.JOYSTICK, d, t), { core: n, state: l, elementRef: P, domEvents: u } = Z(
-      () => new ve(o.value, a.value)
-    ), f = j(), v = O({ x: 0, y: 0 }), c = te(() => {
-      const r = n.value?.rect;
-      r && (v.value = { x: r.width / 2, y: r.height / 2 });
+    }, { uid: n, config: r, customClasses: p } = Y(
+      D.JOYSTICK,
+      u,
+      t
+    ), { core: i, state: d, elementRef: y, domEvents: a } = F(
+      () => new pe(n.value, r.value)
+    ), b = q(), P = V({ x: 0, y: 0 }), l = oe(() => {
+      const c = i.value?.rect;
+      c && (P.value = { x: c.width / 2, y: c.height / 2 });
     });
-    f && c();
-    const g = (r) => u.value?.onPointerDown(r), $ = (r) => u.value?.onPointerMove(r), R = (r) => u.value?.onPointerUp(r), m = (r) => u.value?.onPointerCancel(r);
-    return i({
-      uid: o,
-      onPointerDown: g,
-      onPointerMove: $,
-      onPointerUp: R,
+    b && l();
+    const h = (c) => a.value?.onPointerDown(c), R = (c) => a.value?.onPointerMove(c), k = (c) => a.value?.onPointerUp(c), m = (c) => a.value?.onPointerCancel(c);
+    return s({
+      uid: n,
+      onPointerDown: h,
+      onPointerMove: R,
+      onPointerUp: k,
       onPointerCancel: m
-    }), (r, A) => (h(), M(ie, {
+    }), (c, S) => (w(), L(ie, {
       ref_key: "elementRef",
-      ref: P,
-      class: "omnipad-joystick omnipad-prevent",
-      layout: s(a).layout,
-      "is-active": s(l)?.isActive,
-      vector: s(l)?.vector,
+      ref: y,
+      class: C(["omnipad-joystick omnipad-prevent", o(p)]),
+      layout: o(r).layout,
+      "is-active": o(d)?.isActive,
+      vector: o(d)?.vector,
       "show-stick": "",
-      "base-radius": v.value,
-      onPointerdown: g,
-      onPointermove: $,
-      onPointerup: R,
+      "base-radius": P.value,
+      onPointerdown: h,
+      onPointermove: R,
+      onPointerup: k,
       onPointercancel: m,
       onLostpointercapture: m
     }, {
-      base: _((y) => [
-        b(r.$slots, "base", I(N(y)), void 0, !0)
+      base: $((f) => [
+        g(c.$slots, "base", N(x(f)), void 0, !0)
       ]),
-      stick: _(() => [
-        W(X, {
+      stick: $(() => [
+        J(G, {
           layout: { height: "100%", width: "100%" },
-          "is-active": s(l)?.isPressed,
-          label: s(a).label
+          "is-active": o(d)?.isPressed,
+          label: o(r).label
         }, {
-          base: _((y) => [
-            b(r.$slots, "stick-base", I(N(y)), void 0, !0)
+          base: $((f) => [
+            g(c.$slots, "stick-base", N(x(f)), void 0, !0)
           ]),
-          default: _((y) => [
-            b(r.$slots, "stick", I(N(y)), void 0, !0)
+          default: $((f) => [
+            g(c.$slots, "stick", N(x(f)), void 0, !0)
           ]),
           _: 3
         }, 8, ["is-active", "label"])
       ]),
-      default: _((y) => [
-        b(r.$slots, "default", I(N(y)), void 0, !0)
+      default: $((f) => [
+        g(c.$slots, "default", N(x(f)), void 0, !0)
       ]),
       _: 3
-    }, 8, ["layout", "is-active", "vector", "base-radius"]));
+    }, 8, ["class", "layout", "is-active", "vector", "base-radius"]));
   }
-}), ot = /* @__PURE__ */ U(tt, [["__scopeId", "data-v-fb7cd5c1"]]);
-L(C.BUTTON, je);
-L(C.INPUT_ZONE, Ue);
-L(C.ROOT_LAYER, Ve);
-L(C.TARGET_ZONE, Fe);
-L(C.TRACKPAD, et);
-L(C.D_PAD, Ge);
-L(C.JOYSTICK, ot);
+}), nt = /* @__PURE__ */ O(ot, [["__scopeId", "data-v-00e7d4c0"]]);
+Z(D.BUTTON, qe);
+Z(D.INPUT_ZONE, Be);
+Z(D.ROOT_LAYER, Me);
+Z(D.TARGET_ZONE, Ye);
+Z(D.TRACKPAD, tt);
+Z(D.D_PAD, He);
+Z(D.JOYSTICK, nt);
 export {
-  Ue as InputZone,
-  Ve as RootLayer,
-  Fe as TargetZone,
-  je as VirtualButton,
-  Ge as VirtualDPad,
-  ot as VirtualJoystick,
-  et as VirtualTrackpad,
-  oe as getComponent,
-  ee as getComponentSafe,
-  at as hasRegisteredComponent,
-  L as registerComponent
+  Be as InputZone,
+  Me as RootLayer,
+  Ye as TargetZone,
+  qe as VirtualButton,
+  He as VirtualDPad,
+  nt as VirtualJoystick,
+  tt as VirtualTrackpad,
+  ne as getComponent,
+  te as getComponentSafe,
+  rt as hasRegisteredComponent,
+  Z as registerComponent
 };

package/dist/omnipad-vue.umd.js

@@ -1 +1 @@
-(function(b,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("@omnipad/core"),require("vue"),require("@omnipad/core/utils")):typeof define=="function"&&define.amd?define(["exports","@omnipad/core","vue","@omnipad/core/utils"],m):(b=typeof globalThis<"u"?globalThis:b||self,m(b.OmnipadVue={},b.OmniPadCore,b.Vue,b.OmniPadCoreUtils))})(this,(function(b,m,e,_){"use strict";const D={};function B(t,i){D[t]=i}function x(t){const i=D[t];return i||e.defineComponent({render:()=>e.h("div",{style:"color:red"},`[Unknown: ${t}]`)})}function A(t){return!t||!D[t]?null:D[t]}function K(t){return t?!!D[t]:!1}function N(t,i={},p){const o=t(),n=e.shallowRef(),a=e.ref(),r=e.ref(null),l=e.ref({}),g=y=>{a.value=y},d=y=>{if(!n.value)return;const u=n.value;typeof u.bindDelegate=="function"&&Object.entries(y).forEach(([c,h])=>{u.bindDelegate(c,h)})};return e.onMounted(()=>{n.value=o,m.Registry.getInstance().register(o),"subscribe"in o&&o.subscribe(g),p&&d(p);let y=null;if(r.value&&(r.value instanceof Element?y=r.value:r.value.$el instanceof Element&&(y=r.value.$el)),y&&"bindRectProvider"in o&&o.bindRectProvider(()=>y.getBoundingClientRect()),"onPointerDown"in o){const u=_.createPointerBridge(o,i);l.value={...u}}}),e.onUnmounted(()=>{n.value&&n.value.destroy()}),{core:n,state:a,elementRef:r,domEvents:l,bindDelegates:d}}const j={class:"omnipad-virtual-layer-base omnipad-prevent"},J=e.defineComponent({__name:"VirtualLayerBase",props:{nodes:{}},setup(t){const i=t,p=e.computed(()=>(i.nodes||[]).map(o=>{let n=A(o.type);return!n&&o.config?.baseType&&(n=A(o.config.baseType)),n||(n=x(o.type)),{node:o,component:n}}));return(o,n)=>(e.openBlock(),e.createElementBlock("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.component),{key:a.node.uid,"tree-node":a.node},null,8,["tree-node"]))),128)),e.renderSlot(o.$slots,"default",{},void 0,!0)]))}}),R=(t,i)=>{const p=t.__vccOpts||t;for(const[o,n]of i)p[o]=n;return p},z=R(J,[["__scopeId","data-v-d67cc501"]]);function T(t,i,p={}){const o=i.treeNode,n=o&&o.config?.baseType===t||o?.type===t?o:void 0;o&&!n&&console.warn(`[OmniPad-Validation] Type mismatch! Component expected "${t}", but received "${o.type}". Config ignored.`);const a=e.inject(m.CONTEXT.PARENT_ID_KEY,e.ref(void 0)),r=e.computed(()=>i.parentId||n?.config?.parentId||a.value),l=e.computed(()=>i.widgetId||n?.uid||_.generateUID(t));e.provide(m.CONTEXT.PARENT_ID_KEY,l);const g=e.computed(()=>{const d=n?.config||{},y=Object.fromEntries(Object.entries(i).filter(([u,c])=>c!==void 0&&u!=="treeNode"&&u!=="widgetId"));return{...p,...d,...y,id:l.value,baseType:t,parentId:r.value,layout:{...p.layout||{},...d.layout||{},...y.layout||{}}}});return{uid:l,config:g}}const W=["id"],M=R(e.defineComponent({__name:"InputZone",props:{treeNode:{},widgetId:{},layout:{},preventFocusLoss:{}},setup(t){const i=t,p=e.useSlots(),o=e.ref(null),{uid:n,config:a}=T(m.CMP_TYPES.INPUT_ZONE,i),{core:r,state:l,elementRef:g,domEvents:d,bindDelegates:y}=N(()=>new m.InputZoneCore(n.value,a.value),{requireDirectHit:!0}),u=e.computed(()=>{const f=i.treeNode?.config?.dynamicWidgetId;return i.treeNode?.children?.filter($=>$.uid!==f)||[]}),c=e.computed(()=>{const $=(p.dynamicWidget?.()||[]).filter(V=>!(V.type===Comment||V.type===Text)),S=i.treeNode?.children?.find(V=>V.uid===i.treeNode?.config?.dynamicWidgetId),v=$.length>0;return $.length>1&&console.error(`[OmniPad-Validation] InputZone ${n.value} has multiple dynamic widgets in slot. Only the first one will be activated.`),v&&S&&console.warn(`[OmniPad-Validation] InputZone ${n.value} has both Slot and Config dynamic widgets. Config ignored.`),{nodeToRender:v?$[0]:S||null,isFromSlot:v}}),h=e.computed(()=>{const f=c.value.nodeToRender;return x(f.config?.baseType||f.type)});e.watch(o,f=>{e.nextTick(()=>{f&&f?.uid&&(r.value?.updateConfig({dynamicWidgetId:f.uid}),y({dynamicWidgetPointerDown:f.onPointerDown,dynamicWidgetPointerMove:f.onPointerMove,dynamicWidgetPointerUp:f.onPointerUp,dynamicWidgetPointerCancel:f.onPointerCancel}))})},{immediate:!0});const k=e.computed(()=>_.resolveLayoutStyle(a.value.layout)),w=_.supportsContainerQueries(),P=e.computed(()=>{if(!l.value)return{display:"none"};if(!l.value?.isDynamicActive)return{visibility:"hidden",opacity:0};let f,$;const S=l?.value?.dynamicPosition;if(w)f=`${S.x}cqw`,$=`${S.y}cqh`;else{const v=r?.value?.rect;f=`${_.remap(S?.x||0,0,100,0,v?.width||0)}px`,$=`${_.remap(S?.y||0,0,100,0,v?.height||0)}px`}return{zIndex:100,"--dynamic-widget-mount-x":f,"--dynamic-widget-mount-y":$,visibility:"visible",opacity:1,pointerEvents:"auto"}}),s=f=>d.value?.onPointerDown(f),E=f=>d.value?.onPointerMove(f),C=f=>d.value?.onPointerUp(f),q=f=>d.value?.onPointerCancel(f);return(f,$)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(n),ref_key:"elementRef",ref:g,class:"omnipad-input-zone omnipad-prevent",style:e.normalizeStyle(k.value)},[e.createVNode(z,{nodes:u.value},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"]),c.value.nodeToRender||e.unref(r)?.isInterceptorRequired?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-input-zone-trigger omnipad-prevent",onPointerdown:s,onPointermove:E,onPointerup:C,onPointercancel:q,onLostpointercapture:q},[e.createElementVNode("div",{class:"dynamic-widget-mount",style:e.normalizeStyle(P.value)},[c.value.isFromSlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value.nodeToRender),{key:0,ref:S=>o.value=S},null,512)):c.value.nodeToRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.value),{key:1,ref:S=>o.value=S,"tree-node":c.value.nodeToRender},null,8,["tree-node"])):e.createCommentVNode("",!0)],4)],32)):e.createCommentVNode("",!0)],12,W))}}),[["__scopeId","data-v-020d0ab6"]]),X=["id"],U=R(e.defineComponent({__name:"RootLayer",props:{treeNode:{},widgetId:{},layout:{}},setup(t){const i=t,{uid:p,config:o}=T(m.CMP_TYPES.ROOT_LAYER,i),{elementRef:n}=N(()=>new m.RootLayerCore(p.value,o.value)),a=e.computed(()=>_.resolveLayoutStyle(o.value.layout));return(r,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(p),ref_key:"elementRef",ref:n,class:"omnipad-root-layer omnipad-prevent",style:e.normalizeStyle(a.value)},[e.createVNode(z,{nodes:t.treeNode?.children||[]},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"])],12,X))}}),[["__scopeId","data-v-c836f838"]]),G=["id"],H={key:0,class:"omnipad-default-focus-border-feedback"},O=R(e.defineComponent({__name:"TargetZone",props:{treeNode:{},widgetId:{},cursorEnabled:{type:Boolean},cursorAutoDelay:{},layout:{}},setup(t){const i=t,p={cursorAutoDelay:2500},{uid:o,config:n}=T(m.CMP_TYPES.TARGET_ZONE,i,p),{core:a,state:r,elementRef:l,domEvents:g}=N(()=>new m.TargetZoneCore(o.value,n.value),{},{dispatchKeyboardEvent:_.dispatchKeyboardEvent,dispatchPointerEventAtPos:_.dispatchPointerEventAtPos,reclaimFocusAtPos:_.reclaimFocusAtPos}),d=e.computed(()=>_.resolveLayoutStyle(n.value.layout)),y=_.supportsContainerQueries(),u=e.computed(()=>{if(!r.value)return{display:"none"};let P,s;const E=r?.value?.position;if(y)P=`${E.x}cqw`,s=`${E.y}cqh`;else{const C=a?.value?.rect;P=`${_.remap(E?.x||0,0,100,0,C?.width||0)}px`,s=`${_.remap(E?.y||0,0,100,0,C?.height||0)}px`}return{"--omnipad-virtual-cursor-x":P,"--omnipad-virtual-cursor-y":s,opacity:r.value.isVisible?1:0}}),c=P=>g.value?.onPointerDown(P),h=P=>g.value?.onPointerMove(P),k=P=>g.value?.onPointerUp(P),w=P=>g.value?.onPointerCancel(P);return(P,s)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(o),ref_key:"elementRef",ref:l,class:"omnipad-target-zone omnipad-prevent",style:e.normalizeStyle(d.value),onPointerdown:c,onPointermove:h,onPointerup:k,onPointercancel:w,onLostpointercapture:w},[e.renderSlot(P.$slots,"focus-feedback",{state:e.unref(r),isReturning:e.unref(r)?.isFocusReturning,cursorPos:e.unref(r)?.position},()=>[e.createVNode(e.Transition,{name:"omnipad-default-focus-fade"},{default:e.withCtx(()=>[e.unref(r)?.isFocusReturning?(e.openBlock(),e.createElementBlock("div",H)):e.createCommentVNode("",!0)]),_:1})],!0),e.unref(n).cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-virtual-cursor",style:e.normalizeStyle(u.value)},[e.renderSlot(P.$slots,"cursor",{state:e.unref(r),isDown:e.unref(r)?.isPointerDown,isReturning:e.unref(r)?.isFocusReturning,cursorPos:e.unref(r)?.position},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-cursor-dot",{"is-down":e.unref(r)?.isPointerDown}])},null,2)],!0)],4)):e.createCommentVNode("",!0),e.unref(n).cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:1,class:"omnipad-virtual-cursor",style:e.normalizeStyle(u.value)},[e.renderSlot(P.$slots,"with-cursor",{state:e.unref(r),isDown:e.unref(r)?.isPointerDown,isReturning:e.unref(r)?.isFocusReturning,cursorPos:e.unref(r)?.position},void 0,!0)],4)):e.createCommentVNode("",!0),e.renderSlot(P.$slots,"default",{state:e.unref(r),isDown:e.unref(r)?.isPointerDown,isReturning:e.unref(r)?.isFocusReturning,cursorPos:e.unref(r)?.position},void 0,!0)],44,G))}}),[["__scopeId","data-v-f072b1fb"]]),ee={class:"omnipad-button-content-layer"},te={key:0,class:"omnipad-default-button-label"},I=R(e.defineComponent({__name:"VirtualButtonBase",props:{layout:{},isActive:{type:Boolean},label:{}},setup(t){const i=t,p=e.computed(()=>i.layout?_.resolveLayoutStyle(i.layout):{});return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"omnipad-button-base omnipad-prevent",style:e.normalizeStyle(p.value),tabindex:"-1"},[e.renderSlot(o.$slots,"base",{isActive:t.isActive,label:t.label},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-button-base",{"is-active":t.isActive}])},null,2)],!0),e.createElementVNode("div",ee,[e.renderSlot(o.$slots,"default",{isActive:t.isActive,label:t.label},()=>[t.label?(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],!0)])],4))}}),[["__scopeId","data-v-f6a6e082"]]),Y=e.defineComponent({__name:"VirtualButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:i}){const p=t,o={label:"BTN"},{uid:n,config:a}=T(m.CMP_TYPES.BUTTON,p,o),{state:r,elementRef:l,domEvents:g}=N(()=>new m.ButtonCore(n.value,a.value)),d=h=>g.value?.onPointerDown(h),y=h=>g.value?.onPointerMove(h),u=h=>g.value?.onPointerUp(h),c=h=>g.value?.onPointerCancel(h);return i({uid:n,onPointerDown:d,onPointerMove:y,onPointerUp:u,onPointerCancel:c}),(h,k)=>(e.openBlock(),e.createBlock(I,{id:e.unref(n),ref_key:"elementRef",ref:l,class:"omnipad-button omnipad-prevent",layout:e.unref(a).layout,label:e.unref(a).label,"is-active":e.unref(r)?.isPressed,onPointerdown:d,onPointerup:u,onPointercancel:c,onLostpointercapture:c},{base:e.withCtx(w=>[e.renderSlot(h.$slots,"base",e.normalizeProps(e.guardReactiveProps(w)))]),default:e.withCtx(w=>[e.renderSlot(h.$slots,"default",e.normalizeProps(e.guardReactiveProps(w)))]),_:3},8,["id","layout","label","is-active"]))}}),oe={class:"omnipad-axis-bg"},ne={class:"omnipad-axis-content-layer"},L=R(e.defineComponent({__name:"VirtualAxisBase",props:{layout:{},isActive:{type:Boolean},vector:{},showStick:{type:Boolean},baseRadius:{}},setup(t){const i=t,p=e.computed(()=>i.layout?_.resolveLayoutStyle(i.layout):{}),o=_.supportsContainerQueries(),n=e.computed(()=>{const a=i.vector?.x||0,r=i.vector?.y||0,l=i.baseRadius?.x||0,g=i.baseRadius?.y||0,d=o?`${a*50}cqw`:`${a*l}px`,y=o?`${r*50}cqh`:`${r*g}px`,u=o?"100cqw":`${l*2}px`,c=o?"100cqh":`${g*2}px`;return{"--omnipad-axis-stick-container-x":d,"--omnipad-axis-stick-container-y":y,"--omnipad-axis-stick-width":u,"--omnipad-axis-stick-height":c,transition:i.isActive?"none":"transform 0.1s ease-out"}});return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["omnipad-axis-base omnipad-prevent",{"is-active":t.isActive}]),style:e.normalizeStyle(p.value),tabindex:"-1"},[e.createElementVNode("div",oe,[e.renderSlot(a.$slots,"base",{isActive:t.isActive,vector:t.vector},void 0,!0)]),t.showStick?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-axis-stick-container",style:e.normalizeStyle(n.value)},[e.renderSlot(a.$slots,"stick",{isActive:t.isActive,vector:t.vector},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-axis-stick",{"is-active":t.isActive}])},null,2)],!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[e.renderSlot(a.$slots,"default",{isActive:t.isActive,vector:t.vector},void 0,!0)])],6))}}),[["__scopeId","data-v-95bb429e"]]),re={class:"omnipad-dpad-cross-bg"},Z=R(e.defineComponent({__name:"VirtualDPad",props:{treeNode:{},widgetId:{},targetStageId:{},mapping:{},threshold:{},showStick:{},layout:{}},setup(t,{expose:i}){const p=t,o={showStick:!1,threshold:.3},{uid:n,config:a}=T(m.CMP_TYPES.D_PAD,p,o),{core:r,state:l,elementRef:g,domEvents:d}=N(()=>new m.DPadCore(n.value,a.value)),y=_.supportsContainerQueries(),u=e.ref({x:0,y:0}),c=e.watchEffect(()=>{const s=r.value?.rect;s&&(u.value={x:s.width/2,y:s.height/2})});y&&c();const h=s=>d.value?.onPointerDown(s),k=s=>d.value?.onPointerMove(s),w=s=>d.value?.onPointerUp(s),P=s=>d.value?.onPointerCancel(s);return i({uid:n,onPointerDown:h,onPointerMove:k,onPointerUp:w,onPointerCancel:P}),(s,E)=>(e.openBlock(),e.createBlock(L,{ref_key:"elementRef",ref:g,class:"omnipad-dpad omnipad-prevent",layout:e.unref(a).layout,"is-active":e.unref(l)?.isActive,vector:e.unref(l)?.vector,"show-stick":e.unref(a).showStick,"base-radius":u.value,onPointerdown:h,onPointermove:k,onPointerup:w,onPointercancel:P,onLostpointercapture:P},{base:e.withCtx(C=>[e.renderSlot(s.$slots,"base",e.normalizeProps(e.guardReactiveProps(C)),()=>[e.createElementVNode("div",re,[e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm top",{on:C.vector&&C.vector.y<-e.unref(a).threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm bottom",{on:C.vector&&C.vector.y>e.unref(a).threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm left",{on:C.vector&&C.vector.x<-e.unref(a).threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm right",{on:C.vector&&C.vector.x>e.unref(a).threshold}])},null,2),E[0]||(E[0]=e.createElementVNode("div",{class:"dpad-center"},null,-1))])],!0)]),stick:e.withCtx(C=>[e.renderSlot(s.$slots,"stick",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),default:e.withCtx(C=>[e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),_:3},8,["layout","is-active","vector","show-stick","base-radius"]))}}),[["__scopeId","data-v-d141d62c"]]),F=R(e.defineComponent({__name:"VirtualTrackpad",props:{treeNode:{},widgetId:{},label:{},sensitivity:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:i}){const p=t,{uid:o,config:n}=T(m.CMP_TYPES.TRACKPAD,p,{label:"TRACKPAD",sensitivity:1}),{state:a,elementRef:r,domEvents:l}=N(()=>new m.TrackpadCore(o.value,n.value)),g=c=>l.value?.onPointerDown(c),d=c=>l.value?.onPointerMove(c),y=c=>l.value?.onPointerUp(c),u=c=>l.value?.onPointerCancel(c);return i({uid:o,onPointerDown:g,onPointerMove:d,onPointerUp:y,onPointerCancel:u}),(c,h)=>(e.openBlock(),e.createBlock(I,{id:e.unref(o),ref_key:"elementRef",ref:r,class:"omnipad-trackpad omnipad-prevent",layout:e.unref(n).layout,label:e.unref(n).label,"is-active":e.unref(a)?.isPressed,onPointerdown:g,onPointermove:d,onPointerup:y,onPointercancel:u,onLostpointercapture:u},{base:e.withCtx(k=>[e.renderSlot(c.$slots,"base",e.normalizeProps(e.guardReactiveProps(k)),void 0,!0)]),default:e.withCtx(k=>[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps(k)),void 0,!0)]),_:3},8,["id","layout","label","is-active"]))}}),[["__scopeId","data-v-d23c7e6d"]]),Q=R(e.defineComponent({__name:"VirtualJoystick",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},threshold:{},cursorMode:{},cursorSensitivity:{},mapping:{},layout:{}},setup(t,{expose:i}){const p=t,o={label:"PUSH",threshold:.2,cursorMode:!1,cursorSensitivity:1},{uid:n,config:a}=T(m.CMP_TYPES.JOYSTICK,p,o),{core:r,state:l,elementRef:g,domEvents:d}=N(()=>new m.JoystickCore(n.value,a.value)),y=_.supportsContainerQueries(),u=e.ref({x:0,y:0}),c=e.watchEffect(()=>{const s=r.value?.rect;s&&(u.value={x:s.width/2,y:s.height/2})});y&&c();const h=s=>d.value?.onPointerDown(s),k=s=>d.value?.onPointerMove(s),w=s=>d.value?.onPointerUp(s),P=s=>d.value?.onPointerCancel(s);return i({uid:n,onPointerDown:h,onPointerMove:k,onPointerUp:w,onPointerCancel:P}),(s,E)=>(e.openBlock(),e.createBlock(L,{ref_key:"elementRef",ref:g,class:"omnipad-joystick omnipad-prevent",layout:e.unref(a).layout,"is-active":e.unref(l)?.isActive,vector:e.unref(l)?.vector,"show-stick":"","base-radius":u.value,onPointerdown:h,onPointermove:k,onPointerup:w,onPointercancel:P,onLostpointercapture:P},{base:e.withCtx(C=>[e.renderSlot(s.$slots,"base",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),stick:e.withCtx(()=>[e.createVNode(I,{layout:{height:"100%",width:"100%"},"is-active":e.unref(l)?.isPressed,label:e.unref(a).label},{base:e.withCtx(C=>[e.renderSlot(s.$slots,"stick-base",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),default:e.withCtx(C=>[e.renderSlot(s.$slots,"stick",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),_:3},8,["is-active","label"])]),default:e.withCtx(C=>[e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),_:3},8,["layout","is-active","vector","base-radius"]))}}),[["__scopeId","data-v-fb7cd5c1"]]);B(m.CMP_TYPES.BUTTON,Y),B(m.CMP_TYPES.INPUT_ZONE,M),B(m.CMP_TYPES.ROOT_LAYER,U),B(m.CMP_TYPES.TARGET_ZONE,O),B(m.CMP_TYPES.TRACKPAD,F),B(m.CMP_TYPES.D_PAD,Z),B(m.CMP_TYPES.JOYSTICK,Q),b.InputZone=M,b.RootLayer=U,b.TargetZone=O,b.VirtualButton=Y,b.VirtualDPad=Z,b.VirtualJoystick=Q,b.VirtualTrackpad=F,b.getComponent=x,b.getComponentSafe=A,b.hasRegisteredComponent=K,b.registerComponent=B,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
+(function(_,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("@omnipad/core"),require("vue"),require("@omnipad/core/utils")):typeof define=="function"&&define.amd?define(["exports","@omnipad/core","vue","@omnipad/core/utils"],m):(_=typeof globalThis<"u"?globalThis:_||self,m(_.OmnipadVue={},_.OmniPadCore,_.Vue,_.OmniPadCoreUtils))})(this,(function(_,m,e,k){"use strict";const x={};function N(t,r){x[t]=r}function A(t){const r=x[t];return r||e.defineComponent({render:()=>e.h("div",{style:"color:red"},`[Unknown: ${t}]`)})}function I(t){return!t||!x[t]?null:x[t]}function j(t){return t?!!x[t]:!1}function T(t,r={},d){const o=t(),n=e.shallowRef(),s=e.ref(),f=e.ref(null),a=e.ref({}),p=i=>{s.value=i},C=i=>{if(!n.value)return;const h=n.value;typeof h.bindDelegate=="function"&&Object.entries(i).forEach(([g,l])=>{h.bindDelegate(g,l)})};return e.onMounted(()=>{n.value=o,m.Registry.getInstance().register(o),"subscribe"in o&&o.subscribe(p),d&&C(d);let i=null;if(f.value&&(f.value instanceof Element?i=f.value:f.value.$el instanceof Element&&(i=f.value.$el)),i&&"bindRectProvider"in o&&o.bindRectProvider(()=>i.getBoundingClientRect()),"onPointerDown"in o){const h=k.createPointerBridge(o,r);a.value={...h}}}),e.onUnmounted(()=>{n.value&&n.value.destroy()}),{core:n,state:s,elementRef:f,domEvents:a,bindDelegates:C}}const J={class:"omnipad-virtual-layer-base omnipad-prevent"},W=e.defineComponent({__name:"VirtualLayerBase",props:{nodes:{}},setup(t){const r=t,d=e.computed(()=>(r.nodes||[]).map(o=>{let n=I(o.type);return!n&&o.config?.baseType&&(n=I(o.config.baseType)),n||(n=A(o.type)),{node:o,component:n}}));return(o,n)=>(e.openBlock(),e.createElementBlock("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.component),{key:s.node.uid,"tree-node":s.node},null,8,["tree-node"]))),128)),e.renderSlot(o.$slots,"default",{},void 0,!0)]))}}),B=(t,r)=>{const d=t.__vccOpts||t;for(const[o,n]of r)d[o]=n;return d},M=B(W,[["__scopeId","data-v-d67cc501"]]);function D(t,r,d={}){const o=r.treeNode,n=o&&o.config?.baseType===t||o?.type===t?o:void 0;o&&!n&&console.warn(`[OmniPad-Validation] Type mismatch! Component expected "${t}", but received "${o.type}". Config ignored.`);const s=e.inject(m.CONTEXT.PARENT_ID_KEY,e.ref(void 0)),f=e.computed(()=>r.parentId||n?.config?.parentId||s.value),a=e.computed(()=>r.widgetId||n?.uid||k.generateUID(t));e.provide(m.CONTEXT.PARENT_ID_KEY,a);const p=e.computed(()=>{const i=n?.config||{},h=Object.fromEntries(Object.entries(r).filter(([g,l])=>l!==void 0&&g!=="treeNode"&&g!=="widgetId"));return{...d,...i,...h,id:a.value,baseType:t,parentId:f.value,layout:{...d.layout||{},...i.layout||{},...h.layout||{}}}}),C=e.computed(()=>{const i=p.value.cssClasses;return i?Array.isArray(i)?i:[i]:[]});return{uid:a,config:p,customClasses:C}}const X=["id"],U=B(e.defineComponent({__name:"InputZone",props:{treeNode:{},widgetId:{},layout:{},preventFocusLoss:{}},setup(t){const r=t,d=e.useSlots(),o=e.ref(null),{uid:n,config:s,customClasses:f}=D(m.CMP_TYPES.INPUT_ZONE,r),{core:a,state:p,elementRef:C,domEvents:i,bindDelegates:h}=T(()=>new m.InputZoneCore(n.value,s.value),{requireDirectHit:!0}),g=e.computed(()=>{const u=r.treeNode?.config?.dynamicWidgetId;return r.treeNode?.children?.filter(R=>R.uid!==u)||[]}),l=e.computed(()=>{const R=(d.dynamicWidget?.()||[]).filter(v=>!(v.type===Comment||v.type===Text)),E=r.treeNode?.children?.find(v=>v.uid===r.treeNode?.config?.dynamicWidgetId),V=R.length>0;return R.length>1&&console.error(`[OmniPad-Validation] InputZone ${n.value} has multiple dynamic widgets in slot. Only the first one will be activated.`),V&&E&&console.warn(`[OmniPad-Validation] InputZone ${n.value} has both Slot and Config dynamic widgets. Config ignored.`),{nodeToRender:V?R[0]:E||null,isFromSlot:V}}),b=e.computed(()=>{const u=l.value.nodeToRender;return A(u.config?.baseType||u.type)});e.watch(o,u=>{e.nextTick(()=>{u&&u?.uid&&(a.value?.updateConfig({dynamicWidgetId:u.uid}),h({dynamicWidgetPointerDown:u.onPointerDown,dynamicWidgetPointerMove:u.onPointerMove,dynamicWidgetPointerUp:u.onPointerUp,dynamicWidgetPointerCancel:u.onPointerCancel}))})},{immediate:!0});const w=e.computed(()=>k.resolveLayoutStyle(s.value.layout)),S=k.supportsContainerQueries(),y=e.computed(()=>{if(!p.value)return{display:"none"};if(!p.value?.isDynamicActive)return{visibility:"hidden",opacity:0};let u,R;const E=p?.value?.dynamicPosition;if(S)u=`${E.x}cqw`,R=`${E.y}cqh`;else{const V=a?.value?.rect;u=`${k.remap(E?.x||0,0,100,0,V?.width||0)}px`,R=`${k.remap(E?.y||0,0,100,0,V?.height||0)}px`}return{zIndex:100,"--dynamic-widget-mount-x":u,"--dynamic-widget-mount-y":R,visibility:"visible",opacity:1,pointerEvents:"auto"}}),c=u=>i.value?.onPointerDown(u),$=u=>i.value?.onPointerMove(u),P=u=>i.value?.onPointerUp(u),K=u=>i.value?.onPointerCancel(u);return(u,R)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(n),ref_key:"elementRef",ref:C,class:e.normalizeClass(["omnipad-input-zone omnipad-prevent",e.unref(f)]),style:e.normalizeStyle(w.value)},[e.createVNode(M,{nodes:g.value},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"]),l.value.nodeToRender||e.unref(a)?.isInterceptorRequired?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-input-zone-trigger omnipad-prevent",onPointerdown:c,onPointermove:$,onPointerup:P,onPointercancel:K,onLostpointercapture:K},[e.createElementVNode("div",{class:"dynamic-widget-mount",style:e.normalizeStyle(y.value)},[l.value.isFromSlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value.nodeToRender),{key:0,ref:E=>o.value=E},null,512)):l.value.nodeToRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.value),{key:1,ref:E=>o.value=E,"tree-node":l.value.nodeToRender},null,8,["tree-node"])):e.createCommentVNode("",!0)],4)],32)):e.createCommentVNode("",!0)],14,X))}}),[["__scopeId","data-v-b4ae3724"]]),G=["id"],O=B(e.defineComponent({__name:"RootLayer",props:{treeNode:{},widgetId:{},layout:{}},setup(t){const r=t,{uid:d,config:o,customClasses:n}=D(m.CMP_TYPES.ROOT_LAYER,r),{elementRef:s}=T(()=>new m.RootLayerCore(d.value,o.value)),f=e.computed(()=>k.resolveLayoutStyle(o.value.layout));return(a,p)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),ref_key:"elementRef",ref:s,class:e.normalizeClass(["omnipad-root-layer omnipad-prevent",e.unref(n)]),style:e.normalizeStyle(f.value)},[e.createVNode(M,{nodes:t.treeNode?.children||[]},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"])],14,G))}}),[["__scopeId","data-v-e53747a9"]]),H=["id"],ee={key:0,class:"omnipad-default-focus-border-feedback"},Y=B(e.defineComponent({__name:"TargetZone",props:{treeNode:{},widgetId:{},cursorEnabled:{type:Boolean},cursorAutoDelay:{},layout:{}},setup(t){const r=t,d={cursorAutoDelay:2500},{uid:o,config:n,customClasses:s}=D(m.CMP_TYPES.TARGET_ZONE,r,d),{core:f,state:a,elementRef:p,domEvents:C}=T(()=>new m.TargetZoneCore(o.value,n.value),{},{dispatchKeyboardEvent:k.dispatchKeyboardEvent,dispatchPointerEventAtPos:k.dispatchPointerEventAtPos,reclaimFocusAtPos:k.reclaimFocusAtPos}),i=e.computed(()=>k.resolveLayoutStyle(n.value.layout)),h=k.supportsContainerQueries(),g=e.computed(()=>{if(!a.value)return{display:"none"};let y,c;const $=a?.value?.position;if(h)y=`${$.x}cqw`,c=`${$.y}cqh`;else{const P=f?.value?.rect;y=`${k.remap($?.x||0,0,100,0,P?.width||0)}px`,c=`${k.remap($?.y||0,0,100,0,P?.height||0)}px`}return{"--omnipad-virtual-cursor-x":y,"--omnipad-virtual-cursor-y":c,opacity:a.value.isVisible?1:0}}),l=y=>C.value?.onPointerDown(y),b=y=>C.value?.onPointerMove(y),w=y=>C.value?.onPointerUp(y),S=y=>C.value?.onPointerCancel(y);return(y,c)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(o),ref_key:"elementRef",ref:p,class:e.normalizeClass(["omnipad-target-zone omnipad-prevent",e.unref(s)]),style:e.normalizeStyle(i.value),onPointerdown:l,onPointermove:b,onPointerup:w,onPointercancel:S,onLostpointercapture:S},[e.renderSlot(y.$slots,"focus-feedback",{state:e.unref(a),isReturning:e.unref(a)?.isFocusReturning,cursorPos:e.unref(a)?.position},()=>[e.createVNode(e.Transition,{name:"omnipad-default-focus-fade"},{default:e.withCtx(()=>[e.unref(a)?.isFocusReturning?(e.openBlock(),e.createElementBlock("div",ee)):e.createCommentVNode("",!0)]),_:1})],!0),e.unref(n).cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-virtual-cursor",style:e.normalizeStyle(g.value)},[e.renderSlot(y.$slots,"cursor",{state:e.unref(a),isDown:e.unref(a)?.isPointerDown,isReturning:e.unref(a)?.isFocusReturning,cursorPos:e.unref(a)?.position},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-cursor-dot",{"is-down":e.unref(a)?.isPointerDown}])},null,2)],!0)],4)):e.createCommentVNode("",!0),e.unref(n).cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:1,class:"omnipad-virtual-cursor",style:e.normalizeStyle(g.value)},[e.renderSlot(y.$slots,"with-cursor",{state:e.unref(a),isDown:e.unref(a)?.isPointerDown,isReturning:e.unref(a)?.isFocusReturning,cursorPos:e.unref(a)?.position},void 0,!0)],4)):e.createCommentVNode("",!0),e.renderSlot(y.$slots,"default",{state:e.unref(a),isDown:e.unref(a)?.isPointerDown,isReturning:e.unref(a)?.isFocusReturning,cursorPos:e.unref(a)?.position},void 0,!0)],46,H))}}),[["__scopeId","data-v-44c28c60"]]),te={class:"omnipad-button-content-layer"},oe={key:0,class:"omnipad-default-button-label"},z=B(e.defineComponent({__name:"VirtualButtonBase",props:{layout:{},isActive:{type:Boolean},label:{}},setup(t){const r=t,d=e.computed(()=>r.layout?k.resolveLayoutStyle(r.layout):{});return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"omnipad-button-base omnipad-prevent",style:e.normalizeStyle(d.value),tabindex:"-1"},[e.renderSlot(o.$slots,"base",{isActive:t.isActive,label:t.label},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-button-base",{"is-active":t.isActive}])},null,2)],!0),e.createElementVNode("div",te,[e.renderSlot(o.$slots,"default",{isActive:t.isActive,label:t.label},()=>[t.label?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],!0)])],4))}}),[["__scopeId","data-v-f6a6e082"]]),L=e.defineComponent({__name:"VirtualButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:r}){const d=t,o={label:"BTN"},{uid:n,config:s,customClasses:f}=D(m.CMP_TYPES.BUTTON,d,o),{state:a,elementRef:p,domEvents:C}=T(()=>new m.ButtonCore(n.value,s.value)),i=b=>C.value?.onPointerDown(b),h=b=>C.value?.onPointerMove(b),g=b=>C.value?.onPointerUp(b),l=b=>C.value?.onPointerCancel(b);return r({uid:n,onPointerDown:i,onPointerMove:h,onPointerUp:g,onPointerCancel:l}),(b,w)=>(e.openBlock(),e.createBlock(z,{id:e.unref(n),ref_key:"elementRef",ref:p,class:e.normalizeClass(["omnipad-button omnipad-prevent",e.unref(f)]),layout:e.unref(s).layout,label:e.unref(s).label,"is-active":e.unref(a)?.isPressed,onPointerdown:i,onPointerup:g,onPointercancel:l,onLostpointercapture:l},{base:e.withCtx(S=>[e.renderSlot(b.$slots,"base",e.normalizeProps(e.guardReactiveProps(S)))]),default:e.withCtx(S=>[e.renderSlot(b.$slots,"default",e.normalizeProps(e.guardReactiveProps(S)))]),_:3},8,["id","class","layout","label","is-active"]))}}),ne={class:"omnipad-axis-bg"},re={class:"omnipad-axis-content-layer"},Z=B(e.defineComponent({__name:"VirtualAxisBase",props:{layout:{},isActive:{type:Boolean},vector:{},showStick:{type:Boolean},baseRadius:{}},setup(t){const r=t,d=e.computed(()=>r.layout?k.resolveLayoutStyle(r.layout):{}),o=k.supportsContainerQueries(),n=e.computed(()=>{const s=r.vector?.x||0,f=r.vector?.y||0,a=r.baseRadius?.x||0,p=r.baseRadius?.y||0,C=o?`${s*50}cqw`:`${s*a}px`,i=o?`${f*50}cqh`:`${f*p}px`,h=o?"100cqw":`${a*2}px`,g=o?"100cqh":`${p*2}px`;return{"--omnipad-axis-stick-container-x":C,"--omnipad-axis-stick-container-y":i,"--omnipad-axis-stick-width":h,"--omnipad-axis-stick-height":g,transition:r.isActive?"none":"transform 0.1s ease-out"}});return(s,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["omnipad-axis-base omnipad-prevent",{"is-active":t.isActive}]),style:e.normalizeStyle(d.value),tabindex:"-1"},[e.createElementVNode("div",ne,[e.renderSlot(s.$slots,"base",{isActive:t.isActive,vector:t.vector},void 0,!0)]),t.showStick?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-axis-stick-container",style:e.normalizeStyle(n.value)},[e.renderSlot(s.$slots,"stick",{isActive:t.isActive,vector:t.vector},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-axis-stick",{"is-active":t.isActive}])},null,2)],!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",re,[e.renderSlot(s.$slots,"default",{isActive:t.isActive,vector:t.vector},void 0,!0)])],6))}}),[["__scopeId","data-v-95bb429e"]]),ae={class:"omnipad-dpad-cross-bg"},F=B(e.defineComponent({__name:"VirtualDPad",props:{treeNode:{},widgetId:{},targetStageId:{},mapping:{},threshold:{},showStick:{},layout:{}},setup(t,{expose:r}){const d=t,o={showStick:!1,threshold:.3},{uid:n,config:s,customClasses:f}=D(m.CMP_TYPES.D_PAD,d,o),{core:a,state:p,elementRef:C,domEvents:i}=T(()=>new m.DPadCore(n.value,s.value)),h=k.supportsContainerQueries(),g=e.ref({x:0,y:0}),l=e.watchEffect(()=>{const c=a.value?.rect;c&&(g.value={x:c.width/2,y:c.height/2})});h&&l();const b=c=>i.value?.onPointerDown(c),w=c=>i.value?.onPointerMove(c),S=c=>i.value?.onPointerUp(c),y=c=>i.value?.onPointerCancel(c);return r({uid:n,onPointerDown:b,onPointerMove:w,onPointerUp:S,onPointerCancel:y}),(c,$)=>(e.openBlock(),e.createBlock(Z,{ref_key:"elementRef",ref:C,class:e.normalizeClass(["omnipad-dpad omnipad-prevent",e.unref(f)]),layout:e.unref(s).layout,"is-active":e.unref(p)?.isActive,vector:e.unref(p)?.vector,"show-stick":e.unref(s).showStick,"base-radius":g.value,onPointerdown:b,onPointermove:w,onPointerup:S,onPointercancel:y,onLostpointercapture:y},{base:e.withCtx(P=>[e.renderSlot(c.$slots,"base",e.normalizeProps(e.guardReactiveProps(P)),()=>[e.createElementVNode("div",ae,[e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm top",{on:P.vector&&P.vector.y<-e.unref(s).threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm bottom",{on:P.vector&&P.vector.y>e.unref(s).threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm left",{on:P.vector&&P.vector.x<-e.unref(s).threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm right",{on:P.vector&&P.vector.x>e.unref(s).threshold}])},null,2),$[0]||($[0]=e.createElementVNode("div",{class:"dpad-center"},null,-1))])],!0)]),stick:e.withCtx(P=>[e.renderSlot(c.$slots,"stick",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),default:e.withCtx(P=>[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),_:3},8,["class","layout","is-active","vector","show-stick","base-radius"]))}}),[["__scopeId","data-v-671bfba1"]]),Q=B(e.defineComponent({__name:"VirtualTrackpad",props:{treeNode:{},widgetId:{},label:{},sensitivity:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:r}){const d=t,{uid:o,config:n,customClasses:s}=D(m.CMP_TYPES.TRACKPAD,d,{label:"TRACKPAD",sensitivity:1}),{state:f,elementRef:a,domEvents:p}=T(()=>new m.TrackpadCore(o.value,n.value)),C=l=>p.value?.onPointerDown(l),i=l=>p.value?.onPointerMove(l),h=l=>p.value?.onPointerUp(l),g=l=>p.value?.onPointerCancel(l);return r({uid:o,onPointerDown:C,onPointerMove:i,onPointerUp:h,onPointerCancel:g}),(l,b)=>(e.openBlock(),e.createBlock(z,{id:e.unref(o),ref_key:"elementRef",ref:a,class:e.normalizeClass(["omnipad-trackpad omnipad-prevent",e.unref(s)]),layout:e.unref(n).layout,label:e.unref(n).label,"is-active":e.unref(f)?.isPressed,onPointerdown:C,onPointermove:i,onPointerup:h,onPointercancel:g,onLostpointercapture:g},{base:e.withCtx(w=>[e.renderSlot(l.$slots,"base",e.normalizeProps(e.guardReactiveProps(w)),void 0,!0)]),default:e.withCtx(w=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(w)),void 0,!0)]),_:3},8,["id","class","layout","label","is-active"]))}}),[["__scopeId","data-v-09cbc089"]]),q=B(e.defineComponent({__name:"VirtualJoystick",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},threshold:{},cursorMode:{},cursorSensitivity:{},mapping:{},layout:{}},setup(t,{expose:r}){const d=t,o={label:"PUSH",threshold:.2,cursorMode:!1,cursorSensitivity:1},{uid:n,config:s,customClasses:f}=D(m.CMP_TYPES.JOYSTICK,d,o),{core:a,state:p,elementRef:C,domEvents:i}=T(()=>new m.JoystickCore(n.value,s.value)),h=k.supportsContainerQueries(),g=e.ref({x:0,y:0}),l=e.watchEffect(()=>{const c=a.value?.rect;c&&(g.value={x:c.width/2,y:c.height/2})});h&&l();const b=c=>i.value?.onPointerDown(c),w=c=>i.value?.onPointerMove(c),S=c=>i.value?.onPointerUp(c),y=c=>i.value?.onPointerCancel(c);return r({uid:n,onPointerDown:b,onPointerMove:w,onPointerUp:S,onPointerCancel:y}),(c,$)=>(e.openBlock(),e.createBlock(Z,{ref_key:"elementRef",ref:C,class:e.normalizeClass(["omnipad-joystick omnipad-prevent",e.unref(f)]),layout:e.unref(s).layout,"is-active":e.unref(p)?.isActive,vector:e.unref(p)?.vector,"show-stick":"","base-radius":g.value,onPointerdown:b,onPointermove:w,onPointerup:S,onPointercancel:y,onLostpointercapture:y},{base:e.withCtx(P=>[e.renderSlot(c.$slots,"base",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),stick:e.withCtx(()=>[e.createVNode(z,{layout:{height:"100%",width:"100%"},"is-active":e.unref(p)?.isPressed,label:e.unref(s).label},{base:e.withCtx(P=>[e.renderSlot(c.$slots,"stick-base",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),default:e.withCtx(P=>[e.renderSlot(c.$slots,"stick",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),_:3},8,["is-active","label"])]),default:e.withCtx(P=>[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),_:3},8,["class","layout","is-active","vector","base-radius"]))}}),[["__scopeId","data-v-00e7d4c0"]]);N(m.CMP_TYPES.BUTTON,L),N(m.CMP_TYPES.INPUT_ZONE,U),N(m.CMP_TYPES.ROOT_LAYER,O),N(m.CMP_TYPES.TARGET_ZONE,Y),N(m.CMP_TYPES.TRACKPAD,Q),N(m.CMP_TYPES.D_PAD,F),N(m.CMP_TYPES.JOYSTICK,q),_.InputZone=U,_.RootLayer=O,_.TargetZone=Y,_.VirtualButton=L,_.VirtualDPad=F,_.VirtualJoystick=q,_.VirtualTrackpad=Q,_.getComponent=A,_.getComponentSafe=I,_.hasRegisteredComponent=j,_.registerComponent=N,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnipad/vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "",
   "main": "./dist/omnipad-vue.umd.js",
   "module": "./dist/omnipad-vue.mjs",
@@ -26,8 +26,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.27"
   },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
   "dependencies": {
-    "@omnipad/core": "0.3.0"
+    "@omnipad/core": "0.4.0"
   },
   "publishConfig": {
     "access": "public",