quasar 1.21.0 → 1.22.0

package/dist/api/QMenu.json

@@ -76,7 +76,7 @@
       "type": "Boolean",
       "desc": "Notify the component that the background is a dark color",
       "category": "style",
-      "addedIn": "v1.3.0"
+      "addedIn": "v1.3"
     },
     "fit": {
       "type": "Boolean",
@@ -162,7 +162,7 @@
         "scroll-target=\"body\""
       ],
       "category": "behavior",
-      "addedIn": "v1.8.0"
+      "addedIn": "v1.8"
     },
     "touch-position": {
       "type": "Boolean",
@@ -178,7 +178,7 @@
       "type": "Boolean",
       "desc": "Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set",
       "category": "behavior",
-      "addedIn": "v1.13.0"
+      "addedIn": "v1.13"
     },
     "auto-close": {
       "type": "Boolean",
@@ -189,7 +189,7 @@
       "type": "Boolean",
       "desc": "Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)",
       "category": "behavior",
-      "addedIn": "v1.1.0"
+      "addedIn": "v1.1"
     },
     "square": {
       "type": "Boolean",

package/dist/api/QOptionGroup.json

@@ -19,7 +19,7 @@
         "md"
       ],
       "category": "style",
-      "addedIn": "v1.8.0"
+      "addedIn": "v1.8"
     },
     "value": {
       "desc": "Model of the component; Either use this property (along with a listener for 'input' event) OR use v-model directive",
@@ -79,7 +79,7 @@
         "car_id"
       ],
       "category": "behavior",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "type": {
       "type": "String",

package/dist/api/QPageScroller.json

@@ -59,7 +59,7 @@
       "type": "Boolean",
       "desc": "Work in reverse (shows when scrolling to the top of the page and scrolls to bottom when triggered)",
       "category": "behavior",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "duration": {
       "type": "Number",

package/dist/api/QPagination.json

@@ -19,7 +19,10 @@
       "category": "model"
     },
     "min": {
-      "type": "Number",
+      "type": [
+        "Number",
+        "String"
+      ],
       "desc": "Minimum page (must be lower than 'max')",
       "default": 1,
       "examples": [
@@ -28,7 +31,10 @@
       "category": "model"
     },
     "max": {
-      "type": "Number",
+      "type": [
+        "Number",
+        "String"
+      ],
       "desc": "Number of last page (must be higher than 'min')",
       "default": 100,
       "required": true,
@@ -37,78 +43,12 @@
       ],
       "category": "model"
     },
-    "color": {
-      "type": "String",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal-10"
-      ],
-      "category": "style",
-      "default": "primary"
-    },
-    "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",
-      "addedIn": "v1.15.6"
-    },
-    "active-text-color": {
-      "type": "String",
-      "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal-10"
-      ],
-      "category": "style",
-      "addedIn": "v1.15.6"
-    },
     "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",
       "addedIn": "v1.4.2"
     },
-    "input-style": {
-      "type": [
-        "Array",
-        "String",
-        "Object"
-      ],
-      "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": [
-        "Array",
-        "String",
-        "Object"
-      ],
-      "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",
@@ -137,7 +77,7 @@
         "img:path/to/some_image.png"
       ],
       "category": "content",
-      "addedIn": "v.1.9.4"
+      "addedIn": "v1.9.4"
     },
     "icon-next": {
       "type": "String",
@@ -149,7 +89,7 @@
         "img:path/to/some_image.png"
       ],
       "category": "content",
-      "addedIn": "v.1.9.4"
+      "addedIn": "v1.9.4"
     },
     "icon-first": {
       "type": "String",
@@ -161,7 +101,7 @@
         "img:path/to/some_image.png"
       ],
       "category": "content",
-      "addedIn": "v.1.9.4"
+      "addedIn": "v1.9.4"
     },
     "icon-last": {
       "type": "String",
@@ -173,7 +113,7 @@
         "img:path/to/some_image.png"
       ],
       "category": "content",
-      "addedIn": "v.1.9.4"
+      "addedIn": "v1.9.4"
     },
     "to-fn": {
       "type": "Function",
@@ -221,75 +161,110 @@
       "category": "content"
     },
     "max-pages": {
-      "type": "Number",
+      "type": [
+        "Number",
+        "String"
+      ],
       "default": 0,
       "desc": "Maximum number of page links to display at a time; 0 means Infinite",
       "examples": [
         5
       ],
-      "category": "model"
+      "category": "content"
     },
