quasar 2.18.6 → 2.19.0

package/src/directives/touch-swipe/TouchSwipe.js

@@ -1,277 +1,298 @@
 import { client } from '../../plugins/platform/Platform.js'
 
 import { createDirective } from '../../utils/private.create/create.js'
-import { getModifierDirections, shouldStart } from '../../utils/private.touch/touch.js'
-import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, preventDraggable, noop } from '../../utils/event/event.js'
+import {
+  getModifierDirections,
+  shouldStart
+} from '../../utils/private.touch/touch.js'
+import {
+  addEvt,
+  cleanEvt,
+  position,
+  leftClick,
+  stopAndPrevent,
+  preventDraggable,
+  noop
+} from '../../utils/event/event.js'
 import { clearSelection } from '../../utils/private.selection/selection.js'
 import getSSRProps from '../../utils/private.noop-ssr-directive-transform/noop-ssr-directive-transform.js'
 
-function parseArg (arg) {
+function parseArg(arg) {
   // delta (min velocity -- dist / time)
   // mobile min distance on first move
   // desktop min distance until deciding if it's a swipe or not
-  const data = [ 0.06, 6, 50 ]
+  const data = [0.06, 6, 50]
 
   if (typeof arg === 'string' && arg.length) {
     arg.split(':').forEach((val, index) => {
       const v = parseFloat(val)
-      v && (data[ index ] = v)
+      if (v) data[index] = v
     })
   }
 
   return data
 }
 
-export default createDirective(__QUASAR_SSR_SERVER__
-  ? { name: 'touch-swipe', getSSRProps }
-  : {
-      name: 'touch-swipe',
-
-      beforeMount (el, { value, arg, modifiers }) {
-        // early return, we don't need to do anything
-        if (
-          modifiers.mouse !== true
-          && client.has.touch !== true
-        ) return
-
-        const mouseCapture = modifiers.mouseCapture === true ? 'Capture' : ''
-
-        const ctx = {
-          handler: value,
-          sensitivity: parseArg(arg),
-          direction: getModifierDirections(modifiers),
-
-          noop,
-
-          mouseStart (evt) {
-            if (shouldStart(evt, ctx) && leftClick(evt)) {
-              addEvt(ctx, 'temp', [
-                [ document, 'mousemove', 'move', `notPassive${ mouseCapture }` ],
-                [ document, 'mouseup', 'end', 'notPassiveCapture' ]
-              ])
-              ctx.start(evt, true)
-            }
-          },
-
-          touchStart (evt) {
-            if (shouldStart(evt, ctx)) {
-              const target = evt.target
-              addEvt(ctx, 'temp', [
-                [ target, 'touchmove', 'move', 'notPassiveCapture' ],
-                [ target, 'touchcancel', 'end', 'notPassiveCapture' ],
-                [ target, 'touchend', 'end', 'notPassiveCapture' ]
-              ])
-              ctx.start(evt)
-            }
-          },
+export default createDirective(
+  __QUASAR_SSR_SERVER__
+    ? { name: 'touch-swipe', getSSRProps }
+    : {
+        name: 'touch-swipe',
 
-          start (evt, mouseEvent) {
-            client.is.firefox === true && preventDraggable(el, true)
+        beforeMount(el, { value, arg, modifiers }) {
+          // early return, we don't need to do anything
+          if (modifiers.mouse !== true && client.has.touch !== true) return
 
-            const pos = position(evt)
+          const mouseCapture = modifiers.mouseCapture === true ? 'Capture' : ''
 
-            ctx.event = {
-              x: pos.left,
-              y: pos.top,
-              time: Date.now(),
-              mouse: mouseEvent === true,
-              dir: false
-            }
-          },
+          const ctx = {
+            handler: value,
+            sensitivity: parseArg(arg),
+            direction: getModifierDirections(modifiers),
 
-          move (evt) {
-            if (ctx.event === void 0) return
+            noop,
 
-            if (ctx.event.dir !== false) {
-              stopAndPrevent(evt)
-              return
-            }
+            mouseStart(evt) {
+              if (shouldStart(evt, ctx) && leftClick(evt)) {
+                addEvt(ctx, 'temp', [
+                  [document, 'mousemove', 'move', `notPassive${mouseCapture}`],
+                  [document, 'mouseup', 'end', 'notPassiveCapture']
+                ])
+                ctx.start(evt, true)
+              }
+            },
+
+            touchStart(evt) {
+              if (shouldStart(evt, ctx)) {
+                const target = evt.target
+                addEvt(ctx, 'temp', [
+                  [target, 'touchmove', 'move', 'notPassiveCapture'],
+                  [target, 'touchcancel', 'end', 'notPassiveCapture'],
+                  [target, 'touchend', 'end', 'notPassiveCapture']
+                ])
+                ctx.start(evt)
+              }
+            },
+
+            start(evt, mouseEvent) {
+              if (client.is.firefox === true) preventDraggable(el, true)
+
+              const pos = position(evt)
+
+              ctx.event = {
+                x: pos.left,
+                y: pos.top,
+                time: Date.now(),
+                mouse: mouseEvent === true,
+                dir: false
+              }
+            },
+
+            move(evt) {
+              if (ctx.event === void 0) return
+
+              if (ctx.event.dir !== false) {
+                stopAndPrevent(evt)
+                return
+              }
 
-            const time = Date.now() - ctx.event.time
+              const time = Date.now() - ctx.event.time
 
-            if (time === 0) return
+              if (time === 0) return
 
-            const
-              pos = position(evt),
-              distX = pos.left - ctx.event.x,
-              absX = Math.abs(distX),
-              distY = pos.top - ctx.event.y,
-              absY = Math.abs(distY)
+              const pos = position(evt),
+                distX = pos.left - ctx.event.x,
+                absX = Math.abs(distX),
+                distY = pos.top - ctx.event.y,
+                absY = Math.abs(distY)
 
-            if (ctx.event.mouse !== true) {
-              if (absX < ctx.sensitivity[ 1 ] && absY < ctx.sensitivity[ 1 ]) {
+              if (ctx.event.mouse !== true) {
+                if (absX < ctx.sensitivity[1] && absY < ctx.sensitivity[1]) {
+                  ctx.end(evt)
+                  return
+                }
+              }
+              // is user trying to select text?
+              // if so, then something should be reported here
+              // (previous selection, if any, was discarded when swipe started)
+              else if (window.getSelection().toString() !== '') {
                 ctx.end(evt)
                 return
+              } else if (
+                absX < ctx.sensitivity[2] &&
+                absY < ctx.sensitivity[2]
+              ) {
+                return
               }
-            }
-            // is user trying to select text?
-            // if so, then something should be reported here
-            // (previous selection, if any, was discarded when swipe started)
-            else if (window.getSelection().toString() !== '') {
-              ctx.end(evt)
-              return
-            }
-            else if (absX < ctx.sensitivity[ 2 ] && absY < ctx.sensitivity[ 2 ]) {
-              return
-            }
 
-            const
-              velX = absX / time,
-              velY = absY / time
-
-            if (
-              ctx.direction.vertical === true
-              && absX < absY
-              && absX < 100
-              && velY > ctx.sensitivity[ 0 ]
-            ) {
-              ctx.event.dir = distY < 0 ? 'up' : 'down'
-            }
+              const velX = absX / time,
+                velY = absY / time
 
-            if (
-              ctx.direction.horizontal === true
-              && absX > absY
-              && absY < 100
-              && velX > ctx.sensitivity[ 0 ]
-            ) {
-              ctx.event.dir = distX < 0 ? 'left' : 'right'
-            }
+              if (
+                ctx.direction.vertical === true &&
+                absX < absY &&
+                absX < 100 &&
+                velY > ctx.sensitivity[0]
+              ) {
+                ctx.event.dir = distY < 0 ? 'up' : 'down'
+              }
 
-            if (
-              ctx.direction.up === true
-              && absX < absY
-              && distY < 0
-              && absX < 100
-              && velY > ctx.sensitivity[ 0 ]
-            ) {
-              ctx.event.dir = 'up'
-            }
+              if (
+                ctx.direction.horizontal === true &&
+                absX > absY &&
+                absY < 100 &&
+                velX > ctx.sensitivity[0]
+              ) {
+                ctx.event.dir = distX < 0 ? 'left' : 'right'
+              }
 
-            if (
-              ctx.direction.down === true
-              && absX < absY
-              && distY > 0
-              && absX < 100
-              && velY > ctx.sensitivity[ 0 ]
-            ) {
-              ctx.event.dir = 'down'
-            }
+              if (
+                ctx.direction.up === true &&
+                absX < absY &&
+                distY < 0 &&
+                absX < 100 &&
+                velY > ctx.sensitivity[0]
+              ) {
+                ctx.event.dir = 'up'
+              }
 
-            if (
-              ctx.direction.left === true
-              && absX > absY
-              && distX < 0
-              && absY < 100
-              && velX > ctx.sensitivity[ 0 ]
-            ) {
-              ctx.event.dir = 'left'
-            }
+              if (
+                ctx.direction.down === true &&
+                absX < absY &&
+                distY > 0 &&
+                absX < 100 &&
+                velY > ctx.sensitivity[0]
+              ) {
+                ctx.event.dir = 'down'
+              }
 
-            if (
-              ctx.direction.right === true
-              && absX > absY
-              && distX > 0
-              && absY < 100
-              && velX > ctx.sensitivity[ 0 ]
-            ) {
-              ctx.event.dir = 'right'
-            }
+              if (
+                ctx.direction.left === true &&
+                absX > absY &&
+                distX < 0 &&
+                absY < 100 &&
+                velX > ctx.sensitivity[0]
+              ) {
+                ctx.event.dir = 'left'
+              }
 
-            if (ctx.event.dir !== false) {
-              stopAndPrevent(evt)
+              if (
+                ctx.direction.right === true &&
+                absX > absY &&
+                distX > 0 &&
+                absY < 100 &&
+                velX > ctx.sensitivity[0]
+              ) {
+                ctx.event.dir = 'right'
+              }
 
-              if (ctx.event.mouse === true) {
-                document.body.classList.add('no-pointer-events--children')
-                document.body.classList.add('non-selectable')
-                clearSelection()
+              if (ctx.event.dir !== false) {
+                stopAndPrevent(evt)
 
-                ctx.styleCleanup = withDelay => {
-                  ctx.styleCleanup = void 0
+                if (ctx.event.mouse === true) {
+                  document.body.classList.add('no-pointer-events--children')
+                  document.body.classList.add('non-selectable')
+                  clearSelection()
 
-                  document.body.classList.remove('non-selectable')
+                  ctx.styleCleanup = withDelay => {
+                    ctx.styleCleanup = void 0
 
-                  const remove = () => {
-                    document.body.classList.remove('no-pointer-events--children')
-                  }
+                    document.body.classList.remove('non-selectable')
 
-                  if (withDelay === true) { setTimeout(remove, 50) }
-                  else { remove() }
-                }
-              }
+                    const remove = () => {
+                      document.body.classList.remove(
+                        'no-pointer-events--children'
+                      )
+                    }
 
-              ctx.handler({
-                evt,
-                touch: ctx.event.mouse !== true,
-                mouse: ctx.event.mouse,
-                direction: ctx.event.dir,
-                duration: time,
-                distance: {
-                  x: absX,
-                  y: absY
+                    if (withDelay === true) {
+                      setTimeout(remove, 50)
+                    } else {
+                      remove()
+                    }
+                  }
                 }
-              })
-            }
-            else {
-              ctx.end(evt)
-            }
-          },
 
-          end (evt) {
-            if (ctx.event === void 0) return
+                ctx.handler({
+                  evt,
+                  touch: ctx.event.mouse !== true,
+                  mouse: ctx.event.mouse,
+                  direction: ctx.event.dir,
+                  duration: time,
+                  distance: {
+                    x: absX,
+                    y: absY
+                  }
+                })
+              } else {
+                ctx.end(evt)
+              }
+            },
 
-            cleanEvt(ctx, 'temp')
-            client.is.firefox === true && preventDraggable(el, false)
-            ctx.styleCleanup?.(true)
-            if ((evt !== void 0) && (ctx.event.dir !== false)) stopAndPrevent(evt)
+            end(evt) {
+              if (ctx.event === void 0) return
+
+              cleanEvt(ctx, 'temp')
+              if (client.is.firefox === true) preventDraggable(el, false)
+              ctx.styleCleanup?.(true)
+              if (evt !== void 0 && ctx.event.dir !== false) stopAndPrevent(evt)
 
-            ctx.event = void 0
+              ctx.event = void 0
+            }
           }
-        }
 
-        el.__qtouchswipe = ctx
+          el.__qtouchswipe = ctx
 
-        if (modifiers.mouse === true) {
-          // account for UMD too where modifiers will be lowercased to work
-          const capture = modifiers.mouseCapture === true || modifiers.mousecapture === true
-            ? 'Capture'
-            : ''
+          if (modifiers.mouse === true) {
+            // account for UMD too where modifiers will be lowercased to work
+            const capture =
+              modifiers.mouseCapture === true || modifiers.mousecapture === true
+                ? 'Capture'
+                : ''
 
-          addEvt(ctx, 'main', [
-            [ el, 'mousedown', 'mouseStart', `passive${ capture }` ]
-          ])
-        }
+            addEvt(ctx, 'main', [
+              [el, 'mousedown', 'mouseStart', `passive${capture}`]
+            ])
+          }
 
-        client.has.touch === true && addEvt(ctx, 'main', [
-          [ el, 'touchstart', 'touchStart', `passive${ modifiers.capture === true ? 'Capture' : '' }` ],
-          [ el, 'touchmove', 'noop', 'notPassiveCapture' ] // cannot be passive (ex: iOS scroll)
-        ])
-      },
+          if (client.has.touch === true) {
+            addEvt(ctx, 'main', [
+              [
+                el,
+                'touchstart',
+                'touchStart',
+                `passive${modifiers.capture === true ? 'Capture' : ''}`
+              ],
+              [el, 'touchmove', 'noop', 'notPassiveCapture'] // cannot be passive (ex: iOS scroll)
+            ])
+          }
+        },
 
-      updated (el, bindings) {
-        const ctx = el.__qtouchswipe
+        updated(el, bindings) {
+          const ctx = el.__qtouchswipe
 
-        if (ctx !== void 0) {
-          if (bindings.oldValue !== bindings.value) {
-            typeof bindings.value !== 'function' && ctx.end()
-            ctx.handler = bindings.value
-          }
+          if (ctx !== void 0) {
+            if (bindings.oldValue !== bindings.value) {
+              if (typeof bindings.value !== 'function') ctx.end()
+              ctx.handler = bindings.value
+            }
 
-          ctx.direction = getModifierDirections(bindings.modifiers)
-        }
-      },
+            ctx.direction = getModifierDirections(bindings.modifiers)
+          }
+        },
 
-      beforeUnmount (el) {
-        const ctx = el.__qtouchswipe
+        beforeUnmount(el) {
+          const ctx = el.__qtouchswipe
 
-        if (ctx !== void 0) {
-          cleanEvt(ctx, 'main')
-          cleanEvt(ctx, 'temp')
+          if (ctx !== void 0) {
+            cleanEvt(ctx, 'main')
+            cleanEvt(ctx, 'temp')
 
-          client.is.firefox === true && preventDraggable(el, false)
-          ctx.styleCleanup?.()
+            if (client.is.firefox === true) preventDraggable(el, false)
+            ctx.styleCleanup?.()
 
-          delete el.__qtouchswipe
+            delete el.__qtouchswipe
+          }
         }
       }
-    }
 )

package/src/directives/touch-swipe/TouchSwipe.json

@@ -26,7 +26,7 @@
           "direction": {
             "type": "String",
             "desc": "Direction of movement",
-            "values": [ "'up'", "'right'", "'down'", "'left'" ]
+            "values": ["'up'", "'right'", "'down'", "'left'"]
           },
           "duration": {
             "type": "Number",
@@ -50,14 +50,16 @@
       }
     },
     "returns": null,
-    "examples": [ "({ evt, touch, mouse, direction, duration, distance }) => { /* ... */ }" ]
+    "examples": [
+      "({ evt, touch, mouse, direction, duration, distance }) => { /* ... */ }"
+    ]
   },
 
   "arg": {
     "type": "String",
     "desc": "x:y:z, where x is minimum velocity (dist/time; please use float without a dot, example: 6e-2 which is equivalent to 6 * 10^-2 = 0.06), y is minimum distance on first move on mobile, z is minimum distance on desktop until deciding if it's a swipe indeed",
     "default": "'6e-2:6:50'",
-    "examples": [ "# v-touch-swipe:7e-2:10:100=\"fnToCall\"" ]
+    "examples": ["# v-touch-swipe:7e-2:10:100=\"fnToCall\""]
   },
 
   "modifiers": {

package/src/flags.dev.js

@@ -5,25 +5,18 @@
 
 let attachPoint = null
 
-function getAttachPoint () {
+function getAttachPoint() {
   if (attachPoint !== null) return attachPoint
-  return (
-    attachPoint = typeof globalThis !== 'undefined'
+  return (attachPoint =
+    typeof globalThis !== 'undefined'
       ? globalThis
-      : (
-          typeof self !== 'undefined'
-            ? self
-            : (
-                typeof window !== 'undefined'
-                  ? window
-                  : (
-                      typeof global !== 'undefined'
-                        ? global
-                        : {}
-                    )
-              )
-        )
-  )
+      : typeof self !== 'undefined'
+        ? self
+        : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+            ? global
+            : {})
 }
 
 if (typeof __QUASAR_SSR__ !== 'boolean') {

package/src/index.dev.js

@@ -3,7 +3,9 @@
  * but also pointed to as entry-point in package.json
  */
 
+// oxlint-disable-next-line import/no-unassigned-import
 import './flags.dev.js'
+
 import installQuasar from './install-quasar.js'
 import Lang from './plugins/lang/Lang.js'
 import IconSet from './plugins/icon-set/IconSet.js'

package/src/index.ssr.js

@@ -18,12 +18,8 @@ export * from './utils.js'
 export const Quasar = {
   version: __QUASAR_VERSION__,
 
-  install (app, opts, ssrContext) {
-    installQuasar(
-      app,
-      { components, directives, ...opts },
-      ssrContext
-    )
+  install(app, opts, ssrContext) {
+    installQuasar(app, { components, directives, ...opts }, ssrContext)
   },
 
   // TODO: remove in Qv3 (should only be used through the plugin)

package/src/index.umd.js

@@ -13,13 +13,15 @@ import * as utils from './utils.js'
 import * as composables from './composables.js'
 
 if (window.Vue === void 0) {
-  console.error('[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.')
+  console.error(
+    '[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.'
+  )
 }
 
 window.Quasar = {
   version: __QUASAR_VERSION__,
 
-  install (app, opts) {
+  install(app, opts) {
     installQuasar(app, {
       components,
       directives,