Revert the change of making color_scale a private attribute that is observed in Velocity.js.

Author: HaudinFlorence

examples/Velocity_with_colormap.ipynb

@@ -20,7 +20,7 @@
     "# Set up for JupyterLite\n",
     "try:\n",
     "    import piplite\n",
-    "    await piplite.install(['ipyleaflet')\n",
+    "    await piplite.install('ipyleaflet')\n",
     "except ImportError:\n",
     "    pass"
    ]

ipyleaflet/velocity.py

@@ -71,15 +71,15 @@ class Velocity(Layer):
     max_velocity = Float(10).tag(sync=True, o=True)
     velocity_scale = Float(0.005).tag(sync=True, o=True)
     colormap = Any(linear.OrRd_06)
-    _color_scale = List([]).tag(sync=True, o=True)
+    color_scale = List([]).tag(sync=True, o=True)
 
-    @default('_color_scale')
+    @default('color_scale')
     def _default_color_scale(self):
-        self._color_scale = []
+        self.color_scale = []
 
         for color in self.colormap.colors:
             rgb_tuple = tuple(int(x * 256) for x in color[:3])
             rgb_str = f"rgb{rgb_tuple}"
-            self._color_scale.append(rgb_str)
+            self.color_scale.append(rgb_str)
 
-        return self._color_scale
+        return self.color_scale

js/src/layers/Velocity.js

@@ -25,7 +25,7 @@ export class LeafletVelocityModel extends layer.LeafletLayerModel {
       minVelocity: 0,
       maxVelocity: 10,
       velocityScale: 0.005,
-      _colorScale: []
+      colorScale: []
     };
   }
 }
@@ -60,13 +60,5 @@ export class LeafletVelocityView extends layer.LeafletLayerView {
       },
       this
     );
-    this.listenTo(
-      this.model,
-      'change:_colorScale',
-      function () {
-        this.layer_views.update(this.model.get('_colorScale'));
-      },
-      this
-    );
   }
 }