quasar 2.3.2 → 2.4.1

package/dist/api/QDate.json

@@ -26,7 +26,8 @@
         "YYYY-MM-DD",
         "MMMM Do, YYYY",
         "YYYY-MM-DD HH:mm:ss"
-      ]
+      ],
+      "required": false
     },
     "locale": {
       "type": "Object",
@@ -74,7 +75,8 @@
         "gregorian",
         "persian"
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "color": {
       "type": "String",
@@ -175,7 +177,8 @@
         "Months",
         "Years"
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "years-in-month-view": {
       "type": "Boolean",
@@ -297,7 +300,8 @@
         "first-day-of-week=\"1\"",
         ":first-day-of-week=\"selectedFirstDayOfTheWeek\""
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "today-btn": {
       "type": "Boolean",
@@ -364,48 +368,59 @@
           "definition": {
             "year": {
               "type": "Number",
+              "required": true,
               "desc": "The year of the date that the user has clicked/tapped on"
             },
             "month": {
               "type": "Number",
+              "required": true,
               "desc": "The month of the date that the user has clicked/tapped on"
             },
             "day": {
               "type": "Number",
+              "required": true,
               "desc": "The day of the month that the user has clicked/tapped on"
             },
             "from": {
               "type": "Object",
+              "required": false,
               "desc": "Object of properties of the range starting point (only if range)",
               "definition": {
                 "year": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The year"
                 },
                 "month": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The month"
                 },
                 "day": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The day of month"
                 }
               }
             },
             "to": {
               "type": "Object",
+              "required": false,
               "desc": "Object of properties of the range ending point (only if range)",
               "definition": {
                 "year": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The year"
                 },
                 "month": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The month"
                 },
                 "day": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The day of month"
                 }
               }
@@ -423,10 +438,12 @@
           "definition": {
             "year": {
               "type": "Number",
+              "required": true,
               "desc": "The year"
             },
             "month": {
               "type": "Number",
+              "required": true,
               "desc": "The month"
             }
           }
@@ -442,14 +459,17 @@
           "definition": {
             "year": {
               "type": "Number",
+              "required": true,
               "desc": "The year"
             },
             "month": {
               "type": "Number",
+              "required": true,
               "desc": "The month"
             },
             "day": {
               "type": "Number",
+              "required": true,
               "desc": "The day of month"
             }
           }
@@ -465,36 +485,44 @@
           "definition": {
             "from": {
               "type": "Object",
+              "required": true,
               "desc": "Definition of date from where the range begins",
               "definition": {
                 "year": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The year"
                 },
                 "month": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The month"
                 },
                 "day": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The day of month"
                 }
               }
             },
             "to": {
               "type": "Object",
+              "required": true,
               "desc": "Definition of date to where the range ends",
               "definition": {
                 "year": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The year"
                 },
                 "month": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The month"
                 },
                 "day": {
                   "type": "Number",
+                  "required": true,
                   "desc": "The day of month"
                 }
               }
