quasar 2.1.0

package/dist/api/QRating.json

@@ -0,0 +1,167 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/rating"
+  },
+  "props": {
+    "name": {
+      "type": "String",
+      "desc": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL",
+      "examples": [
+        "car_id"
+      ],
+      "category": "behavior"
+    },
+    "size": {
+      "type": "String",
+      "desc": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)",
+      "examples": [
+        "16px",
+        "2rem",
+        "xs",
+        "md"
+      ],
+      "category": "style"
+    },
+    "model-value": {
+      "desc": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
+      "required": true,
+      "category": "model",
+      "type": "Number",
+      "examples": [
+        ":value=\"2\""
+      ]
+    },
+    "max": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "Number of icons to display",
+      "default": 5,
+      "examples": [
+        "3",
+        ":max=\"5\""
+      ],
+      "category": "general"
+    },
+    "icon": {
+      "type": [
+        "String",
+        "Array"
+      ],
+      "desc": "Icon name following Quasar convention; make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)",
+      "examples": [
+        "map",
+        "ion-add",
+        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
+        "img:statics/path/to/some_image.png"
+      ],
+      "category": "content"
+    },
+    "icon-selected": {
+      "type": [
+        "String",
+        "Array"
+      ],
+      "desc": "Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)",
+      "examples": [
+        "map",
+        "ion-add",
+        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
+        "img:statics/path/to/some_image.png"
+      ],
+      "category": "content"
+    },
+    "icon-half": {
+      "type": [
+        "String",
+        "Array"
+      ],
+      "desc": "Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)",
+      "examples": [
+        "map",
+        "ion-add",
+        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
+        "img:statics/path/to/some_image.png"
+      ],
+      "category": "content"
+    },
+    "color": {
+      "type": [
+        "String",
+        "Array"
+      ],
+      "desc": "Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)",
+      "examples": [
+        "primary",
+        "teal-10",
+        "primary",
+        "teal-10",
+        "[\"accent\", \"grey-7\"] "
+      ],
+      "category": "style"
+    },
+    "color-selected": {
+      "type": [
+        "String",
+        "Array"
+      ],
+      "desc": "Color name from the Quasar Palette for selected icons",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "color-half": {
+      "type": [
+        "String",
+        "Array"
+      ],
+      "desc": "Color name from the Quasar Palette for half selected icons",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "no-dimming": {
+      "type": "Boolean",
+      "desc": "Does not lower opacity for unselected icons",
+      "category": "style"
+    },
+    "no-reset": {
+      "type": "Boolean",
+      "desc": "When used, disables default behavior of clicking/tapping on icon which represents current model value to reset model to 0",
+      "category": "model"
+    },
+    "readonly": {
+      "type": "Boolean",
+      "desc": "Put component in readonly mode",
+      "category": "state"
+    },
+    "disable": {
+      "type": "Boolean",
+      "desc": "Put component in disabled mode",
+      "category": "state"
+    }
+  },
+  "slots": {
+    "tip-[name]": {
+      "desc": "Slot to define the tooltip of icon at '[name]' where name is a 1-based index; Suggestion: QTooltip"
+    }
+  },
+  "events": {
+    "update:model-value": {
+      "desc": "Emitted when the component needs to change the model; Is also used by v-model",
+      "params": {
+        "value": {
+          "type": "Any",
+          "desc": "New model value",
+          "required": true
+        }
+      }
+    }
+  }
+}

package/dist/api/QResizeObserver.json

@@ -0,0 +1,59 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/resize-observer"
+  },
+  "props": {
+    "debounce": {
+      "type": [
+        "String",
+        "Number"
+      ],
+      "desc": "Debounce amount (in milliseconds)",
+      "default": 100,
+      "examples": [
+        "0",
+        "530"
+      ],
+      "category": "behavior"
+    }
+  },
+  "events": {
+    "resize": {
+      "desc": "Parent element has resized (width or height changed)",
+      "params": {
+        "size": {
+          "type": "Object",
+          "desc": "New size",
+          "definition": {
+            "height": {
+              "type": "Number",
+              "desc": "Layout height",
+              "examples": [
+                822
+              ]
+            },
+            "width": {
+              "type": "Number",
+              "desc": "Layout width",
+              "examples": [
+                822
+              ]
+            }
+          }
+        }
+      }
+    }
+  },
+  "methods": {
+    "trigger": {
+      "desc": "Emit a 'resize' event",
+      "params": {
+        "immediately": {
+          "type": "Boolean",
+          "desc": "Skip over the debounce amount"
+        }
+      }
+    }
+  }
+}

