quasar 2.12.7 → 2.13.1

package/dist/api/QOptionGroup.json

@@ -105,9 +105,14 @@
       "category": "behavior"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dense": {
       "type": "Boolean",

package/dist/api/QPagination.json

@@ -31,9 +31,14 @@
       "category": "model"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "size": {
       "type": "String",
@@ -119,24 +124,44 @@
       "category": "content"
     },
     "boundary-links": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Show boundary button links",
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "boundary-numbers": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Always show first and last page buttons (if not using 'input')",
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "direction-links": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Show direction buttons",
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "ellipses": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Show ellipses (...) when pages are available",
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "max-pages": {
       "type": [
@@ -303,7 +328,8 @@
     "ripple": {
       "type": [
         "Boolean",
-        "Object"
+        "Object",
+        "null"
       ],
       "desc": "Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons",
       "default": true,

package/dist/api/QRadio.json

@@ -101,9 +101,14 @@
       "category": "behavior"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dense": {
       "type": "Boolean",

package/dist/api/QRange.json

@@ -350,9 +350,14 @@
       "required": false
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dense": {
       "type": "Boolean",

package/dist/api/QScrollArea.json

@@ -5,9 +5,14 @@
   },
   "props": {
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "bar-style": {
       "type": [
@@ -102,9 +107,14 @@
       "category": "style"
     },
     "visible": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior",
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "delay": {
       "type": [

package/dist/api/QSelect.json

@@ -21,7 +21,8 @@
     "virtual-scroll-slice-size": {
       "type": [
         "Number",
-        "String"
+        "String",
+        "null"
       ],
       "desc": "Minimum number of items to render in the virtual list",
       "default": "30",
@@ -100,9 +101,14 @@
       ]
     },
     "error": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Does field have validation errors?",
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "error-message": {
       "type": "String",
@@ -222,9 +228,14 @@
       "category": "style"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "loading": {
       "type": "Boolean",
@@ -505,9 +516,14 @@
       "category": "options"
     },
     "options-dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Options menu will be colored with a dark color",
-      "category": "options"
+      "category": "options",
+      "required": false
     },
     "options-selected-class": {
       "type": "String",
@@ -647,7 +663,7 @@
         "Number",
         "String"
       ],
-      "desc": "Debounce the input model update with an amount of milliseconds",
+      "desc": "Debounce the input model update with an amount of milliseconds (also affects the 'filter' event, if used)",
       "default": 500,
       "category": "content",
       "required": false

package/dist/api/QSeparator.json

@@ -5,9 +5,14 @@
   },
   "props": {
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "spaced": {
       "type": [

package/dist/api/QSkeleton.json

@@ -5,9 +5,14 @@
   },
   "props": {
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "type": {
       "type": "String",

package/dist/api/QSlideItem.json

@@ -49,9 +49,14 @@
       "category": "style"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QSlider.json

@@ -350,9 +350,14 @@
       "required": false
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dense": {
       "type": "Boolean",

package/dist/api/QStepper.json

@@ -104,9 +104,14 @@
       "required": false
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "flat": {
       "type": "Boolean",

package/dist/api/QTabPanel.json

@@ -21,9 +21,14 @@
       "category": "state"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QTable.json

@@ -293,7 +293,7 @@
         },
         "sort": {
           "type": "Function",
-          "desc": "Compare function if you have some custom data or want a specific way to compare two rows",
+          "desc": "Compare function if you have some custom data or want a specific way to compare two rows; rows with null/undefined values will get sorted without triggering this method (use 'rawSort' instead if you want to handle those values too)",
           "examples": [
             "(a, b, rowA, rowB) => parseInt(a, 10) - parseInt(b, 10)"
           ],
@@ -343,6 +343,59 @@
             ]
           }
         },
+        "rawSort": {
+          "type": "Function",
+          "desc": "Compare function if you have some custom data or want a specific way to compare two rows; includes rows with null/undefined values (use 'sort' instead if you don't want that)",
+          "examples": [
+            "(a, b, rowA, rowB) => parseInt(a, 10) - parseInt(b, 10)"
+          ],
+          "params": {
+            "a": {
+              "type": "Any",
+              "required": true,
+              "desc": "Value of the first comparison term",
+              "examples": [
+                123,
+                "abc"
+              ]
+            },
+            "b": {
+              "type": "Any",
+              "required": true,
+              "desc": "Value of the second comparison term",
+              "examples": [
+                123,
+                "abc"
+              ]
+            },
+            "rowA": {
+              "type": "Object",
+              "required": true,
+              "desc": "Full Row object in which is contained the first term",
+              "examples": [
+                "{ name: 'Potassium', value: 'K' }"
+              ]
+            },
+            "rowB": {
+              "type": "Object",
+              "required": true,
+              "desc": "Full Row object in which is contained the second term",
+              "examples": [
+                "{ name: 'Fluorine', value: 'F' }"
+              ]
+            }
+          },
+          "returns": {
+            "type": "Number",
+            "desc": "Comparison result of term 'a' with term 'b'. Less than 0 when 'a' should come first; greater than 0 if 'b' should come first; equal to 0 if their position must not be changed with respect to each other",
+            "examples": [
+              "-1",
+              "0",
+              "1"
+            ]
+          },
+          "addedIn": "v2.13.0"
+        },
         "sortOrder": {
           "type": "String",
           "desc": "Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); Overrides the 'column-sort-order' prop",
@@ -499,9 +552,14 @@
       "category": "content"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "flat": {
       "type": "Boolean",
@@ -1012,9 +1070,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1090,9 +1153,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1180,9 +1248,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1266,9 +1339,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1328,9 +1406,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1402,9 +1485,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1468,9 +1556,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1546,9 +1639,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",
@@ -1608,9 +1706,14 @@
           "category": "style"
         },
         "dark": {
-          "type": "Boolean",
+          "type": [
+            "Boolean",
+            "null"
+          ],
+          "default": null,
           "desc": "Notify the component that the background is a dark color",
-          "category": "style"
+          "category": "style",
+          "required": false
         },
         "dense": {
           "type": "Boolean",

package/dist/api/QTime.json

@@ -18,7 +18,10 @@
       "category": "behavior"
     },
     "mask": {
-      "type": "String",
+      "type": [
+        "String",
+        "null"
+      ],
       "desc": "Mask (formatting string) used for parsing and formatting value",
       "category": "model",
       "default": "HH:mm",
@@ -101,9 +104,14 @@
       "category": "style"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "square": {
       "type": "Boolean",
@@ -145,9 +153,12 @@
       ]
     },
     "format24h": {
-      "type": "Boolean",
-      "desc": "Forces 24 hour time display instead of AM/PM system",
-      "default": "(based on Quasar lang language being used)",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
+      "desc": "Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used",
       "category": "behavior",
       "required": false
     },

package/dist/api/QTimeline.json

@@ -39,9 +39,14 @@
       "required": false
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QToggle.json

@@ -73,7 +73,7 @@
         0,
         "not_answered"
       ],
-      "category": "behavior",
+      "category": "model",
       "required": false
     },
     "toggle-order": {
@@ -146,9 +146,14 @@
       "category": "behavior"
     },
     "dark": {
-      "type": "Boolean",
+      "type": [
+        "Boolean",
+        "null"
+      ],
+      "default": null,
       "desc": "Notify the component that the background is a dark color",
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dense": {
       "type": "Boolean",