Merge pull request #11780 from M393/dragbox-add-cancel-event

Add a cancel event to the DragBox interaction

src/ol/interaction/DragBox.js

@@ -53,6 +53,13 @@ const DragBoxEventType = {
    * @api
    */
   BOXEND: 'boxend',
+
+  /**
+   * Triggered upon drag box canceled.
+   * @event DragBoxEvent#boxcancel
+   * @api
+   */
+  BOXCANCEL: 'boxcancel',
 };
 
 /**
@@ -192,22 +199,21 @@ class DragBox extends PointerInteraction {
   handleUpEvent(mapBrowserEvent) {
     this.box_.setMap(null);
 
-    if (
+    const completeBox = this.boxEndCondition_(
-      this.boxEndCondition_(
       mapBrowserEvent,
       this.startPixel_,
       mapBrowserEvent.pixel
-      )
+    );
-    ) {
+    if (completeBox) {
       this.onBoxEnd(mapBrowserEvent);
+    }
     this.dispatchEvent(
       new DragBoxEvent(
-          DragBoxEventType.BOXEND,
+        completeBox ? DragBoxEventType.BOXEND : DragBoxEventType.BOXCANCEL,
         mapBrowserEvent.coordinate,
         mapBrowserEvent
       )
     );
-    }
     return false;
   }