quasar 2.9.2 → 2.10.1

package/dist/api/QLayout.json

@@ -36,18 +36,12 @@
             "height": {
               "type": "Number",
               "required": true,
-              "desc": "Layout height",
-              "examples": [
-                575
-              ]
+              "desc": "Layout height"
             },
             "width": {
               "type": "Number",
               "required": true,
-              "desc": "Layout height",
-              "examples": [
-                575
-              ]
+              "desc": "Layout height"
             }
           }
         }
@@ -63,10 +57,7 @@
             "position": {
               "type": "Number",
               "required": true,
-              "desc": "Scroll offset from top (vertical)",
-              "examples": [
-                120
-              ]
+              "desc": "Scroll offset from top (vertical)"
             },
             "direction": {
               "type": "String",
@@ -85,18 +76,12 @@
             "delta": {
               "type": "Number",
               "required": true,
-              "desc": "Vertical delta distance since event was last emitted",
-              "examples": [
-                120
-              ]
+              "desc": "Vertical delta distance since event was last emitted"
             },
             "inflectionPoint": {
               "type": "Number",
               "required": true,
-              "desc": "Scroll offset from top (vertical)",
-              "examples": [
-                120
-              ]
+              "desc": "Scroll offset from top (vertical)"
             }
           }
         }
@@ -107,10 +92,7 @@
       "params": {
         "height": {
           "type": "Number",
-          "desc": "New scroll height of layout",
-          "examples": [
-            1442
-          ]
+          "desc": "New scroll height of layout"
         }
       }
     }

package/dist/api/QLinearProgress.json

@@ -19,18 +19,12 @@
       "type": "Number",
       "desc": "Progress value (0.0 < x < 1.0)",
       "default": 0,
-      "examples": [
-        ":value=\"0.28\""
-      ],
       "category": "model",
       "required": false
     },
     "buffer": {
       "type": "Number",
       "desc": "Optional buffer value (0.0 < x < 1.0)",
-      "examples": [
-        ":buffer=\"0.78\""
-      ],
       "category": "behavior"
     },
     "color": {

package/dist/api/QList.json

@@ -28,6 +28,21 @@
       "type": "Boolean",
       "desc": "Applies a material design-like padding on top and bottom",
       "category": "content"
+    },
+    "tag": {
+      "type": "String",
+      "desc": "HTML tag to use",
+      "examples": [
+        "div",
+        "span",
+        "div",
+        "ul",
+        "ol"
+      ],
+      "category": "content",
+      "default": "div",
+      "addedIn": "v2.10.1",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QMenu.json

@@ -33,10 +33,6 @@
       ],
       "desc": "Transition duration (in milliseconds, without unit)",
       "default": 300,
-      "examples": [
-        500,
-        "1200"
-      ],
       "category": "transition",
       "required": false
     },
@@ -113,10 +109,6 @@
         "bottom start",
         "bottom end"
       ],
-      "examples": [
-        "top left",
-        "bottom right"
-      ],
       "category": "position"
     },
     "self": {
@@ -139,10 +131,6 @@
         "bottom start",
         "bottom end"
       ],
-      "examples": [
-        "top left",
-        "bottom right"
-      ],
       "category": "position"
     },
     "offset": {
@@ -323,5 +311,12 @@
     "focus": {
       "desc": "Focus menu; if you have content with autofocus attribute, it will directly focus it"
     }
+  },
+  "computedProps": {
+    "contentEl": {
+      "type": "Element",
+      "desc": "The DOM Element of the rendered content",
+      "addedIn": "v2.10.1"
+    }
   }
 }

package/dist/api/QOptionGroup.json

@@ -85,9 +85,6 @@
         "toggle"
       ],
       "default": "radio",
-      "examples": [
-        "checkbox"
-      ],
       "category": "content",
       "required": false
     },

package/dist/api/QPage.json

@@ -15,17 +15,11 @@
       "params": {
         "offset": {
           "type": "Number",
-          "desc": "Header + Footer height (in pixels)",
-          "examples": [
-            152
-          ]
+          "desc": "Header + Footer height (in pixels)"
         },
         "height": {
           "type": "Number",
-          "desc": "Value in pixels of container height (if containerized) or window height otherwise",
-          "examples": [
-            1200
-          ]
+          "desc": "Value in pixels of container height (if containerized) or window height otherwise"
         }
       },
       "returns": {

package/dist/api/QPageScroller.json

@@ -18,9 +18,6 @@
         "bottom",
         "left"
       ],
-      "examples": [
-        "top-right"
-      ],
       "category": "position",
       "required": false
     },
@@ -47,9 +44,6 @@
       "type": "Number",
       "desc": "Scroll offset (in pixels) from which point the component is shown on page; Measured from the top of the page (or from the bottom if in 'reverse' mode)",
       "default": 1000,
-      "examples": [
-        550
-      ],
       "category": "behavior",
       "required": false
     },
@@ -62,9 +56,6 @@
       "type": "Number",
       "desc": "Duration (in milliseconds) of the scrolling until it reaches its target",
       "default": 300,
