quasar 2.18.7 → 2.19.0

package/src/directives/ripple/Ripple.test.js

@@ -21,10 +21,7 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as Boolean true', async () => {
@@ -37,10 +34,7 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as Boolean false', async () => {
@@ -53,17 +47,14 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(false)
+      expect(wrapper.find('.q-ripple').exists()).toBe(false)
     })
 
     test('as empty Object', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: {}
           }
@@ -74,17 +65,14 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as full Object', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: {
               stop: true,
@@ -100,17 +88,14 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as { early: true }', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: { early: true }
           }
@@ -121,17 +106,14 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('pointerdown')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as { color: orange-5 }', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: { color: 'orange-5' }
           }
@@ -142,17 +124,14 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.get('.q-ripple')
-          .classes()
-      ).toContain('text-orange-5')
+      expect(wrapper.get('.q-ripple').classes()).toContain('text-orange-5')
     })
 
     test('as { stop: true }', async () => {
       const TestComponent = defineComponent({
         template: '<div><i v-ripple="val" /></div>',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: { stop: true }
           }
@@ -163,23 +142,18 @@ describe('[Ripple API]', () => {
 
       await wrapper.get('i').trigger('click')
 
-      expect(
-        wrapper.emitted()
-      ).not.toHaveProperty('click')
+      expect(wrapper.emitted()).not.toHaveProperty('click')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as { keyCodes: [ 65 ] }', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
-            val: { keyCodes: [ 65 ] }
+            val: { keyCodes: [65] }
           }
         }
       })
@@ -188,21 +162,18 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('keyup', { keyCode: 65 })
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('as { early: true, keyCodes: [ 65 ] }', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: {
               early: true,
-              keyCodes: [ 65 ]
+              keyCodes: [65]
             }
           }
         }
@@ -212,10 +183,7 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('keydown', { keyCode: 65 })
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
     })
 
     test('is reactive', async () => {
@@ -223,7 +191,7 @@ describe('[Ripple API]', () => {
       const TestComponent = defineComponent({
         template: '<div><i v-ripple="val" /></div>',
         directives: { Ripple },
-        setup () {
+        setup() {
           return { val }
         }
       })
@@ -232,30 +200,23 @@ describe('[Ripple API]', () => {
 
       await wrapper.get('i').trigger('click')
 
-      expect(
-        wrapper.emitted()
-      ).not.toHaveProperty('click')
+      expect(wrapper.emitted()).not.toHaveProperty('click')
 
       val.value = { color: 'red' }
       await flushPromises()
 
       await wrapper.get('i').trigger('click')
 
-      expect(
-        wrapper.find('i > .q-ripple.text-red')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('i > .q-ripple.text-red').exists()).toBe(true)
 
-      expect(
-        wrapper.emitted()
-      ).toHaveProperty('click')
+      expect(wrapper.emitted()).toHaveProperty('click')
     })
 
     test('merges modifiers with value', async () => {
       const TestComponent = defineComponent({
         template: '<div v-ripple.early="val" />',
         directives: { Ripple },
-        setup () {
+        setup() {
           return {
             val: { color: 'orange-5' }
           }
@@ -266,15 +227,9 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('pointerdown')
 
-      expect(
-        wrapper.find('.q-ripple')
-          .exists()
-      ).toBe(true)
+      expect(wrapper.find('.q-ripple').exists()).toBe(true)
 
-      expect(
-        wrapper.get('.q-ripple')
-          .classes()
-      ).toContain('text-orange-5')
+      expect(wrapper.get('.q-ripple').classes()).toContain('text-orange-5')
     })
   })
 
@@ -289,10 +244,7 @@ describe('[Ripple API]', () => {
 
       await wrapper.trigger('click')
 
-      expect(
-        wrapper.get('.q-ripple')
-          .classes()
-      ).toContain('text-orange-5')
+      expect(wrapper.get('.q-ripple').classes()).toContain('text-orange-5')
     })
   })
 
@@ -308,10 +260,7 @@ describe('[Ripple API]', () => {
 
         await wrapper.trigger('pointerdown')
 
-        expect(
-          wrapper.find('.q-ripple')
-            .exists()
-        ).toBe(true)
+        expect(wrapper.find('.q-ripple').exists()).toBe(true)
       })
     })
 
@@ -326,14 +275,9 @@ describe('[Ripple API]', () => {
 
         await wrapper.get('i').trigger('click')
 
-        expect(
-          wrapper.emitted()
-        ).not.toHaveProperty('click')
+        expect(wrapper.emitted()).not.toHaveProperty('click')
 
-        expect(
-          wrapper.find('.q-ripple')
-            .exists()
-        ).toBe(true)
+        expect(wrapper.find('.q-ripple').exists()).toBe(true)
       })
     })
   })

