quasar 2.5.3 → 2.6.0

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",
@@ -281,7 +281,7 @@
       "desc": "Emitted when component is clicked (activated)",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false"
         },
         "navigateFn": {
@@ -298,7 +298,7 @@
       "desc": "Emulate click on QBtn",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object"
         }
       }

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",
@@ -425,7 +425,7 @@
       "desc": "Emitted after component has triggered show()",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object",
           "required": true
         }
@@ -435,7 +435,7 @@
       "desc": "Emitted when component triggers show() but before it finishes doing it",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object",
           "required": true
         }
@@ -445,7 +445,7 @@
       "desc": "Emitted after component has triggered hide()",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object",
           "required": true
         }
@@ -455,7 +455,7 @@
       "desc": "Emitted when component triggers hide() but before it finishes doing it",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object",
           "required": true
         }
@@ -465,7 +465,7 @@
       "desc": "Emitted when user clicks/taps on the main button (not the icon one, if using 'split')",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object",
           "required": true
         }
@@ -477,9 +477,9 @@
       "desc": "Triggers component to show",
       "params": {
         "evt": {
-          "type": "Object",
-          "required": false,
-          "desc": "JS event object"
+          "type": "Event",
+          "desc": "JS event object",
+          "required": false
         }
       }
     },
@@ -487,18 +487,18 @@
       "desc": "Triggers component to hide",
       "params": {
         "evt": {
-          "type": "Object",
-          "required": false,
-          "desc": "JS event object"
+          "type": "Event",
+          "desc": "JS event object",
+          "required": false
         }
       }
     },
     "toggle": {
       "params": {
         "evt": {
-          "type": "Object",
-          "required": false,
-          "desc": "JS event object"
+          "type": "Event",
+          "desc": "JS event object",
+          "required": false
         }
       },
       "desc": "Triggers component to toggle between show/hide"

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",
@@ -299,7 +299,7 @@
           "desc": "Default trigger when clicked/tapped on",
           "params": {
             "evt": {
-              "type": "Object",
+              "type": "Event",
               "desc": "JS event object",
               "required": true
             }

package/dist/api/QCheckbox.json

@@ -188,7 +188,7 @@
           "required": true
         },
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object",
           "required": true
         }

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",
@@ -180,7 +180,7 @@
       "desc": "Emitted on QChip click if 'clickable' property is set",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object"
         }
       }