quasar 2.19.2 → 2.20.0

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

@@ -8,11 +8,11 @@ import {
 import {
   addEvt,
   cleanEvt,
-  position,
   leftClick,
-  stopAndPrevent,
+  noop,
+  position,
   preventDraggable,
-  noop
+  stopAndPrevent
 } 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'
@@ -23,9 +23,9 @@ function parseArg(arg) {
   // desktop min distance until deciding if it's a swipe or not
   const data = [0.06, 6, 50]
 
-  if (typeof arg === 'string' && arg.length) {
+  if (typeof arg === 'string' && arg.length !== 0) {
     arg.split(':').forEach((val, index) => {
-      const v = parseFloat(val)
+      const v = Number.parseFloat(val)
       if (v) data[index] = v
     })
   }
@@ -33,6 +33,10 @@ function parseArg(arg) {
   return data
 }
 
+function removeBodyChildrenNoPointerEvents() {
+  document.body.classList.remove('no-pointer-events--children')
+}
+
 export default createDirective(
   __QUASAR_SSR_SERVER__
     ? { name: 'touch-swipe', getSSRProps }
@@ -41,9 +45,11 @@ export default createDirective(
 
         beforeMount(el, { value, arg, modifiers }) {
           // early return, we don't need to do anything
-          if (modifiers.mouse !== true && client.has.touch !== true) return
+          if (!modifiers.mouse && !client.has.touch) return
 
-          const mouseCapture = modifiers.mouseCapture === true ? 'Capture' : ''
+          const mouseCapture =
+            // account for UMD too where modifiers will be lowercased to work
+            modifiers.mouseCapture || modifiers.mousecapture ? 'Capture' : ''
 
           const ctx = {
             handler: value,
@@ -75,7 +81,7 @@ export default createDirective(
             },
 
             start(evt, mouseEvent) {
-              if (client.is.firefox === true) preventDraggable(el, true)
+              if (client.is.firefox) preventDraggable(el, true)
 
               const pos = position(evt)
 
@@ -106,7 +112,7 @@ export default createDirective(
                 distY = pos.top - ctx.event.y,
                 absY = Math.abs(distY)
 
-              if (ctx.event.mouse !== true) {
+              if (!ctx.event.mouse) {
                 if (absX < ctx.sensitivity[1] && absY < ctx.sensitivity[1]) {
                   ctx.end(evt)
                   return
@@ -129,7 +135,7 @@ export default createDirective(
                 velY = absY / time
 
               if (
-                ctx.direction.vertical === true &&
+                ctx.direction.vertical &&
                 absX < absY &&
                 absX < 100 &&
                 velY > ctx.sensitivity[0]
@@ -138,7 +144,7 @@ export default createDirective(
               }
 
               if (
-                ctx.direction.horizontal === true &&
+                ctx.direction.horizontal &&
                 absX > absY &&
                 absY < 100 &&
                 velX > ctx.sensitivity[0]
@@ -147,7 +153,7 @@ export default createDirective(
               }
 
               if (
-                ctx.direction.up === true &&
+                ctx.direction.up &&
                 absX < absY &&
                 distY < 0 &&
                 absX < 100 &&
@@ -157,7 +163,7 @@ export default createDirective(
               }
 
               if (
-                ctx.direction.down === true &&
+                ctx.direction.down &&
                 absX < absY &&
                 distY > 0 &&
                 absX < 100 &&
@@ -167,7 +173,7 @@ export default createDirective(
               }
 
               if (
-                ctx.direction.left === true &&
+                ctx.direction.left &&
                 absX > absY &&
                 distX < 0 &&
                 absY < 100 &&
@@ -177,7 +183,7 @@ export default createDirective(
               }
 
               if (
-                ctx.direction.right === true &&
+                ctx.direction.right &&
                 absX > absY &&
                 distX > 0 &&
                 absY < 100 &&
@@ -189,26 +195,19 @@ export default createDirective(
               if (ctx.event.dir !== false) {
                 stopAndPrevent(evt)
 
-                if (ctx.event.mouse === true) {
+                if (ctx.event.mouse) {
                   document.body.classList.add('no-pointer-events--children')
                   document.body.classList.add('non-selectable')
                   clearSelection()
 
                   ctx.styleCleanup = withDelay => {
                     ctx.styleCleanup = void 0
-
                     document.body.classList.remove('non-selectable')
 
-                    const remove = () => {
-                      document.body.classList.remove(
-                        'no-pointer-events--children'
-                      )
-                    }
-
                     if (withDelay === true) {
-                      setTimeout(remove, 50)
+                      setTimeout(removeBodyChildrenNoPointerEvents, 50)
                     } else {
-                      remove()
+                      removeBodyChildrenNoPointerEvents()
                     }
                   }
                 }
@@ -233,7 +232,7 @@ export default createDirective(
               if (ctx.event === void 0) return
 
               cleanEvt(ctx, 'temp')
-              if (client.is.firefox === true) preventDraggable(el, false)
+              if (client.is.firefox) preventDraggable(el, false)
               ctx.styleCleanup?.(true)
               if (evt !== void 0 && ctx.event.dir !== false) stopAndPrevent(evt)
 
@@ -243,25 +242,23 @@ export default createDirective(
 
           el.__qtouchswipe = ctx
 
-          if (modifiers.mouse === true) {
+          if (modifiers.mouse) {
             // account for UMD too where modifiers will be lowercased to work
             const capture =
-              modifiers.mouseCapture === true || modifiers.mousecapture === true
-                ? 'Capture'
-                : ''
+              modifiers.mouseCapture || modifiers.mousecapture ? 'Capture' : ''
 
             addEvt(ctx, 'main', [
               [el, 'mousedown', 'mouseStart', `passive${capture}`]
             ])
           }
 
-          if (client.has.touch === true) {
+          if (client.has.touch) {
             addEvt(ctx, 'main', [
               [
                 el,
                 'touchstart',
                 'touchStart',
-                `passive${modifiers.capture === true ? 'Capture' : ''}`
+                `passive${modifiers.capture ? 'Capture' : ''}`
               ],
               [el, 'touchmove', 'noop', 'notPassiveCapture'] // cannot be passive (ex: iOS scroll)
             ])
@@ -288,7 +285,7 @@ export default createDirective(
             cleanEvt(ctx, 'main')
             cleanEvt(ctx, 'temp')
 
-            if (client.is.firefox === true) preventDraggable(el, false)
+            if (client.is.firefox) preventDraggable(el, false)
             ctx.styleCleanup?.()
 
             delete el.__qtouchswipe

package/src/index.ssr.js

@@ -1,3 +1,5 @@
+// oxlint-disable import/no-namespace
+
 /**
  * SSR server prod entry-point
  */

package/src/index.umd.js

@@ -1,3 +1,5 @@
+// oxlint-disable import/no-namespace
+
 /**
  * UMD entry-point
  */

package/src/install-quasar.js

@@ -11,12 +11,12 @@ import Lang from './plugins/lang/Lang.js'
 import IconSet from './plugins/icon-set/IconSet.js'
 
 import { quasarKey } from './utils/private.symbols/symbols.js'
+import { isObject } from './utils/is/is.js'
 import {
+  freezeGlobalConfig,
   globalConfig,
-  globalConfigIsFrozen,
-  freezeGlobalConfig
+  globalConfigIsFrozen
 } from './utils/private.config/instance-config.js'
-import { isObject } from './utils/is/is.js'
 
 /**
  * If the list below changes, make sure
@@ -59,7 +59,7 @@ function prepareApp(app, uiOpts, pluginOpts) {
 
   if (uiOpts.components !== void 0) {
     Object.values(uiOpts.components).forEach(c => {
-      if (isObject(c) === true && c.name !== void 0) {
+      if (isObject(c) && c.name !== void 0) {
         app.component(c.name, c)
       }
     })
@@ -67,7 +67,7 @@ function prepareApp(app, uiOpts, pluginOpts) {
 
   if (uiOpts.directives !== void 0) {
     Object.values(uiOpts.directives).forEach(d => {
-      if (isObject(d) === true && d.name !== void 0) {
+      if (isObject(d) && d.name !== void 0) {
         app.directive(d.name, d)
       }
     })
@@ -78,13 +78,12 @@ function prepareApp(app, uiOpts, pluginOpts) {
       pluginOpts,
       Object.values(uiOpts.plugins).filter(
         p =>
-          typeof p.install === 'function' &&
-          autoInstalledPlugins.includes(p) === false
+          typeof p.install === 'function' && !autoInstalledPlugins.includes(p)
       )
     )
   }
 
-  if (isRuntimeSsrPreHydration.value === true) {
+  if (isRuntimeSsrPreHydration.value) {
     pluginOpts.$q.onSSRHydrated = () => {
       pluginOpts.onSSRHydrated.forEach(fn => {
         fn()
@@ -115,6 +114,7 @@ export default __QUASAR_SSR_SERVER__
       })
 
       if (ssrContext._modules === void 0) {
+        // TODO: remove in Quasar v3; needed only by q/app-webpack
         // not OK. means the SSR build is not using @quasar/ssr-helpers,
         // but we shouldn't crash the app
         ssrContext._modules = []
@@ -139,7 +139,7 @@ export default __QUASAR_SSR_SERVER__
   : function installQuasar(parentApp, opts = {}) {
       const $q = { version: __QUASAR_VERSION__ }
 
-      if (globalConfigIsFrozen === false) {
+      if (!globalConfigIsFrozen) {
         if (opts.config !== void 0) {
           Object.assign(globalConfig, opts.config)
         }

package/src/plugins/addressbar/AddressbarColor.js

@@ -34,23 +34,23 @@ function setColor(hexColor) {
   metaTag.setAttribute('content', hexColor)
 
   if (newTag) {
-    document.head.appendChild(metaTag)
+    document.head.append(metaTag)
   }
 }
 
 export default {
   set:
-    __QUASAR_SSR_SERVER__ !== true &&
-    client.is.mobile === true &&
-    (client.is.nativeMobile === true ||
-      client.is.winphone === true ||
-      client.is.safari === true ||
-      client.is.webkit === true ||
-      client.is.vivaldi === true)
+    !__QUASAR_SSR_SERVER__ &&
+    client.is.mobile &&
+    (client.is.nativeMobile ||
+      client.is.winphone ||
+      client.is.safari ||
+      client.is.webkit ||
+      client.is.vivaldi)
       ? hexColor => {
           const val = hexColor || getCssVar('primary')
 
-          if (client.is.nativeMobile === true && window.StatusBar) {
+          if (client.is.nativeMobile && window.StatusBar) {
             window.StatusBar.backgroundColorByHexString(val)
           } else {
             setColor(val)

package/src/plugins/addressbar/AddressbarColor.test.js

@@ -1,5 +1,5 @@
-import { describe, test, expect, vi } from 'vitest'
-import { mount, config } from '@vue/test-utils'
+import { describe, expect, test, vi } from 'vitest'
+import { config, mount } from '@vue/test-utils'
 
 import AddressbarColor from './AddressbarColor.js'
 

package/src/plugins/app-fullscreen/AppFullscreen.js

@@ -22,8 +22,9 @@ function getFullscreenElement() {
 }
 
 function updateEl() {
-  const newEl = (Plugin.activeEl =
-    Plugin.isActive === false ? null : getFullscreenElement())
+  const newEl = (Plugin.activeEl = Plugin.isActive
+    ? getFullscreenElement()
+    : null)
 
   changeGlobalNodesTarget(
     newEl === null || newEl === document.documentElement ? document.body : newEl
@@ -31,7 +32,7 @@ function updateEl() {
 }
 
 function togglePluginState() {
-  Plugin.isActive = Plugin.isActive === false
+  Plugin.isActive = !Plugin.isActive
   updateEl()
 }
 
@@ -59,7 +60,7 @@ const Plugin = createReactivePlugin(
   }
 )
 
-if (__QUASAR_SSR_SERVER__ === true) {
+if (__QUASAR_SSR_SERVER__) {
   assignFn(() => Promise.resolve())
 } else {
   prefixes.request = [
@@ -71,9 +72,9 @@ if (__QUASAR_SSR_SERVER__ === true) {
 
   Plugin.isCapable = prefixes.request !== void 0
 
-  if (Plugin.isCapable === false) {
+  if (!Plugin.isCapable) {
     // it means the browser does NOT support it
-    assignFn(() => Promise.reject('Not capable'))
+    assignFn(() => Promise.reject(new Error('Not capable')))
   } else {
     Object.assign(Plugin, {
       request(target) {
@@ -85,7 +86,7 @@ if (__QUASAR_SSR_SERVER__ === true) {
         }
 
         const queue =
-          activeEl !== null && el.contains(activeEl) === true
+          activeEl !== null && el.contains(activeEl)
             ? Plugin.exit()
             : Promise.resolve()
 
@@ -93,13 +94,13 @@ if (__QUASAR_SSR_SERVER__ === true) {
       },
 
       exit() {
-        return Plugin.isActive === true
+        return Plugin.isActive
           ? promisify(document, prefixes.exit)
           : Promise.resolve()
       },
 
       toggle(target) {
-        return Plugin.isActive === true ? Plugin.exit() : Plugin.request(target)
+        return Plugin.isActive ? Plugin.exit() : Plugin.request(target)
       }
     })
 
@@ -111,7 +112,7 @@ if (__QUASAR_SSR_SERVER__ === true) {
     ].find(exit => document[exit])
 
     Plugin.isActive = Boolean(getFullscreenElement())
-    if (Plugin.isActive === true) updateEl()
+    if (Plugin.isActive) updateEl()
 
     ;[
       'onfullscreenchange',

package/src/plugins/app-fullscreen/AppFullscreen.test.js

@@ -1,5 +1,5 @@
-import { describe, test, expect, afterEach } from 'vitest'
-import { mount, config } from '@vue/test-utils'
+import { afterEach, describe, expect, test } from 'vitest'
+import { config, mount } from '@vue/test-utils'
 
 // jsdom hack
 // this import should always sit before the AppFullscreen one

package/src/plugins/app-fullscreen/test/mock-fullscreen.js

@@ -1,4 +1,4 @@
-import { vi, onTestFinished } from 'vitest'
+import { onTestFinished, vi } from 'vitest'
 
 /**
  * jsdom does not support Fullscreen API,
@@ -22,7 +22,7 @@ export function mockedToggleFullscreen() {
 export function createMockedEl() {
   const el = document.createElement('div')
   el.setAttribute('tabindex', '0')
-  document.body.appendChild(el)
+  document.body.append(el)
 
   el.requestFullscreen = vi.fn(() => {
     document.fullscreenElement = el

package/src/plugins/app-visibility/AppVisibility.js

@@ -17,22 +17,22 @@ const Plugin = createReactivePlugin(
   }
 )
 
-if (__QUASAR_SSR_SERVER__ !== true) {
+if (!__QUASAR_SSR_SERVER__) {
   let prop, evt
 
-  if (typeof document.hidden !== 'undefined') {
+  if (document.hidden !== void 0) {
     // Opera 12.10 and Firefox 18 and later support
     prop = 'hidden'
     evt = 'visibilitychange'
-  } else if (typeof document.msHidden !== 'undefined') {
+  } else if (document.msHidden !== void 0) {
     prop = 'msHidden'
     evt = 'msvisibilitychange'
-  } else if (typeof document.webkitHidden !== 'undefined') {
+  } else if (document.webkitHidden !== void 0) {
     prop = 'webkitHidden'
     evt = 'webkitvisibilitychange'
   }
 
-  if (evt && typeof document[prop] !== 'undefined') {
+  if (evt && document[prop] !== void 0) {
     const update = () => {
       Plugin.appVisible = !document[prop]
     }

package/src/plugins/app-visibility/AppVisibility.test.js

@@ -1,5 +1,5 @@
-import { describe, test, expect } from 'vitest'
-import { mount, config } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
+import { config, mount } from '@vue/test-utils'
 
 import AppVisibility from './AppVisibility.js'
 

package/src/plugins/bottom-sheet/BottomSheet.js

@@ -1,8 +1,8 @@
 import BottomSheet from './component/BottomSheetComponent.js'
-import globalDialog from '../../utils/private.dialog/create-dialog.js'
+import { createDialog } from '../../utils/private.dialog/create-dialog.js'
 
 export default {
   install({ $q, parentApp }) {
-    $q.bottomSheet = this.create = globalDialog(BottomSheet, false, parentApp)
+    $q.bottomSheet = this.create = createDialog(BottomSheet, false, parentApp)
   }
 }

package/src/plugins/bottom-sheet/component/BottomSheetComponent.js

@@ -1,4 +1,4 @@
-import { h, ref, getCurrentInstance } from 'vue'
+import { getCurrentInstance, h, ref } from 'vue'
 
 import QDialog from '../../../components/dialog/QDialog.js'
 
@@ -165,7 +165,7 @@ export default createComponent({
       }
 
       child.push(
-        props.grid === true
+        props.grid
           ? h(
               'div',
               {
@@ -192,8 +192,8 @@ export default createComponent({
           QCard,
           {
             class: [
-              `q-bottom-sheet q-bottom-sheet--${props.grid === true ? 'grid' : 'list'}` +
-                (isDark.value === true ? ' q-bottom-sheet--dark q-dark' : ''),
+              `q-bottom-sheet q-bottom-sheet--${props.grid ? 'grid' : 'list'}` +
+                (isDark.value ? ' q-bottom-sheet--dark q-dark' : ''),
               props.cardClass
             ],
             style: props.cardStyle