@rpgjs/client 5.0.0-alpha.3 → 5.0.0-alpha.30

package/dist/components/character.ce.js

@@ -0,0 +1,316 @@
+import { useProps, useDefineProps, computed, signal, on, animatedSignal, mount, tick, h, Container, loop, Sprite, cond } from 'canvasengine';
+import { combineLatest, map, startWith, pairwise, filter, lastValueFrom } from 'rxjs';
+import { Particle } from '@canvasengine/presets';
+import { Direction, ModulesToken } from '@rpgjs/common';
+import { RpgClientEngine } from '../RpgClientEngine.js';
+import { inject } from '../core/inject.js';
+import { RpgGui } from '../Gui/Gui.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _a = defineProps(), object = _a.object, id = _a.id;
+var client = inject(RpgClientEngine);
+var hooks = inject(ModulesToken);
+var guiService = inject(RpgGui);
+client.spritesheets;
+var playerId = client.playerId;
+var componentsBehind = client.spriteComponentsBehind;
+var componentsInFront = client.spriteComponentsInFront;
+var isMe = computed(function () { return id() === playerId; });
+var normalizeComponent = function (comp) {
+    var componentRef;
+    var propsValue;
+    var dependenciesFn;
+    // If it's a direct component reference
+    if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {
+        componentRef = comp;
+        propsValue = undefined;
+        dependenciesFn = undefined;
+    }
+    // If it's a configuration object with component and props
+    else if (comp && typeof comp === 'object' && comp.component) {
+        componentRef = comp.component;
+        // Support both "data" (legacy) and "props" (new) for backward compatibility
+        propsValue = comp.props !== undefined ? comp.props : comp.data;
+        dependenciesFn = comp.dependencies;
+    }
+    // Fallback: treat as direct component
+    else {
+        componentRef = comp;
+        propsValue = undefined;
+        dependenciesFn = undefined;
+    }
+    // Return props directly (object or function), not as computed
+    // The computed will be created in the template when needed
+    return {
+        component: componentRef,
+        props: typeof propsValue === 'function' ? propsValue(object) : propsValue || {},
+        dependencies: dependenciesFn ? dependenciesFn(object) : []
+    };
+};
+var normalizeComponents = function (components) {
+    return components.map(function (comp) { return normalizeComponent(comp); });
+};
+var normalizedComponentsBehind = computed(function () {
+    return normalizeComponents(componentsBehind());
+});
+var normalizedComponentsInFront = computed(function () {
+    return normalizeComponents(componentsInFront());
+});
+var shouldFollowCamera = computed(function () {
+    var cameraTargetId = client.cameraFollowTargetId();
+    // If a target is explicitly set, only follow if this sprite is the target
+    if (cameraTargetId !== null) {
+        return id() === cameraTargetId;
+    }
+    // Otherwise, follow the current player (default behavior)
+    return isMe();
+});
+var attachedGuis = computed(function () {
+    return guiService.getAttachedGuis();
+});
+var shouldDisplayAttachedGui = computed(function () {
+    return guiService.shouldDisplayAttachedGui(id());
+});
+var x = object.x, y = object.y, tint = object.tint, direction = object.direction, animationName = object.animationName, animationCurrentIndex = object.animationCurrentIndex, emitParticleTrigger = object.emitParticleTrigger, particleName = object.particleName; object.graphics; var hitbox = object.hitbox, isConnected = object.isConnected, graphicsSignals = object.graphicsSignals, flashTrigger = object.flashTrigger;
+var flashType = signal('alpha');
+var flashDuration = signal(300);
+var flashCycles = signal(1);
+var flashAlpha = signal(0.3);
+var flashTint = signal(0xffffff);
+on(flashTrigger, function (data) {
+    if (data && typeof data === 'object') {
+        if (data.type !== undefined)
+            flashType.set(data.type);
+        if (data.duration !== undefined)
+            flashDuration.set(data.duration);
+        if (data.cycles !== undefined)
+            flashCycles.set(data.cycles);
+        if (data.alpha !== undefined)
+            flashAlpha.set(data.alpha);
+        if (data.tint !== undefined)
+            flashTint.set(data.tint);
+    }
+});
+var flashConfig = computed(function () { return ({
+    trigger: flashTrigger,
+    type: flashType(),
+    duration: flashDuration(),
+    cycles: flashCycles(),
+    alpha: flashAlpha(),
+    tint: flashTint(),
+}); });
+var particleSettings = client.particleSettings;
+var canControls = function () { return isMe() && object.canMove(); };
+var keyboardControls = client.globalConfig.keyboardControls;
+var visible = computed(function () {
+    if (object.type === 'event') {
+        return true;
+    }
+    return isConnected();
+});
+var controls = signal({
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        keyDown: function () {
+            if (canControls())
+                client.processInput({ input: Direction.Down });
+        },
+    },
+    up: {
+        repeat: true,
+        bind: keyboardControls.up,
+        keyDown: function () {
+            if (canControls())
+                client.processInput({ input: Direction.Up });
+        },
+    },
+    left: {
+        repeat: true,
+        bind: keyboardControls.left,
+        keyDown: function () {
+            if (canControls())
+                client.processInput({ input: Direction.Left });
+        },
+    },
+    right: {
+        repeat: true,
+        bind: keyboardControls.right,
+        keyDown: function () {
+            if (canControls())
+                client.processInput({ input: Direction.Right });
+        },
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            if (canControls()) {
+                client.processAction({ action: 'action' });
+            }
+        },
+    },
+    escape: {
+        bind: keyboardControls.escape,
+        keyDown: function () {
+            if (canControls()) {
+                client.processAction({ action: 'escape' });
+            }
+        },
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+var smoothX = animatedSignal(x(), {
+    duration: isMe() ? 0 : 0
+});
+var smoothY = animatedSignal(y(), {
+    duration: isMe() ? 0 : 0,
+});
+var z = computed(function () {
+    return object.y() + object.z();
+});
+var realAnimationName = signal(animationName());
+var xSubscription = x.observable.subscribe(function (value) {
+    smoothX.set(value);
+});
+var ySubscription = y.observable.subscribe(function (value) {
+    smoothY.set(value);
+});
+var sheet = function (graphicObject) {
+    return {
+        definition: graphicObject,
+        playing: realAnimationName(),
+        params: {
+            direction: direction()
+        },
+        onFinish: function () {
+            animationCurrentIndex.update(function (index) { return index + 1; });
+        }
+    };
+};
+var movementAnimations = ['walk', 'stand'];
+var epsilon = 0;
+var stateX$ = smoothX.animatedState.observable;
+var stateY$ = smoothY.animatedState.observable;
+var animationName$ = animationName.observable;
+var moving$ = combineLatest([stateX$, stateY$]).pipe(map(function (_a) {
+    var sx = _a[0], sy = _a[1];
+    var xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;
+    var yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;
+    return !xFinished || !yFinished; // moving if X or Y is not finished
+}), startWith(false));
+var animationChange$ = animationName$.pipe(startWith(animationName()), pairwise(), filter(function (_a) {
+    var prev = _a[0], curr = _a[1];
+    return prev !== curr;
+}));
+var animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(function (_a) {
+    var _b = _a[0]; _b[0]; var curr = _b[1], isMoving = _a[1];
+    if (curr == 'stand' && !isMoving) {
+        realAnimationName.set(curr);
+    }
+    else if (curr == 'walk' && isMoving) {
+        realAnimationName.set(curr);
+    }
+    else if (!movementAnimations.includes(curr)) {
+        realAnimationName.set(curr);
+    }
+    if (!isMoving && object.animationIsPlaying && object.animationIsPlaying()) {
+        if (movementAnimations.includes(curr)) {
+            if (typeof object.resetAnimationState === 'function') {
+                object.resetAnimationState();
+            }
+        }
+    }
+});
+var onBeforeDestroy = function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                animationMovementSubscription.unsubscribe();
+                xSubscription.unsubscribe();
+                ySubscription.unsubscribe();
+                return [4 /*yield*/, lastValueFrom(hooks.callHooks("client-sprite-onDestroy", object))];
+            case 1:
+                _a.sent();
+                return [4 /*yield*/, lastValueFrom(hooks.callHooks("client-sceneMap-onRemoveSprite", client.sceneMap, object))];
+            case 2:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); };
+mount(function (element) {
+    hooks.callHooks("client-sprite-onAdd", object).subscribe();
+    hooks.callHooks("client-sceneMap-onAddSprite", client.sceneMap, object).subscribe();
+    if (isMe())
+        client.setKeyboardControls(element.directives.controls);
+});
+var onAttachedGuiFinish = function (gui, data) {
+    guiService.guiClose(gui.name, data);
+};
+var onAttachedGuiInteraction = function (gui, name, data) {
+    guiService.guiInteraction(gui.name, name, data);
+};
+tick(function () {
+    hooks.callHooks("client-sprite-onUpdate").subscribe();
+});
+        let $this = h(Container, { x: smoothX, y: smoothY, zIndex: z, viewportFollow: shouldFollowCamera, controls, onBeforeDestroy, visible }, [loop(normalizedComponentsBehind, compConfig => h(Container, null, h(compConfig.component, { object, ...compConfig.props }))), h(Particle, { emit: emitParticleTrigger, settings: particleSettings, zIndex: 1000, name: particleName }), h(Container, null, loop(graphicsSignals, graphicObj => h(Sprite, { sheet: computed(() => sheet(graphicObj)), direction, tint, hitbox, flash: flashConfig }))), loop(normalizedComponentsInFront, compConfig => h(Container, { dependencies: compConfig.dependencies }, h(compConfig.component, { object, ...compConfig.props }))), loop(attachedGuis, attachedGui => cond(shouldDisplayAttachedGui, () => h(Container, null, h(attachedGui.component, { ...attachedGui.data(), dependencies: attachedGui.dependencies, object: object, onFinish: (data) => {
+          onAttachedGuiFinish(attachedGui, data);
+        }, onInteraction: (name, data) => {
+          onAttachedGuiInteraction(attachedGui, name, data);
+        } }))))]);
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=character.ce.js.map

