quasar 2.1.0

package/dist/api/QCarouselControl.json

@@ -0,0 +1,42 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/carousel"
+  },
+  "props": {
+    "position": {
+      "type": "String",
+      "desc": "Side/corner to stick to",
+      "default": "bottom-right",
+      "values": [
+        "top-right",
+        "top-left",
+        "bottom-right",
+        "bottom-left",
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ],
+      "examples": [
+        "top-right"
+      ],
+      "category": "position"
+    },
+    "offset": {
+      "type": "Array",
+      "desc": "An array of two numbers to offset the component horizontally and vertically (in pixels)",
+      "default": "[18, 18]",
+      "examples": [
+        "[8, 8]",
+        "[5, 10]"
+      ],
+      "category": "position"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Default slot in the devland unslotted content of the component"
+    }
+  }
+}

package/dist/api/QCarouselSlide.json

@@ -0,0 +1,44 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/carousel"
+  },
+  "props": {
+    "name": {
+      "type": "Any",
+      "desc": "Slide name",
+      "required": true,
+      "examples": [
+        "accounts",
+        "firstPanel",
+        ":name=\"1\"",
+        "accounts",
+        "firstSlide",
+        ":name=\"1\""
+      ],
+      "category": "model"
+    },
+    "disable": {
+      "type": "Boolean",
+      "desc": "Put component in disabled mode",
+      "category": "state"
+    },
+    "img-src": {
+      "type": "String",
+      "desc": "URL pointing to a slide background image (use statics folder)",
+      "transformAssetUrls": true,
+      "examples": [
+        "(statics folder) src=\"statics/img/my-bg.png\"",
+        "(assets folder) src=\"~assets/my-img.png\"",
+        "(relative path format) :src=\"require('./my_img.jpg')\"",
+        "(URL) src=\"https://placeimg.com/500/300/nature\""
+      ],
+      "category": "model"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Default slot in the devland unslotted content of the component"
+    }
+  }
+}

package/dist/api/QChatMessage.json

@@ -0,0 +1,128 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/chat"
+  },
+  "props": {
+    "sent": {
+      "type": "Boolean",
+      "desc": "Render as a sent message (so from current user)",
+      "category": "content"
+    },
+    "label": {
+      "type": "String",
+      "desc": "Renders a label header/section only",
+      "examples": [
+        "Friday, 18th"
+      ],
+      "category": "content"
+    },
+    "bg-color": {
+      "type": "String",
+      "desc": "Color name (from the Quasar Color Palette) for chat bubble background",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "text-color": {
+      "type": "String",
+      "desc": "Color name (from the Quasar Color Palette) for chat bubble text",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "name": {
+      "type": "String",
+      "desc": "Author's name",
+      "examples": [
+        "John Doe"
+      ],
+      "category": "content"
+    },
+    "avatar": {
+      "type": "String",
+      "desc": "URL to the avatar image of the author",
+      "transformAssetUrls": true,
+      "examples": [
+        "(statics folder) src=\"statics/boy-avatar.png\"",
+        "(assets folder) src=\"~assets/boy-avatar.png\"",
+        "(relative path format) :src=\"require('./my_img.jpg')\"",
+        "(URL) src=\"https://placeimg.com/500/300/nature\""
+      ],
+      "category": "content"
+    },
+    "text": {
+      "type": "Array",
+      "desc": "Array of strings that are the message body. Strings are not sanitized (see details in docs)",
+      "examples": [
+        ":text=\"['How are you?']\"",
+        ":text=\"['I\\'m good, thank you!', 'And you?']\""
+      ],
+      "category": "content"
+    },
+    "stamp": {
+      "type": "String",
+      "desc": "Creation timestamp",
+      "examples": [
+        "13:55",
+        "Yesterday at 13:51"
+      ],
+      "category": "content"
+    },
+    "size": {
+      "type": "String",
+      "desc": "1-12 out of 12 (same as col-*)",
+      "examples": [
+        "4",
+        "6",
+        "12"
+      ],
+      "category": "style"
+    },
+    "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"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "You can use this slot to define a custom message (overrides props)"
+    },
+    "avatar": {
+      "desc": "Slot for avatar; Suggestion: QAvatar, img"
+    },
+    "name": {
+      "desc": "Slot for name; Overrides the 'name' prop"
+    },
+    "stamp": {
+      "desc": "Slot for stamp; Overrides the 'stamp' prop"
+    },
+    "label": {
+      "desc": "Slot for label; Overrides the 'label' prop"
+    }
+  }
+}

package/dist/api/QCheckbox.json