package/dist/api/QResponsive.json

@@ -0,0 +1,26 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/responsive"
+  },
+  "props": {
+    "ratio": {
+      "type": [
+        "String",
+        "Number"
+      ],
+      "desc": "Aspect ratio for the content; If value is a String, then avoid using a computational statement (like '16/9') and instead specify the String value of the result directly (eg. '1.7777')",
+      "examples": [
+        ":ratio=\"4/3\"",
+        ":ratio=\"16/9\"",
+        "ratio=\"1\""
+      ],
+      "category": "style"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Default slot in the devland unslotted content of the component"
+    }
+  }
+}

package/dist/api/QRouteTab.json

@@ -0,0 +1,190 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/tabs"
+  },
+  "props": {
+    "to": {
+      "type": [
+        "String",
+        "Object"
+      ],
+      "desc": "Equivalent to Vue Router <router-link> 'to' property",
+      "examples": [
+        "/home/dashboard",
+        ":to=\"{ name: 'my-route-name' }\""
+      ],
+      "category": "general",
+      "required": true
+    },
+    "exact": {
+      "type": "Boolean",
+      "desc": "Equivalent to Vue Router <router-link> 'exact' property",
+      "category": "behavior"
+    },
+    "replace": {
+      "type": "Boolean",
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property",
+      "category": "behavior"
+    },
+    "active-class": {
+      "type": "String",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property",
+      "examples": [
+        "my-active-class"
+      ],
+      "category": "behavior"
+    },
+    "exact-active-class": {
+      "type": "String",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property",
+      "examples": [
+        "my-exact-active-class"
+      ],
+      "category": "behavior"
+    },
+    "disable": {
+      "type": "Boolean",
+      "desc": "Put component in disabled mode",
+      "category": "state"
+    },
+    "icon": {
+      "type": "String",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "examples": [
+        "map",
+        "ion-add",
+        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
+        "img:statics/path/to/some_image.png"
+      ],
+      "category": "content"
+    },
+    "label": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "A number or string to label the tab",
+      "examples": [
+        "Home"
+      ],
+      "category": "content"
+    },
+    "alert": {
+      "type": [
+        "Boolean",
+        "String"
+      ],
+      "desc": "Adds an alert symbol to the tab, notifying the user there are some updates; If its value is not a Boolean, then you can specify a color",
+      "examples": [
+        "alert",
+        "alert=\"purple\""
+      ],
+      "category": "content"
+    },
+    "alert-icon": {
+      "type": "String",
+      "desc": "Adds a floating icon to the tab, notifying the user there are some updates; It's displayed only if 'alert' is set; Can use the color specified by 'alert' prop",
+      "examples": [
+        "alert-icon=\"alarm_on\""
+      ],
+      "category": "content"
+    },
+    "name": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "Panel name",
+      "default": "A random UID",
+      "examples": [
+        "home",
+        ":name=\"1\""
+      ],
+      "category": "general"
+    },
+    "no-caps": {
+      "type": "Boolean",
+      "desc": "Turns off capitalizing all letters within the tab (which is the default)",
+      "category": "content"
+    },
+    "content-class": {
+      "type": "String",
+      "desc": "Class definitions to be attributed to the content wrapper",
+      "examples": [
+        "my-special-class"
+      ],
+      "category": "style"
+    },
+    "ripple": {
+      "type": [
+        "Boolean",
+        "Object"
+      ],
+      "desc": "Configure material ripple (disable it by setting it to 'false' or supply a config object)",
+      "default": true,
+      "examples": [
+        false,
+        "{ early: true, center: true, color: 'teal', keyCodes: [] }"
+      ],
+      "category": "style"
+    },
+    "tabindex": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "Tabindex HTML attribute value",
+      "examples": [
+        "0",
+        "100"
+      ],
+      "category": "general"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Suggestion: QMenu, QTooltip"
+    }
+  },
+  "events": {
+    "click": {
+      "desc": "Emitted when component is clicked (activated)",
+      "params": {
+        "evt": {
+          "type": "Object",
+          "desc": "JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false"
+        },
+        "navigateFn": {
+          "type": "Function",
+          "desc": "When you need to control the time at which the tab should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation",
+          "params": {
+            "to": {
+              "type": [
+                "String",
+                "Object"
+              ],
+              "desc": "Equivalent to Vue Router <router-link> 'to' property",
+              "examples": [
+                "/home/dashboard",
+                "{ name: 'my-route-name' }"
+              ],
+              "default": "Tab's 'to' property"
+            },
+            "append": {
+              "type": "Boolean",
+              "desc": "Equivalent to Vue Router <router-link> 'append' property",
+              "default": "Tab's 'append' property"
+            },
+            "replace": {
+              "type": "Boolean",
+              "desc": "Equivalent to Vue Router <router-link> 'replace' property",
+              "default": "Tab's 'replace' property"
+            }
+          },
+          "returns": null
+        }
+      }
+    }
+  }
+}