package/dist/components/character.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"character.ce.js","sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={z} viewportFollow={shouldFollowCamera} controls onBeforeDestroy visible >\n  @for (compConfig of normalizedComponentsBehind) {\n    <Container>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  } \n  <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n  <Container>\n    @for (graphicObj of graphicsSignals) {\n      <Sprite \n        sheet={sheet(graphicObj)} \n        direction \n        tint \n        hitbox \n        flash={flashConfig}\n      />\n    }\n  </Container>\n  @for (compConfig of normalizedComponentsInFront) {\n    <Container dependencies={compConfig.dependencies}>\n      <compConfig.component object ...compConfig.props />\n    </Container>\n  }\n  @for (attachedGui of attachedGuis) {\n    @if (shouldDisplayAttachedGui) {\n      <Container>\n        <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={object} onFinish={(data) => {\n          onAttachedGuiFinish(attachedGui, data)\n        }} onInteraction={(name, data) => {\n          onAttachedGuiInteraction(attachedGui, name, data)\n        }} />\n      </Container>\n    }\n  }\n</Container>\n\n<script>\n  import { signal, effect, mount, computed, tick, animatedSignal, on } from \"canvasengine\";\n\n  import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n  import { Particle } from \"@canvasengine/presets\";\n  import { GameEngineToken, ModulesToken } from \"@rpgjs/common\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";  \n  import { Direction } from \"@rpgjs/common\";\n  import Hit from \"./effects/hit.ce\";\n  import PlayerComponents from \"./player-components.ce\";\n  import { RpgGui } from \"../Gui/Gui\";\n\n  const { object, id } = defineProps();\n\n  const client = inject(RpgClientEngine);\n  const hooks = inject(ModulesToken);\n  const guiService = inject(RpgGui);\n\n  const spritesheets = client.spritesheets;\n  const playerId = client.playerId;\n  const componentsBehind = client.spriteComponentsBehind;\n  const componentsInFront = client.spriteComponentsInFront;\n  const isMe = computed(() => id() === playerId);\n\n  /**\n   * Normalize a single sprite component configuration\n   * \n   * Handles both direct component references and configuration objects with optional props and dependencies.\n   * Extracts the component reference and creates a computed function that returns the props.\n   * \n   * ## Design\n   * \n   * Supports two formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...}, dependencies: (object) => [...] }`\n   * \n   * The normalization process:\n   * - Extracts the actual component from either format\n   * - Extracts dependencies function if provided\n   * - Creates a computed function that returns props (static object or dynamic function result)\n   * - Returns a normalized object with `component`, `props`, and `dependencies`\n   * \n   * @param comp - Component reference or configuration object\n   * @returns Normalized component configuration with component, props, and dependencies\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * normalizeComponent(ShadowComponent)\n   * // => { component: ShadowComponent, props: {}, dependencies: undefined }\n   * \n   * // With static props\n   * normalizeComponent({ component: LightHalo, props: { radius: 30 } })\n   * // => { component: LightHalo, props: { radius: 30 }, dependencies: undefined }\n   * \n   * // With dynamic props and dependencies\n   * normalizeComponent({ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * })\n   * // => { component: HealthBar, props: {...}, dependencies: (object) => [...] }\n   * ```\n   */\n  const normalizeComponent = (comp) => {\n    let componentRef;\n    let propsValue;\n    let dependenciesFn;\n    \n    // If it's a direct component reference\n    if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    // If it's a configuration object with component and props\n    else if (comp && typeof comp === 'object' && comp.component) {\n      componentRef = comp.component;\n      // Support both \"data\" (legacy) and \"props\" (new) for backward compatibility\n      propsValue = comp.props !== undefined ? comp.props : comp.data;\n      dependenciesFn = comp.dependencies;\n    }\n    // Fallback: treat as direct component\n    else {\n      componentRef = comp;\n      propsValue = undefined;\n      dependenciesFn = undefined;\n    }\n    \n    // Return props directly (object or function), not as computed\n    // The computed will be created in the template when needed\n    return {\n      component: componentRef,\n      props: typeof propsValue === 'function' ? propsValue(object) : propsValue || {},\n      dependencies: dependenciesFn ? dependenciesFn(object) : []\n    };\n  };\n\n  /**\n   * Normalize an array of sprite components\n   * \n   * Applies normalization to each component in the array using `normalizeComponent`.\n   * \n   * @param components - Array of component references or configuration objects\n   * @returns Array of normalized component configurations\n   */\n  const normalizeComponents = (components) => {\n    return components.map((comp) => normalizeComponent(comp));\n  };\n\n\n  /**\n   * Normalized components to render behind sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * Supports multiple formats:\n   * 1. Direct component: `ShadowComponent`\n   * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n   * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n   * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n   * \n   * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n   * The object is passed to the dependencies function to allow sprite-specific dependency resolution.\n   * \n   * @example\n   * ```ts\n   * // Direct component\n   * componentsBehind: [ShadowComponent]\n   * \n   * // With static props\n   * componentsBehind: [{ component: LightHalo, props: { radius: 30 } }]\n   * \n   * // With dynamic props and dependencies\n   * componentsBehind: [{ \n   *   component: HealthBar, \n   *   props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n   *   dependencies: (object) => [object.hp, object.param.maxHp]\n   * }]\n   * ```\n   */\n  const normalizedComponentsBehind = computed(() => {\n    return normalizeComponents(componentsBehind());\n  });\n\n  /**\n   * Normalized components to render in front of sprites\n   * Handles both direct component references and configuration objects with optional props and dependencies\n   * \n   * See `normalizedComponentsBehind` for format details.\n   * Components with dependencies will only be displayed when all dependencies are resolved.\n   */\n  const normalizedComponentsInFront = computed(() => {\n    return normalizeComponents(componentsInFront());\n  });\n  \n  /**\n   * Determine if the camera should follow this sprite\n   * \n   * The camera follows this sprite if:\n   * - It's explicitly set as the camera follow target, OR\n   * - It's the current player and no explicit target is set (default behavior)\n   */\n  const shouldFollowCamera = computed(() => {\n    const cameraTargetId = client.cameraFollowTargetId();\n    // If a target is explicitly set, only follow if this sprite is the target\n    if (cameraTargetId !== null) {\n      return id() === cameraTargetId;\n    }\n    // Otherwise, follow the current player (default behavior)\n    return isMe();\n  });\n\n  /**\n   * Get all attached GUI components that should be rendered on sprites\n   * These are GUIs with attachToSprite: true\n   */\n  const attachedGuis = computed(() => {\n    return guiService.getAttachedGuis();\n  });\n\n  /**\n   * Check if attached GUIs should be displayed for this sprite\n   * This is controlled by showAttachedGui/hideAttachedGui on the server\n   */\n  const shouldDisplayAttachedGui = computed(() => {\n    return guiService.shouldDisplayAttachedGui(id());\n  });\n\n  const { \n    x, \n    y, \n    tint, \n    direction, \n    animationName, \n    animationCurrentIndex,\n    emitParticleTrigger, \n    particleName, \n    graphics, \n    hitbox,\n    isConnected,\n    graphicsSignals,\n    flashTrigger\n  } = object;\n\n  /**\n   * Flash configuration signals for dynamic options\n   * These signals are updated when the flash trigger is activated with options\n   */\n  const flashType = signal<'alpha' | 'tint' | 'both'>('alpha');\n  const flashDuration = signal(300);\n  const flashCycles = signal(1);\n  const flashAlpha = signal(0.3);\n  const flashTint = signal(0xffffff);\n\n  /**\n   * Listen to flash trigger to update configuration dynamically\n   * When flash is triggered with options, update the signals\n   */\n  on(flashTrigger, (data) => {\n    if (data && typeof data === 'object') {\n      if (data.type !== undefined) flashType.set(data.type);\n      if (data.duration !== undefined) flashDuration.set(data.duration);\n      if (data.cycles !== undefined) flashCycles.set(data.cycles);\n      if (data.alpha !== undefined) flashAlpha.set(data.alpha);\n      if (data.tint !== undefined) flashTint.set(data.tint);\n    }\n  });\n\n  /**\n   * Flash configuration for the sprite\n   * \n   * This configuration is used by the flash directive to create visual feedback effects.\n   * The flash trigger is exposed through the object, allowing both server events and\n   * client-side code to trigger flash animations. Options can be passed dynamically\n   * through the trigger, which updates the reactive signals.\n   */\n  const flashConfig = computed(() => ({\n    trigger: flashTrigger,\n    type: flashType(),\n    duration: flashDuration(),\n    cycles: flashCycles(),\n    alpha: flashAlpha(),\n    tint: flashTint(),\n  }));\n\n  const particleSettings = client.particleSettings;\n\n  const canControls = () => isMe() && object.canMove()\n  const keyboardControls = client.globalConfig.keyboardControls;\n\n  const visible = computed(() => {\n    if (object.type === 'event') {\n      return true\n    }\n    return isConnected()\n  });\n\n  const controls = signal({\n    down: {\n      repeat: true,\n      bind: keyboardControls.down,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Down })\n      },\n    },\n    up: {\n      repeat: true,\n      bind: keyboardControls.up,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Up })\n      },\n    },\n    left: {\n      repeat: true,\n      bind: keyboardControls.left,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Left })\n      },\n    },\n    right: {\n      repeat: true,\n      bind: keyboardControls.right,\n      keyDown() {\n        if (canControls()) client.processInput({ input: Direction.Right })\n      },\n    },\n    action: {\n      bind: keyboardControls.action,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'action' })\n        }\n      },\n    },\n    escape: {\n      bind: keyboardControls.escape,\n      keyDown() {\n        if (canControls()) {\n          client.processAction({ action: 'escape' })\n        }\n      },\n    },\n    gamepad: {\n      enabled: true\n    }\n  });\n\n  const smoothX = animatedSignal(x(), {\n    duration: isMe() ? 0 : 0\n  });\n\n  const smoothY = animatedSignal(y(), {\n    duration: isMe() ? 0 : 0,\n  });\n\n  const z = computed(() => {\n    return object.y() + object.z()\n  });\n\n  const realAnimationName = signal(animationName());\n\n  const xSubscription = x.observable.subscribe((value) => {\n    smoothX.set(value);\n  });\n\n  const ySubscription = y.observable.subscribe((value) => {\n    smoothY.set(value);\n  });\n  \n  const sheet = (graphicObject) => {\n    return {\n      definition: graphicObject,\n      playing: realAnimationName(),\n      params: {\n        direction: direction()\n      },\n      onFinish() {\n        animationCurrentIndex.update(index => index + 1)\n      }\n    };\n  }\n\n  // Combine animation change detection with movement state from smoothX/smoothY\n  const movementAnimations = ['walk', 'stand'];\n  const epsilon = 0; // movement threshold to consider the easing still running\n\n  const stateX$ = smoothX.animatedState.observable;\n  const stateY$ = smoothY.animatedState.observable;\n  const animationName$ = animationName.observable;\n\n  const moving$ = combineLatest([stateX$, stateY$]).pipe(\n    map(([sx, sy]) => {\n      const xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;\n      const yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;\n      return !xFinished || !yFinished; // moving if X or Y is not finished\n    }),\n    startWith(false)\n  );\n\n  const animationChange$ = animationName$.pipe(\n    startWith(animationName()),\n    pairwise(),\n    filter(([prev, curr]) => prev !== curr)\n  );\n\n  const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n    if (curr == 'stand' && !isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (curr == 'walk' && isMoving) {\n      realAnimationName.set(curr);\n    }\n    else if (!movementAnimations.includes(curr)) {\n      realAnimationName.set(curr);\n    }\n    if (!isMoving && object.animationIsPlaying && object.animationIsPlaying()) {\n      if (movementAnimations.includes(curr)) {\n        if (typeof object.resetAnimationState === 'function') {\n          object.resetAnimationState();\n        }\n      }\n    }\n  });\n\n  /**\n   * Cleanup subscriptions and call hooks before sprite destruction.\n   *\n   * # Design\n   * - Prevent memory leaks by unsubscribing from all local subscriptions created in this component.\n   * - Execute destruction hooks to notify modules and scene map of sprite removal.\n   *\n   * @example\n   * await onBeforeDestroy();\n   */\n  const onBeforeDestroy = async () => {\n    animationMovementSubscription.unsubscribe();\n    xSubscription.unsubscribe();\n    ySubscription.unsubscribe();\n    await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", object)) \n    await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, object))\n  }\n\n  mount((element) => {\n    hooks.callHooks(\"client-sprite-onAdd\", object).subscribe()\n    hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, object).subscribe()\n    if (isMe()) client.setKeyboardControls(element.directives.controls)\n  })\n\n  /**\n   * Handle attached GUI finish event\n   * \n   * @param gui - The GUI instance\n   * @param data - Data passed from the GUI component\n   */\n  const onAttachedGuiFinish = (gui, data) => {\n    guiService.guiClose(gui.name, data);\n  };\n\n  /**\n   * Handle attached GUI interaction event\n   * \n   * @param gui - The GUI instance\n   * @param name - Interaction name\n   * @param data - Interaction data\n   */\n  const onAttachedGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data);\n  };\n\n  tick(() => {\n    hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n  })\n</script>"],"names":[],"mappings":"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"}

package/dist/components/dynamics/parse-value.d.ts

@@ -0,0 +1 @@
+export declare const parseDynamicValue: (value: any, object?: any) => import('canvasengine').ComputedSignal<string>;

package/dist/components/dynamics/parse-value.js

@@ -0,0 +1,54 @@
+import { computed } from 'canvasengine';
+
+const parseDynamicValue = (value, object) => {
+  if (typeof value !== "string") {
+    return computed(() => String(value ?? ""));
+  }
+  const pattern = /\{([^}]+)\}/g;
+  const matches = [];
+  let match;
+  while ((match = pattern.exec(value)) !== null) {
+    matches.push({
+      property: match[1],
+      fullMatch: match[0],
+      index: match.index
+    });
+  }
+  if (matches.length === 0) {
+    return computed(() => value);
+  }
+  return computed(() => {
+    let result = value;
+    for (let i = matches.length - 1; i >= 0; i--) {
+      const { property, fullMatch } = matches[i];
+      let propertyValue = "";
+      try {
+        const propertyPath = property.split(".");
+        let currentValue = object;
+        for (let j = 0; j < propertyPath.length; j++) {
+          const prop = propertyPath[j];
+          if (typeof currentValue === "function") {
+            currentValue = currentValue();
+          }
+          if (currentValue && typeof currentValue === "object" && prop in currentValue) {
+            currentValue = currentValue[prop];
+          } else {
+            currentValue = void 0;
+            break;
+          }
+        }
+        if (typeof currentValue === "function") {
+          currentValue = currentValue();
+        }
+        propertyValue = currentValue != null ? String(currentValue) : "";
+      } catch (error) {
+        propertyValue = "";
+      }
+      result = result.replace(fullMatch, propertyValue);
+    }
+    return result;
+  });
+};
+
+export { parseDynamicValue };
+//# sourceMappingURL=parse-value.js.map

