fix(TouchPan): emit the final event when the directive is destroyed while active quasarframework#7225 (quasarframework#7226)

Author: pdanpdan

ui/src/components/slider/slider-utils.js

@@ -106,7 +106,7 @@ export let SliderMixin = {
     },
 
     editable () {
-      return !this.disable && !this.readonly
+      return this.disable !== true && this.readonly !== true
     },
 
     decimals () {

ui/src/directives/TouchPan.js

@@ -381,6 +381,11 @@ export default {
     const ctx = el.__qtouchpan_old || el.__qtouchpan
 
     if (ctx !== void 0) {
+      // emit the end event when the directive is destroyed while active
+      // this is only needed in TouchPan because the rest of the touch directives do not emit an end event
+      // the condition is also checked in the start of function but we avoid the call
+      ctx.event !== void 0 && ctx.end()
+
       cleanEvt(ctx, 'main')
       cleanEvt(ctx, 'temp')