quasar 2.17.7 → 2.18.0

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(' ', () => {
-          //
-        })
-      })
-    })
-  })
-})

package/src/components/editor/__tests__/QEditor.cy.js

@@ -1,195 +0,0 @@
-describe('Editor API', () => {
-  describe('Props', () => {
-    describe('Category: behavior', () => {
-      describe('(prop): paragraph-tag', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: content', () => {
-      describe('(prop): placeholder', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: model', () => {
-      describe('(prop): model-value', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: state', () => {
-      describe('(prop): readonly', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): disable', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: style', () => {
-      describe('(prop): square', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): flat', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): dense', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): dark', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): min-height', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): max-height', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): height', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): content-style', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): content-class', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: toolbar', () => {
-      describe('(prop): definitions', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): fonts', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar-color', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar-text-color', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar-toggle-color', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar-bg', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-
-    describe('Category: toolbar|style', () => {
-      describe('(prop): toolbar-outline', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar-push', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-
-      describe('(prop): toolbar-rounded', () => {
-        it.skip(' ', () => {
-          //
-        })
-      })
-    })
-  })
-
-  describe('Events', () => {
-    describe('(event): update:model-value', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-  })
-
-  describe('Methods', () => {
-    describe('(method): runCmd', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): refreshToolbar', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): focus', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-
-    describe('(method): getContentEl', () => {
-      it.skip(' ', () => {
-        //
-      })
-    })
-  })
-})