quasar 2.12.1 → 2.12.3

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.12.1",
+  "version": "2.12.3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -4906,7 +4906,13 @@
               "doc-url": "https://v2.quasar.dev/vue-components/editor"
             }
           ],
-          "slots": [],
+          "slots": [
+            {
+              "name": "[command]",
+              "description": "Content for the given command in the toolbar",
+              "doc-url": "https://v2.quasar.dev/vue-components/editor"
+            }
+          ],
           "description": "QEditor - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/editor"
         },
@@ -19357,7 +19363,7 @@
           "doc-url": "https://v2.quasar.dev/vue-directives/scroll",
           "value": {
             "kind": "expression",
-            "type": "Function"
+            "type": "Function|undefined"
           }
         },
         {
@@ -19371,7 +19377,7 @@
           "doc-url": "https://v2.quasar.dev/vue-directives/scroll-fire",
           "value": {
             "kind": "expression",
-            "type": "Function"
+            "type": "Function|undefined"
           }
         },
         {
@@ -19402,7 +19408,7 @@
           ],
           "value": {
             "kind": "expression",
-            "type": "Function"
+            "type": "Function|undefined"
           }
         },
         {
@@ -19483,7 +19489,7 @@
           ],
           "value": {
             "kind": "expression",
-            "type": "Function"
+            "type": "Function|undefined"
           }
         },
         {
@@ -19569,7 +19575,7 @@
           ],
           "value": {
             "kind": "expression",
-            "type": "Function"
+            "type": "Function|undefined"
           }
         },
         {
@@ -19630,7 +19636,7 @@
           ],
           "value": {
             "kind": "expression",
-            "type": "Function"
+            "type": "Function|undefined"
           }
         }
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.12.1",
+  "version": "2.12.3",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",

package/src/components/editor/QEditor.json

@@ -368,5 +368,11 @@
       "tsType": "QEditorCaret",
       "desc": "The current caret state"
     }
+  },
+
+  "slots": {
+    "[command]": {
+      "desc": "Content for the given command in the toolbar"
+    }
   }
 }

package/src/directives/Morph.json

@@ -101,7 +101,7 @@
       },
 
       "waitFor": {
-        "type": [ "Number", "String", "Promise" ],
+        "type": [ "Number", "String", "Promise<void>" ],
         "desc": "Delay animation start for that number of milliseconds, or until a 'transitionend' event is emitted by the destination element, or until the promise is resolved (if the promise is rejected the morphing will abort, but the `toggle function` was already called)",
         "default": "0",
         "examples": [ "300", "transitionend" ]

package/src/directives/Scroll.json

@@ -4,8 +4,8 @@
   },
 
   "value": {
-    "type": "Function",
-    "desc": "Function to call when scrolling occurs (use a non-function to disable)",
+    "type": ["Function", "undefined"],
+    "desc": "Function to call when scrolling occurs (use undefined to disable)",
     "params": {
       "verticalScrollPosition": {
         "type": "Number",
@@ -17,6 +17,6 @@
       }
     },
     "returns": null,
-    "examples": [ "v-scroll=\"fnToCall\"", "v-scroll=\"void 0\"" ]
+    "examples": [ "v-scroll=\"fnToCall\"", "v-scroll=\"undefined\"" ]
   }
 }

package/src/directives/ScrollFire.json

@@ -4,8 +4,8 @@
   },
 
   "value": {
-    "type": "Function",
-    "desc": "Function to call when scrolling and element comes into the viewport (use a non-function to disable)",
+    "type": ["Function", "undefined"],
+    "desc": "Function to call when scrolling and element comes into the viewport (use undefined to disable)",
     "params": {
       "el": {
         "type": "Element",
@@ -13,6 +13,6 @@
       }
     },
     "returns": null,
-    "examples": [ "v-scroll-fire=\"fnToCall\"", "v-scroll-fire=\"void 0\"" ]
+    "examples": [ "v-scroll-fire=\"fnToCall\"", "v-scroll-fire=\"undefined\"" ]
   }
 }

package/src/directives/TouchHold.json

