Add resize events bubbling from block to containers

https://marionettejs.com/docs/master/events.html#event-bubbling
[MAIPOET-1816]

assets/js/src/newsletter_editor/behaviors/HighlightEditingBehavior.js

@@ -10,6 +10,8 @@ BL.HighlightEditingBehavior = Marionette.Behavior.extend({
   modelEvents: {
     startEditing: 'onStartEditing',
     stopEditing: 'onStopEditing',
+    startResizing: 'onStartResizing',
+    stopResizing: 'onStopResizing',
     resizeMove: 'onResizeMove',
   },
   events: {
@@ -47,9 +49,25 @@ BL.HighlightEditingBehavior = Marionette.Behavior.extend({
       this.view.removeHighlight();
     }
   },
+  onStartResizing: function onStartResizing() {
+    this.onStartEditing();
+    this.view.triggerMethod('resizeStart');
+  },
+  onStopResizing: function onStopResizing(event) {
+    this.onStopEditing();
+    this.view.triggerMethod('resizeStop', event);
+  },
   onDomRefresh: function onDomRefresh() {
     if (this.isBeingEdited) {
       this.view.addHighlight();
     }
   },
+  onChildviewResizeStart: function onChildviewResizeStart() {
+    // Let event bubble up
+    this.view.triggerMethod('resizeStart');
+  },
+  onChildviewResizeStop: function onChildviewResizeStop(event) {
+    // Let event bubble up
+    this.view.triggerMethod('resizeStop', event);
+  },
 });

assets/js/src/newsletter_editor/behaviors/ResizableBehavior.js

@@ -55,7 +55,7 @@ BL.ResizableBehavior = Marionette.Behavior.extend({
       },
     })
       .on('resizestart', function resizestart() {
-        that.view.model.trigger('startEditing');
+        that.view.model.trigger('startResizing');
         that.isBeingResized = true;
         that.$el.addClass('mailpoet_resize_active');
       }).on('resizemove', function resizemove(event) {
@@ -64,7 +64,7 @@ BL.ResizableBehavior = Marionette.Behavior.extend({
         return onResize(event);
       })
       .on('resizeend', function resizeend(event) {
-        that.view.model.trigger('stopEditing');
+        that.view.model.trigger('stopResizing', event);
         that.isBeingResized = null;
         if (!isEventInsideElement(event, that.view.$el)) {
           that.hideResizeHandle();

assets/js/src/newsletter_editor/blocks/container.js

@@ -96,6 +96,12 @@ Module.ContainerBlocksView = Marionette.CollectionView.extend({
   initialize: function (options) {
     this.renderOptions = options.renderOptions;
   },
+  onChildviewResizeStart: function onChildviewResizeStart() {
+    this.triggerMethod('resizeStart');
+  },
+  onChildviewResizeStop: function onChildviewResizeStart(event) {
+    this.triggerMethod('resizeStop', event);
+  },
 });
 
 Module.ContainerBlockView = base.BlockView.extend({