quasar 2.4.11 → 2.5.1

package/dist/api/BottomSheet.json

@@ -18,6 +18,7 @@
                 "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "CSS Class name to apply to the Dialog's QCard",
               "examples": [
                 "my-class"
@@ -29,6 +30,7 @@
                 "Array",
                 "Object"
               ],
+              "tsType": "VueStyleProp",
               "desc": "CSS style to apply to the Dialog's QCard",
               "examples": [
                 "border: 2px solid black"
@@ -58,6 +60,7 @@
                     "Array",
                     "Object"
                   ],
+                  "tsType": "VueClassProp",
                   "desc": "CSS classes for this action",
                   "examples": [
                     "my-class"
@@ -128,6 +131,7 @@
         "type": "Object",
         "desc": "Chainable Object",
         "tsType": "DialogChainObject",
+        "autoDefineTsType": true,
         "definition": {
           "onOk": {
             "type": "Function",

package/dist/api/Dialog.json

@@ -18,6 +18,7 @@
                 "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "CSS Class name to apply to the Dialog's QCard",
               "examples": [
                 "my-class"
@@ -29,6 +30,7 @@
                 "Array",
                 "Object"
               ],
+              "tsType": "VueStyleProp",
               "desc": "CSS style to apply to the Dialog's QCard",
               "examples": [
                 "border: 2px solid black"
@@ -384,13 +386,15 @@
             }
           },
           "desc": "Dialog options",
-          "tsType": "QDialogOptions"
+          "tsType": "QDialogOptions",
+          "autoDefineTsType": true
         }
       },
       "returns": {
         "type": "Object",
         "desc": "Chainable Object",
         "tsType": "DialogChainObject",
+        "autoDefineTsType": true,
         "definition": {
           "onOk": {
             "type": "Function",

package/dist/api/Notify.json

@@ -355,10 +355,11 @@
             },
             "badgeStyle": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueStyleProp",
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
                 "background-color: #ff0000",
@@ -367,10 +368,11 @@
             },
             "badgeClass": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
                 "my-special-class",
@@ -383,10 +385,11 @@
             },
             "progressClass": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
                 "my-special-class",
@@ -539,10 +542,11 @@
               },
               "progressClass": {
                 "type": [
-                  "Array",
                   "String",
+                  "Array",
                   "Object"
                 ],
+                "tsType": "VueClassProp",
                 "desc": "Class definitions to be attributed to the progress bar",
                 "examples": [
                   "my-special-class",
@@ -746,10 +750,11 @@
             },
             "badgeStyle": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueStyleProp",
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
                 "background-color: #ff0000",
@@ -758,10 +763,11 @@
             },
             "badgeClass": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
                 "my-special-class",
@@ -774,10 +780,11 @@
             },
             "progressClass": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
                 "my-special-class",
