fix: add key and args properties to State class

src/display/mixins/Cellsable.js

@@ -41,6 +41,7 @@ export const Cellsable = (superClass) => {
           item.destroy({ children: true });
         }
       });
+      this.context.viewport.emit('object_transformed', this);
     }
   };
   MixedClass.registerHandler(

src/events/StateManager.js

@@ -124,7 +124,7 @@ export default class StateManager extends WildcardEventEmitter {
     let instance = stateDef.instance;
     if (!instance || !stateDef.isSingleton) {
       const StateClass = stateDef.Class;
-      instance = new StateClass();
+      instance = new StateClass(name);
       if (stateDef.isSingleton) {
         stateDef.instance = instance;
       }

src/events/states/SelectionState.js

@@ -90,11 +90,11 @@ export default class SelectionState extends State {
 
   /**
    * Enters the selection state with a given context and configuration.
-   * @param {object} context - The application context, containing the viewport.
-   * @param {SelectionStateConfig} config - Configuration for the selection behavior.
+   * @param {...*} args - Additional arguments passed to the state.
    */
-  enter(context, config = {}) {
-    super.enter(context);
+  enter(...args) {
+    super.enter(...args);
+    const [_, config] = args;
     this.config = deepMerge(defaultConfig, config);
     this.viewport = this.context.viewport;
     this.viewport.addChild(this._selectionBox);
@@ -103,7 +103,9 @@ export default class SelectionState extends State {
   exit() {
     super.exit();
     this.#clear({ state: true, selectionBox: true, gesture: true });
-    this._selectionBox?.destroy(true);
+    if (this._selectionBox.parent) {
+      this._selectionBox.parent.removeChild(this._selectionBox);
+    }
   }
 
   pause() {

src/events/states/State.js

@@ -31,14 +31,15 @@ export default class State {
    */
   abortController = new AbortController();
 
-  constructor() {
+  constructor(name) {
     /**
      * A reference to the shared context object provided by the StateManager.
      * This context typically contains references to global objects like the viewport,
      * the application instance, etc. It is null until `enter()` is called.
      * @type {object | null}
      */
     this.context = null;
+    this.key = name;
   }
 
   /**
@@ -48,9 +49,11 @@ export default class State {
    * A new AbortController is created here for the state's lifecycle.
    *
    * @param {object} context - The shared application context from the StateManager.
+   * @param {...*} args - Additional arguments passed to the state.
    */
-  enter(context) {
+  enter(context, ...args) {
     this.context = context;
+    this.args = args;
     this.abortController = new AbortController();
   }