-    "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: [] }"
-      ],
+    "flat": {
+      "type": "Boolean",
+      "desc": "Use 'flat' design for non-active buttons (it's the default option)",
       "category": "style",
-      "addedIn": "v1.9.11"
+      "addedIn": "v1.15.6"
     },
-    "round": {
+    "outline": {
       "type": "Boolean",
-      "desc": "Makes a circle shaped button for all buttons",
+      "desc": "Use 'outline' design for non-active buttons",
       "category": "style",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15"
     },
-    "rounded": {
+    "unelevated": {
       "type": "Boolean",
-      "desc": "Applies a more prominent border-radius for a squared shape button for all buttons",
+      "desc": "Remove shadow for non-active buttons",
       "category": "style",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15"
     },
-    "flat": {
+    "push": {
       "type": "Boolean",
-      "desc": "Use 'flat' design for current page button",
+      "desc": "Use 'push' design for non-active buttons",
+      "category": "style",
+      "addedIn": "v1.15"
+    },
+    "color": {
+      "type": "String",
+      "desc": "Color name from the Quasar Color Palette for the non-active buttons",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style",
+      "default": "primary"
+    },
+    "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": "v1.22"
+    },
+    "active-color": {
+      "type": "String",
+      "desc": "Color name from the Quasar Color Palette for the ACTIVE button",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
       "category": "style",
+      "default": "primary",
       "addedIn": "v1.15.6"
     },
-    "outline": {
-      "type": "Boolean",
-      "desc": "Use 'outline' design for current page button",
+    "active-text-color": {
+      "type": "String",
+      "desc": "Text color name from the Quasar Color Palette for the ACTIVE button",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
       "category": "style",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15.6"
     },
-    "unelevated": {
+    "round": {
       "type": "Boolean",
-      "desc": "Remove shadow for current page button",
+      "desc": "Makes a circle shaped button for all buttons",
       "category": "style",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15"
     },
-    "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",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15"
     },
     "glossy": {
       "type": "Boolean",
       "desc": "Applies a glossy effect for all buttons",
       "category": "style",
-      "addedIn": "v1.15.0"
-    },
-    "dense": {
-      "type": "Boolean",
-      "desc": "Dense mode; occupies less space",
-      "category": "style",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15"
     },
     "padding": {
       "type": "String",
@@ -303,7 +278,47 @@
         "2px 2px 5px 7px"
       ],
       "category": "style",
-      "addedIn": "v1.15.0"
+      "addedIn": "v1.15"
+    },
+    "input-style": {
+      "type": [
+        "String",
+        "Array",
+        "Object"
+      ],
+      "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"
+      ],
+      "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",
+      "addedIn": "v1.9.11"
     }
   },
   "events": {

package/dist/api/QParallax.json

@@ -51,7 +51,7 @@
         "scroll-target=\"body\""
       ],
       "category": "behavior",
-      "addedIn": "v1.8.0"
+      "addedIn": "v1.8"
     }
   },
   "slots": {

package/dist/api/QPopupEdit.json

@@ -45,7 +45,7 @@
       "type": "Boolean",
       "desc": "Automatically save the model (if changed) when user clicks/taps outside of the popup; It does not apply to ESC key",
       "category": "behavior",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "content-class": {
       "type": "String",
@@ -361,7 +361,7 @@
           "desc": "JS event object"
         }
       },
-      "addedIn": "v1.12.0"
+      "addedIn": "v1.12"
     },
     "hide": {
       "desc": "Triggers component to hide",
@@ -372,7 +372,7 @@
           "desc": "JS event object"
         }
       },
-      "addedIn": "v1.12.0"
+      "addedIn": "v1.12"
     }
   }
 }

package/dist/api/QPullToRefresh.json

@@ -62,7 +62,7 @@
         "scroll-target=\"body\""
       ],
       "category": "behavior",
-      "addedIn": "v1.8.0"
+      "addedIn": "v1.8"
     }
   },
   "slots": {

package/dist/api/QRadio.json

@@ -11,7 +11,7 @@
         "car_id"
       ],
       "category": "behavior",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "size": {
       "type": "String",
@@ -23,7 +23,7 @@
         "md"
       ],
       "category": "style",