@@ -0,0 +1,172 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/checkbox"
+  },
+  "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": [
+        "Any",
+        "Array"
+      ],
+      "examples": [
+        "false",
+        "['car', 'building']"
+      ]
+    },
+    "val": {
+      "type": "Any",
+      "desc": "Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked",
+      "examples": [
+        "car"
+      ],
+      "category": "model"
+    },
+    "true-value": {
+      "type": "Any",
+      "desc": "What model value should be considered as checked/ticked/on?",
+      "default": true,
+      "examples": [
+        "Agreed"
+      ],
+      "category": "model"
+    },
+    "false-value": {
+      "type": "Any",
+      "desc": "What model value should be considered as unchecked/unticked/off?",
+      "default": false,
+      "examples": [
+        "Disagree"
+      ],
+      "category": "model"
+    },
+    "indeterminate-value": {
+      "type": "Any",
+      "desc": "What model value should be considered as 'indeterminate'?",
+      "default": null,
+      "examples": [
+        0,
+        "not_answered"
+      ],
+      "category": "behavior"
+    },
+    "toggle-order": {
+      "type": "String",
+      "desc": "Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...",
+      "default": "tf",
+      "values": [
+        "tf",
+        "ft"
+      ],
+      "category": "behavior"
+    },
+    "toggle-indeterminate": {
+      "type": "Boolean",
+      "desc": "When user clicks/taps on the component, should we toggle through the indeterminate state too?",
+      "category": "behavior"
+    },
+    "label": {
+      "type": "String",
+      "desc": "Label to display along the component (or use the default slot instead of this prop)",
+      "examples": [
+        "I agree with the Terms and Conditions"
+      ],
+      "category": "label"
+    },
+    "left-label": {
+      "type": "Boolean",
+      "desc": "Label (if any specified) should be displayed on the left side of the component",
+      "category": "label"
+    },
+    "color": {
+      "type": "String",
+      "desc": "Color name for component from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "keep-color": {
+      "type": "Boolean",
+      "desc": "Should the color (if specified any) be kept when the component is unticked/ off?",
+      "category": "behavior"
+    },
+    "dark": {
+      "type": "Boolean",
+      "desc": "Notify the component that the background is a dark color",
+      "category": "style"
+    },
+    "dense": {
+      "type": "Boolean",
+      "desc": "Dense mode; occupies less space",
+      "category": "style"
+    },
+    "disable": {
+      "type": "Boolean",
+      "desc": "Put component in disabled mode",
+      "category": "state"
+    },
+    "tabindex": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "Tabindex HTML attribute value",
+      "examples": [
+        "0",
+        "100"
+      ],
+      "category": "general"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Default slot can be used as label, unless 'label' prop is specified; Suggestion: string"
+    }
+  },
+  "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
+        },
+        "evt": {
+          "type": "Object",
+          "desc": "JS event object",
+          "required": true
+        }
+      }
+    }
+  },
+  "methods": {
+    "toggle": {
+      "desc": "Toggle the state (of the model)"
+    }
+  }
+}

package/dist/api/QChip.json

@@ -0,0 +1,206 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/chip"
+  },
+  "props": {
+    "dense": {
+      "type": "Boolean",
+      "desc": "Dense mode; occupies less space",
+      "category": "style"
+    },
+    "size": {
+      "type": "String",
+      "desc": "QChip size name or a CSS unit including unit name",
+      "examples": [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        "25px",
+        "2rem"
+      ],
+      "category": "style"
+    },
+    "dark": {
+      "type": "Boolean",
+      "desc": "Notify the component that the background is a dark color",
+      "category": "style"
+    },
+    "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"
+    },
+    "icon-right": {
+      "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"
+    },
+    "icon-remove": {
+      "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"
+    },
+    "icon-selected": {
+      "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": [
+        "String",
+        "Number"
+      ],
+      "desc": "Chip's content as string; overrides default slot if specified",
+      "examples": [
+        "John Doe",
+        "Book"
+      ],
+      "category": "content"
+    },
+    "color": {
+      "type": "String",
+      "desc": "Color name for component from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "text-color": {
+      "type": "String",
+      "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "model-value": {
+      "desc": "Model of the component determining if QChip should be rendered or not",
+      "required": false,
+      "category": "model",
+      "type": "Boolean",
+      "default": true
+    },
+    "selected": {
+      "type": "Boolean",
+      "sync": true,
+      "desc": "Model for QChip if it's selected or not",
+      "examples": [
+        "v-model:selected=\"myState\""
+      ],
+      "category": "model"
+    },
+    "square": {
+      "type": "Boolean",
+      "desc": "Sets a low value for border-radius instead of the default one, making it close to a square",
+      "category": "style"
+    },
+    "outline": {
+      "type": "Boolean",
+      "desc": "Display using the 'outline' design",
+      "category": "style"
+    },
+    "clickable": {
+      "type": "Boolean",
+      "desc": "Is QChip clickable? If it's the case, then it will add hover effects and emit 'click' events",
+      "category": "state"
+    },
+    "removable": {
+      "type": "Boolean",
+      "desc": "If set, then it displays a 'remove' icon that when clicked the QChip emits 'remove' event",
+      "category": "state"
+    },
+    "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"
+    },
+    "disable": {
+      "type": "Boolean",
+      "desc": "Put component in disabled mode",
+      "category": "state"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "This is where QChip content goes, if not using 'label' property"
+    }
+  },
+  "events": {
+    "click": {
+      "desc": "Emitted on QChip click if 'clickable' property is set",
+      "params": {
+        "evt": {
+          "type": "Object",
+          "desc": "JS event object"
+        }
+      }
+    },
+    "update:selected": {
+      "desc": "Used by Vue on 'v-model:selected' for updating its value",
+      "params": {
+        "state": {
+          "type": "Boolean",
+          "desc": "Selected state"
+        }
+      }
+    },
+    "remove": {
+      "desc": "Works along with 'value' and 'removable' prop. Emitted when toggling rendering state of the QChip",
+      "params": {
+        "state": {
+          "type": "Boolean",
+          "desc": "Render state (render or not)"
+        }
+      }
+    }
+  }
+}