quasar 2.3.1 → 2.4.0

package/dist/api/QBreadcrumbsEl.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",
@@ -77,7 +98,8 @@
         "span"
       ],
       "category": "content",
-      "default": "span"
+      "default": "span",
+      "required": false
     },
     "ripple": {
       "type": [
@@ -90,7 +112,8 @@
         false,
         "{ early: true, center: true, color: 'teal', keyCodes: [] }"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QBtn.json

@@ -17,40 +17,57 @@
     },
     "type": {
       "type": "String",
-      "desc": "Define the button HTML DOM type",
+      "desc": "1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag",
       "default": "button",
-      "values": [
+      "examples": [
         "a",
         "submit",
         "button",
-        "reset"
-      ],
-      "examples": [
-        "type=\"a\" href=\"http://some-site.net\" target=\"__blank\""
+        "reset",
+        "image/png",
+        "href=\"https://quasar.dev\" target=\"_blank\""
       ],
-      "category": "general"
+      "category": "general",
+      "required": false
     },
     "to": {
       "type": [
         "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": "router"
+      "category": "navigation"
     },
     "replace": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property",
-      "category": "router"
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used",
+      "category": "navigation"
     },
-    "append": {
-      "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'append' property",
-      "category": "router"
+    "href": {
+      "type": "String",
+      "desc": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props",
+      "examples": [
+        "http://quasar.dev",
+        "href=\"https://quasar.dev\" target=\"_blank\""
+      ],
+      "category": "navigation",
+      "addedIn": "v2.4"
+    },
+    "target": {
+      "type": "String",
+      "desc": "Native <a> link target attribute; Use it only with 'to' or 'href' props",
+      "examples": [
+        "_blank",
+        "_self",
+        "_parent",
+        "_top"
+      ],
+      "category": "navigation",
+      "addedIn": "v2.4"
     },
     "label": {
       "type": [
@@ -182,7 +199,8 @@
         false,
         "{ early: true, center: true, color: 'teal', keyCodes: [] }"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "tabindex": {
       "type": [
@@ -208,7 +226,8 @@
         "between",
         "evenly"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "stack": {
       "type": "Boolean",

package/dist/api/QBtnDropdown.json

@@ -6,7 +6,7 @@
   "props": {
     "model-value": {
       "desc": "Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "required": true,
+      "required": false,
       "category": "model",
       "type": "Boolean",
       "examples": [
@@ -26,40 +26,57 @@
     },
     "type": {
       "type": "String",
-      "desc": "Define the button HTML DOM type",
+      "desc": "1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag",
       "default": "button",
-      "values": [
+      "examples": [
         "a",
         "submit",
         "button",
-        "reset"
+        "reset",
+        "image/png",
+        "href=\"https://quasar.dev\" target=\"_blank\""
       ],
-      "examples": [
-        "type=\"a\" href=\"http://some-site.net\" target=\"__blank\""
-      ],
-      "category": "general"
+      "category": "general",
+      "required": false
     },
     "to": {
       "type": [
         "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": "router"
+      "category": "navigation"
     },
     "replace": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property",
-      "category": "router"
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used",
+      "category": "navigation"
     },
-    "append": {
-      "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'append' property",
-      "category": "router"
+    "href": {
+      "type": "String",
+      "desc": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props",
+      "examples": [
+        "http://quasar.dev",
+        "href=\"https://quasar.dev\" target=\"_blank\""
+      ],
+      "category": "navigation",
+      "addedIn": "v2.4"
+    },
+    "target": {
+      "type": "String",
+      "desc": "Native <a> link target attribute; Use it only with 'to' or 'href' props",
+      "examples": [
+        "_blank",
+        "_self",
+        "_parent",
+        "_top"
+      ],
+      "category": "navigation",
+      "addedIn": "v2.4"
     },
     "label": {
       "type": [
@@ -191,7 +208,8 @@
         false,
         "{ early: true, center: true, color: 'teal', keyCodes: [] }"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "tabindex": {
       "type": [
@@ -217,7 +235,8 @@
         "between",
         "evenly"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "stack": {
       "type": "Boolean",
@@ -341,7 +360,8 @@
         "top right",
         "bottom end"
       ],
-      "category": "position"
+      "category": "position",
+      "required": false
     },
     "menu-self": {
       "type": "String",
@@ -368,7 +388,8 @@
         "top right",
         "bottom end"
       ],
-      "category": "position"
+      "category": "position",
+      "required": false
     },
     "menu-offset": {
       "type": "Array",

package/dist/api/QBtnToggle.json

@@ -99,7 +99,8 @@
         "teal-10"
       ],
       "category": "style",
-      "default": "primary"
+      "default": "primary",
+      "required": false
     },
     "toggle-text-color": {
       "type": "String",
@@ -193,7 +194,8 @@
         false,
         "{ early: true, center: true, color: 'teal', keyCodes: [] }"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "dense": {
       "type": "Boolean",
@@ -229,6 +231,9 @@
   "slots": {
     "default": {
       "desc": "Suggestions: QTooltip, QBadge"
+    },
+    "...": {
+      "desc": "Any other dynamic slots to be used with 'slot' property of the 'options' prop"
     }
   },
   "events": {

package/dist/api/QCard.json

@@ -34,7 +34,8 @@
         "form"
       ],
       "category": "content",
-      "default": "div"
+      "default": "div",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QCardActions.json

@@ -17,7 +17,8 @@
         "evenly",
         "stretch"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "vertical": {
       "type": "Boolean",

package/dist/api/QCardSection.json

@@ -19,7 +19,8 @@
         "form"
       ],
       "category": "content",
-      "default": "div"
+      "default": "div",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QCarousel.json

@@ -95,7 +95,8 @@
         "slide-down"
       ],
       "category": "transition",
-      "default": "fade"
+      "default": "fade",
+      "required": false
     },
     "transition-next": {
       "type": "String",
@@ -105,7 +106,8 @@
         "slide-down"
       ],
       "category": "transition",
-      "default": "fade"
+      "default": "fade",
+      "required": false
     },
     "transition-duration": {
       "type": [
@@ -119,7 +121,8 @@
         "1200"
       ],
       "category": "transition",
-      "addedIn": "v2.2"
+      "addedIn": "v2.2",
+      "required": false
     },
     "dark": {
       "type": "Boolean",
@@ -182,7 +185,8 @@
         true,
         false
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "arrows": {
       "type": "Boolean",
@@ -229,7 +233,8 @@
       "examples": [
         "left"
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "navigation-icon": {
       "type": "String",

package/dist/api/QCarouselControl.json

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

package/dist/api/QChatMessage.json

@@ -85,25 +85,21 @@
     },
     "label-html": {
       "type": "Boolean",
-      "default": "false",
       "desc": "Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
       "category": "behavior"
     },
     "name-html": {
       "type": "Boolean",
-      "default": "false",
       "desc": "Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
       "category": "behavior"
     },
     "text-html": {
       "type": "Boolean",
-      "default": "false",
       "desc": "Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
       "category": "behavior"
     },
     "stamp-html": {
       "type": "Boolean",
-      "default": "false",
       "desc": "Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
       "category": "behavior"
     }

package/dist/api/QCheckbox.json

@@ -51,7 +51,8 @@
       "examples": [
         "Agreed"
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "false-value": {
       "type": "Any",
@@ -60,7 +61,8 @@
       "examples": [
         "Disagree"
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "indeterminate-value": {
       "type": "Any",
@@ -70,7 +72,8 @@
         0,
         "not_answered"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "toggle-order": {
       "type": "String",
@@ -80,7 +83,8 @@
         "tf",
         "ft"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "toggle-indeterminate": {
       "type": "Boolean",

package/dist/api/QChip.json

@@ -149,7 +149,8 @@
         false,
         "{ early: true, center: true, color: 'teal', keyCodes: [] }"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "tabindex": {
       "type": [

package/dist/api/QCircularProgress.json

@@ -24,7 +24,8 @@
         100,
         52.32
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "min": {
       "type": "Number",
@@ -35,7 +36,8 @@
         100,
         52.32
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "max": {
       "type": "Number",
@@ -45,7 +47,8 @@
         100,
         52.32
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "color": {
       "type": "String",
@@ -83,7 +86,8 @@
         "16px",
         "2rem"
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "thickness": {
       "type": "Number",
@@ -93,7 +97,8 @@
         1,
         0.3
       ],
-      "category": "style"
+      "category": "style",
+      "required": false
     },
     "angle": {
       "type": "Number",
@@ -104,7 +109,8 @@
         40,
         90
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "indeterminate": {
       "type": "Boolean",
@@ -138,7 +144,8 @@
       ],
       "category": "style",
       "default": 600,
-      "addedIn": "v2.3"
+      "addedIn": "v2.3",
+      "required": false
     }
   },
   "slots": {

package/dist/api/QColor.json

@@ -42,7 +42,8 @@
         "tune",
         "palette"
       ],
-      "category": "behavior"
+      "category": "behavior",
+      "required": false
     },
     "format-model": {
       "type": "String",
@@ -58,7 +59,8 @@
       "examples": [
         "hex"
       ],
-      "category": "model"
+      "category": "model",
+      "required": false
     },
     "palette": {
       "type": "Array",
@@ -67,7 +69,8 @@
       "examples": [
         ":palette=\"[ '#019A9D', '#D9B801', 'rgb(23,120,0)', '#B2028A' ]\""
       ],
-      "category": "content"
+      "category": "content",
+      "required": false
     },
     "square": {
       "type": "Boolean",