-      "examples": [
-        500
-      ],
       "category": "behavior",
       "required": false
     }

package/dist/api/QPageSticky.json

@@ -18,9 +18,6 @@
         "bottom",
         "left"
       ],
-      "examples": [
-        "top-right"
-      ],
       "category": "position",
       "required": false
     },

package/dist/api/QPagination.json

@@ -9,103 +9,32 @@
       "required": true,
       "syncable": true,
       "category": "model",
-      "type": "Number",
-      "examples": [
-        3
-      ]
+      "type": "Number"
     },
     "min": {
-      "type": "Number",
+      "type": [
+        "Number",
+        "String"
+      ],
       "desc": "Minimum page (must be lower than 'max')",
       "default": 1,
-      "examples": [
-        3
-      ],
       "category": "model",
       "required": false
     },
     "max": {
-      "type": "Number",
+      "type": [
+        "Number",
+        "String"
+      ],
       "desc": "Number of last page (must be higher than 'min')",
       "required": true,
-      "examples": [
-        10
-      ],
       "category": "model"
     },
-    "color": {
-      "type": "String",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal-10"
-      ],
-      "category": "style",
-      "default": "primary",
-      "required": false
-    },
-    "text-color": {
-      "type": "String",
-      "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "active-color": {
-      "type": "String",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal-10"
-      ],
-      "category": "style",
-      "default": "primary",
-      "required": false
-    },
-    "active-text-color": {
-      "type": "String",
-      "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal-10"
-      ],
-      "category": "style"
-    },
     "dark": {
       "type": "Boolean",
       "desc": "Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)",
       "category": "style"
     },
