quasar 2.5.4 → 2.6.1

package/README.md

@@ -4,7 +4,7 @@
 
 > Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!
 
-<img src="https://img.shields.io/npm/v/quasar/next?label=quasar">
+<img src="https://img.shields.io/npm/v/quasar?label=quasar">
 
 [![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
 <a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>

package/dist/api/BottomSheet.json

@@ -68,7 +68,7 @@
                 },
                 "icon": {
                   "type": "String",
-                  "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+                  "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
                   "examples": [
                     "map",
                     "ion-add",

package/dist/api/Dialog.json

@@ -377,8 +377,15 @@
               "required": false
             },
             "component": {
-              "type": "Component",
-              "desc": "Use custom dialog component; use along with 'componentProps' prop where possible"
+              "type": [
+                "Component",
+                "String"
+              ],
+              "desc": "Use custom dialog component; use along with 'componentProps' prop where possible",
+              "examples": [
+                "CustomComponent",
+                "'custom-component'"
+              ]
             },
             "componentProps": {
               "type": "Object",

package/dist/api/Notify.json

@@ -53,7 +53,7 @@
       },
       "icon": {
         "type": "String",
-        "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+        "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
         "examples": [
           "map",
           "ion-add",
@@ -62,6 +62,26 @@
         ],
         "category": "content"
       },
+      "iconColor": {
+        "type": "String",
+        "desc": "Color name for component from the Quasar Color Palette",
+        "examples": [
+          "primary",
+          "teal-10"
+        ],
+        "category": "style",
+        "addedIn": "v2.5.5"
+      },
+      "iconSize": {
+        "type": "String",
+        "desc": "Size in CSS units, including unit name",
+        "examples": [
+          "16px",
+          "2rem"
+        ],
+        "category": "style",
+        "addedIn": "v2.5.5"
+      },
       "avatar": {
         "type": "String",
         "desc": "URL to an avatar/image; Suggestion: use public folder",
@@ -75,6 +95,26 @@
         "type": "Boolean",
         "desc": "Useful for notifications that are updated; Displays the default Quasar spinner instead of an avatar or icon"
       },
+      "spinnerColor": {
+        "type": "String",
+        "desc": "Color name for component from the Quasar Color Palette",
+        "examples": [
+          "primary",
+          "teal-10"
+        ],
+        "category": "style",
+        "addedIn": "v2.5.5"
+      },
+      "spinnerSize": {
+        "type": "String",
+        "desc": "Size in CSS units, including unit name",
+        "examples": [
+          "16px",
+          "2rem"
+        ],
+        "category": "style",
+        "addedIn": "v2.5.5"
+      },
       "position": {
         "type": "String",
         "desc": "Window side/corner to stick to",
@@ -264,7 +304,7 @@
             },
             "icon": {
               "type": "String",
-              "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+              "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
               "examples": [
                 "map",
                 "ion-add",
@@ -273,6 +313,26 @@
               ],
               "category": "content"
             },
+            "iconColor": {
+              "type": "String",
+              "desc": "Color name for component from the Quasar Color Palette",
+              "examples": [
+                "primary",
+                "teal-10"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
+            "iconSize": {
+              "type": "String",
+              "desc": "Size in CSS units, including unit name",
+              "examples": [
+                "16px",
+                "2rem"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
             "avatar": {
               "type": "String",
               "desc": "URL to an avatar/image; Suggestion: public folder",
@@ -293,6 +353,26 @@
                 "QSpinnerBars"
               ]
             },
+            "spinnerColor": {
+              "type": "String",
+              "desc": "Color name for component from the Quasar Color Palette",
+              "examples": [
+                "primary",
+                "teal-10"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
+            "spinnerSize": {
+              "type": "String",
+              "desc": "Size in CSS units, including unit name",
+              "examples": [
+                "16px",
+                "2rem"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
             "position": {
               "type": "String",
               "desc": "Window side/corner to stick to",
@@ -511,7 +591,7 @@
               },
               "icon": {
                 "type": "String",
-                "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+                "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
                 "examples": [
                   "map",
                   "ion-add",
@@ -520,6 +600,26 @@
                 ],
                 "category": "content"
               },
+              "iconColor": {
+                "type": "String",
+                "desc": "Color name for component from the Quasar Color Palette",
+                "examples": [
+                  "primary",
+                  "teal-10"
+                ],
+                "category": "style",
+                "addedIn": "v2.5.5"
+              },
+              "iconSize": {
+                "type": "String",
+                "desc": "Size in CSS units, including unit name",
+                "examples": [
+                  "16px",
+                  "2rem"
+                ],
+                "category": "style",
+                "addedIn": "v2.5.5"
+              },
               "avatar": {
                 "type": "String",
                 "desc": "URL to an avatar/image; Suggestion: use public folder",
@@ -536,6 +636,26 @@
                 ],
                 "desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
               },
+              "spinnerColor": {
+                "type": "String",
+                "desc": "Color name for component from the Quasar Color Palette",
+                "examples": [
+                  "primary",
+                  "teal-10"
+                ],
+                "category": "style",
+                "addedIn": "v2.5.5"
+              },
+              "spinnerSize": {
+                "type": "String",
+                "desc": "Size in CSS units, including unit name",
+                "examples": [
+                  "16px",
+                  "2rem"
+                ],
+                "category": "style",
+                "addedIn": "v2.5.5"
+              },
               "progress": {
                 "type": "Boolean",
                 "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
@@ -670,7 +790,7 @@
             },
             "icon": {
               "type": "String",
-              "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+              "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
               "examples": [
                 "map",
                 "ion-add",
@@ -679,6 +799,26 @@
               ],
               "category": "content"
             },
+            "iconColor": {
+              "type": "String",
+              "desc": "Color name for component from the Quasar Color Palette",
+              "examples": [
+                "primary",
+                "teal-10"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
+            "iconSize": {
+              "type": "String",
+              "desc": "Size in CSS units, including unit name",
+              "examples": [
+                "16px",
+                "2rem"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
             "avatar": {
               "type": "String",
               "desc": "URL to an avatar/image; Suggestion: use public folder",
@@ -695,6 +835,26 @@
               ],
               "desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
             },
+            "spinnerColor": {
+              "type": "String",
+              "desc": "Color name for component from the Quasar Color Palette",
+              "examples": [
+                "primary",
+                "teal-10"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
+            "spinnerSize": {
+              "type": "String",
+              "desc": "Size in CSS units, including unit name",
+              "examples": [
+                "16px",
+                "2rem"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
             "position": {
               "type": "String",
               "desc": "Window side/corner to stick to",
@@ -910,7 +1070,7 @@
             },
             "icon": {
               "type": "String",
-              "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+              "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
               "examples": [
                 "map",
                 "ion-add",
@@ -919,6 +1079,26 @@
               ],
               "category": "content"
             },
+            "iconColor": {
+              "type": "String",
+              "desc": "Color name for component from the Quasar Color Palette",
+              "examples": [
+                "primary",
+                "teal-10"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
+            "iconSize": {
+              "type": "String",
+              "desc": "Size in CSS units, including unit name",
+              "examples": [
+                "16px",
+                "2rem"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
             "avatar": {
               "type": "String",
               "desc": "URL to an avatar/image; Suggestion: use public folder",
@@ -935,6 +1115,26 @@
               ],
               "desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
             },
+            "spinnerColor": {
+              "type": "String",
+              "desc": "Color name for component from the Quasar Color Palette",
+              "examples": [
+                "primary",
+                "teal-10"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
+            "spinnerSize": {
+              "type": "String",
+              "desc": "Size in CSS units, including unit name",
+              "examples": [
+                "16px",
+                "2rem"
+              ],
+              "category": "style",
+              "addedIn": "v2.5.5"
+            },
             "position": {
               "type": "String",
               "desc": "Window side/corner to stick to",

package/dist/api/QAvatar.json

@@ -44,7 +44,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QBreadcrumbsEl.json

@@ -79,7 +79,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QBtn.json

@@ -82,7 +82,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -93,7 +93,7 @@
     },
     "icon-right": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QBtnDropdown.json

@@ -91,7 +91,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -102,7 +102,7 @@
     },
     "icon-right": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -265,7 +265,7 @@
     },
     "dropdown-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QCarousel.json

@@ -195,7 +195,7 @@
     },
     "prev-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -206,7 +206,7 @@
     },
     "next-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -238,7 +238,7 @@
     },
     "navigation-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QChip.json

@@ -30,7 +30,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -41,7 +41,7 @@
     },
     "icon-right": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -52,7 +52,7 @@
     },
     "icon-remove": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -63,7 +63,7 @@
     },
     "icon-selected": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QExpansionItem.json

@@ -76,7 +76,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -87,7 +87,7 @@
     },
     "expand-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QFab.json

@@ -164,7 +164,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -175,7 +175,7 @@
     },
     "active-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QFabAction.json

@@ -158,7 +158,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QForm.json

@@ -35,7 +35,10 @@
       "desc": "Emitted when all validations have passed when tethered to a submit button",
       "params": {
         "evt": {
-          "type": "SubmitEvent",
+          "type": [
+            "Event",
+            "SubmitEvent"
+          ],
           "desc": "Form submission event object"
         }
       }

package/dist/api/QIcon.json

@@ -30,10 +30,12 @@
     },
     "name": {
       "type": "String",
-      "desc": "Name of the icon, following Quasar convention",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
-        "ion-add"
+        "ion-add",
+        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
+        "img:path/to/some_image.png"
       ],
       "category": "model"
     },

package/dist/api/QKnob.json

@@ -79,6 +79,11 @@
       "category": "model",
       "required": false
     },
+    "reverse": {
+      "type": "Boolean",
+      "desc": "Reverses the direction of progress",
+      "category": "behavior"
+    },
     "instant-feedback": {
       "type": "Boolean",
       "desc": "No animation when model changes",

package/dist/api/QPagination.json

@@ -125,7 +125,7 @@
     },
     "icon-prev": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -136,7 +136,7 @@
     },
     "icon-next": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -147,7 +147,7 @@
     },
     "icon-first": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -158,7 +158,7 @@
     },
     "icon-last": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QRouteTab.json

@@ -70,7 +70,7 @@
     },
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",

package/dist/api/QSelect.json

@@ -492,7 +492,7 @@
     },
     "dropdown-icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -1296,15 +1296,14 @@
     },
     "getOptionIndex": {
       "desc": "Gets current focused option index from menu; It's -1 if no option is focused",
-      "params": {
-        "index": {
-          "type": "Number",
-          "required": true,
-          "desc": "Index of option from menu; -1 if no option is focused",
-          "examples": [
-            10
-          ]
-        }
+      "returns": {
+        "type": "Number",
+        "desc": "Index of option from menu; It's -1 if no option is focused",
+        "examples": [
+          -1,
+          0,
+          10
+        ]
       },
       "addedIn": "v2.5.4"
     },