package/dist/components/dynamics/parse-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-value.js","sources":["../../../src/components/dynamics/parse-value.ts"],"sourcesContent":["import { computed } from \"canvasengine\";\n\ninterface MatchResult {\n    property: string;\n    fullMatch: string;\n    index: number;\n}\n\nexport const parseDynamicValue = (value: any, object?: any) => {\n    if (typeof value !== 'string') {\n        return computed(() => String(value ?? ''));\n    }\n\n    // Find all dynamic references like {propertyName}\n    const pattern = /\\{([^}]+)\\}/g;\n    const matches: MatchResult[] = [];\n    let match;\n    \n    while ((match = pattern.exec(value)) !== null) {\n        matches.push({\n            property: match[1],\n            fullMatch: match[0],\n            index: match.index!\n        });\n    }\n\n    // If no dynamic references found, return simple computed\n    if (matches.length === 0) {\n        return computed(() => value);\n    }\n\n    // Create computed that tracks all referenced signals\n    return computed(() => {\n        let result = value;\n        \n        // Replace from end to start to preserve indices\n        for (let i = matches.length - 1; i >= 0; i--) {\n            const { property, fullMatch } = matches[i];\n            \n            // Try to access the property from the object\n            // Support nested properties like {param.maxHp}\n            let propertyValue = '';\n            try {\n                const propertyPath = property.split('.');\n                let currentValue = object;\n                \n                for (let j = 0; j < propertyPath.length; j++) {\n                    const prop = propertyPath[j];\n                    \n                    // Check if currentValue is a signal (function) and call it\n                    if (typeof currentValue === 'function') {\n                        currentValue = currentValue();\n                    }\n                    \n                    // Access the property\n                    if (currentValue && typeof currentValue === 'object' && prop in currentValue) {\n                        currentValue = currentValue[prop];\n                    } else {\n                        currentValue = undefined;\n                        break;\n                    }\n                }\n                \n                // If the final value is a signal, call it\n                if (typeof currentValue === 'function') {\n                    currentValue = currentValue();\n                }\n                \n                propertyValue = currentValue != null ? String(currentValue) : '';\n            } catch (error) {\n                // If property doesn't exist or can't be accessed, use empty string\n                propertyValue = '';\n            }\n            \n            result = result.replace(fullMatch, propertyValue);\n        }\n        \n        return result;\n    });\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAA,GAAoB,CAAC,KAAA,EAAY,MAAA,KAAiB;AAC3D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,OAAO,QAAA,CAAS,MAAM,MAAA,CAAO,KAAA,IAAS,EAAE,CAAC,CAAA;AAAA,EAC7C;AAGA,EAAA,MAAM,OAAA,GAAU,cAAA;AAChB,EAAA,MAAM,UAAyB,EAAC;AAChC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,OAAA,CAAQ,IAAA,CAAK,KAAK,OAAO,IAAA,EAAM;AAC3C,IAAA,OAAA,CAAQ,IAAA,CAAK;AAAA,MACT,QAAA,EAAU,MAAM,CAAC,CAAA;AAAA,MACjB,SAAA,EAAW,MAAM,CAAC,CAAA;AAAA,MAClB,OAAO,KAAA,CAAM;AAAA,KAChB,CAAA;AAAA,EACL;AAGA,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,QAAA,CAAS,MAAM,KAAK,CAAA;AAAA,EAC/B;AAGA,EAAA,OAAO,SAAS,MAAM;AAClB,IAAA,IAAI,MAAA,GAAS,KAAA;AAGb,IAAA,KAAA,IAAS,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AAC1C,MAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,QAAQ,CAAC,CAAA;AAIzC,MAAA,IAAI,aAAA,GAAgB,EAAA;AACpB,MAAA,IAAI;AACA,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AACvC,QAAA,IAAI,YAAA,GAAe,MAAA;AAEnB,QAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,YAAA,CAAa,QAAQ,CAAA,EAAA,EAAK;AAC1C,UAAA,MAAM,IAAA,GAAO,aAAa,CAAC,CAAA;AAG3B,UAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACpC,YAAA,YAAA,GAAe,YAAA,EAAa;AAAA,UAChC;AAGA,UAAA,IAAI,YAAA,IAAgB,OAAO,YAAA,KAAiB,QAAA,IAAY,QAAQ,YAAA,EAAc;AAC1E,YAAA,YAAA,GAAe,aAAa,IAAI,CAAA;AAAA,UACpC,CAAA,MAAO;AACH,YAAA,YAAA,GAAe,KAAA,CAAA;AACf,YAAA;AAAA,UACJ;AAAA,QACJ;AAGA,QAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACpC,UAAA,YAAA,GAAe,YAAA,EAAa;AAAA,QAChC;AAEA,QAAA,aAAA,GAAgB,YAAA,IAAgB,IAAA,GAAO,MAAA,CAAO,YAAY,CAAA,GAAI,EAAA;AAAA,MAClE,SAAS,KAAA,EAAO;AAEZ,QAAA,aAAA,GAAgB,EAAA;AAAA,MACpB;AAEA,MAAA,MAAA,GAAS,MAAA,CAAO,OAAA,CAAQ,SAAA,EAAW,aAAa,CAAA;AAAA,IACpD;AAEA,IAAA,OAAO,MAAA;AAAA,EACX,CAAC,CAAA;AACL;;;;"}

