quasar 2.3.1 → 2.4.0

package/dist/api/QImg.json

@@ -74,7 +74,8 @@
         "(Number format) :initial-ratio=\"16/9\"",
         "(String format) initial-ratio=\"1\""
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "width": {
       "type": "String",
@@ -102,7 +103,8 @@
         "lazy",
         "eager"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "crossorigin": {
       "type": "String",
@@ -139,7 +141,8 @@
         "none",
         "scale-down"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "position": {
       "type": "String",
@@ -149,7 +152,8 @@
         "0 0",
         "20px 50px"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "alt": {
       "type": "String",

package/dist/api/QInfiniteScroll.json

@@ -11,7 +11,8 @@
       "examples": [
         ":offset=\"250\""
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "debounce": {
       "type": [
@@ -24,7 +25,8 @@
         "0",
         "530"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "initial-index": {
       "type": "Number",
@@ -34,7 +36,8 @@
         2,
         3
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "scroll-target": {
       "type": [

package/dist/api/QInnerLoading.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
     },
     "size": {
       "type": "String",
@@ -47,7 +50,8 @@
         "md"
       ],
       "category": "style",
-      "default": "42px"
+      "default": "42px",
+      "required": false
     },
     "showing": {
       "type": "Boolean",

package/dist/api/QInput.json

@@ -84,6 +84,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' ]\"",
@@ -319,7 +320,8 @@
       "examples": [
         "password"
       ],
-      "category": "general"
+      "category": "general",
+      "required": false
     },
     "debounce": {
       "type": [

package/dist/api/QIntersection.json

@@ -15,7 +15,8 @@
         "blockquote"
       ],
       "category": "content",
-      "default": "div"
+      "default": "div",
+      "required": false
     },
     "once": {
       "type": "Boolean",
@@ -78,7 +79,8 @@
         "1200"
       ],
       "category": "behavior",
-      "addedIn": "v2.3.1"
+      "addedIn": "v2.3.1",
+      "required": false
     },
     "disable": {
       "type": "Boolean",

package/dist/api/QItem.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",
@@ -98,7 +119,8 @@
         "div"
       ],
       "category": "content",
-      "default": "div"
+      "default": "div",
+      "required": false
     },
     "manual-focus": {
       "type": "Boolean",

package/dist/api/QKnob.json

@@ -58,7 +58,8 @@
         "1",
         "5"
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "instant-feedback": {
       "type": "Boolean",
@@ -101,7 +102,8 @@
         "16px",
         "2rem"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "thickness": {
       "type": "Number",
@@ -111,7 +113,8 @@
         1,
         0.3
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "angle": {
       "type": "Number",
@@ -122,7 +125,8 @@
         40,
         90
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "show-value": {
       "type": "Boolean",

package/dist/api/QLayout.json

@@ -11,7 +11,8 @@
       "examples": [
         "hHh lpR fFf"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "container": {
       "type": "Boolean",
@@ -34,6 +35,7 @@
           "definition": {
             "height": {
               "type": "Number",
+              "required": true,
               "desc": "Layout height",
               "examples": [
                 575
@@ -41,6 +43,7 @@
             },
             "width": {
               "type": "Number",
+              "required": true,
               "desc": "Layout height",
               "examples": [
                 575
@@ -59,6 +62,7 @@
           "definition": {
             "position": {
               "type": "Number",
+              "required": true,
               "desc": "Scroll offset from top (vertical)",
               "examples": [
                 120
@@ -66,6 +70,7 @@
             },
             "direction": {
               "type": "String",
+              "required": true,
               "desc": "Direction of scroll",
               "values": [
                 "up",
@@ -74,10 +79,12 @@
             },
             "directionChanged": {
               "type": "Boolean",
+              "required": true,
               "desc": "Has scroll direction changed since event was last emitted?"
             },
             "delta": {
               "type": "Number",
+              "required": true,
               "desc": "Vertical delta distance since event was last emitted",
               "examples": [
                 120
@@ -85,6 +92,7 @@
             },
             "inflectionPoint": {
               "type": "Number",
+              "required": true,
               "desc": "Scroll offset from top (vertical)",
               "examples": [
                 120

package/dist/api/QLinearProgress.json

@@ -22,7 +22,8 @@
       "examples": [
         ":value=\"0.28\""
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "buffer": {
       "type": "Number",
@@ -97,7 +98,8 @@
       ],
       "category": "style",
       "default": 300,
-      "addedIn": "v2.3"
+      "addedIn": "v2.3",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QMarkupTable.json

@@ -42,7 +42,8 @@
       "examples": [
         "cell"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "wrap-cells": {
       "type": "Boolean",

package/dist/api/QMenu.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
     },
     "target": {
       "type": [
@@ -57,7 +60,8 @@
         "target=\".my-parent\"",
         "target=\"#target-id\""
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "no-parent-event": {
       "type": "Boolean",

package/dist/api/QNoSsr.json

@@ -15,7 +15,8 @@
         "blockquote"
       ],
       "category": "content",
-      "default": "div"
+      "default": "div",
+      "required": false
     },
     "placeholder": {
       "type": "String",

package/dist/api/QOptionGroup.json

@@ -87,7 +87,8 @@
       "examples": [
         "checkbox"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "color": {
       "type": "String",
@@ -133,9 +134,44 @@
     "label": {
       "desc": "Generic slot for all labels",
       "scope": {
-        "opt": {
+        "...self": {
           "type": "Object",
-          "desc": "The corresponding option entry from the 'options' prop"
+          "desc": "The corresponding option entry from the 'options' prop",
+          "definition": {
+            "label": {
+              "type": "String",
+              "desc": "Label to display along the component",
+              "required": true,
+              "examples": [
+                "Option 1",
+                "Option 2",
+                "Option 3"
+              ]
+            },
+            "value": {
+              "type": "Any",
+              "desc": "Value of the option that will be used by the component model",
+              "required": true,
+              "examples": [
+                "op1",
+                "op2",
+                "op3"
+              ]
+            },
+            "disable": {
+              "type": "Boolean",
+              "desc": "If true, the option will be disabled"
+            },
+            "...props": {
+              "type": "Any",
+              "desc": "Any other props from QToggle, QCheckbox, or QRadio",
+              "examples": [
+                "val=\"car\"",
+                ":true-value=\"trueValue\"",
+                "checked-icon=\"visibility\""
+              ]
+            }
+          }
         }
       },
       "addedIn": "v2.2"
@@ -143,9 +179,44 @@
     "label-[name]": {
       "desc": "Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used",
       "scope": {
-        "...opt": {
+        "...self": {
           "type": "Object",
-          "desc": "The corresponding option entry from the 'options' prop"
+          "desc": "The corresponding option entry from the 'options' prop",
+          "definition": {
+            "label": {
+              "type": "String",
+              "desc": "Label to display along the component",
+              "required": true,
+              "examples": [
+                "Option 1",
+                "Option 2",
+                "Option 3"
+              ]
+            },
+            "value": {
+              "type": "Any",
+              "desc": "Value of the option that will be used by the component model",
+              "required": true,
+              "examples": [
+                "op1",
+                "op2",
+                "op3"
+              ]
+            },
+            "disable": {
+              "type": "Boolean",
+              "desc": "If true, the option will be disabled"
+            },
+            "...props": {
+              "type": "Any",
+              "desc": "Any other props from QToggle, QCheckbox, or QRadio",
+              "examples": [
+                "val=\"car\"",
+                ":true-value=\"trueValue\"",
+                "checked-icon=\"visibility\""
+              ]
+            }
+          }
         }
       },
       "addedIn": "v2.2"

package/dist/api/QPage.json

@@ -36,7 +36,8 @@
       "examples": [
         "(see source code)"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QPageScroller.json

@@ -21,7 +21,8 @@
       "examples": [
         "top-right"
       ],
-      "category": "position"
+      "category": "position",
+      "required": false
     },
     "offset": {
       "type": "Array",
@@ -34,7 +35,8 @@
       "default": [
         18,
         18
-      ]
+      ],
+      "required": false
     },
     "expand": {
       "type": "Boolean",
@@ -48,7 +50,8 @@
       "examples": [
         550
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "reverse": {
       "type": "Boolean",
@@ -62,7 +65,8 @@
       "examples": [
         500
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QPageSticky.json

@@ -21,7 +21,8 @@
       "examples": [
         "top-right"
       ],
-      "category": "position"
+      "category": "position",
+      "required": false
     },
     "offset": {
       "type": "Array",

package/dist/api/QPagination.json

@@ -20,12 +20,12 @@
       "examples": [
         3
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "max": {
       "type": "Number",
       "desc": "Number of last page (must be higher than 'min')",
-      "default": 100,
       "required": true,
       "examples": [
         10
@@ -40,7 +40,8 @@
         "teal-10"
       ],
       "category": "style",
-      "default": "primary"
+      "default": "primary",
+      "required": false
     },
     "text-color": {
       "type": "String",
@@ -59,7 +60,8 @@
         "teal-10"
       ],
       "category": "style",
-      "default": "primary"
+      "default": "primary",
+      "required": false
     },
     "active-text-color": {
       "type": "String",
@@ -214,7 +216,8 @@
       "examples": [
         5
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "ripple": {
       "type": [
@@ -227,7 +230,8 @@
         false,
         "{ early: true, center: true, color: 'teal', keyCodes: [] }"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "round": {
       "type": "Boolean",

package/dist/api/QParallax.json

@@ -23,7 +23,8 @@
       "examples": [
         ":height=\"1000\""
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "speed": {
       "type": "Number",

package/dist/api/QPopupEdit.json

@@ -55,7 +55,8 @@
         "teal-10"
       ],
       "category": "style",
-      "default": "primary"
+      "default": "primary",
+      "required": false
     },
     "validate": {
       "type": "Function",
@@ -92,7 +93,8 @@
       "type": "Boolean",
       "default": true,
       "desc": "Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective",
-      "category": "position"
+      "category": "position",
+      "required": false
     },
     "anchor": {
       "type": "String",
@@ -220,6 +222,7 @@
           "params": {
             "value": {
               "type": "Any",
+              "required": true,
               "desc": "Value to be checked",
               "examples": [
                 0,