@omnipad/vue 0.6.1 → 0.7.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-a172c7c0]{position:absolute;inset:0;pointer-events:none;z-index:1000}[data-v-a172c7c0] .omnipad-input-zone,[data-v-a172c7c0] .omnipad-button{pointer-events:auto}.omnipad-input-zone[data-v-6543281e]{position:relative;pointer-events:none;container-type:size}.omnipad-input-zone-trigger[data-v-6543281e]{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.dynamic-widget-mount[data-v-6543281e]{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-99206012]{position:relative;pointer-events:none}.omnipad-target-zone[data-v-8de7c4a4]{position:relative;pointer-events:auto;overflow:hidden;container-type:size}.omnipad-virtual-cursor[data-v-8de7c4a4]{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-9eef9626]{position:relative;box-sizing:border-box;pointer-events:auto;container-type:size}.omnipad-axis-bg[data-v-9eef9626]{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-9eef9626],.omnipad-axis-content-layer[data-v-9eef9626]{position:absolute;inset:0;pointer-events:none}.omnipad-axis-stick-container[data-v-9eef9626]{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:0;top:0;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-2690a0c6]{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-2690a0c6]{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-2690a0c6]{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-2690a0c6]{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-2690a0c6]{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-2690a0c6]{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-2690a0c6]{position:absolute;inset:33%;background:var(--omnipad-dpad-arm-bg);z-index:1}.dpad-arm.on[data-v-2690a0c6]{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-55cc7ea4]{--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-b0ffdd7b]{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-a172c7c0]{position:absolute;inset:0;pointer-events:none;z-index:1000}[data-v-a172c7c0] .omnipad-input-zone,[data-v-a172c7c0] .omnipad-button{pointer-events:auto}.omnipad-input-zone[data-v-b3476578]{position:relative;pointer-events:none;container-type:size}.omnipad-input-zone-trigger[data-v-b3476578]{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.dynamic-widget-mount[data-v-b3476578]{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-82193e80]{position:relative;pointer-events:none}.omnipad-target-zone[data-v-337a2a06]{position:relative;pointer-events:auto;overflow:hidden;container-type:size}.omnipad-virtual-cursor[data-v-337a2a06]{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-ac2311ad]{position:relative;overflow:hidden;box-sizing:border-box;pointer-events:auto;will-change:transform,opacity}.omnipad-default-button-base[data-v-ac2311ad]{position:absolute;inset:0;pointer-events:none}.omnipad-button-content-layer[data-v-ac2311ad]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.omnipad-default-button-base.is-active[data-v-ac2311ad]{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-ac2311ad]{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-0d717d04]{position:relative;box-sizing:border-box;pointer-events:auto;container-type:size}.omnipad-axis-bg[data-v-0d717d04]{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-0d717d04],.omnipad-axis-content-layer[data-v-0d717d04]{position:absolute;inset:0;pointer-events:none}.omnipad-axis-stick-container[data-v-0d717d04]{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:0;top:0;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-2ddb7fb4]{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-2ddb7fb4]{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-2ddb7fb4]{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-2ddb7fb4]{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-2ddb7fb4]{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-2ddb7fb4]{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-2ddb7fb4]{position:absolute;inset:33%;background:var(--omnipad-dpad-arm-bg);z-index:1}.dpad-arm.on[data-v-2ddb7fb4]{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-6296b4a3]{--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-ed714528]{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,42 +1,43 @@
-import { CMP_TYPES as b, RootLayerCore as ve, TargetZoneCore as fe, InputZoneCore as pe, TrackpadCore as me, DPadCore as ye, JoystickCore as Pe, ButtonCore as ge, validateWidgetNode as be, CONTEXT as q, getOverrideProps as ee, mergeWidgetConfig as Ce, Registry as he, bindEntityDelegates as _e, StickyController as ke, setupSpatialLogic as Re, filterNotDynamicChildren as De, resolveDynamicWidget as we, setGlobalSignalHandler as Se, ACTION_TYPES as te } from "@omnipad/core";
-import { WindowManager as Te, createPointerBridge as Ee, ElementObserver as ie, createWebStickyProvider as Ne, flattenToHostLayout as Ae, supportsContainerQueries as Y, reclaimFocusAtPos as Ie, dispatchPointerEventAtPos as $e, dispatchKeyboardEvent as se } from "@omnipad/core/dom";
-import { defineComponent as I, h as Oe, computed as R, openBlock as C, createElementBlock as E, Fragment as Ue, renderList as xe, createBlock as z, resolveDynamicComponent as j, renderSlot as g, inject as Le, ref as L, provide as Be, watch as J, onMounted as re, onUnmounted as Q, readonly as oe, shallowRef as ze, useSlots as Me, nextTick as Ve, normalizeStyle as O, normalizeClass as w, unref as i, createVNode as F, withCtx as S, createElementVNode as T, createCommentVNode as B, Transition as Ke, toDisplayString as We, normalizeProps as N, guardReactiveProps as A, watchEffect as ae } from "vue";
-import { generateUID as Ye, getObjectDiff as Ze, distillRect as Fe, resolveLayoutStyle as Z, projectPercentToBox as ce, projectVectorToBox as je } from "@omnipad/core/utils";
+import { defineComponent as $, h as ce, computed as R, openBlock as C, createElementBlock as N, Fragment as le, renderList as ue, createBlock as z, resolveDynamicComponent as Y, renderSlot as b, inject as de, ref as O, provide as ve, watch as J, onMounted as oe, onUnmounted as Q, readonly as q, shallowRef as pe, useSlots as fe, nextTick as ye, normalizeStyle as x, normalizeClass as w, unref as i, createVNode as F, withCtx as D, createElementVNode as S, createCommentVNode as B, Transition as me, toDisplayString as Pe, normalizeProps as A, guardReactiveProps as E, watchEffect as ne } from "vue";
+import { RootLayerCore as ge, TargetZoneCore as be, InputZoneCore as Ce, TrackpadCore as he, DPadCore as _e, JoystickCore as ke, ButtonCore as Re, validateWidgetNode as Te, getOverrideProps as ee, mergeWidgetConfig as we, Registry as De, bindEntityDelegates as Se, filterNotDynamicChildren as Ne, resolveDynamicWidget as Ae } from "@omnipad/core";
+import { WindowManager as Ee, createPointerBridge as $e, StickyController as Ie, createWebStickyProvider as xe, setupSpatialLogic as Ue, flattenToHostLayout as Le, resolveLayoutStyle as K, supportsContainerQueries as j, projectPercentToBox as ie, projectVectorToBox as Oe } from "@omnipad/web";
+import { OmniPad as g } from "@omnipad/core/const";
+import { generateUID as Be, getObjectDiff as ze, distillRect as Me } from "@omnipad/core/utils";
 const W = {};
 function M(e, o) {
   W[e] = o;
 }
-function le(e) {
+function se(e) {
   const o = W[e];
-  return o || I({
-    render: () => Oe("div", { style: "color:red" }, `[Unknown: ${e}]`)
+  return o || $({
+    render: () => ce("div", { style: "color:red" }, `[Unknown: ${e}]`)
   });
 }
-function ne(e) {
+function te(e) {
   return !e || !W[e] ? null : W[e];
 }
-function It(e) {
+function wt(e) {
   return e ? !!W[e] : !1;
 }
-const Je = { class: "omnipad-virtual-layer-base omnipad-prevent" }, Qe = /* @__PURE__ */ I({
+const Ve = { class: "omnipad-virtual-layer-base omnipad-prevent" }, Ze = /* @__PURE__ */ $({
   __name: "VirtualLayerBase",
   props: {
     nodes: {}
   },
   setup(e) {
     const o = e, u = R(() => (o.nodes || []).map((s) => {
-      let n = ne(s.type);
-      return !n && s.config?.baseType && (n = ne(s.config.baseType)), n || (n = le(s.type)), {
+      let n = te(s.type);
+      return !n && s.config?.baseType && (n = te(s.config.baseType)), n || (n = se(s.type)), {
         node: s,
         component: n
       };
     }));
-    return (s, n) => (C(), E("div", Je, [
-      (C(!0), E(Ue, null, xe(u.value, (t) => (C(), z(j(t.component), {
+    return (s, n) => (C(), N("div", Ve, [
+      (C(!0), N(le, null, ue(u.value, (t) => (C(), z(Y(t.component), {
         key: t.node.uid,
         "tree-node": t.node
       }, null, 8, ["tree-node"]))), 128)),
-      g(s.$slots, "default", {}, void 0, !0)
+      b(s.$slots, "default", {}, void 0, !0)
     ]));
   }
 }), U = (e, o) => {
@@ -44,93 +45,92 @@ const Je = { class: "omnipad-virtual-layer-base omnipad-prevent" }, Qe = /* @__P
   for (const [s, n] of o)
     u[s] = n;
   return u;
-}, ue = /* @__PURE__ */ U(Qe, [["__scopeId", "data-v-a172c7c0"]]), Ge = {
-  [b.BUTTON]: ge,
-  [b.JOYSTICK]: Pe,
-  [b.D_PAD]: ye,
-  [b.TRACKPAD]: me,
-  [b.INPUT_ZONE]: pe,
-  [b.TARGET_ZONE]: fe,
-  [b.ROOT_LAYER]: ve
+}, re = /* @__PURE__ */ U(Ze, [["__scopeId", "data-v-a172c7c0"]]), We = {
+  [g.Types.BUTTON]: Re,
+  [g.Types.JOYSTICK]: ke,
+  [g.Types.D_PAD]: _e,
+  [g.Types.TRACKPAD]: he,
+  [g.Types.INPUT_ZONE]: Ce,
+  [g.Types.TARGET_ZONE]: be,
+  [g.Types.ROOT_LAYER]: ge
 };
-function He(e) {
-  const o = Ge[e];
+function Ke(e) {
+  const o = We[e];
   if (!o)
     throw new Error(`[OmniPad-Vue] No core logic defined for entity type: "${e}"`);
   return o;
 }
-const Xe = Object.freeze(["treeNode", "widgetId", "parentId"]);
-function qe(e, o, u = {}, s = []) {
-  const n = be(o.treeNode, e), t = Le(q.PARENT_ID_KEY, L(void 0)), a = R(() => o.parentId || n?.config?.parentId || t.value), r = R(() => o.widgetId || n?.uid || Ye(e));
-  Be(q.PARENT_ID_KEY, r);
-  const d = /* @__PURE__ */ new Set([...Xe, ...s]), m = n?.config || {}, k = ee(o, d), h = R(() => Ce(
+const je = Object.freeze(["treeNode", "widgetId", "parentId"]);
+function Fe(e, o, u = {}, s = []) {
+  const n = Te(o.treeNode, e), t = de(
+    g.Context.PARENT_ID_KEY,
+    O(void 0)
+  ), a = R(() => o.parentId || n?.config?.parentId || t.value), r = R(() => o.widgetId || n?.uid || Be(e));
+  ve(g.Context.PARENT_ID_KEY, r);
+  const d = /* @__PURE__ */ new Set([...je, ...s]), y = n?.config || {}, k = ee(o, d), h = R(() => we(
     e,
     r.value,
     a.value,
     u,
-    m,
+    y,
     k
-  )), f = R(() => {
-    const p = ee(o, d);
+  )), p = R(() => {
+    const f = ee(o, d);
     return {
-      ...p,
+      ...f,
       parentId: a.value,
-      layout: p.layout || void 0
+      layout: f.layout || void 0
       // 只有当传入了新的 layout 时才包裹
     };
   });
-  return { uid: r, initialConfig: h, reactiveConfig: f };
+  return { uid: r, initialConfig: h, reactiveConfig: p };
 }
-function et(e, o, u = {}, s) {
-  const n = e(), t = R(() => n), a = L(), r = L(), d = L(null);
-  let m = { ...o.value };
+function Ye(e, o, u = {}, s) {
+  const n = e(), t = R(() => n), a = O(), r = O(), d = O(null);
+  let y = { ...o.value };
   J(
     o,
-    (f) => {
+    (p) => {
       if (!t.value) return;
-      const p = Ze(m, f);
-      Object.keys(p).length > 0 && t.value.updateConfig(p), m = { ...o.value };
+      const f = ze(y, p);
+      Object.keys(f).length > 0 && t.value.updateConfig(f), y = { ...o.value };
     },
     { deep: !0 }
   );
-  const k = (f) => {
-    _e(t.value, f);
+  const k = (p) => {
+    Se(t.value, p);
   };
-  re(() => {
-    he.getInstance().register(n), "subscribeState" in n && n.subscribeState(
-      (f) => a.value = f
+  oe(() => {
+    De.getInstance().register(n), "subscribeState" in n && n.subscribeState(
+      (p) => a.value = p
     ), "subscribeConfig" in n && n.subscribeConfig(
-      (f) => r.value = f
-    ), s && k(s), Te.getInstance().init();
+      (p) => r.value = p
+    ), s && k(s), Ee.getInstance().init();
   }), Q(() => {
     t.value && t.value.destroy();
   });
-  const h = "onPointerDown" in n ? Ee(n, u) : {};
+  const h = "onPointerDown" in n ? $e(n, u) : {};
   return {
     core: t,
-    state: oe(a),
+    state: q(a),
     domEvents: h,
-    effectiveConfig: oe(r),
+    effectiveConfig: q(r),
     elementRef: d,
     bindDelegates: k
   };
 }
-function tt(e, o, u) {
-  const s = ze(null);
+function Je(e, o, u) {
+  const s = pe(null);
   let n = null;
   return J(
     () => o.value?.layout?.stickySelector,
     (t, a, r) => {
       if (!e.value) return;
-      n || (n = new ke(
-        ie.getInstance(),
-        e.value,
-        u
-      ));
+      n || (n = new Ie(e.value, u));
       const d = n.handleSelectorChange(
         t,
         s.value,
-        (m) => Ne(m)
+        (y) => xe(y)
       );
       s.value = d.provider, r(() => {
         n?.onCleanUp();
@@ -148,8 +148,8 @@ function tt(e, o, u) {
     stickyProvider: s
   };
 }
-function ot() {
-  const e = L(0);
+function Qe() {
+  const e = O(0);
   return {
     /** Call this inside computed to track dependency */
     depend: () => e.value,
@@ -159,16 +159,15 @@ function ot() {
     }
   };
 }
-function nt(e, o, u) {
+function Ge(e, o, u) {
   let s = null;
   const n = (t) => t instanceof Element ? t : t?.$el instanceof Element ? t.$el : null;
-  re(() => {
+  oe(() => {
     const t = e.value, a = n(o.value);
-    t && a && (s = Re(
+    t && a && (s = Ue(
       t,
       a,
-      ie.getInstance(),
-      (r) => Fe(r.getBoundingClientRect()),
+      (r) => Me(r.getBoundingClientRect()),
       u?.value
     ));
   }), Q(() => {
@@ -176,32 +175,32 @@ function nt(e, o, u) {
   });
 }
 function V(e, o, u = {}) {
-  const { uid: s, initialConfig: n, reactiveConfig: t } = qe(
+  const { uid: s, initialConfig: n, reactiveConfig: t } = Fe(
     e,
     o,
     u.defaultProps,
     u.extraSkipProps
-  ), { core: a, state: r, effectiveConfig: d, elementRef: m, domEvents: k, bindDelegates: h } = et(
+  ), { core: a, state: r, effectiveConfig: d, elementRef: y, domEvents: k, bindDelegates: h } = Ye(
     () => {
-      const c = He(e);
+      const c = Ke(e);
       return new c(s.value, n.value, o.treeNode?.type);
     },
     t,
     u.domEventOptions,
     u.initialDelegates
-  ), f = ot(), { stickyProvider: p } = tt(
+  ), p = Qe(), { stickyProvider: f } = Je(
     a,
     d,
-    f.notify
+    p.notify
   );
-  nt(a, m, p);
+  Ge(a, y, f);
   const _ = R(() => {
-    f.depend();
+    p.depend();
     const c = d.value?.layout;
-    if (p.value) {
-      const D = p.value.getRect();
-      if (D)
-        return Ae(c, D);
+    if (f.value) {
+      const T = f.value.getRect();
+      if (T)
+        return Le(c, T);
     }
     return c;
   });
@@ -212,7 +211,7 @@ function V(e, o, u = {}) {
     effectiveConfig: d,
     effectiveLayout: _,
     // 给 UI 组件绑定样式用
-    elementRef: m,
+    elementRef: y,
     // 给 UI 组件绑定 ref 用
     domEvents: k,
     // 给 UI 组件绑定事件用
@@ -220,7 +219,7 @@ function V(e, o, u = {}) {
     // 运行时注入方法
   };
 }
-const it = ["id"], st = /* @__PURE__ */ I({
+const He = ["id"], Xe = /* @__PURE__ */ $({
   __name: "InputZone",
   props: {
     treeNode: {},
@@ -229,33 +228,33 @@ const it = ["id"], st = /* @__PURE__ */ I({
     preventFocusLoss: {}
   },
   setup(e) {
-    const o = e, u = Me(), s = L(null), { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: m, elementRef: k, bindDelegates: h } = V(b.INPUT_ZONE, o, {
+    const o = e, u = fe(), s = O(null), { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: y, elementRef: k, bindDelegates: h } = V(g.Types.INPUT_ZONE, o, {
       domEventOptions: {
         requireDirectHit: !0
       }
-    }), f = R(() => De(
+    }), p = R(() => Ne(
       o.treeNode?.children,
       o.treeNode?.config?.dynamicWidgetId
-    )), p = R(() => {
-      const K = (u.dynamicWidget?.() || []).filter(($) => !($.type === Comment || $.type === Text));
-      return we(
-        K,
+    )), f = R(() => {
+      const Z = (u.dynamicWidget?.() || []).filter((I) => !(I.type === Comment || I.type === Text));
+      return Ae(
+        Z,
         o.treeNode?.children,
         o.treeNode?.config?.dynamicWidgetId
       );
     }), _ = R(() => {
-      const P = p.value.nodeToRender;
-      return le(P.config?.baseType || P.type);
+      const P = f.value.nodeToRender;
+      return se(P.config?.baseType || P.type);
     });
     J(
       s,
       (P) => {
-        Ve(() => {
+        ye(() => {
           P && P?.uid && (t.value?.updateConfig({
             dynamicWidgetId: P.uid
           }), h({
-            dynamicWidgetPointerDown: (K) => {
-              P.markRectDirty?.(), P.onPointerDown?.(K);
+            dynamicWidgetPointerDown: (Z) => {
+              P.markRectDirty?.(), P.onPointerDown?.(Z);
             },
             dynamicWidgetPointerMove: P.onPointerMove,
             dynamicWidgetPointerUp: P.onPointerUp,
@@ -265,61 +264,61 @@ const it = ["id"], st = /* @__PURE__ */ I({
       },
       { immediate: !0 }
     );
-    const c = R(() => m.value ? Z(m.value) : {}), D = Y(), v = R(() => {
+    const c = R(() => y.value ? K(y.value) : {}), T = j(), v = R(() => {
       if (!a.value) return { display: "none" };
       if (!a.value?.isDynamicActive) return { visibility: "hidden", opacity: 0 };
-      const P = a?.value?.dynamicPosition, $ = ce(P, () => {
+      const P = a?.value?.dynamicPosition, I = ie(P, () => {
         const X = t?.value?.rect;
         return { x: X?.width || 0, y: X?.height || 0 };
-      }, D);
+      }, T);
       return {
         zIndex: 100,
-        "--dynamic-widget-mount-x": $.x,
-        "--dynamic-widget-mount-y": $.y,
+        "--dynamic-widget-mount-x": I.x,
+        "--dynamic-widget-mount-y": I.y,
         visibility: "visible",
         opacity: 1,
         pointerEvents: "auto"
       };
-    }), l = (P) => r?.onPointerDown?.(P), x = (P) => r?.onPointerMove?.(P), y = (P) => r?.onPointerUp?.(P), H = (P) => r?.onPointerCancel?.(P);
-    return (P, K) => (C(), E("div", {
+    }), l = (P) => r?.onPointerDown?.(P), L = (P) => r?.onPointerMove?.(P), m = (P) => r?.onPointerUp?.(P), H = (P) => r?.onPointerCancel?.(P);
+    return (P, Z) => (C(), N("div", {
       id: i(n),
       ref_key: "elementRef",
       ref: k,
       class: w(["omnipad-input-zone omnipad-prevent", i(d)?.cssClass]),
-      style: O(c.value)
+      style: x(c.value)
     }, [
-      F(ue, { nodes: f.value }, {
-        default: S(() => [
-          g(P.$slots, "default", {}, void 0, !0)
+      F(re, { nodes: p.value }, {
+        default: D(() => [
+          b(P.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"]),
-      p.value.nodeToRender || i(t)?.isInterceptorRequired ? (C(), E("div", {
+      f.value.nodeToRender || i(t)?.isInterceptorRequired ? (C(), N("div", {
         key: 0,
         class: "omnipad-input-zone-trigger omnipad-prevent",
         onPointerdown: l,
-        onPointermove: x,
-        onPointerup: y,
+        onPointermove: L,
+        onPointerup: m,
         onPointercancel: H,
         onLostpointercapture: H
       }, [
-        T("div", {
+        S("div", {
           class: "dynamic-widget-mount",
-          style: O(v.value)
+          style: x(v.value)
         }, [
-          p.value.isFromSlot ? (C(), z(j(p.value.nodeToRender), {
+          f.value.isFromSlot ? (C(), z(Y(f.value.nodeToRender), {
             key: 0,
-            ref: ($) => s.value = $
-          }, null, 512)) : p.value.nodeToRender ? (C(), z(j(_.value), {
+            ref: (I) => s.value = I
+          }, null, 512)) : f.value.nodeToRender ? (C(), z(Y(_.value), {
             key: 1,
-            ref: ($) => s.value = $,
-            "tree-node": p.value.nodeToRender
+            ref: (I) => s.value = I,
+            "tree-node": f.value.nodeToRender
           }, null, 8, ["tree-node"])) : B("", !0)
         ], 4)
       ], 32)) : B("", !0)
-    ], 14, it));
+    ], 14, He));
   }
-}), rt = /* @__PURE__ */ U(st, [["__scopeId", "data-v-6543281e"]]), at = ["id"], ct = /* @__PURE__ */ I({
+}), qe = /* @__PURE__ */ U(Xe, [["__scopeId", "data-v-b3476578"]]), et = ["id"], tt = /* @__PURE__ */ $({
   __name: "RootLayer",
   props: {
     treeNode: {},
@@ -327,28 +326,28 @@ const it = ["id"], st = /* @__PURE__ */ I({
     layout: {}
   },
   setup(e) {
-    const o = e, { uid: u, effectiveConfig: s, effectiveLayout: n, elementRef: t } = V(b.ROOT_LAYER, o), a = R(() => n.value ? Z(n.value) : {});
-    return (r, d) => (C(), E("div", {
+    const o = e, { uid: u, effectiveConfig: s, effectiveLayout: n, elementRef: t } = V(g.Types.ROOT_LAYER, o), a = R(() => n.value ? K(n.value) : {});
+    return (r, d) => (C(), N("div", {
       id: i(u),
       ref_key: "elementRef",
       ref: t,
       class: w(["omnipad-root-layer omnipad-prevent", i(s)?.cssClass]),
-      style: O(a.value)
+      style: x(a.value)
     }, [
-      F(ue, {
+      F(re, {
         nodes: e.treeNode?.children || []
       }, {
-        default: S(() => [
-          g(r.$slots, "default", {}, void 0, !0)
+        default: D(() => [
+          b(r.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["nodes"])
-    ], 14, at));
+    ], 14, et));
   }
-}), lt = /* @__PURE__ */ U(ct, [["__scopeId", "data-v-99206012"]]), ut = ["id"], dt = {
+}), ot = /* @__PURE__ */ U(tt, [["__scopeId", "data-v-82193e80"]]), nt = ["id"], it = {
   key: 0,
   class: "omnipad-default-focus-border-feedback"
-}, vt = /* @__PURE__ */ I({
+}, st = /* @__PURE__ */ $({
   __name: "TargetZone",
   props: {
     treeNode: {},
@@ -360,89 +359,89 @@ const it = ["id"], st = /* @__PURE__ */ I({
   setup(e) {
     const o = e, u = {
       cursorAutoDelay: 2500
-    }, { uid: s, core: n, state: t, domEvents: a, effectiveConfig: r, effectiveLayout: d, elementRef: m } = V(b.TARGET_ZONE, o, {
-      defaultProps: u,
-      initialDelegates: {
-        dispatchKeyboardEvent: se,
-        dispatchPointerEventAtPos: $e,
-        reclaimFocusAtPos: Ie
-      }
-    }), k = R(() => d.value ? Z(d.value) : {}), h = Y(), f = R(() => {
+    }, { uid: s, core: n, state: t, domEvents: a, effectiveConfig: r, effectiveLayout: d, elementRef: y } = V(g.Types.TARGET_ZONE, o, {
+      defaultProps: u
+      // initialDelegates: {
+      //   dispatchKeyboardEvent: dispatchKeyboardEvent,
+      //   dispatchPointerEventAtPos: dispatchPointerEventAtPos,
+      //   reclaimFocusAtPos: reclaimFocusAtPos,
+      // },
+    }), k = R(() => d.value ? K(d.value) : {}), h = j(), p = R(() => {
       if (!t.value) return { display: "none" };
-      const v = t?.value?.position, x = ce(v, () => {
-        const y = n?.value?.rect;
-        return { x: y?.width || 0, y: y?.height || 0 };
+      const v = t?.value?.position, L = ie(v, () => {
+        const m = n?.value?.rect;
+        return { x: m?.width || 0, y: m?.height || 0 };
       }, h);
       return {
-        "--omnipad-virtual-cursor-x": x.x,
-        "--omnipad-virtual-cursor-y": x.y,
+        "--omnipad-virtual-cursor-x": L.x,
+        "--omnipad-virtual-cursor-y": L.y,
         opacity: t.value.isVisible ? 1 : 0
       };
-    }), p = (v) => a?.onPointerDown?.(v), _ = (v) => a?.onPointerMove?.(v), c = (v) => a?.onPointerUp?.(v), D = (v) => a?.onPointerCancel?.(v);
-    return (v, l) => (C(), E("div", {
+    }), f = (v) => a?.onPointerDown?.(v), _ = (v) => a?.onPointerMove?.(v), c = (v) => a?.onPointerUp?.(v), T = (v) => a?.onPointerCancel?.(v);
+    return (v, l) => (C(), N("div", {
       id: i(s),
       ref_key: "elementRef",
-      ref: m,
+      ref: y,
       class: w(["omnipad-target-zone omnipad-prevent", i(r)?.cssClass]),
-      style: O(k.value),
-      onPointerdown: p,
+      style: x(k.value),
+      onPointerdown: f,
       onPointermove: _,
       onPointerup: c,
-      onPointercancel: D,
-      onLostpointercapture: D
+      onPointercancel: T,
+      onLostpointercapture: T
     }, [
-      g(v.$slots, "focus-feedback", {
+      b(v.$slots, "focus-feedback", {
         state: i(t),
         isReturning: i(t)?.isFocusReturning,
         cursorPos: i(t)?.position
       }, () => [
-        F(Ke, { name: "omnipad-default-focus-fade" }, {
-          default: S(() => [
-            i(t)?.isFocusReturning ? (C(), E("div", dt)) : B("", !0)
+        F(me, { name: "omnipad-default-focus-fade" }, {
+          default: D(() => [
+            i(t)?.isFocusReturning ? (C(), N("div", it)) : B("", !0)
           ]),
           _: 1
         })
       ], !0),
-      i(r)?.cursorEnabled ? (C(), E("div", {
+      i(r)?.cursorEnabled ? (C(), N("div", {
         key: 0,
         class: "omnipad-virtual-cursor",
-        style: O(f.value)
+        style: x(p.value)
       }, [
-        g(v.$slots, "cursor", {
+        b(v.$slots, "cursor", {
           state: i(t),
           isDown: i(t)?.isPointerDown,
           isReturning: i(t)?.isFocusReturning,
           cursorPos: i(t)?.position
         }, () => [
-          T("div", {
+          S("div", {
             class: w(["omnipad-default-cursor-dot", { "is-down": i(t)?.isPointerDown }])
           }, null, 2)
         ], !0)
       ], 4)) : B("", !0),
-      i(r)?.cursorEnabled ? (C(), E("div", {
+      i(r)?.cursorEnabled ? (C(), N("div", {
         key: 1,
         class: "omnipad-virtual-cursor",
-        style: O(f.value)
+        style: x(p.value)
       }, [
-        g(v.$slots, "with-cursor", {
+        b(v.$slots, "with-cursor", {
           state: i(t),
           isDown: i(t)?.isPointerDown,
           isReturning: i(t)?.isFocusReturning,
           cursorPos: i(t)?.position
         }, void 0, !0)
       ], 4)) : B("", !0),
-      g(v.$slots, "default", {
+      b(v.$slots, "default", {
         state: i(t),
         isDown: i(t)?.isPointerDown,
         isReturning: i(t)?.isFocusReturning,
         cursorPos: i(t)?.position
       }, void 0, !0)
-    ], 46, ut));
+    ], 46, nt));
   }
-}), ft = /* @__PURE__ */ U(vt, [["__scopeId", "data-v-8de7c4a4"]]), pt = { class: "omnipad-button-content-layer" }, mt = {
+}), rt = /* @__PURE__ */ U(st, [["__scopeId", "data-v-337a2a06"]]), at = { class: "omnipad-button-content-layer" }, ct = {
   key: 0,
   class: "omnipad-default-button-label"
-}, yt = /* @__PURE__ */ I({
+}, lt = /* @__PURE__ */ $({
   __name: "VirtualButtonBase",
   props: {
     layout: {},
@@ -450,31 +449,31 @@ const it = ["id"], st = /* @__PURE__ */ I({
     label: {}
   },
   setup(e) {
-    const o = e, u = R(() => o.layout ? Z(o.layout) : {});
-    return (s, n) => (C(), E("div", {
+    const o = e, u = R(() => o.layout ? K(o.layout) : {});
+    return (s, n) => (C(), N("div", {
       class: "omnipad-button-base omnipad-prevent",
-      style: O(u.value),
+      style: x(u.value),
       tabindex: "-1"
     }, [
-      g(s.$slots, "base", {
+      b(s.$slots, "base", {
         isActive: e.isActive,
         label: e.label
       }, () => [
-        T("div", {
+        S("div", {
           class: w(["omnipad-default-button-base", { "is-active": e.isActive }])
         }, null, 2)
       ], !0),
-      T("div", pt, [
-        g(s.$slots, "default", {
+      S("div", at, [
+        b(s.$slots, "default", {
           isActive: e.isActive,
           label: e.label
         }, () => [
-          e.label ? (C(), E("span", mt, We(e.label), 1)) : B("", !0)
+          e.label ? (C(), N("span", ct, Pe(e.label), 1)) : B("", !0)
         ], !0)
       ])
     ], 4));
   }
-}), G = /* @__PURE__ */ U(yt, [["__scopeId", "data-v-f6a6e082"]]), Pt = /* @__PURE__ */ I({
+}), G = /* @__PURE__ */ U(lt, [["__scopeId", "data-v-ac2311ad"]]), ut = /* @__PURE__ */ $({
   __name: "VirtualButton",
   props: {
     treeNode: {},
@@ -487,37 +486,39 @@ const it = ["id"], st = /* @__PURE__ */ I({
   setup(e, { expose: o }) {
     const u = e, s = {
       label: "BTN"
-    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: m, elementRef: k } = V(b.BUTTON, u, { defaultProps: s }), h = (c) => r?.onPointerDown?.(c), f = (c) => r?.onPointerMove?.(c), p = (c) => r?.onPointerUp?.(c), _ = (c) => r?.onPointerCancel?.(c);
+    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: y, elementRef: k } = V(g.Types.BUTTON, u, {
+      defaultProps: s
+    }), h = (c) => r?.onPointerDown?.(c), p = (c) => r?.onPointerMove?.(c), f = (c) => r?.onPointerUp?.(c), _ = (c) => r?.onPointerCancel?.(c);
     return o({
       uid: n,
       onPointerDown: h,
-      onPointerMove: f,
-      onPointerUp: p,
+      onPointerMove: p,
+      onPointerUp: f,
       onPointerCancel: _,
       markRectDirty: () => t.value?.markRectDirty
-    }), (c, D) => (C(), z(G, {
+    }), (c, T) => (C(), z(G, {
       id: i(n),
       ref_key: "elementRef",
       ref: k,
       class: w(["omnipad-button omnipad-prevent", i(d)?.cssClass]),
-      layout: i(m),
+      layout: i(y),
       label: i(d)?.label,
       "is-active": i(a)?.isPressed,
       onPointerdown: h,
-      onPointerup: p,
+      onPointerup: f,
       onPointercancel: _,
       onLostpointercapture: _
     }, {
-      base: S((v) => [
-        g(c.$slots, "base", N(A(v)))
+      base: D((v) => [
+        b(c.$slots, "base", A(E(v)))
       ]),
-      default: S((v) => [
-        g(c.$slots, "default", N(A(v)))
+      default: D((v) => [
+        b(c.$slots, "default", A(E(v)))
       ]),
       _: 3
     }, 8, ["id", "class", "layout", "label", "is-active"]));
   }
-}), gt = { class: "omnipad-axis-bg" }, bt = { class: "omnipad-axis-content-layer" }, Ct = /* @__PURE__ */ I({
+}), dt = { class: "omnipad-axis-bg" }, vt = { class: "omnipad-axis-content-layer" }, pt = /* @__PURE__ */ $({
   __name: "VirtualAxisBase",
   props: {
     layout: {},
@@ -527,51 +528,51 @@ const it = ["id"], st = /* @__PURE__ */ I({
     baseSize: {}
   },
   setup(e) {
-    const o = e, u = R(() => o.layout ? Z(o.layout) : {}), s = Y(), n = R(() => {
-      const t = o.vector?.x || 0, a = o.vector?.y || 0, r = o.baseSize?.x || 0, d = o.baseSize?.y || 0, m = je({ x: t, y: a }, { x: r, y: d }, s);
+    const o = e, u = R(() => o.layout ? K(o.layout) : {}), s = j(), n = R(() => {
+      const t = o.vector?.x || 0, a = o.vector?.y || 0, r = o.baseSize?.x || 0, d = o.baseSize?.y || 0, y = Oe({ x: t, y: a }, { x: r, y: d }, s);
       return {
-        "--omnipad-axis-stick-container-x": m.x,
-        "--omnipad-axis-stick-container-y": m.y,
-        "--omnipad-axis-stick-width": m.width,
-        "--omnipad-axis-stick-height": m.height,
+        "--omnipad-axis-stick-container-x": y.x,
+        "--omnipad-axis-stick-container-y": y.y,
+        "--omnipad-axis-stick-width": y.width,
+        "--omnipad-axis-stick-height": y.height,
         // 松手时加一点回弹过渡，活动时取消过渡保证绝对跟手
         transition: o.isActive ? "none" : "transform 0.1s ease-out"
       };
     });
-    return (t, a) => (C(), E("div", {
+    return (t, a) => (C(), N("div", {
       class: w(["omnipad-axis-base omnipad-prevent", { "is-active": e.isActive }]),
-      style: O(u.value),
+      style: x(u.value),
       tabindex: "-1"
     }, [
-      T("div", gt, [
-        g(t.$slots, "base", {
+      S("div", dt, [
+        b(t.$slots, "base", {
           isActive: e.isActive,
           vector: e.vector
         }, void 0, !0)
       ]),
-      e.showStick ? (C(), E("div", {
+      e.showStick ? (C(), N("div", {
         key: 0,
         class: "omnipad-axis-stick-container",
-        style: O(n.value)
+        style: x(n.value)
       }, [
-        g(t.$slots, "stick", {
+        b(t.$slots, "stick", {
           isActive: e.isActive,
           vector: e.vector
         }, () => [
-          T("div", {
+          S("div", {
             class: w(["omnipad-default-axis-stick", { "is-active": e.isActive }])
           }, null, 2)
         ], !0)
       ], 4)) : B("", !0),
-      T("div", bt, [
-        g(t.$slots, "default", {
+      S("div", vt, [
+        b(t.$slots, "default", {
           isActive: e.isActive,
           vector: e.vector
         }, void 0, !0)
       ])
     ], 6));
   }
-}), de = /* @__PURE__ */ U(Ct, [["__scopeId", "data-v-9eef9626"]]), ht = { class: "omnipad-dpad-cross-bg" }, _t = /* @__PURE__ */ I({
+}), ae = /* @__PURE__ */ U(pt, [["__scopeId", "data-v-0d717d04"]]), ft = { class: "omnipad-dpad-cross-bg" }, yt = /* @__PURE__ */ $({
   __name: "VirtualDPad",
   props: {
     treeNode: {},
@@ -586,64 +587,64 @@ const it = ["id"], st = /* @__PURE__ */ I({
     const u = e, s = {
       showStick: !1,
       threshold: 0.3
-    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: m, elementRef: k } = V(b.D_PAD, u, { defaultProps: s }), h = Y(), f = L({ x: 0, y: 0 }), p = ae(() => {
+    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: y, elementRef: k } = V(g.Types.D_PAD, u, { defaultProps: s }), h = j(), p = O({ x: 0, y: 0 }), f = ne(() => {
       const l = t.value?.rect;
-      l && (f.value = { x: l.width, y: l.height });
+      l && (p.value = { x: l.width, y: l.height });
     });
-    h && p();
-    const _ = (l) => r?.onPointerDown?.(l), c = (l) => r?.onPointerMove?.(l), D = (l) => r?.onPointerUp?.(l), v = (l) => r?.onPointerCancel?.(l);
+    h && f();
+    const _ = (l) => r?.onPointerDown?.(l), c = (l) => r?.onPointerMove?.(l), T = (l) => r?.onPointerUp?.(l), v = (l) => r?.onPointerCancel?.(l);
     return o({
       uid: n,
       onPointerDown: _,
       onPointerMove: c,
-      onPointerUp: D,
+      onPointerUp: T,
       onPointerCancel: v,
       markRectDirty: () => t.value?.markRectDirty()
-    }), (l, x) => (C(), z(de, {
+    }), (l, L) => (C(), z(ae, {
       id: i(n),
       ref_key: "elementRef",
       ref: k,
       class: w(["omnipad-dpad omnipad-prevent", i(d)?.cssClass]),
-      layout: i(m),
+      layout: i(y),
       "is-active": i(a)?.isActive,
       vector: i(a)?.vector,
       "show-stick": i(d)?.showStick,
-      "base-size": f.value,
+      "base-size": p.value,
       onPointerdown: _,
       onPointermove: c,
-      onPointerup: D,
+      onPointerup: T,
       onPointercancel: v,
       onLostpointercapture: v
     }, {
-      base: S((y) => [
-        g(l.$slots, "base", N(A(y)), () => [
-          T("div", ht, [
-            T("div", {
-              class: w(["dpad-arm top", { on: y.vector && y.vector.y < -i(d)?.threshold }])
+      base: D((m) => [
+        b(l.$slots, "base", A(E(m)), () => [
+          S("div", ft, [
+            S("div", {
+              class: w(["dpad-arm top", { on: m.vector && m.vector.y < -i(d)?.threshold }])
             }, null, 2),
-            T("div", {
-              class: w(["dpad-arm bottom", { on: y.vector && y.vector.y > i(d)?.threshold }])
+            S("div", {
+              class: w(["dpad-arm bottom", { on: m.vector && m.vector.y > i(d)?.threshold }])
             }, null, 2),
-            T("div", {
-              class: w(["dpad-arm left", { on: y.vector && y.vector.x < -i(d)?.threshold }])
+            S("div", {
+              class: w(["dpad-arm left", { on: m.vector && m.vector.x < -i(d)?.threshold }])
             }, null, 2),
-            T("div", {
-              class: w(["dpad-arm right", { on: y.vector && y.vector.x > i(d)?.threshold }])
+            S("div", {
+              class: w(["dpad-arm right", { on: m.vector && m.vector.x > i(d)?.threshold }])
             }, null, 2),
-            x[0] || (x[0] = T("div", { class: "dpad-center" }, null, -1))
+            L[0] || (L[0] = S("div", { class: "dpad-center" }, null, -1))
           ])
         ], !0)
       ]),
-      stick: S((y) => [
-        g(l.$slots, "stick", N(A(y)), void 0, !0)
+      stick: D((m) => [
+        b(l.$slots, "stick", A(E(m)), void 0, !0)
       ]),
-      default: S((y) => [
-        g(l.$slots, "default", N(A(y)), void 0, !0)
+      default: D((m) => [
+        b(l.$slots, "default", A(E(m)), void 0, !0)
       ]),
       _: 3
     }, 8, ["id", "class", "layout", "is-active", "vector", "show-stick", "base-size"]));
   }
-}), kt = /* @__PURE__ */ U(_t, [["__scopeId", "data-v-2690a0c6"]]), Rt = /* @__PURE__ */ I({
+}), mt = /* @__PURE__ */ U(yt, [["__scopeId", "data-v-2ddb7fb4"]]), Pt = /* @__PURE__ */ $({
   __name: "VirtualTrackpad",
   props: {
     treeNode: {},
@@ -658,40 +659,40 @@ const it = ["id"], st = /* @__PURE__ */ I({
     const u = e, s = {
       label: "TRACKPAD",
       sensitivity: 1
-    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: m, elementRef: k } = V(b.TRACKPAD, u, {
+    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: y, elementRef: k } = V(g.Types.TRACKPAD, u, {
       defaultProps: s
-    }), h = (c) => r?.onPointerDown?.(c), f = (c) => r?.onPointerMove?.(c), p = (c) => r?.onPointerUp?.(c), _ = (c) => r?.onPointerCancel?.(c);
+    }), h = (c) => r?.onPointerDown?.(c), p = (c) => r?.onPointerMove?.(c), f = (c) => r?.onPointerUp?.(c), _ = (c) => r?.onPointerCancel?.(c);
     return o({
       uid: n,
       onPointerDown: h,
-      onPointerMove: f,
-      onPointerUp: p,
+      onPointerMove: p,
+      onPointerUp: f,
       onPointerCancel: _,
       markRectDirty: () => t.value?.markRectDirty
-    }), (c, D) => (C(), z(G, {
+    }), (c, T) => (C(), z(G, {
       id: i(n),
       ref_key: "elementRef",
       ref: k,
       class: w(["omnipad-trackpad omnipad-prevent", i(d)?.cssClass]),
-      layout: i(m),
+      layout: i(y),
       label: i(d)?.label,
       "is-active": i(a)?.isPressed,
       onPointerdown: h,
-      onPointermove: f,
-      onPointerup: p,
+      onPointermove: p,
+      onPointerup: f,
       onPointercancel: _,
       onLostpointercapture: _
     }, {
-      base: S((v) => [
-        g(c.$slots, "base", N(A(v)), void 0, !0)
+      base: D((v) => [
+        b(c.$slots, "base", A(E(v)), void 0, !0)
       ]),
-      default: S((v) => [
-        g(c.$slots, "default", N(A(v)), void 0, !0)
+      default: D((v) => [
+        b(c.$slots, "default", A(E(v)), void 0, !0)
       ]),
       _: 3
     }, 8, ["id", "class", "layout", "label", "is-active"]));
   }
-}), Dt = /* @__PURE__ */ U(Rt, [["__scopeId", "data-v-55cc7ea4"]]), wt = /* @__PURE__ */ I({
+}), gt = /* @__PURE__ */ U(Pt, [["__scopeId", "data-v-6296b4a3"]]), bt = /* @__PURE__ */ $({
   __name: "VirtualJoystick",
   props: {
     treeNode: {},
@@ -710,82 +711,79 @@ const it = ["id"], st = /* @__PURE__ */ I({
       threshold: 0.2,
       cursorMode: !1,
       cursorSensitivity: 1
-    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: m, elementRef: k } = V(b.JOYSTICK, u, {
+    }, { uid: n, core: t, state: a, domEvents: r, effectiveConfig: d, effectiveLayout: y, elementRef: k } = V(g.Types.JOYSTICK, u, {
       defaultProps: s
-    }), h = Y(), f = L({ x: 0, y: 0 }), p = ae(() => {
+    }), h = j(), p = O({ x: 0, y: 0 }), f = ne(() => {
       const l = t.value?.rect;
-      l && (f.value = { x: l.width, y: l.height });
+      l && (p.value = { x: l.width, y: l.height });
     });
-    h && p();
-    const _ = (l) => r?.onPointerDown?.(l), c = (l) => r?.onPointerMove?.(l), D = (l) => r?.onPointerUp?.(l), v = (l) => r?.onPointerCancel?.(l);
+    h && f();
+    const _ = (l) => r?.onPointerDown?.(l), c = (l) => r?.onPointerMove?.(l), T = (l) => r?.onPointerUp?.(l), v = (l) => r?.onPointerCancel?.(l);
     return o({
       uid: n,
       onPointerDown: _,
       onPointerMove: c,
-      onPointerUp: D,
+      onPointerUp: T,
       onPointerCancel: v,
       markRectDirty: () => t.value?.markRectDirty
-    }), (l, x) => (C(), z(de, {
+    }), (l, L) => (C(), z(ae, {
       id: i(n),
       ref_key: "elementRef",
       ref: k,
       class: w(["omnipad-joystick omnipad-prevent", i(d)?.cssClass]),
-      layout: i(m),
+      layout: i(y),
       "is-active": i(a)?.isActive,
       vector: i(a)?.vector,
       "show-stick": "",
-      "base-size": f.value,
+      "base-size": p.value,
       onPointerdown: _,
       onPointermove: c,
-      onPointerup: D,
+      onPointerup: T,
       onPointercancel: v,
       onLostpointercapture: v
     }, {
-      base: S((y) => [
-        g(l.$slots, "base", N(A(y)), void 0, !0)
+      base: D((m) => [
+        b(l.$slots, "base", A(E(m)), void 0, !0)
       ]),
-      stick: S(() => [
+      stick: D(() => [
         F(G, {
           layout: { height: "100%", width: "100%" },
           "is-active": i(a)?.isPressed,
           label: i(d)?.label
         }, {
-          base: S((y) => [
-            g(l.$slots, "stick-base", N(A(y)), void 0, !0)
+          base: D((m) => [
+            b(l.$slots, "stick-base", A(E(m)), void 0, !0)
           ]),
-          default: S((y) => [
-            g(l.$slots, "stick", N(A(y)), void 0, !0)
+          default: D((m) => [
+            b(l.$slots, "stick", A(E(m)), void 0, !0)
           ]),
           _: 3
         }, 8, ["is-active", "label"])
       ]),
-      default: S((y) => [
-        g(l.$slots, "default", N(A(y)), void 0, !0)
+      default: D((m) => [
+        b(l.$slots, "default", A(E(m)), void 0, !0)
       ]),
       _: 3
     }, 8, ["id", "class", "layout", "is-active", "vector", "base-size"]));
   }
-}), St = /* @__PURE__ */ U(wt, [["__scopeId", "data-v-b0ffdd7b"]]);
-M(b.BUTTON, Pt);
-M(b.INPUT_ZONE, rt);
-M(b.ROOT_LAYER, lt);
-M(b.TARGET_ZONE, ft);
-M(b.TRACKPAD, Dt);
-M(b.D_PAD, kt);
-M(b.JOYSTICK, St);
-Se((e) => {
-  (e.type === te.KEYDOWN || e.type === te.KEYUP) && se(e.type, e.payload);
-});
+}), Ct = /* @__PURE__ */ U(bt, [["__scopeId", "data-v-ed714528"]]);
+M(g.Types.BUTTON, ut);
+M(g.Types.INPUT_ZONE, qe);
+M(g.Types.ROOT_LAYER, ot);
+M(g.Types.TARGET_ZONE, rt);
+M(g.Types.TRACKPAD, gt);
+M(g.Types.D_PAD, mt);
+M(g.Types.JOYSTICK, Ct);
 export {
-  rt as InputZone,
-  lt as RootLayer,
-  ft as TargetZone,
-  Pt as VirtualButton,
-  kt as VirtualDPad,
-  St as VirtualJoystick,
-  Dt as VirtualTrackpad,
-  le as getComponent,
-  ne as getComponentSafe,
-  It as hasRegisteredComponent,
+  qe as InputZone,
+  ot as RootLayer,
+  rt as TargetZone,
+  ut as VirtualButton,
+  mt as VirtualDPad,
+  Ct as VirtualJoystick,
+  gt as VirtualTrackpad,
+  se as getComponent,
+  te as getComponentSafe,
+  wt as hasRegisteredComponent,
   M as registerComponent
 };

package/dist/omnipad-vue.umd.js

@@ -1 +1 @@
-(function(_,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@omnipad/core"),require("@omnipad/core/dom"),require("vue"),require("@omnipad/core/utils")):typeof define=="function"&&define.amd?define(["exports","@omnipad/core","@omnipad/core/dom","vue","@omnipad/core/utils"],i):(_=typeof globalThis<"u"?globalThis:_||self,i(_.OmniPadVue={},_.OmniPadCore,_.OmniPadCoreDom,_.Vue,_.OmniPadCoreUtils))})(this,(function(_,i,E,e,R){"use strict";const z={};function N(t,o){z[t]=o}function A(t){const o=z[t];return o||e.defineComponent({render:()=>e.h("div",{style:"color:red"},`[Unknown: ${t}]`)})}function I(t){return!t||!z[t]?null:z[t]}function F(t){return t?!!z[t]:!1}const Q={class:"omnipad-virtual-layer-base omnipad-prevent"},J=e.defineComponent({__name:"VirtualLayerBase",props:{nodes:{}},setup(t){const o=t,f=e.computed(()=>(o.nodes||[]).map(a=>{let r=I(a.type);return!r&&a.config?.baseType&&(r=I(a.config.baseType)),r||(r=A(a.type)),{node:a,component:r}}));return(a,r)=>(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),{key:n.node.uid,"tree-node":n.node},null,8,["tree-node"]))),128)),e.renderSlot(a.$slots,"default",{},void 0,!0)]))}}),T=(t,o)=>{const f=t.__vccOpts||t;for(const[a,r]of o)f[a]=r;return f},M=T(J,[["__scopeId","data-v-a172c7c0"]]),G={[i.CMP_TYPES.BUTTON]:i.ButtonCore,[i.CMP_TYPES.JOYSTICK]:i.JoystickCore,[i.CMP_TYPES.D_PAD]:i.DPadCore,[i.CMP_TYPES.TRACKPAD]:i.TrackpadCore,[i.CMP_TYPES.INPUT_ZONE]:i.InputZoneCore,[i.CMP_TYPES.TARGET_ZONE]:i.TargetZoneCore,[i.CMP_TYPES.ROOT_LAYER]:i.RootLayerCore};function H(t){const o=G[t];if(!o)throw new Error(`[OmniPad-Vue] No core logic defined for entity type: "${t}"`);return o}const q=Object.freeze(["treeNode","widgetId","parentId"]);function X(t,o,f={},a=[]){const r=i.validateWidgetNode(o.treeNode,t),n=e.inject(i.CONTEXT.PARENT_ID_KEY,e.ref(void 0)),c=e.computed(()=>o.parentId||r?.config?.parentId||n.value),s=e.computed(()=>o.widgetId||r?.uid||R.generateUID(t));e.provide(i.CONTEXT.PARENT_ID_KEY,s);const p=new Set([...q,...a]),P=r?.config||{},h=i.getOverrideProps(o,p),k=e.computed(()=>i.mergeWidgetConfig(t,s.value,c.value,f,P,h)),u=e.computed(()=>{const y=i.getOverrideProps(o,p);return{...y,parentId:c.value,layout:y.layout||void 0}});return{uid:s,initialConfig:k,reactiveConfig:u}}function ee(t,o,f={},a){const r=t(),n=e.computed(()=>r),c=e.ref(),s=e.ref(),p=e.ref(null);let P={...o.value};e.watch(o,u=>{if(!n.value)return;const y=R.getObjectDiff(P,u);Object.keys(y).length>0&&n.value.updateConfig(y),P={...o.value}},{deep:!0});const h=u=>{i.bindEntityDelegates(n.value,u)};e.onMounted(()=>{i.Registry.getInstance().register(r),"subscribeState"in r&&r.subscribeState(u=>c.value=u),"subscribeConfig"in r&&r.subscribeConfig(u=>s.value=u),a&&h(a),E.WindowManager.getInstance().init()}),e.onUnmounted(()=>{n.value&&n.value.destroy()});const k="onPointerDown"in r?E.createPointerBridge(r,f):{};return{core:n,state:e.readonly(c),domEvents:k,effectiveConfig:e.readonly(s),elementRef:p,bindDelegates:h}}function te(t,o,f){const a=e.shallowRef(null);let r=null;return e.watch(()=>o.value?.layout?.stickySelector,(n,c,s)=>{if(!t.value)return;r||(r=new i.StickyController(E.ElementObserver.getInstance(),t.value,f));const p=r.handleSelectorChange(n,a.value,P=>E.createWebStickyProvider(P));a.value=p.provider,s(()=>{r?.onCleanUp()})},{immediate:!0}),e.onUnmounted(()=>{r?.onCleanUp(),a.value=null}),{stickyProvider:a}}function ne(){const t=e.ref(0);return{depend:()=>t.value,notify:()=>{t.value=(t.value+1)%65535}}}function oe(t,o,f){let a=null;const r=n=>n instanceof Element?n:n?.$el instanceof Element?n.$el:null;e.onMounted(()=>{const n=t.value,c=r(o.value);n&&c&&(a=i.setupSpatialLogic(n,c,E.ElementObserver.getInstance(),s=>R.distillRect(s.getBoundingClientRect()),f?.value))}),e.onUnmounted(()=>{a&&a()})}function B(t,o,f={}){const{uid:a,initialConfig:r,reactiveConfig:n}=X(t,o,f.defaultProps,f.extraSkipProps),{core:c,state:s,effectiveConfig:p,elementRef:P,domEvents:h,bindDelegates:k}=ee(()=>{const d=H(t);return new d(a.value,r.value,o.treeNode?.type)},n,f.domEventOptions,f.initialDelegates),u=ne(),{stickyProvider:y}=te(c,p,u.notify);oe(c,P,y);const S=e.computed(()=>{u.depend();const d=p.value?.layout;if(y.value){const b=y.value.getRect();if(b)return E.flattenToHostLayout(d,b)}return d});return{uid:a,core:c,state:s,effectiveConfig:p,effectiveLayout:S,elementRef:P,domEvents:h,bindDelegates:k}}const re=["id"],O=T(e.defineComponent({__name:"InputZone",props:{treeNode:{},widgetId:{},layout:{},preventFocusLoss:{}},setup(t){const o=t,f=e.useSlots(),a=e.ref(null),{uid:r,core:n,state:c,domEvents:s,effectiveConfig:p,effectiveLayout:P,elementRef:h,bindDelegates:k}=B(i.CMP_TYPES.INPUT_ZONE,o,{domEventOptions:{requireDirectHit:!0}}),u=e.computed(()=>i.filterNotDynamicChildren(o.treeNode?.children,o.treeNode?.config?.dynamicWidgetId)),y=e.computed(()=>{const $=(f.dynamicWidget?.()||[]).filter(w=>!(w.type===Comment||w.type===Text));return i.resolveDynamicWidget($,o.treeNode?.children,o.treeNode?.config?.dynamicWidgetId)}),S=e.computed(()=>{const g=y.value.nodeToRender;return A(g.config?.baseType||g.type)});e.watch(a,g=>{e.nextTick(()=>{g&&g?.uid&&(n.value?.updateConfig({dynamicWidgetId:g.uid}),k({dynamicWidgetPointerDown:$=>{g.markRectDirty?.(),g.onPointerDown?.($)},dynamicWidgetPointerMove:g.onPointerMove,dynamicWidgetPointerUp:g.onPointerUp,dynamicWidgetPointerCancel:g.onPointerCancel}))})},{immediate:!0});const d=e.computed(()=>P.value?R.resolveLayoutStyle(P.value):{}),b=E.supportsContainerQueries(),m=e.computed(()=>{if(!c.value)return{display:"none"};if(!c.value?.isDynamicActive)return{visibility:"hidden",opacity:0};const g=c?.value?.dynamicPosition,$=()=>{const j=n?.value?.rect;return{x:j?.width||0,y:j?.height||0}},w=R.projectPercentToBox(g,$,b);return{zIndex:100,"--dynamic-widget-mount-x":w.x,"--dynamic-widget-mount-y":w.y,visibility:"visible",opacity:1,pointerEvents:"auto"}}),l=g=>s?.onPointerDown?.(g),D=g=>s?.onPointerMove?.(g),C=g=>s?.onPointerUp?.(g),W=g=>s?.onPointerCancel?.(g);return(g,$)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(r),ref_key:"elementRef",ref:h,class:e.normalizeClass(["omnipad-input-zone omnipad-prevent",e.unref(p)?.cssClass]),style:e.normalizeStyle(d.value)},[e.createVNode(M,{nodes:u.value},{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"]),y.value.nodeToRender||e.unref(n)?.isInterceptorRequired?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-input-zone-trigger omnipad-prevent",onPointerdown:l,onPointermove:D,onPointerup:C,onPointercancel:W,onLostpointercapture:W},[e.createElementVNode("div",{class:"dynamic-widget-mount",style:e.normalizeStyle(m.value)},[y.value.isFromSlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value.nodeToRender),{key:0,ref:w=>a.value=w},null,512)):y.value.nodeToRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value),{key:1,ref:w=>a.value=w,"tree-node":y.value.nodeToRender},null,8,["tree-node"])):e.createCommentVNode("",!0)],4)],32)):e.createCommentVNode("",!0)],14,re))}}),[["__scopeId","data-v-6543281e"]]),ie=["id"],v=T(e.defineComponent({__name:"RootLayer",props:{treeNode:{},widgetId:{},layout:{}},setup(t){const o=t,{uid:f,effectiveConfig:a,effectiveLayout:r,elementRef:n}=B(i.CMP_TYPES.ROOT_LAYER,o),c=e.computed(()=>r.value?R.resolveLayoutStyle(r.value):{});return(s,p)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(f),ref_key:"elementRef",ref:n,class:e.normalizeClass(["omnipad-root-layer omnipad-prevent",e.unref(a)?.cssClass]),style:e.normalizeStyle(c.value)},[e.createVNode(M,{nodes:t.treeNode?.children||[]},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"])],14,ie))}}),[["__scopeId","data-v-99206012"]]),ae=["id"],se={key:0,class:"omnipad-default-focus-border-feedback"},x=T(e.defineComponent({__name:"TargetZone",props:{treeNode:{},widgetId:{},cursorEnabled:{},cursorAutoDelay:{},layout:{}},setup(t){const o=t,f={cursorAutoDelay:2500},{uid:a,core:r,state:n,domEvents:c,effectiveConfig:s,effectiveLayout:p,elementRef:P}=B(i.CMP_TYPES.TARGET_ZONE,o,{defaultProps:f,initialDelegates:{dispatchKeyboardEvent:E.dispatchKeyboardEvent,dispatchPointerEventAtPos:E.dispatchPointerEventAtPos,reclaimFocusAtPos:E.reclaimFocusAtPos}}),h=e.computed(()=>p.value?R.resolveLayoutStyle(p.value):{}),k=E.supportsContainerQueries(),u=e.computed(()=>{if(!n.value)return{display:"none"};const m=n?.value?.position,l=()=>{const C=r?.value?.rect;return{x:C?.width||0,y:C?.height||0}},D=R.projectPercentToBox(m,l,k);return{"--omnipad-virtual-cursor-x":D.x,"--omnipad-virtual-cursor-y":D.y,opacity:n.value.isVisible?1:0}}),y=m=>c?.onPointerDown?.(m),S=m=>c?.onPointerMove?.(m),d=m=>c?.onPointerUp?.(m),b=m=>c?.onPointerCancel?.(m);return(m,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a),ref_key:"elementRef",ref:P,class:e.normalizeClass(["omnipad-target-zone omnipad-prevent",e.unref(s)?.cssClass]),style:e.normalizeStyle(h.value),onPointerdown:y,onPointermove:S,onPointerup:d,onPointercancel:b,onLostpointercapture:b},[e.renderSlot(m.$slots,"focus-feedback",{state:e.unref(n),isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},()=>[e.createVNode(e.Transition,{name:"omnipad-default-focus-fade"},{default:e.withCtx(()=>[e.unref(n)?.isFocusReturning?(e.openBlock(),e.createElementBlock("div",se)):e.createCommentVNode("",!0)]),_:1})],!0),e.unref(s)?.cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-virtual-cursor",style:e.normalizeStyle(u.value)},[e.renderSlot(m.$slots,"cursor",{state:e.unref(n),isDown:e.unref(n)?.isPointerDown,isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-cursor-dot",{"is-down":e.unref(n)?.isPointerDown}])},null,2)],!0)],4)):e.createCommentVNode("",!0),e.unref(s)?.cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:1,class:"omnipad-virtual-cursor",style:e.normalizeStyle(u.value)},[e.renderSlot(m.$slots,"with-cursor",{state:e.unref(n),isDown:e.unref(n)?.isPointerDown,isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},void 0,!0)],4)):e.createCommentVNode("",!0),e.renderSlot(m.$slots,"default",{state:e.unref(n),isDown:e.unref(n)?.isPointerDown,isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},void 0,!0)],46,ae))}}),[["__scopeId","data-v-8de7c4a4"]]),ce={class:"omnipad-button-content-layer"},le={key:0,class:"omnipad-default-button-label"},V=T(e.defineComponent({__name:"VirtualButtonBase",props:{layout:{},isActive:{type:Boolean},label:{}},setup(t){const o=t,f=e.computed(()=>o.layout?R.resolveLayoutStyle(o.layout):{});return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"omnipad-button-base omnipad-prevent",style:e.normalizeStyle(f.value),tabindex:"-1"},[e.renderSlot(a.$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",ce,[e.renderSlot(a.$slots,"default",{isActive:t.isActive,label:t.label},()=>[t.label?(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],!0)])],4))}}),[["__scopeId","data-v-f6a6e082"]]),U=e.defineComponent({__name:"VirtualButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:o}){const f=t,a={label:"BTN"},{uid:r,core:n,state:c,domEvents:s,effectiveConfig:p,effectiveLayout:P,elementRef:h}=B(i.CMP_TYPES.BUTTON,f,{defaultProps:a}),k=d=>s?.onPointerDown?.(d),u=d=>s?.onPointerMove?.(d),y=d=>s?.onPointerUp?.(d),S=d=>s?.onPointerCancel?.(d);return o({uid:r,onPointerDown:k,onPointerMove:u,onPointerUp:y,onPointerCancel:S,markRectDirty:()=>n.value?.markRectDirty}),(d,b)=>(e.openBlock(),e.createBlock(V,{id:e.unref(r),ref_key:"elementRef",ref:h,class:e.normalizeClass(["omnipad-button omnipad-prevent",e.unref(p)?.cssClass]),layout:e.unref(P),label:e.unref(p)?.label,"is-active":e.unref(c)?.isPressed,onPointerdown:k,onPointerup:y,onPointercancel:S,onLostpointercapture:S},{base:e.withCtx(m=>[e.renderSlot(d.$slots,"base",e.normalizeProps(e.guardReactiveProps(m)))]),default:e.withCtx(m=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(m)))]),_:3},8,["id","class","layout","label","is-active"]))}}),de={class:"omnipad-axis-bg"},fe={class:"omnipad-axis-content-layer"},L=T(e.defineComponent({__name:"VirtualAxisBase",props:{layout:{},isActive:{type:Boolean},vector:{},showStick:{type:Boolean},baseSize:{}},setup(t){const o=t,f=e.computed(()=>o.layout?R.resolveLayoutStyle(o.layout):{}),a=E.supportsContainerQueries(),r=e.computed(()=>{const n=o.vector?.x||0,c=o.vector?.y||0,s=o.baseSize?.x||0,p=o.baseSize?.y||0,P=R.projectVectorToBox({x:n,y:c},{x:s,y:p},a);return{"--omnipad-axis-stick-container-x":P.x,"--omnipad-axis-stick-container-y":P.y,"--omnipad-axis-stick-width":P.width,"--omnipad-axis-stick-height":P.height,transition:o.isActive?"none":"transform 0.1s ease-out"}});return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["omnipad-axis-base omnipad-prevent",{"is-active":t.isActive}]),style:e.normalizeStyle(f.value),tabindex:"-1"},[e.createElementVNode("div",de,[e.renderSlot(n.$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(r.value)},[e.renderSlot(n.$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",fe,[e.renderSlot(n.$slots,"default",{isActive:t.isActive,vector:t.vector},void 0,!0)])],6))}}),[["__scopeId","data-v-9eef9626"]]),pe={class:"omnipad-dpad-cross-bg"},Y=T(e.defineComponent({__name:"VirtualDPad",props:{treeNode:{},widgetId:{},targetStageId:{},mapping:{},threshold:{},showStick:{},layout:{}},setup(t,{expose:o}){const f=t,a={showStick:!1,threshold:.3},{uid:r,core:n,state:c,domEvents:s,effectiveConfig:p,effectiveLayout:P,elementRef:h}=B(i.CMP_TYPES.D_PAD,f,{defaultProps:a}),k=E.supportsContainerQueries(),u=e.ref({x:0,y:0}),y=e.watchEffect(()=>{const l=n.value?.rect;l&&(u.value={x:l.width,y:l.height})});k&&y();const S=l=>s?.onPointerDown?.(l),d=l=>s?.onPointerMove?.(l),b=l=>s?.onPointerUp?.(l),m=l=>s?.onPointerCancel?.(l);return o({uid:r,onPointerDown:S,onPointerMove:d,onPointerUp:b,onPointerCancel:m,markRectDirty:()=>n.value?.markRectDirty()}),(l,D)=>(e.openBlock(),e.createBlock(L,{id:e.unref(r),ref_key:"elementRef",ref:h,class:e.normalizeClass(["omnipad-dpad omnipad-prevent",e.unref(p)?.cssClass]),layout:e.unref(P),"is-active":e.unref(c)?.isActive,vector:e.unref(c)?.vector,"show-stick":e.unref(p)?.showStick,"base-size":u.value,onPointerdown:S,onPointermove:d,onPointerup:b,onPointercancel:m,onLostpointercapture:m},{base:e.withCtx(C=>[e.renderSlot(l.$slots,"base",e.normalizeProps(e.guardReactiveProps(C)),()=>[e.createElementVNode("div",pe,[e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm top",{on:C.vector&&C.vector.y<-e.unref(p)?.threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm bottom",{on:C.vector&&C.vector.y>e.unref(p)?.threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm left",{on:C.vector&&C.vector.x<-e.unref(p)?.threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm right",{on:C.vector&&C.vector.x>e.unref(p)?.threshold}])},null,2),D[0]||(D[0]=e.createElementVNode("div",{class:"dpad-center"},null,-1))])],!0)]),stick:e.withCtx(C=>[e.renderSlot(l.$slots,"stick",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),default:e.withCtx(C=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),_:3},8,["id","class","layout","is-active","vector","show-stick","base-size"]))}}),[["__scopeId","data-v-2690a0c6"]]),K=T(e.defineComponent({__name:"VirtualTrackpad",props:{treeNode:{},widgetId:{},label:{},sensitivity:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:o}){const f=t,a={label:"TRACKPAD",sensitivity:1},{uid:r,core:n,state:c,domEvents:s,effectiveConfig:p,effectiveLayout:P,elementRef:h}=B(i.CMP_TYPES.TRACKPAD,f,{defaultProps:a}),k=d=>s?.onPointerDown?.(d),u=d=>s?.onPointerMove?.(d),y=d=>s?.onPointerUp?.(d),S=d=>s?.onPointerCancel?.(d);return o({uid:r,onPointerDown:k,onPointerMove:u,onPointerUp:y,onPointerCancel:S,markRectDirty:()=>n.value?.markRectDirty}),(d,b)=>(e.openBlock(),e.createBlock(V,{id:e.unref(r),ref_key:"elementRef",ref:h,class:e.normalizeClass(["omnipad-trackpad omnipad-prevent",e.unref(p)?.cssClass]),layout:e.unref(P),label:e.unref(p)?.label,"is-active":e.unref(c)?.isPressed,onPointerdown:k,onPointermove:u,onPointerup:y,onPointercancel:S,onLostpointercapture:S},{base:e.withCtx(m=>[e.renderSlot(d.$slots,"base",e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)]),default:e.withCtx(m=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)]),_:3},8,["id","class","layout","label","is-active"]))}}),[["__scopeId","data-v-55cc7ea4"]]),Z=T(e.defineComponent({__name:"VirtualJoystick",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},threshold:{},cursorMode:{},cursorSensitivity:{},mapping:{},layout:{}},setup(t,{expose:o}){const f=t,a={label:"PUSH",threshold:.2,cursorMode:!1,cursorSensitivity:1},{uid:r,core:n,state:c,domEvents:s,effectiveConfig:p,effectiveLayout:P,elementRef:h}=B(i.CMP_TYPES.JOYSTICK,f,{defaultProps:a}),k=E.supportsContainerQueries(),u=e.ref({x:0,y:0}),y=e.watchEffect(()=>{const l=n.value?.rect;l&&(u.value={x:l.width,y:l.height})});k&&y();const S=l=>s?.onPointerDown?.(l),d=l=>s?.onPointerMove?.(l),b=l=>s?.onPointerUp?.(l),m=l=>s?.onPointerCancel?.(l);return o({uid:r,onPointerDown:S,onPointerMove:d,onPointerUp:b,onPointerCancel:m,markRectDirty:()=>n.value?.markRectDirty}),(l,D)=>(e.openBlock(),e.createBlock(L,{id:e.unref(r),ref_key:"elementRef",ref:h,class:e.normalizeClass(["omnipad-joystick omnipad-prevent",e.unref(p)?.cssClass]),layout:e.unref(P),"is-active":e.unref(c)?.isActive,vector:e.unref(c)?.vector,"show-stick":"","base-size":u.value,onPointerdown:S,onPointermove:d,onPointerup:b,onPointercancel:m,onLostpointercapture:m},{base:e.withCtx(C=>[e.renderSlot(l.$slots,"base",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),stick:e.withCtx(()=>[e.createVNode(V,{layout:{height:"100%",width:"100%"},"is-active":e.unref(c)?.isPressed,label:e.unref(p)?.label},{base:e.withCtx(C=>[e.renderSlot(l.$slots,"stick-base",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),default:e.withCtx(C=>[e.renderSlot(l.$slots,"stick",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),_:3},8,["is-active","label"])]),default:e.withCtx(C=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(C)),void 0,!0)]),_:3},8,["id","class","layout","is-active","vector","base-size"]))}}),[["__scopeId","data-v-b0ffdd7b"]]);N(i.CMP_TYPES.BUTTON,U),N(i.CMP_TYPES.INPUT_ZONE,O),N(i.CMP_TYPES.ROOT_LAYER,v),N(i.CMP_TYPES.TARGET_ZONE,x),N(i.CMP_TYPES.TRACKPAD,K),N(i.CMP_TYPES.D_PAD,Y),N(i.CMP_TYPES.JOYSTICK,Z),i.setGlobalSignalHandler(t=>{(t.type===i.ACTION_TYPES.KEYDOWN||t.type===i.ACTION_TYPES.KEYUP)&&E.dispatchKeyboardEvent(t.type,t.payload)}),_.InputZone=O,_.RootLayer=v,_.TargetZone=x,_.VirtualButton=U,_.VirtualDPad=Y,_.VirtualJoystick=Z,_.VirtualTrackpad=K,_.getComponent=A,_.getComponentSafe=I,_.hasRegisteredComponent=F,_.registerComponent=N,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@omnipad/core"),require("@omnipad/web"),require("@omnipad/core/const"),require("@omnipad/core/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@omnipad/core","@omnipad/web","@omnipad/core/const","@omnipad/core/utils"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.OmniPadVue={},k.Vue,k.OmniPadCore,k.OmniPadWeb,k.OmniPadCoreConst,k.OmniPadCoreUtils))})(this,(function(k,e,b,h,g,$){"use strict";const z={};function B(t,o){z[t]=o}function V(t){const o=z[t];return o||e.defineComponent({render:()=>e.h("div",{style:"color:red"},`[Unknown: ${t}]`)})}function A(t){return!t||!z[t]?null:z[t]}function Y(t){return t?!!z[t]:!1}const J={class:"omnipad-virtual-layer-base omnipad-prevent"},q=e.defineComponent({__name:"VirtualLayerBase",props:{nodes:{}},setup(t){const o=t,d=e.computed(()=>(o.nodes||[]).map(i=>{let r=A(i.type);return!r&&i.config?.baseType&&(r=A(i.config.baseType)),r||(r=V(i.type)),{node:i,component:r}}));return(i,r)=>(e.openBlock(),e.createElementBlock("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),{key:n.node.uid,"tree-node":n.node},null,8,["tree-node"]))),128)),e.renderSlot(i.$slots,"default",{},void 0,!0)]))}}),E=(t,o)=>{const d=t.__vccOpts||t;for(const[i,r]of o)d[i]=r;return d},x=E(q,[["__scopeId","data-v-a172c7c0"]]),G={[g.OmniPad.Types.BUTTON]:b.ButtonCore,[g.OmniPad.Types.JOYSTICK]:b.JoystickCore,[g.OmniPad.Types.D_PAD]:b.DPadCore,[g.OmniPad.Types.TRACKPAD]:b.TrackpadCore,[g.OmniPad.Types.INPUT_ZONE]:b.InputZoneCore,[g.OmniPad.Types.TARGET_ZONE]:b.TargetZoneCore,[g.OmniPad.Types.ROOT_LAYER]:b.RootLayerCore};function H(t){const o=G[t];if(!o)throw new Error(`[OmniPad-Vue] No core logic defined for entity type: "${t}"`);return o}const X=Object.freeze(["treeNode","widgetId","parentId"]);function ee(t,o,d={},i=[]){const r=b.validateWidgetNode(o.treeNode,t),n=e.inject(g.OmniPad.Context.PARENT_ID_KEY,e.ref(void 0)),s=e.computed(()=>o.parentId||r?.config?.parentId||n.value),a=e.computed(()=>o.widgetId||r?.uid||$.generateUID(t));e.provide(g.OmniPad.Context.PARENT_ID_KEY,a);const m=new Set([...X,...i]),y=r?.config||{},T=b.getOverrideProps(o,m),S=e.computed(()=>b.mergeWidgetConfig(t,a.value,s.value,d,y,T)),p=e.computed(()=>{const u=b.getOverrideProps(o,m);return{...u,parentId:s.value,layout:u.layout||void 0}});return{uid:a,initialConfig:S,reactiveConfig:p}}function te(t,o,d={},i){const r=t(),n=e.computed(()=>r),s=e.ref(),a=e.ref(),m=e.ref(null);let y={...o.value};e.watch(o,p=>{if(!n.value)return;const u=$.getObjectDiff(y,p);Object.keys(u).length>0&&n.value.updateConfig(u),y={...o.value}},{deep:!0});const T=p=>{b.bindEntityDelegates(n.value,p)};e.onMounted(()=>{b.Registry.getInstance().register(r),"subscribeState"in r&&r.subscribeState(p=>s.value=p),"subscribeConfig"in r&&r.subscribeConfig(p=>a.value=p),i&&T(i),h.WindowManager.getInstance().init()}),e.onUnmounted(()=>{n.value&&n.value.destroy()});const S="onPointerDown"in r?h.createPointerBridge(r,d):{};return{core:n,state:e.readonly(s),domEvents:S,effectiveConfig:e.readonly(a),elementRef:m,bindDelegates:T}}function ne(t,o,d){const i=e.shallowRef(null);let r=null;return e.watch(()=>o.value?.layout?.stickySelector,(n,s,a)=>{if(!t.value)return;r||(r=new h.StickyController(t.value,d));const m=r.handleSelectorChange(n,i.value,y=>h.createWebStickyProvider(y));i.value=m.provider,a(()=>{r?.onCleanUp()})},{immediate:!0}),e.onUnmounted(()=>{r?.onCleanUp(),i.value=null}),{stickyProvider:i}}function oe(){const t=e.ref(0);return{depend:()=>t.value,notify:()=>{t.value=(t.value+1)%65535}}}function re(t,o,d){let i=null;const r=n=>n instanceof Element?n:n?.$el instanceof Element?n.$el:null;e.onMounted(()=>{const n=t.value,s=r(o.value);n&&s&&(i=h.setupSpatialLogic(n,s,a=>$.distillRect(a.getBoundingClientRect()),d?.value))}),e.onUnmounted(()=>{i&&i()})}function w(t,o,d={}){const{uid:i,initialConfig:r,reactiveConfig:n}=ee(t,o,d.defaultProps,d.extraSkipProps),{core:s,state:a,effectiveConfig:m,elementRef:y,domEvents:T,bindDelegates:S}=te(()=>{const l=H(t);return new l(i.value,r.value,o.treeNode?.type)},n,d.domEventOptions,d.initialDelegates),p=oe(),{stickyProvider:u}=ne(s,m,p.notify);re(s,y,u);const R=e.computed(()=>{p.depend();const l=m.value?.layout;if(u.value){const _=u.value.getRect();if(_)return h.flattenToHostLayout(l,_)}return l});return{uid:i,core:s,state:a,effectiveConfig:m,effectiveLayout:R,elementRef:y,domEvents:T,bindDelegates:S}}const ie=["id"],L=E(e.defineComponent({__name:"InputZone",props:{treeNode:{},widgetId:{},layout:{},preventFocusLoss:{}},setup(t){const o=t,d=e.useSlots(),i=e.ref(null),{uid:r,core:n,state:s,domEvents:a,effectiveConfig:m,effectiveLayout:y,elementRef:T,bindDelegates:S}=w(g.OmniPad.Types.INPUT_ZONE,o,{domEventOptions:{requireDirectHit:!0}}),p=e.computed(()=>b.filterNotDynamicChildren(o.treeNode?.children,o.treeNode?.config?.dynamicWidgetId)),u=e.computed(()=>{const O=(d.dynamicWidget?.()||[]).filter(N=>!(N.type===Comment||N.type===Text));return b.resolveDynamicWidget(O,o.treeNode?.children,o.treeNode?.config?.dynamicWidgetId)}),R=e.computed(()=>{const C=u.value.nodeToRender;return V(C.config?.baseType||C.type)});e.watch(i,C=>{e.nextTick(()=>{C&&C?.uid&&(n.value?.updateConfig({dynamicWidgetId:C.uid}),S({dynamicWidgetPointerDown:O=>{C.markRectDirty?.(),C.onPointerDown?.(O)},dynamicWidgetPointerMove:C.onPointerMove,dynamicWidgetPointerUp:C.onPointerUp,dynamicWidgetPointerCancel:C.onPointerCancel}))})},{immediate:!0});const l=e.computed(()=>y.value?h.resolveLayoutStyle(y.value):{}),_=h.supportsContainerQueries(),f=e.computed(()=>{if(!s.value)return{display:"none"};if(!s.value?.isDynamicActive)return{visibility:"hidden",opacity:0};const C=s?.value?.dynamicPosition,O=()=>{const F=n?.value?.rect;return{x:F?.width||0,y:F?.height||0}},N=h.projectPercentToBox(C,O,_);return{zIndex:100,"--dynamic-widget-mount-x":N.x,"--dynamic-widget-mount-y":N.y,visibility:"visible",opacity:1,pointerEvents:"auto"}}),c=C=>a?.onPointerDown?.(C),D=C=>a?.onPointerMove?.(C),P=C=>a?.onPointerUp?.(C),K=C=>a?.onPointerCancel?.(C);return(C,O)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(r),ref_key:"elementRef",ref:T,class:e.normalizeClass(["omnipad-input-zone omnipad-prevent",e.unref(m)?.cssClass]),style:e.normalizeStyle(l.value)},[e.createVNode(x,{nodes:p.value},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"]),u.value.nodeToRender||e.unref(n)?.isInterceptorRequired?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-input-zone-trigger omnipad-prevent",onPointerdown:c,onPointermove:D,onPointerup:P,onPointercancel:K,onLostpointercapture:K},[e.createElementVNode("div",{class:"dynamic-widget-mount",style:e.normalizeStyle(f.value)},[u.value.isFromSlot?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value.nodeToRender),{key:0,ref:N=>i.value=N},null,512)):u.value.nodeToRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R.value),{key:1,ref:N=>i.value=N,"tree-node":u.value.nodeToRender},null,8,["tree-node"])):e.createCommentVNode("",!0)],4)],32)):e.createCommentVNode("",!0)],14,ie))}}),[["__scopeId","data-v-b3476578"]]),ae=["id"],U=E(e.defineComponent({__name:"RootLayer",props:{treeNode:{},widgetId:{},layout:{}},setup(t){const o=t,{uid:d,effectiveConfig:i,effectiveLayout:r,elementRef:n}=w(g.OmniPad.Types.ROOT_LAYER,o),s=e.computed(()=>r.value?h.resolveLayoutStyle(r.value):{});return(a,m)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),ref_key:"elementRef",ref:n,class:e.normalizeClass(["omnipad-root-layer omnipad-prevent",e.unref(i)?.cssClass]),style:e.normalizeStyle(s.value)},[e.createVNode(x,{nodes:t.treeNode?.children||[]},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["nodes"])],14,ae))}}),[["__scopeId","data-v-82193e80"]]),se=["id"],ce={key:0,class:"omnipad-default-focus-border-feedback"},v=E(e.defineComponent({__name:"TargetZone",props:{treeNode:{},widgetId:{},cursorEnabled:{},cursorAutoDelay:{},layout:{}},setup(t){const o=t,d={cursorAutoDelay:2500},{uid:i,core:r,state:n,domEvents:s,effectiveConfig:a,effectiveLayout:m,elementRef:y}=w(g.OmniPad.Types.TARGET_ZONE,o,{defaultProps:d}),T=e.computed(()=>m.value?h.resolveLayoutStyle(m.value):{}),S=h.supportsContainerQueries(),p=e.computed(()=>{if(!n.value)return{display:"none"};const f=n?.value?.position,c=()=>{const P=r?.value?.rect;return{x:P?.width||0,y:P?.height||0}},D=h.projectPercentToBox(f,c,S);return{"--omnipad-virtual-cursor-x":D.x,"--omnipad-virtual-cursor-y":D.y,opacity:n.value.isVisible?1:0}}),u=f=>s?.onPointerDown?.(f),R=f=>s?.onPointerMove?.(f),l=f=>s?.onPointerUp?.(f),_=f=>s?.onPointerCancel?.(f);return(f,c)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(i),ref_key:"elementRef",ref:y,class:e.normalizeClass(["omnipad-target-zone omnipad-prevent",e.unref(a)?.cssClass]),style:e.normalizeStyle(T.value),onPointerdown:u,onPointermove:R,onPointerup:l,onPointercancel:_,onLostpointercapture:_},[e.renderSlot(f.$slots,"focus-feedback",{state:e.unref(n),isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},()=>[e.createVNode(e.Transition,{name:"omnipad-default-focus-fade"},{default:e.withCtx(()=>[e.unref(n)?.isFocusReturning?(e.openBlock(),e.createElementBlock("div",ce)):e.createCommentVNode("",!0)]),_:1})],!0),e.unref(a)?.cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"omnipad-virtual-cursor",style:e.normalizeStyle(p.value)},[e.renderSlot(f.$slots,"cursor",{state:e.unref(n),isDown:e.unref(n)?.isPointerDown,isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},()=>[e.createElementVNode("div",{class:e.normalizeClass(["omnipad-default-cursor-dot",{"is-down":e.unref(n)?.isPointerDown}])},null,2)],!0)],4)):e.createCommentVNode("",!0),e.unref(a)?.cursorEnabled?(e.openBlock(),e.createElementBlock("div",{key:1,class:"omnipad-virtual-cursor",style:e.normalizeStyle(p.value)},[e.renderSlot(f.$slots,"with-cursor",{state:e.unref(n),isDown:e.unref(n)?.isPointerDown,isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},void 0,!0)],4)):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"default",{state:e.unref(n),isDown:e.unref(n)?.isPointerDown,isReturning:e.unref(n)?.isFocusReturning,cursorPos:e.unref(n)?.position},void 0,!0)],46,se))}}),[["__scopeId","data-v-337a2a06"]]),le={class:"omnipad-button-content-layer"},de={key:0,class:"omnipad-default-button-label"},I=E(e.defineComponent({__name:"VirtualButtonBase",props:{layout:{},isActive:{type:Boolean},label:{}},setup(t){const o=t,d=e.computed(()=>o.layout?h.resolveLayoutStyle(o.layout):{});return(i,r)=>(e.openBlock(),e.createElementBlock("div",{class:"omnipad-button-base omnipad-prevent",style:e.normalizeStyle(d.value),tabindex:"-1"},[e.renderSlot(i.$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",le,[e.renderSlot(i.$slots,"default",{isActive:t.isActive,label:t.label},()=>[t.label?(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],!0)])],4))}}),[["__scopeId","data-v-ac2311ad"]]),M=e.defineComponent({__name:"VirtualButton",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:o}){const d=t,i={label:"BTN"},{uid:r,core:n,state:s,domEvents:a,effectiveConfig:m,effectiveLayout:y,elementRef:T}=w(g.OmniPad.Types.BUTTON,d,{defaultProps:i}),S=l=>a?.onPointerDown?.(l),p=l=>a?.onPointerMove?.(l),u=l=>a?.onPointerUp?.(l),R=l=>a?.onPointerCancel?.(l);return o({uid:r,onPointerDown:S,onPointerMove:p,onPointerUp:u,onPointerCancel:R,markRectDirty:()=>n.value?.markRectDirty}),(l,_)=>(e.openBlock(),e.createBlock(I,{id:e.unref(r),ref_key:"elementRef",ref:T,class:e.normalizeClass(["omnipad-button omnipad-prevent",e.unref(m)?.cssClass]),layout:e.unref(y),label:e.unref(m)?.label,"is-active":e.unref(s)?.isPressed,onPointerdown:S,onPointerup:u,onPointercancel:R,onLostpointercapture:R},{base:e.withCtx(f=>[e.renderSlot(l.$slots,"base",e.normalizeProps(e.guardReactiveProps(f)))]),default:e.withCtx(f=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(f)))]),_:3},8,["id","class","layout","label","is-active"]))}}),me={class:"omnipad-axis-bg"},fe={class:"omnipad-axis-content-layer"},Z=E(e.defineComponent({__name:"VirtualAxisBase",props:{layout:{},isActive:{type:Boolean},vector:{},showStick:{type:Boolean},baseSize:{}},setup(t){const o=t,d=e.computed(()=>o.layout?h.resolveLayoutStyle(o.layout):{}),i=h.supportsContainerQueries(),r=e.computed(()=>{const n=o.vector?.x||0,s=o.vector?.y||0,a=o.baseSize?.x||0,m=o.baseSize?.y||0,y=h.projectVectorToBox({x:n,y:s},{x:a,y:m},i);return{"--omnipad-axis-stick-container-x":y.x,"--omnipad-axis-stick-container-y":y.y,"--omnipad-axis-stick-width":y.width,"--omnipad-axis-stick-height":y.height,transition:o.isActive?"none":"transform 0.1s ease-out"}});return(n,s)=>(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",me,[e.renderSlot(n.$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(r.value)},[e.renderSlot(n.$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",fe,[e.renderSlot(n.$slots,"default",{isActive:t.isActive,vector:t.vector},void 0,!0)])],6))}}),[["__scopeId","data-v-0d717d04"]]),pe={class:"omnipad-dpad-cross-bg"},W=E(e.defineComponent({__name:"VirtualDPad",props:{treeNode:{},widgetId:{},targetStageId:{},mapping:{},threshold:{},showStick:{},layout:{}},setup(t,{expose:o}){const d=t,i={showStick:!1,threshold:.3},{uid:r,core:n,state:s,domEvents:a,effectiveConfig:m,effectiveLayout:y,elementRef:T}=w(g.OmniPad.Types.D_PAD,d,{defaultProps:i}),S=h.supportsContainerQueries(),p=e.ref({x:0,y:0}),u=e.watchEffect(()=>{const c=n.value?.rect;c&&(p.value={x:c.width,y:c.height})});S&&u();const R=c=>a?.onPointerDown?.(c),l=c=>a?.onPointerMove?.(c),_=c=>a?.onPointerUp?.(c),f=c=>a?.onPointerCancel?.(c);return o({uid:r,onPointerDown:R,onPointerMove:l,onPointerUp:_,onPointerCancel:f,markRectDirty:()=>n.value?.markRectDirty()}),(c,D)=>(e.openBlock(),e.createBlock(Z,{id:e.unref(r),ref_key:"elementRef",ref:T,class:e.normalizeClass(["omnipad-dpad omnipad-prevent",e.unref(m)?.cssClass]),layout:e.unref(y),"is-active":e.unref(s)?.isActive,vector:e.unref(s)?.vector,"show-stick":e.unref(m)?.showStick,"base-size":p.value,onPointerdown:R,onPointermove:l,onPointerup:_,onPointercancel:f,onLostpointercapture:f},{base:e.withCtx(P=>[e.renderSlot(c.$slots,"base",e.normalizeProps(e.guardReactiveProps(P)),()=>[e.createElementVNode("div",pe,[e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm top",{on:P.vector&&P.vector.y<-e.unref(m)?.threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm bottom",{on:P.vector&&P.vector.y>e.unref(m)?.threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm left",{on:P.vector&&P.vector.x<-e.unref(m)?.threshold}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["dpad-arm right",{on:P.vector&&P.vector.x>e.unref(m)?.threshold}])},null,2),D[0]||(D[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,["id","class","layout","is-active","vector","show-stick","base-size"]))}}),[["__scopeId","data-v-2ddb7fb4"]]),j=E(e.defineComponent({__name:"VirtualTrackpad",props:{treeNode:{},widgetId:{},label:{},sensitivity:{},targetStageId:{},mapping:{},layout:{}},setup(t,{expose:o}){const d=t,i={label:"TRACKPAD",sensitivity:1},{uid:r,core:n,state:s,domEvents:a,effectiveConfig:m,effectiveLayout:y,elementRef:T}=w(g.OmniPad.Types.TRACKPAD,d,{defaultProps:i}),S=l=>a?.onPointerDown?.(l),p=l=>a?.onPointerMove?.(l),u=l=>a?.onPointerUp?.(l),R=l=>a?.onPointerCancel?.(l);return o({uid:r,onPointerDown:S,onPointerMove:p,onPointerUp:u,onPointerCancel:R,markRectDirty:()=>n.value?.markRectDirty}),(l,_)=>(e.openBlock(),e.createBlock(I,{id:e.unref(r),ref_key:"elementRef",ref:T,class:e.normalizeClass(["omnipad-trackpad omnipad-prevent",e.unref(m)?.cssClass]),layout:e.unref(y),label:e.unref(m)?.label,"is-active":e.unref(s)?.isPressed,onPointerdown:S,onPointermove:p,onPointerup:u,onPointercancel:R,onLostpointercapture:R},{base:e.withCtx(f=>[e.renderSlot(l.$slots,"base",e.normalizeProps(e.guardReactiveProps(f)),void 0,!0)]),default:e.withCtx(f=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(f)),void 0,!0)]),_:3},8,["id","class","layout","label","is-active"]))}}),[["__scopeId","data-v-6296b4a3"]]),Q=E(e.defineComponent({__name:"VirtualJoystick",props:{treeNode:{},widgetId:{},label:{},targetStageId:{},threshold:{},cursorMode:{},cursorSensitivity:{},mapping:{},layout:{}},setup(t,{expose:o}){const d=t,i={label:"PUSH",threshold:.2,cursorMode:!1,cursorSensitivity:1},{uid:r,core:n,state:s,domEvents:a,effectiveConfig:m,effectiveLayout:y,elementRef:T}=w(g.OmniPad.Types.JOYSTICK,d,{defaultProps:i}),S=h.supportsContainerQueries(),p=e.ref({x:0,y:0}),u=e.watchEffect(()=>{const c=n.value?.rect;c&&(p.value={x:c.width,y:c.height})});S&&u();const R=c=>a?.onPointerDown?.(c),l=c=>a?.onPointerMove?.(c),_=c=>a?.onPointerUp?.(c),f=c=>a?.onPointerCancel?.(c);return o({uid:r,onPointerDown:R,onPointerMove:l,onPointerUp:_,onPointerCancel:f,markRectDirty:()=>n.value?.markRectDirty}),(c,D)=>(e.openBlock(),e.createBlock(Z,{id:e.unref(r),ref_key:"elementRef",ref:T,class:e.normalizeClass(["omnipad-joystick omnipad-prevent",e.unref(m)?.cssClass]),layout:e.unref(y),"is-active":e.unref(s)?.isActive,vector:e.unref(s)?.vector,"show-stick":"","base-size":p.value,onPointerdown:R,onPointermove:l,onPointerup:_,onPointercancel:f,onLostpointercapture:f},{base:e.withCtx(P=>[e.renderSlot(c.$slots,"base",e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)]),stick:e.withCtx(()=>[e.createVNode(I,{layout:{height:"100%",width:"100%"},"is-active":e.unref(s)?.isPressed,label:e.unref(m)?.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,["id","class","layout","is-active","vector","base-size"]))}}),[["__scopeId","data-v-ed714528"]]);B(g.OmniPad.Types.BUTTON,M),B(g.OmniPad.Types.INPUT_ZONE,L),B(g.OmniPad.Types.ROOT_LAYER,U),B(g.OmniPad.Types.TARGET_ZONE,v),B(g.OmniPad.Types.TRACKPAD,j),B(g.OmniPad.Types.D_PAD,W),B(g.OmniPad.Types.JOYSTICK,Q),k.InputZone=L,k.RootLayer=U,k.TargetZone=v,k.VirtualButton=M,k.VirtualDPad=W,k.VirtualJoystick=Q,k.VirtualTrackpad=j,k.getComponent=V,k.getComponentSafe=A,k.hasRegisteredComponent=Y,k.registerComponent=B,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnipad/vue",
-  "version": "0.6.1",
-  "description": "",
+  "version": "0.7.0",
+  "description": "Vue 3 adapter and component library for OmniPad. Build highly customizable virtual gamepads for web-based games with ease.",
   "main": "./dist/omnipad-vue.umd.js",
   "module": "./dist/omnipad-vue.mjs",
   "types": "./dist/index.d.ts",
@@ -30,7 +30,8 @@
     "vue": "^3.2.0"
   },
   "dependencies": {
-    "@omnipad/core": "0.6.1"
+    "@omnipad/web": "0.7.0",
+    "@omnipad/core": "0.7.0"
   },
   "publishConfig": {
     "access": "public",