package/dist/api/QScrollArea.json

@@ -0,0 +1,338 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/scroll-area"
+  },
+  "props": {
+    "dark": {
+      "type": "Boolean",
+      "desc": "Notify the component that the background is a dark color",
+      "category": "style"
+    },
+    "bar-style": {
+      "type": [
+        "Array",
+        "String",
+        "Object"
+      ],
+      "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 }\""
+      ],
+      "category": "style"
+    },
+    "vertical-bar-style": {
+      "type": [
+        "Array",
+        "String",
+        "Object"
+      ],
+      "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 }\""
+      ],
+      "category": "style"
+    },
+    "horizontal-bar-style": {
+      "type": [
+        "Array",
+        "String",
+        "Object"
+      ],
+      "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 }\""
+      ],
+      "category": "style"
+    },
+    "thumb-style": {
+      "type": "Object",
+      "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 }\""
+      ],
+      "category": "style"
+    },
+    "vertical-thumb-style": {
+      "type": "Object",
+      "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 }\""
+      ],
+      "category": "style"
+    },
+    "horizontal-thumb-style": {
+      "type": "Object",
+      "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 }\""
+      ],
+      "category": "style"
+    },
+    "content-style": {
+      "type": [
+        "Array",
+        "String",
+        "Object"
+      ],
+      "desc": "Object with CSS properties and values for styling the container of QScrollArea",
+      "examples": [
+        ":content-style=\"{ backgroundColor: '#C0C0C0' }\""
+      ],
+      "category": "style"
+    },
+    "content-active-style": {
+      "type": [
+        "Array",
+        "String",
+        "Object"
+      ],
+      "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' }\""
+      ],
+      "category": "style"
+    },
+    "visible": {
+      "type": "Boolean",
+      "desc": "Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior",
+      "category": "behavior"
+    },
+    "delay": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "When content changes, the scrollbar appears; this delay defines the amount of time (in milliseconds) before scrollbars disappear again (if component is not hovered)",
+      "default": 1000,
+      "examples": [
+        500,
+        ":delay=\"550\""
+      ],
+      "category": "behavior"
+    },
+    "tabindex": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "Tabindex HTML attribute value",
+      "examples": [
+        "0",
+        "100"
+      ],
+      "category": "general"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Default slot in the devland unslotted content of the component"
+    }
+  },
+  "events": {
+    "scroll": {
+      "desc": "Emitted when scroll information changes (and listener is configured)",
+      "params": {
+        "info": {
+          "type": "Object",
+          "definition": {
+            "ref": {
+              "type": "Object",
+              "desc": "Vue reference to the QScrollArea which triggered the event"
+            },
+            "verticalPosition": {
+              "type": "Number",
+              "desc": "Vertical scroll position (in px)"
+            },
+            "verticalPercentage": {
+              "type": "Number",
+              "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)"
+            },
+            "verticalSize": {
+              "type": "Number",
+              "desc": "Vertical scroll size (in px)"
+            },
+            "verticalContainerSize": {
+              "type": "Number",
+              "desc": "Height of the container (in px)"
+            },
+            "horizontalPosition": {
+              "type": "Number",
+              "desc": "Horizontal scroll position (in px)"
+            },
+            "horizontalPercentage": {
+              "type": "Number",
+              "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)"
+            },
+            "horizontalSize": {
+              "type": "Number",
+              "desc": "Horizontal scroll size (in px)"
+            },
+            "horizontalContainerSize": {
+              "type": "Number",
+              "desc": "Width of the container (in px)"
+            }
+          }
+        }
+      }
+    }
+  },
+  "methods": {
+    "getScrollTarget": {
+      "desc": "Get the scrolling DOM element target",
+      "returns": {
+        "type": "Object",
+        "desc": "DOM element upon which scrolling takes place"
+      }
+    },
+    "getScroll": {
+      "desc": "Get the current scroll information",
+      "returns": {
+        "type": "Object",
+        "desc": "Scroll information",
+        "definition": {
+          "verticalPosition": {
+            "type": "Number",
+            "desc": "Vertical scroll position (in px)"
+          },
+          "verticalPercentage": {
+            "type": "Number",
+            "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)"
+          },
+          "verticalSize": {
+            "type": "Number",
+            "desc": "Vertical scroll size (in px)"
+          },
+          "verticalContainerSize": {
+            "type": "Number",
+            "desc": "Height of the container (in px)"
+          },
+          "horizontalPosition": {
+            "type": "Number",
+            "desc": "Horizontal scroll position (in px)"
+          },
+          "horizontalPercentage": {
+            "type": "Number",
+            "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)"
+          },
+          "horizontalSize": {
+            "type": "Number",
+            "desc": "Horizontal scroll size (in px)"
+          },
+          "horizontalContainerSize": {
+            "type": "Number",
+            "desc": "Width of the container (in px)"
+          }
+        }
+      }
+    },
+    "getScrollPosition": {
+      "desc": "Get current scroll position",
+      "returns": {
+        "type": "Object",
+        "definition": {
+          "top": {
+            "type": "Number",
+            "desc": "Scroll offset from top (vertical)",
+            "examples": [
+              120
+            ]
+          },
+          "left": {
+            "type": "Number",
+            "desc": "Scroll offset from left (horizontal)",
+            "examples": [
+              10
+            ]
+          }
+        },
+        "examples": [
+          "{ top: 10, left: 0 }"
+        ]
+      }
+    },
+    "getScrollPercentage": {
+      "desc": "Get current scroll position in percentage (0.0 <= x <= 1.0)",
+      "returns": {
+        "type": "Object",
+        "definition": {
+          "top": {
+            "type": "Number",
+            "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)",
+            "examples": [
+              0.12
+            ]
+          },
+          "left": {
+            "type": "Number",
+            "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)",
+            "examples": [
+              0.92
+            ]
+          }
+        },
+        "examples": [
+          "{ top: 0.212, left: 0 }"
+        ]
+      }
+    },
+    "setScrollPosition": {
+      "desc": "Set scroll position to an offset; If a duration (in milliseconds) is specified then the scroll is animated",
+      "params": {
+        "axis": {
+          "type": "String",
+          "desc": "Scroll axis",
+          "values": [
+            "vertical",
+            "horizontal"
+          ],
+          "required": true
+        },
+        "offset": {
+          "type": "Number",
+          "desc": "Scroll position offset from top (in pixels)",
+          "required": true,
+          "examples": [
+            220
+          ]
+        },
+        "duration": {
+          "type": "Number",
+          "desc": "Duration (in milliseconds) enabling animated scroll",
+          "examples": [
+            300
+          ]
+        }
+      }
+    },
+    "setScrollPercentage": {
+      "desc": "Set scroll position to a percentage (0.0 <= x <= 1.0) of the total scrolling size; If a duration (in milliseconds) is specified then the scroll is animated",
+      "params": {
+        "axis": {
+          "type": "String",
+          "desc": "Scroll axis",
+          "values": [
+            "vertical",
+            "horizontal"
+          ],
+          "required": true
+        },
+        "offset": {
+          "type": "Number",
+          "desc": "Scroll percentage (0.0 <= x <= 1.0) of the total scrolling size",
+          "required": true,
+          "examples": [
+            220
+          ]
+        },
+        "duration": {
+          "type": "Number",
+          "desc": "Duration (in milliseconds) enabling animated scroll",
+          "examples": [
+            300
+          ]
+        }
+      }
+    }
+  }
+}