@rpgjs/client 5.0.0-alpha.43 → 5.0.0-alpha.44

package/dist/components/character.ce.js

@@ -1,316 +1,392 @@
-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';
-
+import { inject } from "../core/inject.js";
+import { RpgGui } from "../Gui/Gui.js";
+import { RpgClientEngine } from "../RpgClientEngine.js";
+import { Container, Sprite, animatedSignal, computed, cond, h, loop, mount, on, signal, tick, useDefineProps, useProps } from "canvasengine";
+import { Particle } from "@canvasengine/presets";
+import { Direction, ModulesToken } from "@rpgjs/common";
+import { combineLatest, filter, lastValueFrom, map, pairwise, startWith } from "rxjs";
+//#region src/components/character.ce
 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
-      }
-
+	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 (typeof comp === "function" || comp && typeof comp === "object" && !comp.component) {
+			componentRef = comp;
+			propsValue = void 0;
+			dependenciesFn = void 0;
+		} else if (comp && typeof comp === "object" && comp.component) {
+			componentRef = comp.component;
+			propsValue = comp.props !== void 0 ? comp.props : comp.data;
+			dependenciesFn = comp.dependencies;
+		} else {
+			componentRef = comp;
+			propsValue = void 0;
+			dependenciesFn = void 0;
+		}
+		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 (cameraTargetId !== null) return id() === cameraTargetId;
+		return isMe();
+	});
+	var attachedGuis = computed(function() {
+		return guiService.getAttachedGuis();
+	});
+	var shouldDisplayAttachedGui = computed(function() {
+		return guiService.shouldDisplayAttachedGui(id());
+	}), 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(.3);
+	var flashTint = signal(16777215);
+	on(flashTrigger, function(data) {
+		if (data && typeof data === "object") {
+			if (data.type !== void 0) flashType.set(data.type);
+			if (data.duration !== void 0) flashDuration.set(data.duration);
+			if (data.cycles !== void 0) flashCycles.set(data.cycles);
+			if (data.alpha !== void 0) flashAlpha.set(data.alpha);
+			if (data.tint !== void 0) 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;
+	}), startWith(false));
+	var animationMovementSubscription = combineLatest([animationName$.pipe(startWith(animationName()), pairwise(), filter(function(_a) {
+		return _a[0] !== _a[1];
+	})), 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, lastValueFrom(hooks.callHooks("client-sprite-onDestroy", object))];
+					case 1:
+						_a.sent();
+						return [4, lastValueFrom(hooks.callHooks("client-sceneMap-onRemoveSprite", client.sceneMap, object))];
+					case 2:
+						_a.sent();
+						return [2];
+				}
+			});
+		});
+	};
+	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();
+	});
+	return 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: 1e3,
+			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,
+			onFinish: (data) => {
+				onAttachedGuiFinish(attachedGui, data);
+			},
+			onInteraction: (name, data) => {
+				onAttachedGuiInteraction(attachedGui, name, data);
+			}
+		}))))
+	]);
+}
+//#endregion
 export { component as default };
-//# sourceMappingURL=character.ce.js.map
+
+//# sourceMappingURL=character.ce.js.map