quasar 2.17.6 → 2.18.0

package/src/directives/intersection/Intersection.js

@@ -28,7 +28,7 @@ function update (el, ctx, value) {
 
   if (changed === true) {
     ctx.cfg = cfg
-    ctx.observer !== void 0 && ctx.observer.unobserve(el)
+    ctx.observer?.unobserve(el)
 
     ctx.observer = new IntersectionObserver(([ entry ]) => {
       if (typeof ctx.handler === 'function') {
@@ -62,7 +62,7 @@ function destroy (el) {
   const ctx = el.__qvisible
 
   if (ctx !== void 0) {
-    ctx.observer !== void 0 && ctx.observer.unobserve(el)
+    ctx.observer?.unobserve(el)
     delete el.__qvisible
   }
 }

package/src/directives/morph/Morph.js

@@ -44,7 +44,7 @@ function trigger (group) {
     },
     ...to.opts,
     onEnd (dir, aborted) {
-      to.opts.onEnd !== void 0 && to.opts.onEnd(dir, aborted)
+      to.opts.onEnd?.(dir, aborted)
 
       if (aborted === true) return
 
@@ -206,7 +206,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
             group.queue = group.queue.filter(item => item !== ctx)
 
             if (group.queue.length === 0) {
-              group.cancel !== void 0 && group.cancel()
+              group.cancel?.()
               delete morphGroups[ ctx.group ]
             }
           }

package/src/directives/mutation/Mutation.js

@@ -12,7 +12,7 @@ const defaultCfg = {
 
 function update (el, ctx, value) {
   ctx.handler = value
-  ctx.observer !== void 0 && ctx.observer.disconnect()
+  ctx.observer?.disconnect()
 
   ctx.observer = new MutationObserver(list => {
     if (typeof ctx.handler === 'function') {
@@ -30,7 +30,7 @@ function destroy (el) {
   const ctx = el.__qmutation
 
   if (ctx !== void 0) {
-    ctx.observer !== void 0 && ctx.observer.disconnect()
+    ctx.observer?.disconnect()
     delete el.__qmutation
   }
 }

package/src/directives/touch-hold/TouchHold.js

@@ -106,7 +106,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
             cleanEvt(ctx, 'temp')
 
             // delay needed otherwise selection still occurs
-            ctx.styleCleanup !== void 0 && ctx.styleCleanup(ctx.triggered)
+            ctx.styleCleanup?.(ctx.triggered)
 
             if (ctx.triggered === true) {
               evt !== void 0 && stopAndPrevent(evt)
@@ -166,7 +166,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
           cleanEvt(ctx, 'temp')
 
           ctx.timer !== void 0 && clearTimeout(ctx.timer)
-          ctx.styleCleanup !== void 0 && ctx.styleCleanup()
+          ctx.styleCleanup?.()
 
           delete el.__qtouchhold
         }

package/src/directives/touch-pan/TouchPan.js

@@ -355,7 +355,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
             client.is.firefox === true && preventDraggable(el, false)
 
             if (abort === true) {
-              ctx.styleCleanup !== void 0 && ctx.styleCleanup()
+              ctx.styleCleanup?.()
 
               if (ctx.event.detected !== true && ctx.initialEvent !== void 0) {
                 ctx.initialEvent.target.dispatchEvent(ctx.initialEvent.event)
@@ -426,7 +426,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
           cleanEvt(ctx, 'temp')
 
           client.is.firefox === true && preventDraggable(el, false)
-          ctx.styleCleanup !== void 0 && ctx.styleCleanup()
+          ctx.styleCleanup?.()
 
           delete el.__qtouchpan
         }

package/src/directives/touch-repeat/TouchRepeat.js

@@ -186,8 +186,8 @@ export default createDirective(__QUASAR_SSR_SERVER__
           end (evt) {
             if (ctx.event === void 0) return
 
-            ctx.styleCleanup !== void 0 && ctx.styleCleanup(true)
-            evt !== void 0 && ctx.event.repeatCount > 0 && stopAndPrevent(evt)
+            ctx.styleCleanup?.(true)
+            if ((evt !== void 0) && (ctx.event.repeatCount > 0)) stopAndPrevent(evt)
 
             cleanEvt(ctx, 'temp')
 
@@ -248,7 +248,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
           cleanEvt(ctx, 'main')
           cleanEvt(ctx, 'temp')
 
-          ctx.styleCleanup !== void 0 && ctx.styleCleanup()
+          ctx.styleCleanup?.()
 
           delete el.__qtouchrepeat
         }

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

@@ -221,8 +221,8 @@ export default createDirective(__QUASAR_SSR_SERVER__
 
             cleanEvt(ctx, 'temp')
             client.is.firefox === true && preventDraggable(el, false)
-            ctx.styleCleanup !== void 0 && ctx.styleCleanup(true)
-            evt !== void 0 && ctx.event.dir !== false && stopAndPrevent(evt)
+            ctx.styleCleanup?.(true)
+            if ((evt !== void 0) && (ctx.event.dir !== false)) stopAndPrevent(evt)
 
             ctx.event = void 0
           }
@@ -268,7 +268,7 @@ export default createDirective(__QUASAR_SSR_SERVER__
           cleanEvt(ctx, 'temp')
 
           client.is.firefox === true && preventDraggable(el, false)
-          ctx.styleCleanup !== void 0 && ctx.styleCleanup()
+          ctx.styleCleanup?.()
 
           delete el.__qtouchswipe
         }

package/src/plugins/lang/Lang.test.js

@@ -61,6 +61,12 @@ describe('[Lang API]', () => {
             pagination: expect.any(Function),
             columns: expect.any(String)
           },
+          pagination: {
+            first: expect.any(String),
+            last: expect.any(String),
+            next: expect.any(String),
+            prev: expect.any(String)
+          },
           editor: {
             url: expect.any(String),
             bold: expect.any(String),
@@ -173,6 +179,12 @@ describe('[Lang API]', () => {
               pagination: (start, end, total) => start + '-' + end + ' of ' + total,
               columns: 'Columns'
             },
+            pagination: {
+              first: expect.any(String),
+              last: expect.any(String),
+              next: expect.any(String),
+              prev: expect.any(String)
+            },
             editor: {
               url: 'URL',
               bold: 'Bold',

package/src/plugins/loading/Loading.js

@@ -34,7 +34,7 @@ const originalDefaults = {
 const defaults = { ...originalDefaults }
 
 function registerProps (opts) {
-  if (opts && opts.group !== void 0 && activeGroups[ opts.group ] !== void 0) {
+  if (opts?.group !== void 0 && activeGroups[ opts.group ] !== void 0) {
     return Object.assign(activeGroups[ opts.group ], opts)
   }
 

package/src/plugins/notify/Notify.js

@@ -149,7 +149,7 @@ function addNotification (config, $q, originalApi) {
       ? defaults.actions
       : []
   ).concat(
-    notifTypes[ config.type ] !== void 0 && Array.isArray(notifTypes[ config.type ].actions) === true
+    Array.isArray(notifTypes[ config.type ]?.actions) === true
       ? notifTypes[ config.type ].actions
       : []
   )

package/src/plugins/private.body/Body.js

@@ -100,7 +100,7 @@ export default {
       const { $q, ssrContext } = opts
       const cls = getBodyClasses($q.platform, $q.config)
 
-      if ($q.config.screen !== void 0 && $q.config.screen.bodyClass === true) {
+      if ($q.config.screen?.bodyClass === true) {
         cls.push('screen--xs')
       }
 

package/src/plugins/private.history/History.js

@@ -51,7 +51,7 @@ export default {
 
     const qConf = $q.config[ cordova === true ? 'cordova' : 'capacitor' ]
 
-    if (qConf !== void 0 && qConf.backButton === false) return
+    if (qConf?.backButton === false) return
 
     // if the '@capacitor/app' plugin is not installed
     // then we got nothing to do

package/src/plugins/screen/Screen.js

@@ -71,7 +71,7 @@ export default createReactivePlugin({
           visualViewport.height * visualViewport.scale + window.innerHeight - scrollingElement.clientHeight
         ]
 
-    const classes = $q.config.screen !== void 0 && $q.config.screen.bodyClasses === true
+    const classes = $q.config.screen?.bodyClasses === true
 
     this.__update = force => {
       const [ w, h ] = getSize()

package/src/utils/morph/morph.js

@@ -256,7 +256,7 @@ export default function morph (_options) {
 
     // we clean the clone of the initial element
     elFromClone.remove()
-    elFromTween !== void 0 && elFromTween.remove()
+    elFromTween?.remove()
 
     options.hideFromClone === true && elFromClone.classList.remove('q-morph--internal')
 
@@ -301,7 +301,7 @@ export default function morph (_options) {
 
       // we clean the clone of the initial element
       elFromClone.remove()
-      elFromTween !== void 0 && elFromTween.remove()
+      elFromTween?.remove()
 
       options.hideFromClone === true && elFromClone.classList.remove('q-morph--internal')
 
@@ -516,12 +516,15 @@ export default function morph (_options) {
           elTo.style.cssText = elToStyleSaved
           elTo.className = elToClassSaved
         }
-        elToClone.parentNode === elToParent && elToParent.insertBefore(elTo, elToClone)
+
+        if (elToClone.parentNode === elToParent) {
+          elToParent.insertBefore(elTo, elToClone)
+        }
 
         // we clean the spacers
         elFromClone.remove()
         elToClone.remove()
-        elFromTween !== void 0 && elFromTween.remove()
+        elFromTween?.remove()
 
         // cancel will be no longer available
         cancel = () => false
@@ -677,9 +680,9 @@ export default function morph (_options) {
         })
 
         const cleanup = abort => {
-          animationFromClone !== void 0 && animationFromClone.cancel()
-          animationFromTween !== void 0 && animationFromTween.cancel()
-          animationToClone !== void 0 && animationToClone.cancel()
+          animationFromClone?.cancel()
+          animationFromTween?.cancel()
+          animationToClone?.cancel()
           animationTo.cancel()
 
           animationTo.removeEventListener('finish', cleanup)
@@ -721,9 +724,9 @@ export default function morph (_options) {
 
           endElementTo = endElementTo !== true
 
-          animationFromClone !== void 0 && animationFromClone.reverse()
-          animationFromTween !== void 0 && animationFromTween.reverse()
-          animationToClone !== void 0 && animationToClone.reverse()
+          animationFromClone?.reverse()
+          animationFromTween?.reverse()
+          animationToClone?.reverse()
           animationTo.reverse()
 
           return true

package/src/utils/open-url/open-url.js

@@ -22,10 +22,10 @@ function openWindow (url, reject, windowFeatures) {
   let open = window.open
 
   if (Platform.is.cordova === true) {
-    if (cordova !== void 0 && cordova.InAppBrowser !== void 0 && cordova.InAppBrowser.open !== void 0) {
+    if (cordova?.InAppBrowser?.open !== void 0) {
       open = cordova.InAppBrowser.open
     }
-    else if (navigator !== void 0 && navigator.app !== void 0) {
+    else if (navigator?.app !== void 0) {
       return navigator.app.loadUrl(url, {
         openExternal: true
       })
@@ -39,7 +39,7 @@ function openWindow (url, reject, windowFeatures) {
     return win
   }
   else {
-    reject && reject()
+    reject?.()
   }
 }
 

package/src/utils/private.dialog/create-dialog.js

@@ -57,14 +57,14 @@ export default function (DefaultComponent, supportsCustomComponent, parentApp) {
     const el = createGlobalNode(false, 'dialog')
 
     const applyState = cmd => {
-      if (dialogRef.value !== null && dialogRef.value[ cmd ] !== void 0) {
+      if (dialogRef.value?.[ cmd ] !== void 0) {
         dialogRef.value[ cmd ]()
         return
       }
 
       const target = vm.$.subTree
 
-      if (target && target.component) {
+      if (target?.component) {
         // account for "script setup" way of declaring component
         if (target.component.proxy && target.component.proxy[ cmd ]) {
           target.component.proxy[ cmd ]()

package/src/utils/private.portal/portal.js

@@ -25,7 +25,7 @@ export function closePortalMenus (proxy, evt) {
       // and hide it too
       const parent = getParentProxy(proxy)
 
-      if (parent !== void 0 && parent.$options.name === 'QPopupProxy') {
+      if (parent?.$options.name === 'QPopupProxy') {
         proxy.hide(evt)
         return parent
       }

package/src/components/date/__tests__/QDate.cy.js

@@ -1,189 +0,0 @@
-describe('Date API', () => {
-  describe('Props', () => {
-    describe('Category: behavior', () => {
-      describe('(prop): years-in-month-view', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: content', () => {
-      describe('(prop): title', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): subtitle', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): today-btn', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): minimal', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: model', () => {
-      describe('(prop): model-value', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): default-year-month', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): default-view', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): events', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): options', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): first-day-of-week', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): emit-immediately', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: model|selection', () => {
-      describe('(prop): multiple', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): range', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: selection', () => {
-      describe('(prop): navigation-min-year-month', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): navigation-max-year-month', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): no-unset', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: style', () => {
-      describe('(prop): event-color', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-  })
-
-  describe('Slots', () => {
-    describe('(slot): default', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-  })
-
-  describe('Events', () => {
-    describe('(event): update:model-value', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(event): navigation', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(event): range-start', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(event): range-end', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-  })
-
-  describe('Methods', () => {
-    describe('(method): setToday', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): setView', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): offsetCalendar', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): setCalendarTo', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): setEditingRange', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-  })
-})

package/src/components/date/__tests__/use-datetime.cy.js

@@ -1,83 +0,0 @@
-describe('use-datetime API', () => {
-  describe('Props', () => {
-    describe('Category: behavior', () => {
-      describe('(prop): landscape', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: model', () => {
-      describe('(prop): mask', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): locale', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): calendar', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: state', () => {
-      describe('(prop): readonly', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): disable', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: style', () => {
-      describe('(prop): color', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): text-color', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): dark', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): square', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): flat', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): bordered', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-  })
-})