@univerjs/sheets-drawing-ui 0.6.0-experimental.20250125-1d060b9 → 0.6.0-experimental.20250220-d9a8e74

package/lib/es/facade.js

@@ -1,75 +1,76 @@
 var L = Object.defineProperty;
 var X = (r, t, e) => t in r ? L(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var T = (r, t, e) => X(r, typeof t != "symbol" ? t + "" : t, e);
-import { Inject as x, Injector as P, ICommandService as W, generateRandomId as Y, DrawingTypeEnum as _, ImageSourceType as I, FBase as V, ArrangeTypeEnum as v, toDisposable as C, FEnum as M, FEventName as z, FUniver as N } from "@univerjs/core";
-import { getImageSize as q, SetDrawingSelectedOperation as A, IDrawingManagerService as l } from "@univerjs/drawing";
+var x = (r, t, e) => X(r, typeof t != "symbol" ? t + "" : t, e);
+import { Inject as P, Injector as j, ICommandService as W, generateRandomId as Y, DrawingTypeEnum as _, ImageSourceType as I, ArrangeTypeEnum as v, toDisposable as k } from "@univerjs/core";
+import { FBase as V, FEnum as M, FEventName as H, FUniver as z } from "@univerjs/core/facade";
+import { getImageSize as q, IDrawingManagerService as f, SetDrawingSelectedOperation as A } from "@univerjs/drawing";
 import { IRenderManagerService as F } from "@univerjs/engine-render";
-import { SetSheetDrawingCommand as m, SetDrawingArrangeCommand as w, SheetCanvasFloatDomManagerService as G, InsertSheetDrawingCommand as S, RemoveSheetDrawingCommand as D } from "@univerjs/sheets-drawing-ui";
+import { SetSheetDrawingCommand as h, SetDrawingArrangeCommand as w, SheetCanvasFloatDomManagerService as C, InsertSheetDrawingCommand as S, RemoveSheetDrawingCommand as R } from "@univerjs/sheets-drawing-ui";
 import { SheetSkeletonManagerService as U, ISheetSelectionRenderService as J, convertPositionSheetOverGridToAbsolute as Q, convertPositionCellToSheetOverGrid as Z } from "@univerjs/sheets-ui";
-import { ISheetDrawingService as u, SheetDrawingAnchorType as ee } from "@univerjs/sheets-drawing";
-import { transformComponentKey as E } from "@univerjs/sheets-ui/facade";
-import { FWorksheet as $ } from "@univerjs/sheets/facade";
-import { ComponentManager as y } from "@univerjs/ui";
-var te = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, H = (r, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? ie(t, e) : t, s = r.length - 1, o; s >= 0; s--)
+import { ISheetDrawingService as l, SheetDrawingAnchorType as ee } from "@univerjs/sheets-drawing";
+import { transformComponentKey as y } from "@univerjs/sheets-ui/facade";
+import { FWorksheet as N } from "@univerjs/sheets/facade";
+import { ComponentManager as D } from "@univerjs/ui";
+var te = Object.defineProperty, re = Object.getOwnPropertyDescriptor, $ = (r, t, e, i) => {
+  for (var n = i > 1 ? void 0 : i ? re(t, e) : t, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (n = (i ? o(t, e, n) : o(n)) || n);
   return i && n && te(t, e, n), n;
-}, R = (r, t) => (e, i) => t(e, i, r);
-function re(r, t) {
-  const { from: e, to: i, flipY: n = !1, flipX: s = !1, angle: o = 0, skewX: c = 0, skewY: a = 0 } = r.sheetTransform, { column: h, columnOffset: d, row: f, rowOffset: p } = e, k = Q(
+}, G = (r, t) => (e, i) => t(e, i, r);
+function ie(r, t) {
+  const { from: e, to: i, flipY: n = !1, flipX: s = !1, angle: o = 0, skewX: d = 0, skewY: a = 0 } = r.sheetTransform, { column: g, columnOffset: c, row: u, rowOffset: b } = e, O = Q(
     r.unitId,
     r.subUnitId,
     { from: e, to: i },
     t
-  ), { left: B, top: j, width: O, height: K } = k;
+  ), { left: B, top: T, width: E, height: K } = O;
   return {
     ...r,
-    column: h,
-    columnOffset: d,
-    row: f,
-    rowOffset: p,
-    width: O,
+    column: g,
+    columnOffset: c,
+    row: u,
+    rowOffset: b,
+    width: E,
     height: K,
     flipY: n,
     flipX: s,
     angle: o,
-    skewX: c,
+    skewX: d,
     skewY: a
   };
 }
 function ne(r, t, e) {
-  const { column: i, columnOffset: n, row: s, rowOffset: o, flipY: c = !1, flipX: a = !1, angle: h = 0, skewX: d = 0, skewY: f = 0, width: p, height: k } = r, B = Z(
+  const { column: i, columnOffset: n, row: s, rowOffset: o, flipY: d = !1, flipX: a = !1, angle: g = 0, skewX: c = 0, skewY: u = 0, width: b, height: O } = r, B = Z(
     r.unitId,
     r.subUnitId,
     { column: i, columnOffset: n, row: s, rowOffset: o },
-    p,
-    k,
+    b,
+    O,
     t,
     e
-  ), { sheetTransform: j, transform: O } = B;
+  ), { sheetTransform: T, transform: E } = B;
   return {
     ...r,
     sheetTransform: {
-      ...j,
-      flipY: c,
+      ...T,
+      flipY: d,
       flipX: a,
-      angle: h,
-      skewX: d,
-      skewY: f
+      angle: g,
+      skewX: c,
+      skewY: u
     },
     transform: {
-      ...O,
-      flipY: c,
+      ...E,
+      flipY: d,
       flipX: a,
-      angle: h,
-      skewX: d,
-      skewY: f
+      angle: g,
+      skewX: c,
+      skewY: u
     }
   };
 }
-let b = class {
+let p = class {
   constructor(r, t, e) {
-    T(this, "_image");
+    x(this, "_image");
     this._injector = e, this._image = {
       drawingId: Y(6),
       drawingType: _.DRAWING_IMAGE,
@@ -124,7 +125,7 @@ let b = class {
         row: 0,
         rowOffset: 0
       }
-    }), this._image = re(r, i), this;
+    }), this._image = ie(r, i), this;
   }
   setSource(r, t) {
     const e = t != null ? t : I.URL;
@@ -370,10 +371,10 @@ let b = class {
     return ne(this._image, e, i);
   }
 };
-b = H([
-  R(2, x(P))
-], b);
-let g = class extends V {
+p = $([
+  G(2, P(j))
+], p);
+let m = class extends V {
   constructor(r, t, e) {
     super(), this._image = r, this._commandService = t, this._injector = e;
   }
@@ -396,7 +397,7 @@ let g = class extends V {
    * ```
    */
   remove() {
-    return this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Convert the image to a FOverGridImageBuilder
@@ -413,18 +414,18 @@ let g = class extends V {
    * ```
    */
   toBuilder() {
-    const r = this._injector.createInstance(b);
+    const r = this._injector.createInstance(p);
     return r.setImage(this._image), r;
   }
   setSource(r, t) {
     const e = t != null ? t : I.URL;
-    return this._image.source = r, this._image.imageSourceType = e, this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
+    return this._image.source = r, this._image.imageSourceType = e, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   async setPositionAsync(r, t, e, i) {
     const n = this.toBuilder();
     n.setColumn(t), n.setRow(r), e != null && n.setRowOffset(e), i != null && n.setColumnOffset(i);
     const s = await n.buildAsync();
-    return this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [s] });
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [s] });
   }
   /**
    * Set the size of the image
@@ -443,7 +444,7 @@ let g = class extends V {
     const e = this.toBuilder();
     e.setWidth(r), e.setHeight(t);
     const i = await e.buildAsync();
-    return this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [i] });
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [i] });
   }
   /**
    * Set the cropping region of the image by defining the top, bottom, left, and right edges, thereby displaying the specific part of the image you want.
@@ -467,7 +468,7 @@ let g = class extends V {
       left: 0,
       bottom: 0,
       right: 0
-    }), r != null && (this._image.srcRect.top = r), t != null && (this._image.srcRect.left = t), e != null && (this._image.srcRect.bottom = e), i != null && (this._image.srcRect.right = i), this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
+    }), r != null && (this._image.srcRect.top = r), t != null && (this._image.srcRect.left = t), e != null && (this._image.srcRect.bottom = e), i != null && (this._image.srcRect.right = i), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   // setPresetGeometry(prstGeom: PresetGeometryType): boolean {
   //     this._image.prstGeom = prstGeom;
@@ -487,7 +488,7 @@ let g = class extends V {
    * ```
    */
   setRotate(r) {
-    return this._image.sheetTransform.angle = r, this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
+    return this._image.sheetTransform.angle = r, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Move the image layer forward by one level
@@ -570,13 +571,13 @@ let g = class extends V {
     });
   }
 };