-      "addedIn": "v1.8.0"
+      "addedIn": "v1.8"
     },
     "value": {
       "desc": "Model of the component; Either use this property (along with a listener for 'input' event) OR use v-model directive",

package/dist/api/QRange.json

@@ -11,7 +11,7 @@
         "car_id"
       ],
       "category": "behavior",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "min": {
       "type": "Number",
@@ -67,13 +67,13 @@
       "type": "Boolean",
       "desc": "Work in reverse (changes direction)",
       "category": "behavior",
-      "addedIn": "v1.5.0"
+      "addedIn": "v1.5"
     },
     "vertical": {
       "type": "Boolean",
       "desc": "Display in vertical direction",
       "category": "behavior",
-      "addedIn": "v1.10.0"
+      "addedIn": "v1.10"
     },
     "color": {
       "type": "String",
@@ -166,7 +166,7 @@
         "teal-10"
       ],
       "category": "style",
-      "addedIn": "v1.1.0"
+      "addedIn": "v1.1"
     },
     "switch-label-side": {
       "type": "Boolean",
@@ -428,7 +428,7 @@
         "teal-10"
       ],
       "category": "labels",
-      "addedIn": "v1.1.0"
+      "addedIn": "v1.1"
     },
     "right-label-color": {
       "type": "String",
@@ -447,7 +447,7 @@
         "teal-10"
       ],
       "category": "labels",
-      "addedIn": "v1.1.0"
+      "addedIn": "v1.1"
     },
     "left-label-value": {
       "type": [
@@ -745,7 +745,7 @@
           ]
         }
       },
-      "addedIn": "v1.14.0"
+      "addedIn": "v1.14"
     },
     "input": {
       "desc": "Emitted when the component needs to change the model; Is also used by v-model",

package/dist/api/QRating.json

@@ -16,7 +16,7 @@
         "car_id"
       ],
       "category": "behavior",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "size": {
       "type": "String",
@@ -77,7 +77,7 @@
         "img:path/to/some_image.png"
       ],
       "category": "content",
-      "addedIn": "v1.1.0"
+      "addedIn": "v1.1"
     },
     "icon-half": {
       "type": [
@@ -105,7 +105,7 @@
         "[\"Bad\", \"Normal\", \"Good\"]"
       ],
       "category": "accessibility",
-      "addedIn": "v1.21.0"
+      "addedIn": "v1.21"
     },
     "color": {
       "type": [
@@ -133,7 +133,7 @@
         "teal-10"
       ],
       "category": "style",
-      "addedIn": "v1.5.0"
+      "addedIn": "v1.5"
     },
     "color-half": {
       "type": [
@@ -173,7 +173,7 @@
   "slots": {
     "tip-[index]": {
       "desc": "Slot to define the tooltip of icon at '[index]' (1-based); Suggestion: QTooltip",
-      "addedIn": "v1.5.0"
+      "addedIn": "v1.5"
     }
   },
   "events": {

package/dist/api/QResponsive.json

@@ -8,7 +8,7 @@
       "desc": "All native events are being propagated (you don't need the '.native' modifier)"
     }
   },
-  "addedIn": "v1.9.0",
+  "addedIn": "v1.9",
   "props": {
     "ratio": {
       "type": [

package/dist/api/QRouteTab.json

@@ -159,7 +159,7 @@
         "my-special-class"
       ],
       "category": "style",
-      "addedIn": "v1.12.0"
+      "addedIn": "v1.12"
     },
     "tabindex": {
       "type": [
@@ -217,11 +217,11 @@
           "returns": {
             "type": "Promise<any>",
             "desc": "Returns the router's navigation promise",
-            "addedIn": "v1.21.0"
+            "addedIn": "v1.21"
           }
         }
       },
-      "addedIn": "v1.13.0"
+      "addedIn": "v1.13"
     }
   }
 }

package/dist/api/QScrollArea.json

@@ -8,7 +8,7 @@
       "type": "Boolean",
       "desc": "Notify the component that the background is a dark color",
       "category": "style",
-      "addedIn": "v1.9.0"
+      "addedIn": "v1.9"
     },
     "bar-style": {
       "type": [
@@ -21,7 +21,7 @@
         ":bar-style=\"{ borderRadius: '5px', background: 'red', opacity: 1 }\""
       ],
       "category": "style",
-      "addedIn": "v1.5.0"
+      "addedIn": "v1.5"
     },
     "vertical-bar-style": {
       "type": [
@@ -103,7 +103,7 @@
       "type": "Boolean",
       "desc": "Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior",
       "category": "behavior",
-      "addedIn": "v1.3.0"
+      "addedIn": "v1.3"
     },
     "delay": {
       "type": [

package/dist/api/QScrollObserver.json

@@ -34,7 +34,7 @@
         "scroll-target=\"body\""
       ],
       "category": "behavior",
-      "addedIn": "v1.8.0"
+      "addedIn": "v1.8"
     }
   },
   "events": {