-    "input-style": {
-      "type": [
-        "String",
-        "Array",
-        "Object"
-      ],
-      "tsType": "VueStyleProp",
-      "desc": "Style definitions to be attributed to the input (if using one)",
-      "examples": [
-        "background-color: #ff0000",
-        ":input-style=\"{ backgroundColor: '#ff0000' }\""
-      ],
-      "category": "style"
-    },
-    "input-class": {
-      "type": [
-        "String",
-        "Array",
-        "Object"
-      ],
-      "tsType": "VueClassProp",
-      "desc": "Class definitions to be attributed to the input (if using one)",
-      "examples": [
-        "my-special-class",
-        ":input-class=\"{ 'my-special-class': <condition> }\""
-      ],
-      "category": "style"
-    },
     "size": {
       "type": "String",
       "desc": "Button size in CSS units, including unit name",
@@ -174,10 +103,7 @@
       "params": {
         "page": {
           "type": "Number",
-          "desc": "Page number to navigate to",
-          "examples": [
-            2
-          ]
+          "desc": "Page number to navigate to"
         }
       },
       "returns": {
@@ -213,57 +139,95 @@
       "category": "content"
     },
     "max-pages": {
-      "type": "Number",
-      "default": 0,
-      "desc": "Maximum number of page links to display at a time; 0 means Infinite",
-      "examples": [
-        5
-      ],
-      "category": "model",
-      "required": false
-    },
-    "ripple": {
       "type": [
-        "Boolean",
-        "Object"
+        "Number",
+        "String"
       ],
-      "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,
-      "examples": [
-        false,
-        "{ early: true, center: true, color: 'teal', keyCodes: [] }"
-      ],
-      "category": "style",
+      "default": 0,
+      "desc": "Maximum number of page links to display at a time; 0 means Infinite",
+      "category": "content",
       "required": false
     },
-    "round": {
+    "flat": {
       "type": "Boolean",
-      "desc": "Makes a circle shaped button for all buttons",
+      "desc": "Use 'flat' design for non-active buttons (it's the default option)",
       "category": "style"
     },
-    "rounded": {
+    "outline": {
       "type": "Boolean",
-      "desc": "Applies a more prominent border-radius for a squared shape button for all buttons",
+      "desc": "Use 'outline' design for non-active buttons",
       "category": "style"
     },
-    "flat": {
+    "unelevated": {
       "type": "Boolean",
-      "desc": "Use 'flat' design for current page button",
+      "desc": "Remove shadow for non-active buttons",
       "category": "style"
     },
-    "outline": {
+    "push": {
       "type": "Boolean",
-      "desc": "Use 'outline' design for current page button",
+      "desc": "Use 'push' design for non-active buttons",
       "category": "style"
     },
-    "unelevated": {
+    "color": {
+      "type": "String",
+      "desc": "Color name from the Quasar Color Palette for the non-active buttons",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style",
+      "default": "primary",
+      "required": false
+    },
+    "text-color": {
+      "type": "String",
+      "desc": "Text color name from the Quasar Color Palette for the ACTIVE buttons",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "active-design": {
+      "type": "String",
+      "desc": "The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)",
+      "values": [
+        "flat",
+        "outline",
+        "push",
+        "unelevated"
+      ],
+      "category": "style",
+      "addedIn": "v2.10"
+    },
+    "active-color": {
+      "type": "String",
+      "desc": "Color name from the Quasar Color Palette for the ACTIVE button",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style",
+      "default": "primary",
+      "required": false
+    },
+    "active-text-color": {
+      "type": "String",
+      "desc": "Text color name from the Quasar Color Palette for the ACTIVE button",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "round": {
       "type": "Boolean",
-      "desc": "Remove shadow for current page button",
+      "desc": "Makes a circle shaped button for all buttons",
       "category": "style"
     },
-    "push": {
+    "rounded": {
       "type": "Boolean",
-      "desc": "Use 'push' design for current page button",
+      "desc": "Applies a more prominent border-radius for a squared shape button for all buttons",
       "category": "style"
     },
     "glossy": {
@@ -271,10 +235,21 @@
       "desc": "Applies a glossy effect for all buttons",
       "category": "style"
     },
-    "dense": {
-      "type": "Boolean",
-      "desc": "Dense mode; occupies less space",
-      "category": "style"
+    "gutter": {
+      "type": "String",
+      "desc": "Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)",
+      "default": "2px",
+      "examples": [
+        "16px",
+        "10px 5px",
+        "2rem",
+        "xs",
+        "md lg",
+        "2px 2px 5px 7px"
+      ],
+      "category": "style",
+      "addedIn": "v2.10",
+      "required": false
     },
     "padding": {
       "type": "String",
@@ -288,6 +263,48 @@
         "2px 2px 5px 7px"
       ],
       "category": "style"
+    },
+    "input-style": {
+      "type": [
+        "String",
+        "Array",
+        "Object"
+      ],
+      "tsType": "VueStyleProp",
+      "desc": "Style definitions to be attributed to the input (if using one)",
+      "examples": [
+        "background-color: #ff0000",
+        ":input-style=\"{ backgroundColor: '#ff0000' }\""
+      ],
+      "category": "style"
+    },
+    "input-class": {
+      "type": [
+        "String",
+        "Array",
+        "Object"
+      ],
+      "tsType": "VueClassProp",
+      "desc": "Class definitions to be attributed to the input (if using one)",
+      "examples": [
+        "my-special-class",
+        ":input-class=\"{ 'my-special-class': <condition> }\""
+      ],
+      "category": "style"
+    },
+    "ripple": {
+      "type": [
+        "Boolean",
+        "Object"
+      ],
+      "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,
+      "examples": [
+        false,
+        "{ early: true, center: true, color: 'teal', keyCodes: [] }"
+      ],
+      "category": "style",
+      "required": false
     }
   },
   "events": {
@@ -308,10 +325,7 @@
       "params": {
         "pageNumber": {
           "type": "Number",
-          "desc": "Page number to go to",
-          "examples": [
-            3
-          ]
+          "desc": "Page number to go to"
         }
       }
     },
@@ -320,10 +334,7 @@
       "params": {
         "offset": {
           "type": "Number",
-          "desc": "Offset page, can be negative or positive",
-          "examples": [
-            3
-          ]
+          "desc": "Offset page, can be negative or positive"
         }
       }
     }

package/dist/api/QParallax.json

@@ -20,18 +20,12 @@
       "type": "Number",
       "desc": "Height of component (in pixels)",
       "default": 500,
-      "examples": [
-        ":height=\"1000\""
-      ],
       "category": "style",
       "required": false
     },
     "speed": {
       "type": "Number",
       "desc": "Speed of parallax effect (0.0 < x < 1.0)",
-      "examples": [
-        ":speed=\"0.24\""
-      ],
       "category": "behavior"
     },
     "scroll-target": {
@@ -61,10 +55,7 @@
       "scope": {
         "percentScrolled": {
           "type": "Number",
-          "desc": "Percentage (0.0 < x < 1.0) of scroll in regards to QParallax",
-          "examples": [
-            0.241
-          ]
+          "desc": "Percentage (0.0 < x < 1.0) of scroll in regards to QParallax"
         }
       }
     }
@@ -75,10 +66,7 @@
       "params": {
         "percentage": {
           "type": "Number",
-          "desc": "Number between 0.0 and 1.0 defining the scrolled percentage of the component",
-          "examples": [
-            0.234
-          ]
+          "desc": "Number between 0.0 and 1.0 defining the scrolled percentage of the component"
         }
       }
     }

package/dist/api/QPopupEdit.json

@@ -117,10 +117,6 @@
         "bottom start",
         "bottom end"
       ],
-      "examples": [
-        "top left",
-        "bottom right"
-      ],
       "category": "position"
     },
     "self": {
@@ -143,10 +139,6 @@
         "bottom start",
         "bottom end"
       ],
-      "examples": [
-        "top left",
-        "bottom right"
-      ],
       "category": "position"
     },
     "offset": {

package/dist/api/QPopupProxy.json

@@ -51,10 +51,6 @@
       ],
       "desc": "Breakpoint (in pixels) of window width/height (whichever is smaller) from where a Menu will get to be used instead of a Dialog",
       "default": 450,
-      "examples": [
-        992,
-        ":breakpoint=\"1024\""
-      ],
       "category": "behavior",
       "required": false
     }