Fix slider not sending if mouse leaves widget in "on release" mode

Bump for 2.16.1 release

Author: Dave Conway-Jones

CHANGELOG.md

@@ -1,9 +1,11 @@
-### 2.16.1-beta: Maintenance Release
+### 2.16.1: Maintenance Release
 
 **Fixes**
 
  - Fix toast to show border correctly and better timing. Issue #525
  - Stop colour picker sending on page refresh. Issue #514
+ - Fix layout tool group locations. PR #526
+ - Fix slider not sending if past end of widget.
 
 ### 2.16.0: Milestone Release
 
@@ -12,7 +14,6 @@
  - Add Dashboard Layout tool - Major contribution - Thanks @KazuhiroItoh - PR #482
  - Add ui.isDark() returns true/false if overall theme is dark or light, so the widget could switch appropriately. (can already use getTheme() to get actual colors if needs be.)
 
-
  **Fixes**
 
   - Make spacer transparent so background is really the background.

dist/dashboard.appcache

@@ -24,4 +24,4 @@ fonts/weather-icons-lite.woff2
 NETWORK:
 *
 
-# hash: 8a5a27b1b3e0752f766fd30d3aef8dab54f94ffd3cef3367cb8682398d02c5f4
+# hash: c7a9da31046037ec87dbb181b5f538434256aa3b2757b1b0203472aef39d5e06

dist/js/app.min.js

@@ -1,6 +1,6 @@
 {
     "name": "node-red-dashboard",
-    "version": "2.16.1-beta",
+    "version": "2.16.1",
     "description": "A set of dashboard nodes for Node-RED",
     "keywords": [
         "node-red"

package.json

@@ -29,7 +29,10 @@
         step="{{me.item.step}}"
         ng-model="me.item.value"
         aria-label="{{me.item.label}}"
+        ng-change="me.mchange()"
         ng-mouseup="me.valueChanged(10)"
+        ng-mousedown="me.mdown()"
+        ng-mouseleave="me.mleave()"
         style="z-index:1; touch-action:none; min-width:32px;"
         ng-style="(me.item.width >= me.item.height) && {'margin-top':'20px'};"
         ng-attr-md-vertical="{{ (me.item.width < me.item.height) || undefined}}"

src/components/ui-component/templates/slider.html

@@ -276,12 +276,20 @@ angular.module('ui').controller('uiComponentController', ['$scope', 'UiEvents',
                         }
                         break;
                     }
+
+                    case 'slider': {
+                        me.active = false;
+                        me.mdown = function() { me.active = true; };
+                        me.mleave = function() { me.active = false; };
+                        me.mchange = function() { events.emit({ id:me.item.id, value:me.item.value });}
+                        break;
+                    }
                 }
             }
 
             me.valueChanged = function (throttleTime) {
                 throttle({ id:me.item.id, value:me.item.value },
-                    typeof throttleTime === "number" ? throttleTime : 10);
+                     typeof throttleTime === "number" ? throttleTime : 10);
             };
 
             // will emit me.item.value when enter or tab is pressed or onBlur