package/dist/components/dynamics/text.ce.js

@@ -0,0 +1,141 @@
+import { useProps, useDefineProps, h, Text, computed } from 'canvasengine';
+import { parseDynamicValue } from './parse-value.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var object = defineProps().object;
+var component = object._component;
+var parseNumericStyleValue = function (value, object) {
+    if (value === undefined || value === null) {
+        return undefined;
+    }
+    if (typeof value === 'number') {
+        return value;
+    }
+    if (typeof value === 'string') {
+        // Check if it contains dynamic references
+        if (value.includes('{')) {
+            // Parse dynamic value and convert to number
+            var parsed_1 = parseDynamicValue(value, object);
+            return computed(function () {
+                var str = parsed_1();
+                var num = parseFloat(str);
+                return isNaN(num) ? 0 : num;
+            });
+        }
+        else {
+            // Simple string number, convert directly
+            var num = parseFloat(value);
+            return isNaN(num) ? undefined : num;
+        }
+    }
+    return value;
+};
+var getComponentStyle = function (component) {
+    if (!component.style) {
+        return {};
+    }
+    var style = component.style;
+    var result = {};
+    // Map fill to color (shortcut property)
+    // fill can be a string (hex color) or a dynamic string
+    if (style.fill !== undefined) {
+        if (typeof style.fill === 'string' && style.fill.includes('{')) {
+            result.color = parseDynamicValue(style.fill, object);
+        }
+        else {
+            result.color = style.fill;
+        }
+    }
+    // Map fontSize to size (shortcut property)
+    // fontSize can be number or string (with dynamic references)
+    if (style.fontSize !== undefined) {
+        var fontSizeValue = parseNumericStyleValue(style.fontSize, object);
+        if (fontSizeValue !== undefined) {
+            result.size = fontSizeValue;
+        }
+    }
+    // Map fontFamily (shortcut property)
+    if (style.fontFamily !== undefined) {
+        if (typeof style.fontFamily === 'string' && style.fontFamily.includes('{')) {
+            result.fontFamily = parseDynamicValue(style.fontFamily, object);
+        }
+        else {
+            result.fontFamily = style.fontFamily;
+        }
+    }
+    // Build style object for PixiJS Text properties
+    var textStyle = {};
+    // Font style properties
+    if (style.fontStyle !== undefined) {
+        if (typeof style.fontStyle === 'string' && style.fontStyle.includes('{')) {
+            textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);
+        }
+        else {
+            textStyle.fontStyle = style.fontStyle;
+        }
+    }
+    if (style.fontWeight !== undefined) {
+        if (typeof style.fontWeight === 'string' && style.fontWeight.includes('{')) {
+            textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);
+        }
+        else if (typeof style.fontWeight === 'number') {
+            textStyle.fontWeight = style.fontWeight;
+        }
+        else {
+            textStyle.fontWeight = style.fontWeight;
+        }
+    }
+    // Stroke properties
+    if (style.stroke !== undefined) {
+        if (typeof style.stroke === 'string' && style.stroke.includes('{')) {
+            textStyle.stroke = parseDynamicValue(style.stroke, object);
+        }
+        else {
+            textStyle.stroke = style.stroke;
+        }
+    }
+    // Opacity (can be number or string)
+    if (style.opacity !== undefined) {
+        var opacityValue = parseNumericStyleValue(style.opacity, object);
+        if (opacityValue !== undefined) {
+            textStyle.opacity = opacityValue;
+        }
+    }
+    // Word wrap
+    if (style.wordWrap !== undefined) {
+        textStyle.wordWrap = style.wordWrap;
+    }
+    // Text alignment
+    if (style.align !== undefined) {
+        if (typeof style.align === 'string' && style.align.includes('{')) {
+            textStyle.align = parseDynamicValue(style.align, object);
+        }
+        else {
+            textStyle.align = style.align;
+        }
+    }
+    // Only add style prop if there are style properties
+    if (Object.keys(textStyle).length > 0) {
+        result.style = textStyle;
+    }
+    return result;
+};
+        let $this = h(Text, { text: computed(() => parseDynamicValue(component.value, object)), ...getComponentStyle(component) });
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=text.ce.js.map