package/src/directives/scroll/Scroll.js

@@ -1,11 +1,19 @@
 import { createDirective } from '../../utils/private.create/create.js'
-import { getScrollTarget, getVerticalScrollPosition, getHorizontalScrollPosition } from '../../utils/scroll/scroll.js'
+import {
+  getScrollTarget,
+  getVerticalScrollPosition,
+  getHorizontalScrollPosition
+} from '../../utils/scroll/scroll.js'
 import { listenOpts } from '../../utils/event/event.js'
 import getSSRProps from '../../utils/private.noop-ssr-directive-transform/noop-ssr-directive-transform.js'
 
-function update (ctx, { value, oldValue }) {
+function update(ctx, { value, oldValue }) {
   if (typeof value !== 'function') {
-    ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, listenOpts.passive)
+    ctx.scrollTarget.removeEventListener(
+      'scroll',
+      ctx.scroll,
+      listenOpts.passive
+    )
     return
   }
 
@@ -15,37 +23,42 @@ function update (ctx, { value, oldValue }) {
   }
 }
 
-export default createDirective(__QUASAR_SSR_SERVER__
-  ? { name: 'scroll', getSSRProps }
-  : {
-      name: 'scroll',
-
-      mounted (el, binding) {
-        const ctx = {
-          scrollTarget: getScrollTarget(el),
-          scroll () {
-            ctx.handler(
-              getVerticalScrollPosition(ctx.scrollTarget),
-              getHorizontalScrollPosition(ctx.scrollTarget)
-            )
+export default createDirective(
+  __QUASAR_SSR_SERVER__
+    ? { name: 'scroll', getSSRProps }
+    : {
+        name: 'scroll',
+
+        mounted(el, binding) {
+          const ctx = {
+            scrollTarget: getScrollTarget(el),
+            scroll() {
+              ctx.handler(
+                getVerticalScrollPosition(ctx.scrollTarget),
+                getHorizontalScrollPosition(ctx.scrollTarget)
+              )
+            }
           }
-        }
 
-        update(ctx, binding)
+          update(ctx, binding)
 
-        el.__qscroll = ctx
-      },
+          el.__qscroll = ctx
+        },
 
-      updated (el, binding) {
-        if (el.__qscroll !== void 0 && binding.oldValue !== binding.value) {
-          update(el.__qscroll, binding)
-        }
-      },
+        updated(el, binding) {
+          if (el.__qscroll !== void 0 && binding.oldValue !== binding.value) {
+            update(el.__qscroll, binding)
+          }
+        },
 
-      beforeUnmount (el) {
-        const ctx = el.__qscroll
-        ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, listenOpts.passive)
-        delete el.__qscroll
+        beforeUnmount(el) {
+          const ctx = el.__qscroll
+          ctx.scrollTarget.removeEventListener(
+            'scroll',
+            ctx.scroll,
+            listenOpts.passive
+          )
+          delete el.__qscroll
+        }
       }
-    }
 )

package/src/directives/scroll/Scroll.json

@@ -4,7 +4,7 @@
   },
 
   "value": {
-    "type": [ "Function", "undefined" ],
+    "type": ["Function", "undefined"],
     "desc": "Function to call when scrolling occurs (use undefined to disable)",
     "params": {
       "verticalScrollPosition": {
@@ -17,6 +17,8 @@
       }
     },
     "returns": null,
-    "examples": [ "(verticalScrollPosition, horizontalScrollPosition) => { /* ... */ }" ]
+    "examples": [
+      "(verticalScrollPosition, horizontalScrollPosition) => { /* ... */ }"
+    ]
   }
 }

