From dcade416fc0658375c7e370b68eca13a0d7447bd Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 15 Aug 2023 12:28:29 +0400
Subject: [PATCH] Update spots on other events

---
 src/canvas/index.ts             | 11 ++++++++++-
 src/canvas/model/CanvasSpots.ts |  6 +++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/canvas/index.ts b/src/canvas/index.ts
index d4cc908a0..13d725725 100644
--- a/src/canvas/index.ts
+++ b/src/canvas/index.ts
@@ -61,7 +61,16 @@ import FrameView from './view/FrameView';
 import CanvasSpots from './model/CanvasSpots';
 import CanvasSpot, { CanvasSpotProps } from './model/CanvasSpot';
 
-export type CanvasEvent = 'canvas:dragenter' | 'canvas:dragover' | 'canvas:drop' | 'canvas:dragend' | 'canvas:dragdata';
+export type CanvasEvent =
+  | 'canvas:dragenter'
+  | 'canvas:dragover'
+  | 'canvas:drop'
+  | 'canvas:dragend'
+  | 'canvas:dragdata'
+  | 'canvas:spot'
+  | 'canvas:spot:add'
+  | 'canvas:spot:update'
+  | 'canvas:spot:remove';
 
 const canvasEvents = {
   dragEnter: 'canvas:dragenter',
diff --git a/src/canvas/model/CanvasSpots.ts b/src/canvas/model/CanvasSpots.ts
index 9c0fdbb41..7acfb200f 100644
--- a/src/canvas/model/CanvasSpots.ts
+++ b/src/canvas/model/CanvasSpots.ts
@@ -13,9 +13,9 @@ export default class CanvasSpots extends ModuleCollection<CanvasSpot> {
     this.on('change', this.onChange);
     this.on('remove', this.onRemove);
     const { em } = this;
-    this.refreshDbn = debounce(() => this.refresh(), 100);
-    const dbnEvents = 'component:resize styleable:change component:input';
-    this.listenTo(em, dbnEvents, () => this.refreshDbn());
+    this.refreshDbn = debounce(() => this.refresh(), 0);
+    const evToRefreshDbn = 'component:resize styleable:change component:input component:update undo redo';
+    this.listenTo(em, evToRefreshDbn, () => this.refreshDbn());
   }
 
   get em() {