package/dist/components/dynamics/text.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.ce.js","sources":["../../../src/components/dynamics/text.ce"],"sourcesContent":["<Text text={parseDynamicValue(component.value, object)} ...getComponentStyle(component) />\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { parseDynamicValue } from \"./parse-value\";\n\nconst { object } = defineProps();\nconst component = object._component;\n\n/**\n * Parses a numeric style value that can be a number or a string\n * \n * If the value is a string, it may contain dynamic references like {hp}\n * which need to be parsed using parseDynamicValue. If it's a number,\n * it's returned as-is wrapped in a computed.\n * \n * @param value - Numeric value (number or string)\n * @param object - Object to resolve dynamic references from\n * @returns Computed signal with the numeric value\n */\nconst parseNumericStyleValue = (value, object) => {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n    \n    if (typeof value === 'number') {\n        return value;\n    }\n    \n    if (typeof value === 'string') {\n        // Check if it contains dynamic references\n        if (value.includes('{')) {\n            // Parse dynamic value and convert to number\n            const parsed = parseDynamicValue(value, object);\n            return computed(() => {\n                const str = parsed();\n                const num = parseFloat(str);\n                return isNaN(num) ? 0 : num;\n            });\n        } else {\n            // Simple string number, convert directly\n            const num = parseFloat(value);\n            return isNaN(num) ? undefined : num;\n        }\n    }\n    \n    return value;\n};\n\n/**\n * Maps component style properties to Canvas Engine Text component props\n * \n * Converts TextComponentOptions from the server to the format expected\n * by the Canvas Engine Text component. Supports all text styling properties\n * including fill, fontSize, fontFamily, fontStyle, fontWeight, stroke,\n * opacity, wordWrap, and align. Also supports dynamic values (number | string)\n * for numeric properties like fontSize and opacity.\n * \n * @param component - Component definition with style property\n * @returns Object with Text component props\n * \n * @example\n * ```ts\n * // Component with style\n * const component = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: 20,\n *     fontFamily: 'Arial',\n *     fontWeight: 'bold'\n *   }\n * };\n * \n * const props = getComponentStyle(component);\n * // Returns: { color: '#000000', size: 20, fontFamily: 'Arial', style: { fontWeight: 'bold' } }\n * \n * // Component with dynamic fontSize\n * const component2 = {\n *   style: {\n *     fill: '#000000',\n *     fontSize: '{hp}', // Will be resolved from object.hp\n *     opacity: '0.8'\n *   }\n * };\n * ```\n */\nconst getComponentStyle = (component) => {\n    if (!component.style) {\n        return {};\n    }\n\n    const style = component.style;\n    const result = {};\n\n    // Map fill to color (shortcut property)\n    // fill can be a string (hex color) or a dynamic string\n    if (style.fill !== undefined) {\n        if (typeof style.fill === 'string' && style.fill.includes('{')) {\n            result.color = parseDynamicValue(style.fill, object);\n        } else {\n            result.color = style.fill;\n        }\n    }\n\n    // Map fontSize to size (shortcut property)\n    // fontSize can be number or string (with dynamic references)\n    if (style.fontSize !== undefined) {\n        const fontSizeValue = parseNumericStyleValue(style.fontSize, object);\n        if (fontSizeValue !== undefined) {\n            result.size = fontSizeValue;\n        }\n    }\n\n    // Map fontFamily (shortcut property)\n    if (style.fontFamily !== undefined) {\n        if (typeof style.fontFamily === 'string' && style.fontFamily.includes('{')) {\n            result.fontFamily = parseDynamicValue(style.fontFamily, object);\n        } else {\n            result.fontFamily = style.fontFamily;\n        }\n    }\n\n    // Build style object for PixiJS Text properties\n    const textStyle = {};\n\n    // Font style properties\n    if (style.fontStyle !== undefined) {\n        if (typeof style.fontStyle === 'string' && style.fontStyle.includes('{')) {\n            textStyle.fontStyle = parseDynamicValue(style.fontStyle, object);\n        } else {\n            textStyle.fontStyle = style.fontStyle;\n        }\n    }\n\n    if (style.fontWeight !== undefined) {\n        if (typeof style.fontWeight === 'string' && style.fontWeight.includes('{')) {\n            textStyle.fontWeight = parseDynamicValue(style.fontWeight, object);\n        } else if (typeof style.fontWeight === 'number') {\n            textStyle.fontWeight = style.fontWeight;\n        } else {\n            textStyle.fontWeight = style.fontWeight;\n        }\n    }\n\n    // Stroke properties\n    if (style.stroke !== undefined) {\n        if (typeof style.stroke === 'string' && style.stroke.includes('{')) {\n            textStyle.stroke = parseDynamicValue(style.stroke, object);\n        } else {\n            textStyle.stroke = style.stroke;\n        }\n    }\n\n    // Opacity (can be number or string)\n    if (style.opacity !== undefined) {\n        const opacityValue = parseNumericStyleValue(style.opacity, object);\n        if (opacityValue !== undefined) {\n            textStyle.opacity = opacityValue;\n        }\n    }\n\n    // Word wrap\n    if (style.wordWrap !== undefined) {\n        textStyle.wordWrap = style.wordWrap;\n    }\n\n    // Text alignment\n    if (style.align !== undefined) {\n        if (typeof style.align === 'string' && style.align.includes('{')) {\n            textStyle.align = parseDynamicValue(style.align, object);\n        } else {\n            textStyle.align = style.align;\n        }\n    }\n\n    // Only add style prop if there are style properties\n    if (Object.keys(textStyle).length > 0) {\n        result.style = textStyle;\n    }\n\n    return result;\n}\n</script>"],"names":[],"mappings":"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"}