package/src/directives/scroll-fire/ScrollFire.js

@@ -7,7 +7,7 @@ import getSSRProps from '../../utils/private.noop-ssr-directive-transform/noop-s
 
 const { passive } = listenOpts
 
-function update (ctx, { value, oldValue }) {
+function update(ctx, { value, oldValue }) {
   if (typeof value !== 'function') {
     ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive)
     return
@@ -20,49 +20,54 @@ function update (ctx, { value, oldValue }) {
   }
 }
 
-export default createDirective(__QUASAR_SSR_SERVER__
-  ? { name: 'scroll-fire', getSSRProps }
-  : {
-      name: 'scroll-fire',
+export default createDirective(
+  __QUASAR_SSR_SERVER__
+    ? { name: 'scroll-fire', getSSRProps }
+    : {
+        name: 'scroll-fire',
 
-      mounted (el, binding) {
-        const ctx = {
-          scrollTarget: getScrollTarget(el),
-          scroll: debounce(() => {
-            let containerBottom, elBottom
+        mounted(el, binding) {
+          const ctx = {
+            scrollTarget: getScrollTarget(el),
+            scroll: debounce(() => {
+              let containerBottom, elBottom
 
-            if (ctx.scrollTarget === window) {
-              elBottom = el.getBoundingClientRect().bottom
-              containerBottom = window.innerHeight
-            }
-            else {
-              elBottom = offset(el).top + height(el)
-              containerBottom = offset(ctx.scrollTarget).top + height(ctx.scrollTarget)
-            }
+              if (ctx.scrollTarget === window) {
+                elBottom = el.getBoundingClientRect().bottom
+                containerBottom = window.innerHeight
+              } else {
+                elBottom = offset(el).top + height(el)
+                containerBottom =
+                  offset(ctx.scrollTarget).top + height(ctx.scrollTarget)
+              }
 
-            if (elBottom > 0 && elBottom < containerBottom) {
-              ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive)
-              ctx.handler(el)
-            }
-          }, 25)
-        }
+              if (elBottom > 0 && elBottom < containerBottom) {
+                ctx.scrollTarget.removeEventListener(
+                  'scroll',
+                  ctx.scroll,
+                  passive
+                )
+                ctx.handler(el)
+              }
+            }, 25)
+          }
 
-        update(ctx, binding)
+          update(ctx, binding)
 
-        el.__qscrollfire = ctx
-      },
+          el.__qscrollfire = ctx
+        },
 
-      updated (el, binding) {
-        if (binding.value !== binding.oldValue) {
-          update(el.__qscrollfire, binding)
-        }
-      },
+        updated(el, binding) {
+          if (binding.value !== binding.oldValue) {
+            update(el.__qscrollfire, binding)
+          }
+        },
 
-      beforeUnmount (el) {
-        const ctx = el.__qscrollfire
-        ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive)
-        ctx.scroll.cancel()
-        delete el.__qscrollfire
+        beforeUnmount(el) {
+          const ctx = el.__qscrollfire
+          ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive)
+          ctx.scroll.cancel()
+          delete el.__qscrollfire
+        }
       }
-    }
 )

package/src/directives/scroll-fire/ScrollFire.json

@@ -13,6 +13,6 @@
       }
     },
     "returns": null,
-    "examples": [ "el => { console.log('Element:', el) }" ]
+    "examples": ["el => { console.log('Element:', el) }"]
   }
 }