From a9b914bfd1d27ff3b98656cf7ddc117551a1bf32 Mon Sep 17 00:00:00 2001
From: MinHo Lim <mhlim@conalog.com>
Date: Wed, 20 Aug 2025 15:50:51 +0900
Subject: [PATCH] call event when elements change

---
 src/events/states/SelectionState.js | 1 -
 src/transformer/Transformer.js      | 4 +++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/events/states/SelectionState.js b/src/events/states/SelectionState.js
index 5f97c561..966d7505 100644
--- a/src/events/states/SelectionState.js
+++ b/src/events/states/SelectionState.js
@@ -125,7 +125,6 @@ export default class SelectionState extends State {
    * @param {PIXI.Point} p1 - The starting point of the drag.
    * @param {PIXI.Point} p2 - The current pointer position.
    */
-
   #drawSelectionBox(p1, p2) {
     if (!p1 || !p2) return;
 
diff --git a/src/transformer/Transformer.js b/src/transformer/Transformer.js
index 61ec63ab..a8774b48 100644
--- a/src/transformer/Transformer.js
+++ b/src/transformer/Transformer.js
@@ -76,7 +76,7 @@ export default class Transformer extends Container {
    * @private
    * @type {WireframeStyle}
    */
-  _wireframeStyle = DEFAULT_WIREFRAME_STYLE;
+  _wireframeStyle = {};
 
   /**
    * A reference to the viewport, obtained when this container is added to the stage.
@@ -95,6 +95,7 @@ export default class Transformer extends Container {
     if (isValidationError(options)) throw options;
 
     this.#wireframe = this.addChild(new Wireframe({ label: 'wireframe' }));
+    this.wireframeStyle = DEFAULT_WIREFRAME_STYLE;
     this.onRender = this.#refresh.bind(this);
     for (const key in options) {
       if (key === 'wireframeStyle') {
@@ -150,6 +151,7 @@ export default class Transformer extends Container {
   set elements(value) {
     this._elements = value ? (Array.isArray(value) ? value : [value]) : [];
     this.update();
+    this.emit('update_elements');
   }
 
   /**