package/dist/components/gui/box.ce.js

@@ -0,0 +1,27 @@
+import { useProps, useDefineProps, computed, h, Container, Rect } from 'canvasengine';
+import { RpgClientEngine } from '../../RpgClientEngine.js';
+import '../../node_modules/.pnpm/@signe_room@2.8.2/node_modules/@signe/room/dist/index.js';
+import '@rpgjs/common';
+import '../../node_modules/.pnpm/@signe_di@2.8.2/node_modules/@signe/di/dist/index.js';
+import { inject } from '../../core/inject.js';
+import './notification/notification.ce.js';
+import 'rxjs';
+import '../../node_modules/.pnpm/@signe_sync@2.8.2/node_modules/@signe/sync/dist/client/index.js';
+import '../../Sound.js';
+import 'pixi.js';
+import '@canvasengine/presets';
+import '../../Resource.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var _a = defineProps(), width = _a.width, height = _a.height, children = _a.children, color = _a.color, top = _a.top, left = _a.left;
+var engine = inject(RpgClientEngine);
+var child = children[0];
+var _color = computed(function () { var _a; return ((_a = engine.globalConfig.gui) === null || _a === void 0 ? void 0 : _a.windowColor) || (color === null || color === void 0 ? void 0 : color()) || "#1a1a2e"; });
+        let $this = h(Container, { positionType: 'absolute', top: top, left: left }, h(Container, { anchor: [0.5, 0.5] }, [h(Rect, { width, height, color: _color }), h(Container, { attach: child })]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=box.ce.js.map