-g = H([
-  R(1, W),
-  R(2, x(P))
-], g);
-class se extends $ {
+m = $([
+  G(1, W),
+  G(2, P(j))
+], m);
+class se extends N {
   addFloatDomToPosition(t, e) {
-    const i = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: s, disposableCollection: o } = E(t, this._injector.get(y)), a = this._injector.get(G).addFloatDomToPosition({ ...t, componentKey: s, unitId: i, subUnitId: n }, e);
+    const i = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: s, disposableCollection: o } = y(t, this._injector.get(D)), a = this._injector.get(C).addFloatDomToPosition({ ...t, componentKey: s, unitId: i, subUnitId: n }, e);
     return a ? (o.add(a.dispose), {
       id: a.id,
       dispose: () => {
@@ -585,20 +586,20 @@ class se extends $ {
     }) : (o.dispose(), null);
   }
   addFloatDomToRange(t, e, i, n) {
-    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: c, disposableCollection: a } = E(e, this._injector.get(y)), d = this._injector.get(G).addFloatDomToRange(t.getRange(), { ...e, componentKey: c, unitId: s, subUnitId: o }, i, n);
-    return d ? (a.add(d.dispose), {
-      id: d.id,
+    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: d, disposableCollection: a } = y(e, this._injector.get(D)), c = this._injector.get(C).addFloatDomToRange(t.getRange(), { ...e, componentKey: d, unitId: s, subUnitId: o }, i, n);
+    return c ? (a.add(c.dispose), {
+      id: c.id,
       dispose: () => {
-        a.dispose(), d.dispose();
+        a.dispose(), c.dispose();
       }
     }) : (a.dispose(), null);
   }
   addFloatDomToColumnHeader(t, e, i, n) {
-    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: c, disposableCollection: a } = E(e, this._injector.get(y)), d = this._injector.get(G).addFloatDomToColumnHeader(t, { ...e, componentKey: c, unitId: s, subUnitId: o }, i, n);
-    return d ? (a.add(d.dispose), {
-      id: d.id,
+    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: d, disposableCollection: a } = y(e, this._injector.get(D)), c = this._injector.get(C).addFloatDomToColumnHeader(t, { ...e, componentKey: d, unitId: s, subUnitId: o }, i, n);
+    return c ? (a.add(c.dispose), {
+      id: c.id,
       dispose: () => {
-        a.dispose(), d.dispose();
+        a.dispose(), c.dispose();
       }
     }) : (a.dispose(), null);
   }
@@ -607,12 +608,12 @@ class se extends $ {
     if (typeof t == "string")
       o.setSource(t);
     else {
-      const h = await t.getBlob().getDataAsString();
-      o.setSource(h, I.BASE64);
+      const g = await t.getBlob().getDataAsString();
+      o.setSource(g, I.BASE64);
     }
     e !== void 0 ? o.setColumn(e) : o.setColumn(0), i !== void 0 ? o.setRow(i) : o.setRow(0), n !== void 0 ? o.setColumnOffset(n) : o.setColumnOffset(0), s !== void 0 ? o.setRowOffset(s) : o.setRowOffset(0);
-    const c = await o.buildAsync();
-    return this._commandService.syncExecuteCommand(S.id, { unitId: this._fWorkbook.getId(), drawings: [c] });
+    const d = await o.buildAsync();
+    return this._commandService.syncExecuteCommand(S.id, { unitId: this._fWorkbook.getId(), drawings: [d] });
   }
   insertImages(t) {
     const e = t.map((i) => (i.unitId = this._fWorkbook.getId(), i.subUnitId = this.getSheetId(), i));
@@ -625,64 +626,64 @@ class se extends $ {
       subUnitId: this.getSheetId(),
       drawingType: i.getType()
     }));
-    return this._commandService.syncExecuteCommand(D.id, { unitId: this._fWorkbook.getId(), drawings: e }), this;
+    return this._commandService.syncExecuteCommand(R.id, { unitId: this._fWorkbook.getId(), drawings: e }), this;
   }
   getImages() {
-    const e = this._injector.get(u).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), i = [];
+    const e = this._injector.get(l).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), i = [];
     for (const n in e) {
       const s = e[n];
-      s.drawingType === _.DRAWING_IMAGE && i.push(this._injector.createInstance(g, s));
+      s.drawingType === _.DRAWING_IMAGE && i.push(this._injector.createInstance(m, s));
     }
     return i;
   }
   getImageById(t) {
-    const i = this._injector.get(u).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
-    return i && i.drawingType === _.DRAWING_IMAGE ? this._injector.createInstance(g, i) : null;
+    const i = this._injector.get(l).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
+    return i && i.drawingType === _.DRAWING_IMAGE ? this._injector.createInstance(m, i) : null;
   }
   getActiveImages() {
-    const e = this._injector.get(u).getFocusDrawings(), i = [];
+    const e = this._injector.get(l).getFocusDrawings(), i = [];
     for (const n in e) {
       const s = e[n];
-      i.push(this._injector.createInstance(g, s));
+      i.push(this._injector.createInstance(m, s));
     }
     return i;
   }
   updateImages(t) {
-    return this._commandService.syncExecuteCommand(m.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
   }
   onImageInserted(t) {
-    const e = this._injector.get(u);
-    return C(e.add$.subscribe((i) => {
+    const e = this._injector.get(l);
+    return k(e.add$.subscribe((i) => {
       const n = i.map(
-        (s) => this._injector.createInstance(g, e.getDrawingByParam(s))
+        (s) => this._injector.createInstance(m, e.getDrawingByParam(s))
       );
       t(n);
     }));
   }
   onImageDeleted(t) {
-    const e = this._injector.get(u);
-    return C(e.remove$.subscribe((i) => {
+    const e = this._injector.get(l);
+    return k(e.remove$.subscribe((i) => {
       const n = i.map(
-        (s) => this._injector.createInstance(g, e.getDrawingByParam(s))
+        (s) => this._injector.createInstance(m, e.getDrawingByParam(s))
       );
       t(n);
     }));
   }
   onImageChanged(t) {
-    const e = this._injector.get(u);
-    return C(e.update$.subscribe((i) => {
+    const e = this._injector.get(l);
+    return k(e.update$.subscribe((i) => {
       const n = i.map(
-        (s) => this._injector.createInstance(g, e.getDrawingByParam(s))
+        (s) => this._injector.createInstance(m, e.getDrawingByParam(s))
       );
       t(n);
     }));
   }
   newOverGridImage() {
     const t = this._fWorkbook.getId(), e = this.getSheetId();
-    return this._injector.createInstance(b, t, e);
+    return this._injector.createInstance(p, t, e);
   }
 }
-$.extend(se);
+N.extend(se);
 class oe extends M {
   get DrawingType() {
     return _;
@@ -695,7 +696,7 @@ class oe extends M {
   }
 }
 M.extend(oe);
-class ae extends z {
+class ae extends H {
   get BeforeOverGridImageChange() {
     return "BeforeOverGridImageChange";
   }
@@ -721,156 +722,135 @@ class ae extends z {
     return "OverGridImageSelected";
   }
 }
-z.extend(ae);
-class ce extends N {
+H.extend(ae);
+class de extends z {
   /**
    * @ignore
    */
+  // eslint-disable-next-line max-lines-per-function
   _initialize(t) {
     const e = t.get(W);
-    this.disposeWithMe(e.beforeCommandExecuted((i) => {
-      switch (i.id) {
-        case S.id:
-          this._beforeOverGridImageInsert(i.params);
-          break;
-        case D.id:
-          this._beforeOverGridImageRemove(i.params);
-          break;
-        case m.id:
-          this._beforeOverGridImageChange(i.params);
-          break;
-        case A.id:
-          this._beforeOverGridImageSelect(i.params);
-          break;
-      }
-    })), this.disposeWithMe(e.onCommandExecuted((i) => {
-      switch (i.id) {
-        case S.id:
-          this._overGridImageInserted(i.params);
-          break;
-        case D.id:
-          this._overGridImageRemoved(i.params);
-          break;
-        case m.id:
-          this._overGridImageChanged(i.params);
-          break;
-        case A.id:
-          this._overGridImageSelected(i.params);
-          break;
-      }
-    }));
-  }
-  _beforeOverGridImageInsert(t) {
-    if (!this.hasEventCallback(this.Event.BeforeOverGridImageInsert))
-      return;
-    const e = this.getActiveWorkbook();
-    if (e == null || t == null)
-      return;
-    const { drawings: i } = t, n = {
-      workbook: e,
-      insertImageParams: i
-    };
-    if (this.fireEvent(this.Event.BeforeOverGridImageInsert, n), n.cancel)
-      throw new Error("Canceled by BeforeOverGridImageInsert event");
-  }
-  _overGridImageInserted(t) {
-    if (!this.hasEventCallback(this.Event.OverGridImageInserted))
-      return;
-    const e = this.getActiveWorkbook();
-    if (e == null || t == null)
-      return;
-    const { drawings: i } = t;
-    this.fireEvent(this.Event.OverGridImageInserted, {
-      workbook: e,
-      images: this._createFOverGridImage(i)
-    });
-  }
-  _beforeOverGridImageRemove(t) {
-    if (!this.hasEventCallback(this.Event.BeforeOverGridImageRemove))
-      return;
-    const e = this.getActiveWorkbook();
-    if (e == null || t == null)
-      return;
-    const { drawings: i } = t, n = this._injector.get(l), s = i.map((c) => n.getDrawingByParam(c)), o = {
-      workbook: e,
-      images: this._createFOverGridImage(s)
-    };
-    if (this.fireEvent(this.Event.BeforeOverGridImageRemove, o), o.cancel)
-      throw new Error("Canceled by BeforeOverGridImageRemove event");
-  }
-  _overGridImageRemoved(t) {
-    if (!this.hasEventCallback(this.Event.OverGridImageRemoved))
-      return;
-    const e = this.getActiveWorkbook();
-    if (e == null || t == null)
-      return;
-    const { drawings: i } = t;
-    this.fireEvent(this.Event.OverGridImageRemoved, {
-      workbook: e,
-      removeImageParams: i
-    });
-  }
-  _beforeOverGridImageChange(t) {
-    if (!this.hasEventCallback(this.Event.BeforeOverGridImageChange))
-      return;
-    const e = this.getActiveWorkbook();
-    if (e == null || t == null)
-      return;
-    const { drawings: i } = t, n = this._injector.get(l), s = [];
-    i.forEach((c) => {
-      const a = n.getDrawingByParam(c);
-      a != null && s.push({
-        changeParam: c,
-        image: this._injector.createInstance(g, a)
-      });
-    });
-    const o = {
-      workbook: e,
-      images: s
-    };
-    if (this.fireEvent(this.Event.BeforeOverGridImageChange, o), o.cancel)
-      throw n.updateNotification(i), new Error("Canceled by BeforeOverGridImageChange event");
-  }
-  _overGridImageChanged(t) {
-    if (!this.hasEventCallback(this.Event.OverGridImageChanged))
-      return;
-    const e = this.getActiveWorkbook();
-    if (e == null || t == null)
-      return;
-    const { drawings: i } = t, n = this._injector.get(l), s = i.map((o) => this._injector.createInstance(g, n.getDrawingByParam(o)));
-    this.fireEvent(this.Event.OverGridImageChanged, {
-      workbook: e,
-      images: s
-    });
-  }
-  _beforeOverGridImageSelect(t) {
-    if (!this.hasEventCallback(this.Event.BeforeOverGridImageSelect))
-      return;
-    const e = this._injector.get(l), i = this.getActiveWorkbook();
-    if (i == null)
-      return;
-    const n = e.getFocusDrawings(), s = t.map((c) => e.getDrawingByParam(c)), o = {
-      workbook: i,
-      selectedImages: this._createFOverGridImage(s),
-      oldSelectedImages: this._createFOverGridImage(n)
-    };
-    if (this.fireEvent(this.Event.BeforeOverGridImageSelect, o), o.cancel)
-      throw new Error("Canceled by BeforeOverGridImageSelect event");
-  }
-  _overGridImageSelected(t) {
-    if (!this.hasEventCallback(this.Event.OverGridImageSelected))
-      return;
-    const e = this.getActiveWorkbook(), i = this._injector.get(l);
-    if (e == null)
-      return;
-    const n = t.map((s) => i.getDrawingByParam(s));
-    this.fireEvent(this.Event.OverGridImageSelected, {
-      workbook: e,
-      selectedImages: this._createFOverGridImage(n)
-    });
+    this.registerEventHandler(
+      this.Event.BeforeOverGridImageInsert,
+      () => e.beforeCommandExecuted((i) => {
+        if (i.id !== S.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null || n == null)
+          return;
+        const { drawings: o } = n, d = {
+          workbook: s,
+          insertImageParams: o
+        };
+        if (this.fireEvent(this.Event.BeforeOverGridImageInsert, d), d.cancel)
+          throw new Error("Canceled by BeforeOverGridImageInsert event");
+      })
+    ), this.registerEventHandler(
+      this.Event.BeforeOverGridImageRemove,
+      () => e.beforeCommandExecuted((i) => {
+        if (i.id !== R.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null || n == null)
+          return;
+        const o = t.get(f), { drawings: d } = n, a = d.map((c) => o.getDrawingByParam(c)), g = {
+          workbook: s,
+          images: this._createFOverGridImage(a)
+        };
+        if (this.fireEvent(this.Event.BeforeOverGridImageRemove, g), g.cancel)
+          throw new Error("Canceled by BeforeOverGridImageRemove event");
+      })
+    ), this.registerEventHandler(
+      this.Event.BeforeOverGridImageChange,
+      () => e.beforeCommandExecuted((i) => {
+        if (i.id !== h.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null || n == null)
+          return;
+        const { drawings: o } = n, d = t.get(f), a = [];
+        o.forEach((c) => {
+          const u = d.getDrawingByParam(c);
+          u != null && a.push({
+            changeParam: c,
+            image: this._injector.createInstance(m, u)
+          });
+        });
+        const g = {
+          workbook: s,
+          images: a
+        };
+        if (this.fireEvent(this.Event.BeforeOverGridImageChange, g), g.cancel)
+          throw d.updateNotification(o), new Error("Canceled by BeforeOverGridImageChange event");
+      })
+    ), this.registerEventHandler(
+      this.Event.BeforeOverGridImageSelect,
+      () => e.beforeCommandExecuted((i) => {
+        if (i.id !== A.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null)
+          return;
+        const o = t.get(f), d = o.getFocusDrawings(), a = n.map((c) => o.getDrawingByParam(c)), g = {
+          workbook: s,
+          selectedImages: this._createFOverGridImage(a),
+          oldSelectedImages: this._createFOverGridImage(d)
+        };
+        if (this.fireEvent(this.Event.BeforeOverGridImageSelect, g), g.cancel)
+          throw new Error("Canceled by BeforeOverGridImageSelect event");
+      })
+    ), this.registerEventHandler(
+      this.Event.OverGridImageInserted,
+      () => e.onCommandExecuted((i) => {
+        if (i.id !== S.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null || n == null)
+          return;
+        const { drawings: o } = n;
+        this.fireEvent(this.Event.OverGridImageInserted, {
+          workbook: s,
+          images: this._createFOverGridImage(o)
+        });
+      })
+    ), this.registerEventHandler(
+      this.Event.OverGridImageRemoved,
+      () => e.onCommandExecuted((i) => {
+        if (i.id !== R.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null || n == null)
+          return;
+        const { drawings: o } = n;
+        this.fireEvent(this.Event.OverGridImageRemoved, {
+          workbook: s,
+          removeImageParams: o
+        });
+      })
+    ), this.registerEventHandler(
+      this.Event.OverGridImageChanged,
+      () => e.onCommandExecuted((i) => {
+        if (i.id !== h.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null || n == null)
+          return;
+        const { drawings: o } = n, d = t.get(f), a = o.map((g) => this._injector.createInstance(m, d.getDrawingByParam(g)));
+        this.fireEvent(this.Event.OverGridImageChanged, {
+          workbook: s,
+          images: a
+        });
+      })
+    ), this.registerEventHandler(
+      this.Event.OverGridImageSelected,
+      () => e.onCommandExecuted((i) => {
+        if (i.id !== A.id) return;
+        const n = i.params, s = this.getActiveWorkbook();
+        if (s == null)
+          return;
+        const o = t.get(f), d = n.map((a) => o.getDrawingByParam(a));
+        this.fireEvent(this.Event.OverGridImageSelected, {
+          workbook: s,
+          selectedImages: this._createFOverGridImage(d)
+        });
+      })
+    );
   }
   _createFOverGridImage(t) {
-    return t.map((e) => this._injector.createInstance(g, e));
+    return t.map((e) => this._injector.createInstance(m, e));
   }
 }
-N.extend(ce);
+z.extend(de);