@@ -4,8 +4,8 @@
   },
 
   "value": {
-    "type": "Function",
-    "desc": "Function to call after user has hold touch/click for the specified amount of time (use a non-function to disable)",
+    "type": ["Function", "undefined"],
+    "desc": "Function to call after user has hold touch/click for the specified amount of time (use undefined to disable)",
     "params": {
       "details": {
         "type": "Object",
@@ -45,7 +45,7 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-hold=\"fnToCall\"", "v-touch-hold=\"void 0\"" ]
+    "examples": [ "v-touch-hold=\"fnToCall\"", "v-touch-hold=\"undefined\"" ]
   },
 
   "arg": {

package/src/directives/TouchPan.json

@@ -4,8 +4,8 @@
   },
 
   "value": {
-    "type": "Function",
-    "desc": "Handler for panning (use a non-function to disable)",
+    "type": ["Function", "undefined"],
+    "desc": "Handler for panning (use undefined to disable)",
     "params": {
       "details": {
         "type": "Object",
@@ -102,7 +102,7 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-pan=\"fnToCall\"", "v-touch-pan=\"void 0\"" ]
+    "examples": [ "v-touch-pan=\"fnToCall\"", "v-touch-pan=\"undefined\"" ]
   },
 
   "modifiers": {

package/src/directives/TouchRepeat.json

@@ -4,8 +4,8 @@
   },
 
   "value": {
-    "type": "Function",
-    "desc": "Handler for touch-repeat (use a non-function to disable)",
+    "type": ["Function", "undefined"],
+    "desc": "Handler for touch-repeat (use undefined to disable)",
     "params": {
       "details": {
         "type": "Object",
@@ -61,7 +61,7 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-repeat=\"fnToCall\"", "v-touch-repeat=\"void 0\"" ]
+    "examples": [ "v-touch-repeat=\"fnToCall\"", "v-touch-repeat=\"undefined\"" ]
   },
 
   "arg": {

package/src/directives/TouchSwipe.json

@@ -4,8 +4,8 @@
   },
 
   "value": {
-    "type": "Function",
-    "desc": "Handler for swipe (use a non-function to disable)",
+    "type": ["Function", "undefined"],
+    "desc": "Handler for swipe (use undefined to disable)",
     "params": {
       "details": {
         "type": "Object",
@@ -50,7 +50,7 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-swipe=\"fnToCall\"", "v-touch-swipe=\"void 0\"" ]
+    "examples": [ "v-touch-swipe=\"fnToCall\"", "v-touch-swipe=\"undefined\"" ]
   },
 
   "arg": {

package/src/plugins/LoadingBar.json

@@ -9,7 +9,7 @@
     "propName": "loadingBar",
     "type": "Object",
     "tsType": "QLoadingBarOptions",
-    "desc": "QAjaxBar component props, EXCEPT for 'hijack-filter'",
+    "desc": "QAjaxBar component props, EXCEPT for 'hijack-filter' in quasar.config file (if using Quasar CLI)",
     "examples": [ "{ position: 'bottom', reverse: true }" ]
   },
 
@@ -54,7 +54,7 @@
           "type": "Object",
           "tsType": "QLoadingBarOptions",
           "required": true,
-          "desc": "QAjaxBar component props, EXCEPT for 'hijack-filter'",
+          "desc": "QAjaxBar component props",
           "examples": [ "{ position: 'bottom', reverse: true }" ]
         }
       }

package/src/utils/private/click-outside.js

@@ -30,6 +30,12 @@ function globalHandler (evt) {
   while (portalIndex >= 0) {
     const proxy = portalProxyList[ portalIndex ].$
 
+    // skip QTooltip portals
+    if (proxy.type.name === 'QTooltip') {
+      portalIndex--
+      continue
+    }
+
     if (proxy.type.name !== 'QDialog') {
       break
     }

package/src/utils/private/position-engine.js

@@ -175,7 +175,7 @@ export function setPosition (cfg, retryNumber = 0) {
     visibility: 'visible'
   })
 
-  const { width: origElWidth, height: origElHeight } = targetEl.getBoundingClientRect()
+  const { offsetWidth: origElWidth, offsetHeight: origElHeight } = targetEl
   const { elWidth, elHeight } = fit === true || cover === true
     ? { elWidth: Math.max(anchorProps.width, origElWidth), elHeight: cover === true ? Math.max(anchorProps.height, origElHeight) : origElHeight }
     : { elWidth: origElWidth, elHeight: origElHeight }