🧰: delete colorstop when selecting inside of halo

Author: linusha

lively.ide/styling/color-stops.cp.js

@@ -7,6 +7,7 @@ import KeyHandler from 'lively.morphic/events/KeyHandler.js';
 export class ColorStopControl extends Polygon {
   static get properties () {
     return {
+      editor: {},
       stop: {},
       isSelected: {},
       isColorStop: {
@@ -54,6 +55,12 @@ export class ColorStopControl extends Polygon {
     this.bottomCenter = gradientEditor.getPositionFor(this.stop);
   }
 
+  onKeyDown (evt) {
+    if (evt.keyCombo === 'Delete') {
+      this.editor.removeStop(this);
+    }
+  }
+
   onMouseDown (evt) {
     super.onMouseDown(evt);
     this.select(this);

lively.ide/styling/gradient-editor.cp.js

@@ -420,7 +420,7 @@ export class GradientControlModel extends ViewModel {
   }
 
   getControlFor (aStop, haloOrEditor = this) {
-    const s = part(ColorStop, { master: { states: { selected: SelectedColorStop } } });
+    const s = part(ColorStop, { master: { states: { selected: SelectedColorStop } }, editor: this });
     s.withAllSubmorphsDo(m => m.halosEnabled = false);
     haloOrEditor.placeStop(s);
     connect(s, 'select', haloOrEditor, 'selectStop');