@@ -513,8 +541,8 @@
       "params": {
         "view": {
           "type": "String",
-          "desc": "QDate view name",
           "required": true,
+          "desc": "QDate view name",
           "values": [
             "Calendar",
             "Months",

package/dist/api/QDialog.json

@@ -12,7 +12,8 @@
         "slide-down"
       ],
       "category": "transition",
-      "default": "fade"
+      "default": "fade",
+      "required": false
     },
     "transition-hide": {
       "type": "String",
@@ -22,7 +23,8 @@
         "slide-down"
       ],
       "category": "transition",
-      "default": "fade"
+      "default": "fade",
+      "required": false
     },
     "transition-duration": {
       "type": [
@@ -35,7 +37,8 @@
         500,
         "1200"
       ],
-      "category": "transition"
+      "category": "transition",
+      "required": false
     },
     "model-value": {
       "type": "Boolean",
@@ -102,7 +105,8 @@
         "top",
         "right"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "square": {
       "type": "Boolean",

package/dist/api/QDrawer.json

@@ -20,7 +20,8 @@
       "examples": [
         "right"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "overlay": {
       "type": "Boolean",
@@ -34,7 +35,8 @@
       "examples": [
         ":width=\"350\""
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "mini": {
       "type": "Boolean",
@@ -48,7 +50,8 @@
       "examples": [
         ":mini-width=\"100\""
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dark": {
       "type": "Boolean",
@@ -68,7 +71,8 @@
         1200,
         ":breakpoint=\"1400\""
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "behavior": {
       "type": "String",
@@ -82,7 +86,8 @@
       "examples": [
         "mobile"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "bordered": {
       "type": "Boolean",

package/dist/api/QEditor.json

@@ -65,7 +65,8 @@
         "15rem",
         "50vh"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "max-height": {
       "type": "String",
@@ -230,7 +231,8 @@
           "justify"
         ]
       ],
-      "category": "toolbar"
+      "category": "toolbar",
+      "required": false
     },
     "toolbar-color": {
       "type": "String",
@@ -258,7 +260,8 @@
         "secondary",
         "blue-3"
       ],
-      "category": "toolbar"
+      "category": "toolbar",
+      "required": false
     },
     "toolbar-bg": {
       "type": "String",
@@ -268,7 +271,8 @@
         "secondary",
         "blue-3"
       ],
-      "category": "toolbar"
+      "category": "toolbar",
+      "required": false
     },
     "toolbar-outline": {
       "type": "Boolean",
@@ -369,7 +373,8 @@
         "update": {
           "type": "Boolean",
           "desc": "Refresh the toolbar",
-          "default": true
+          "default": true,
+          "required": false
         }
       }
     },

package/dist/api/QExpansionItem.json

@@ -9,38 +9,59 @@
         "String",
         "Object"
       ],
-      "desc": "Equivalent to Vue Router <router-link> 'to' property",
+      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used",
       "examples": [
         "/home/dashboard",
         ":to=\"{ name: 'my-route-name' }\""
       ],
-      "category": "behavior"
+      "category": "navigation"
     },
     "exact": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'exact' property",
-      "category": "behavior"
+      "desc": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used",
+      "category": "navigation"
     },
     "replace": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property",
-      "category": "behavior"
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used",
+      "category": "navigation"
     },
     "active-class": {
       "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used",
       "examples": [
         "my-active-class"
       ],
-      "category": "behavior"
+      "category": "navigation"
     },
     "exact-active-class": {
       "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used",
       "examples": [
         "my-exact-active-class"
       ],
-      "category": "behavior"
+      "category": "navigation"
+    },
+    "href": {
+      "type": "String",
+      "desc": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props",
+      "examples": [
+        "http://quasar.dev"
+      ],
+      "category": "navigation",
+      "addedIn": "v2.4"
+    },
+    "target": {
+      "type": "String",
+      "desc": "Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props",
+      "examples": [
+        "_blank",
+        "_self",
+        "_parent",
+        "_top"
+      ],
+      "category": "navigation",
+      "addedIn": "v2.4"
     },
     "disable": {
       "type": "Boolean",
@@ -48,9 +69,10 @@
       "category": "state"
     },
     "model-value": {
-      "type": "Boolean",
       "desc": "Model of the component defining 'open' state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "category": "model"
+      "required": false,
+      "category": "model",
+      "type": "Boolean"
     },
     "icon": {
       "type": "String",
@@ -156,7 +178,8 @@
       "examples": [
         ":duration=\"1000\""
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "header-inset-level": {
       "type": "Number",

package/dist/api/QFab.json

@@ -14,7 +14,8 @@
         "button",
         "reset"
       ],
-      "category": "general"
+      "category": "general",
+      "required": false
     },
     "outline": {
       "type": "Boolean",
@@ -86,7 +87,8 @@
       "examples": [
         "Button Label"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "label-position": {
       "type": "String",
@@ -153,9 +155,10 @@
       "category": "general"
     },
     "model-value": {
-      "type": "Boolean",
       "desc": "Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event",
-      "category": "model"
+      "required": false,
+      "category": "model",
+      "type": "Boolean"
     },
     "icon": {
       "type": "String",
@@ -197,7 +200,8 @@
       "examples": [
         "down"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "vertical-actions-align": {
       "type": "String",
@@ -208,7 +212,8 @@
         "center",
         "right"
       ],
-      "category": "style|content"
+      "category": "style|content",
+      "required": false
     },
     "persistent": {
       "type": "Boolean",
@@ -222,6 +227,36 @@
     },
     "tooltip": {
       "desc": "Slot specifically designed for a QTooltip"
+    },
+    "icon": {
+      "desc": "Slot for icon shown when FAB is closed; Suggestion: QIcon",
+      "scope": {
+        "opened": {
+          "type": "Boolean",
+          "desc": "FAB is opened"
+        }
+      },
+      "addedIn": "v2.4"
+    },
+    "active-icon": {
+      "desc": "Slot for icon shown when FAB is opened; Suggestion: QIcon",
+      "scope": {
+        "opened": {
+          "type": "Boolean",
+          "desc": "FAB is opened"
+        }
+      },
+      "addedIn": "v2.4"
+    },
+    "label": {
+      "desc": "Slot for label",
+      "scope": {
+        "opened": {
+          "type": "Boolean",
+          "desc": "FAB is opened"
+        }
+      },
+      "addedIn": "v2.4"
     }
   },
   "events": {

package/dist/api/QFabAction.json

@@ -14,7 +14,8 @@
         "button",
         "reset"
       ],
-      "category": "general"
+      "category": "general",
+      "required": false
     },
     "outline": {
       "type": "Boolean",
@@ -86,7 +87,8 @@
       "examples": [
         "Button Label"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "label-position": {
       "type": "String",
@@ -194,6 +196,14 @@
   "slots": {
     "default": {
       "desc": "Suggestion for this slot: QTooltip"
+    },
+    "icon": {
+      "desc": "Slot for icon; Suggestion: QIcon",
+      "addedIn": "v2.4"
+    },
+    "label": {
+      "desc": "Slot for label",
+      "addedIn": "v2.4"
     }
   },
   "events": {

package/dist/api/QField.json

@@ -29,6 +29,7 @@
     },
     "rules": {
       "type": "Array",
+      "tsType": "ValidationRule",
       "desc": "Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules",
       "examples": [
         ":rules=\"[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\"",
@@ -298,7 +299,7 @@
           ]
         },
         "field": {
-          "type": "Object",
+          "type": "Element",
           "desc": "DOM element of the field"
         },
         "editable": {
@@ -327,6 +328,7 @@
           "params": {
             "value": {
               "type": "Any",
+              "required": true,
               "desc": "Value to be emitted",
               "examples": [
                 0,

package/dist/api/QFile.json

@@ -128,6 +128,7 @@
     },
     "rules": {
       "type": "Array",
+      "tsType": "ValidationRule",
       "desc": "Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules",
       "examples": [
         ":rules=\"[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\"",
@@ -366,6 +367,7 @@
           "definition": {
             "totalSize": {
               "type": "String",
+              "required": true,
               "desc": "The total size of files in human readable format",
               "examples": [
                 "1.42MB"
@@ -373,6 +375,7 @@
             },
             "filesNumber": {
               "type": "Number",
+              "required": true,
               "desc": "Number of picked files",
               "examples": [
                 5
@@ -383,6 +386,7 @@
                 "Number",
                 "String"
               ],
+              "required": true,
               "desc": "Maximum number of files (same as 'max-files' prop, if specified); When 'max-files' is not specified, this has 'void 0' as value",
               "examples": [
                 5
@@ -485,7 +489,8 @@
           "desc": "File object"
         },
         "ref": {
-          "type": "Object",
+          "type": "Component",
+          "tsType": "QFile",
           "desc": "Reference to the QFile component"
         }
       }
@@ -501,7 +506,8 @@
           "desc": "Array of File objects"
         },
         "ref": {
-          "type": "Object",
+          "type": "Component",
+          "tsType": "QFile",
           "desc": "Reference to the QFile component"
         }
       }

package/dist/api/QFooter.json

@@ -39,7 +39,8 @@
       "examples": [
         "150"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QForm.json

@@ -44,7 +44,7 @@
       "desc": "Emitted after a validation was triggered and at least one of the inner Quasar components models are NOT valid",
       "params": {
         "ref": {
-          "type": "Object",
+          "type": "Component",
           "desc": "Vue reference to the first component that triggered the validation error"
         }
       }

package/dist/api/QHeader.json

@@ -26,7 +26,8 @@
       "examples": [
         ":reveal-offset=\"500\""
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "bordered": {
       "type": "Boolean",
@@ -48,7 +49,8 @@
       "examples": [
         "150"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QIcon.json

@@ -25,7 +25,8 @@
         "i"
       ],
       "category": "content",
-      "default": "i"
+      "default": "i",
+      "required": false
     },
     "name": {
       "type": "String",