@@ -983,10 +990,11 @@
             },
             "badgeStyle": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueStyleProp",
               "desc": "Style definitions to be attributed to the badge",
               "examples": [
                 "background-color: #ff0000",
@@ -995,10 +1003,11 @@
             },
             "badgeClass": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the badge",
               "examples": [
                 "my-special-class",
@@ -1011,10 +1020,11 @@
             },
             "progressClass": {
               "type": [
-                "Array",
                 "String",
+                "Array",
                 "Object"
               ],
+              "tsType": "VueClassProp",
               "desc": "Class definitions to be attributed to the progress bar",
               "examples": [
                 "my-special-class",

package/dist/api/QBtnDropdown.json

@@ -291,10 +291,11 @@
     },
     "content-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the menu",
       "examples": [
         "background-color: #ff0000",
@@ -304,10 +305,11 @@
     },
     "content-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the menu",
       "examples": [
         "my-special-class",

package/dist/api/QCheckbox.json

@@ -104,6 +104,33 @@
       "desc": "Label (if any specified) should be displayed on the left side of the component",
       "category": "label"
     },
+    "checked-icon": {
+      "type": "String",
+      "examples": [
+        "visibility"
+      ],
+      "category": "icons",
+      "desc": "The icon to be used when the model is truthy (instead of the default design)",
+      "addedIn": "v2.5"
+    },
+    "unchecked-icon": {
+      "type": "String",
+      "examples": [
+        "visibility_off"
+      ],
+      "category": "icons",
+      "desc": "The icon to be used when the toggle is falsy (instead of the default design)",
+      "addedIn": "v2.5"
+    },
+    "indeterminate-icon": {
+      "type": "String",
+      "examples": [
+        "help"
+      ],
+      "category": "icons",
+      "desc": "The icon to be used when the model is indeterminate (instead of the default design)",
+      "addedIn": "v2.5"
+    },
     "color": {
       "type": "String",
       "desc": "Color name for component from the Quasar Color Palette",

package/dist/api/QEditor.json

@@ -300,6 +300,7 @@
     },
     "content-style": {
       "type": "Object",
+      "tsType": "VueStyleObjectProp",
       "desc": "Object with CSS properties and values for styling the container of QEditor",
       "examples": [
         ":content-style=\"{ backgroundColor: '#C0C0C0' }\""
@@ -308,10 +309,11 @@
     },
     "content-class": {
       "type": [
-        "Object",
+        "String",
         "Array",
-        "String"
+        "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "CSS classes for the input area",
       "examples": [
         "my-special-class",

package/dist/api/QExpansionItem.json

@@ -109,10 +109,11 @@
     },
     "expand-icon-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Apply custom class(es) to the expand icon item section",
       "examples": [
         "text-purple"
@@ -237,10 +238,11 @@
     },
     "header-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Apply custom style to the header",
       "examples": [
         "background: '#ff0000'",
@@ -250,10 +252,11 @@
     },
     "header-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Apply custom class(es) to the header",
       "examples": [
         "my-custom-class",

package/dist/api/QFab.json

@@ -108,10 +108,11 @@
     },
     "label-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the label container",
       "examples": [
         "my-special-class",
@@ -121,10 +122,11 @@
     },
     "label-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the label container",
       "examples": [
         "background-color: #ff0000",

package/dist/api/QFabAction.json

@@ -108,10 +108,11 @@
     },
     "label-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the label container",
       "examples": [
         "my-special-class",
@@ -121,10 +122,11 @@
     },
     "label-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the label container",
       "examples": [
         "background-color: #ff0000",

package/dist/api/QFile.json

@@ -418,10 +418,11 @@
     },
     "input-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the underlying selection container",
       "examples": [
         "my-special-class",
@@ -431,10 +432,11 @@
     },
     "input-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the underlying selection container",
       "examples": [
         "background-color: #ff0000",

package/dist/api/QImg.json

@@ -6,8 +6,6 @@
   "props": {
     "ratio": {
       "type": [
-        "String",
-        "Number",
         "String",
         "Number"
       ],
@@ -178,6 +176,7 @@
     },
     "img-style": {
       "type": "Object",
+      "tsType": "VueStyleObjectProp",
       "desc": "Apply CSS to the native img element",
       "examples": [
         ":img-style=\"{ transform: 'rotate(45deg)' }\" "

package/dist/api/QInnerLoading.json

@@ -87,10 +87,11 @@
     },
     "label-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Apply custom style to the label; Works along the 'label' prop only",
       "examples": [
         "font-size: 28px",

package/dist/api/QInput.json

@@ -353,10 +353,11 @@
     },
     "input-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the underlying input tag",
       "examples": [
         "my-special-class",
@@ -366,10 +367,11 @@
     },
     "input-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the underlying input tag",
       "examples": [
         "background-color: #ff0000",

package/dist/api/QPagination.json

@@ -79,10 +79,11 @@
     },
     "input-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the input (if using one)",
       "examples": [
         "background-color: #ff0000",
@@ -92,10 +93,11 @@
     },
     "input-class": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the input (if using one)",
       "examples": [
         "my-special-class",

package/dist/api/QRadio.json

@@ -65,6 +65,24 @@
       "desc": "Label (if any specified) should be displayed on the left side of the checkbox",
       "category": "label"
     },
+    "checked-icon": {
+      "type": "String",
+      "desc": "The icon to be used when selected (instead of the default design)",
+      "examples": [
+        "visibility"
+      ],
+      "category": "icons",
+      "addedIn": "v2.5"
+    },
+    "unchecked-icon": {
+      "type": "String",
+      "desc": "The icon to be used when un-selected (instead of the default design)",
+      "examples": [
+        "visibility_off"
+      ],
+      "category": "icons",
+      "addedIn": "v2.5"
+    },
     "color": {
       "type": "String",
       "desc": "Color name for component from the Quasar Color Palette",

package/dist/api/QRange.json

@@ -218,6 +218,7 @@
             "Array",
             "Object"
           ],
+          "tsType": "VueClassProp",
           "desc": "CSS classes to be attributed to the marker label",
           "examples": [
             "my-class-name"
@@ -225,6 +226,7 @@
         },
         "style": {
           "type": "Object",
+          "tsType": "VueStyleObjectProp",
           "desc": "Style definitions to be attributed to the marker label",
           "examples": [
             "{ height: '24px' }"
@@ -265,6 +267,7 @@
               "Array",
               "Object"
             ],
+            "tsType": "VueClassProp",
             "desc": "CSS classes to be attributed to the marker label",
             "examples": [
               "my-class-name"
@@ -272,6 +275,7 @@
           },
           "style": {
             "type": "Object",
+            "tsType": "VueStyleObjectProp",
             "desc": "Style definitions to be attributed to the marker label",
             "examples": [
               "{ height: '24px' }"
@@ -533,6 +537,7 @@
             },
             "style": {
               "type": "Object",
+              "tsType": "VueStyleObjectProp",
               "desc": "Style definitions to be attributed to the marker label",
               "examples": [
                 "{ height: '24px' }"
@@ -566,6 +571,7 @@
             },
             "style": {
               "type": "Object",
+              "tsType": "VueStyleObjectProp",
               "desc": "Style definitions to be attributed to the marker label",
               "examples": [
                 "{ height: '24px' }"
@@ -603,6 +609,7 @@
                 },
                 "style": {
                   "type": "Object",
+                  "tsType": "VueStyleObjectProp",
                   "desc": "Style definitions to be attributed to the marker label",
                   "examples": [
                     "{ height: '24px' }"
@@ -666,6 +673,7 @@
             },
             "style": {
               "type": "Object",
+              "tsType": "VueStyleObjectProp",
               "desc": "Style definitions to be attributed to the marker label",
               "examples": [
                 "{ height: '24px' }"
@@ -703,6 +711,7 @@
                 },
                 "style": {
                   "type": "Object",
+                  "tsType": "VueStyleObjectProp",
                   "desc": "Style definitions to be attributed to the marker label",
                   "examples": [
                     "{ height: '24px' }"

package/dist/api/QScrollArea.json

@@ -11,10 +11,11 @@
     },
     "bar-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)",
       "examples": [
         ":bar-style=\"{ borderRadius: '5px', background: 'red', opacity: 1 }\""
@@ -23,10 +24,11 @@
     },
     "vertical-bar-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop",
       "examples": [
         ":bar-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""
@@ -35,10 +37,11 @@
     },
     "horizontal-bar-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop",
       "examples": [
         ":bar-style=\"{ bottom: '4px', borderRadius: '5px', background: 'red', height: '10px', opacity: 1 }\""
@@ -47,6 +50,7 @@
     },
     "thumb-style": {
       "type": "Object",
+      "tsType": "VueStyleObjectProp",
       "desc": "Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)",
       "examples": [
         ":thumb-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""
@@ -55,6 +59,7 @@
     },
     "vertical-thumb-style": {
       "type": "Object",
+      "tsType": "VueStyleObjectProp",
       "desc": "Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop",
       "examples": [
         ":thumb-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""
@@ -63,6 +68,7 @@
     },
     "horizontal-thumb-style": {
       "type": "Object",
+      "tsType": "VueStyleObjectProp",
       "desc": "Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop",
       "examples": [
         ":thumb-style=\"{ bottom: '4px', borderRadius: '5px', background: 'red', height: '10px', opacity: 1 }\""
@@ -71,10 +77,11 @@
     },
     "content-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Object with CSS properties and values for styling the container of QScrollArea",
       "examples": [
         ":content-style=\"{ backgroundColor: '#C0C0C0' }\""
@@ -83,10 +90,11 @@
     },
     "content-active-style": {
       "type": [
-        "Array",
         "String",
+        "Array",
         "Object"
       ],
+      "tsType": "VueStyleProp",
       "desc": "Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)",
       "examples": [
         ":content-active-style=\"{ backgroundColor: 'white' }\""