quasar 2.1.0

package/dist/api/QSeparator.json

@@ -0,0 +1,62 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/separator"
+  },
+  "props": {
+    "dark": {
+      "type": "Boolean",
+      "desc": "Notify the component that the background is a dark color",
+      "category": "style"
+    },
+    "spaced": {
+      "type": [
+        "Boolean",
+        "String"
+      ],
+      "desc": "If set to true, the corresponding direction margins will be set to 8px; It can also be set to a size in CSS units, including unit name, or one of the xs|sm|md|lg|xl predefined sizes",
+      "default": "md",
+      "examples": [
+        "12px",
+        "sm",
+        "md"
+      ],
+      "category": "content"
+    },
+    "inset": {
+      "type": [
+        "Boolean",
+        "String"
+      ],
+      "desc": "if set to true, the left and right margins will be set to 16px. If set to item, the left and right margins will be set to 72px. If set to item-thumbnail, the left margin is set to 116px and right margin is set to 0px",
+      "examples": [
+        "item",
+        "item-thumbnail"
+      ],
+      "category": "content"
+    },
+    "vertical": {
+      "type": "Boolean",
+      "desc": "If set to true, the separator will be vertical.",
+      "category": "content"
+    },
+    "size": {
+      "type": "String",
+      "desc": "Size in CSS units, including unit name",
+      "examples": [
+        "16px",
+        "2rem"
+      ],
+      "category": "style"
+    },
+    "color": {
+      "type": "String",
+      "desc": "Color name for component from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    }
+  }
+}

package/dist/api/QSkeleton.json

@@ -0,0 +1,104 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/skeleton"
+  },
+  "props": {
+    "dark": {
+      "type": "Boolean",
+      "desc": "Notify the component that the background is a dark color",
+      "category": "style"
+    },
+    "type": {
+      "type": "String",
+      "desc": "Type of skeleton placeholder",
+      "values": [
+        "text",
+        "rect",
+        "circle",
+        "QBtn",
+        "QBadge",
+        "QChip",
+        "QToolbar",
+        "QCheckbox",
+        "QRadio",
+        "QToggle",
+        "QSlider",
+        "QRange",
+        "QInput",
+        "QAvatar"
+      ],
+      "default": "rect",
+      "category": "content"
+    },
+    "animation": {
+      "type": "String",
+      "desc": "The animation effect of the skeleton placeholder",
+      "values": [
+        "wave",
+        "pulse",
+        "pulse-x",
+        "pulse-y",
+        "fade",
+        "blink",
+        "none"
+      ],
+      "default": "wave",
+      "category": "style"
+    },
+    "square": {
+      "type": "Boolean",
+      "desc": "Removes border-radius so borders are squared",
+      "category": "style"
+    },
+    "bordered": {
+      "type": "Boolean",
+      "desc": "Applies a default border to the component",
+      "category": "style"
+    },
+    "size": {
+      "type": "String",
+      "desc": "Size in CSS units, including unit name; Overrides 'height' and 'width' props and applies the value to both height and width",
+      "examples": [
+        "16px",
+        "2rem"
+      ],
+      "category": "style"
+    },
+    "width": {
+      "type": "String",
+      "desc": "Width in CSS units, including unit name; Apply custom width; Use this prop or through CSS; Overridden by 'size' prop if used",
+      "examples": [
+        "16px",
+        "2rem"
+      ],
+      "category": "style"
+    },
+    "height": {
+      "type": "String",
+      "desc": "Height in CSS units, including unit name; Apply custom height; Use this prop or through CSS; Overridden by 'size' prop if used",
+      "examples": [
+        "16px",
+        "2rem"
+      ],
+      "category": "style"
+    },
+    "tag": {
+      "type": "String",
+      "desc": "HTML tag to use",
+      "examples": [
+        "div",
+        "span",
+        "div",
+        "span"
+      ],
+      "category": "content",
+      "default": "div"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Default slot in the devland unslotted content of the component"
+    }
+  }
+}

package/dist/api/QSlideItem.json

@@ -0,0 +1,202 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/slide-item"
+  },
+  "props": {
+    "left-color": {
+      "type": "String",
+      "desc": "Color name for left-side background from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "right-color": {
+      "type": "String",
+      "desc": "Color name for right-side background from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "top-color": {
+      "type": "String",
+      "desc": "Color name for top-side background from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "bottom-color": {
+      "type": "String",
+      "desc": "Color name for bottom-side background from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "dark": {
+      "type": "Boolean",
+      "desc": "Notify the component that the background is a dark color",
+      "category": "style"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "This is where item's sections go; Suggestion: QItemSection"
+    },
+    "left": {
+      "desc": "Left side content when sliding"
+    },
+    "right": {
+      "desc": "Right side content when sliding"
+    },
+    "top": {
+      "desc": "Top side content when sliding"
+    },
+    "bottom": {
+      "desc": "Bottom side content when sliding"
+    }
+  },
+  "events": {
+    "left": {
+      "desc": "Emitted when user finished sliding the item to the left",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Details",
+          "definition": {
+            "reset": {
+              "type": "Function",
+              "desc": "When called, it resets the component to its initial non-slided state",
+              "params": null,
+              "returns": null
+            }
+          }
+        }
+      }
+    },
+    "right": {
+      "desc": "Emitted when user finished sliding the item to the right",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Details",
+          "definition": {
+            "reset": {
+              "type": "Function",
+              "desc": "When called, it resets the component to its initial non-slided state",
+              "params": null,
+              "returns": null
+            }
+          }
+        }
+      }
+    },
+    "top": {
+      "desc": "Emitted when user finished sliding the item up",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Details",
+          "definition": {
+            "reset": {
+              "type": "Function",
+              "desc": "When called, it resets the component to its initial non-slided state",
+              "params": null,
+              "returns": null
+            }
+          }
+        }
+      }
+    },
+    "bottom": {
+      "desc": "Emitted when user finished sliding the item down",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Details",
+          "definition": {
+            "reset": {
+              "type": "Function",
+              "desc": "When called, it resets the component to its initial non-slided state",
+              "params": null,
+              "returns": null
+            }
+          }
+        }
+      }
+    },
+    "slide": {
+      "desc": "Emitted while user is sliding the item to one of the available sides",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Details",
+          "definition": {
+            "side": {
+              "type": "String",
+              "desc": "Side to which sliding is taking effect",
+              "values": [
+                "left",
+                "right",
+                "top",
+                "bottom"
+              ]
+            },
+            "ratio": {
+              "type": "Number",
+              "desc": "Ratio of how much of the required slide was performed (0..1)",
+              "examples": [
+                0,
+                0.5,
+                1
+              ]
+            },
+            "isReset": {
+              "type": "Boolean",
+              "desc": "Ratio has been reset"
+            }
+          }
+        }
+      }
+    },
+    "action": {
+      "desc": "Emitted when user finished sliding the item to either sides",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Details",
+          "definition": {
+            "side": {
+              "type": "String",
+              "desc": "Side to which sliding has taken effect",
+              "values": [
+                "left",
+                "right",
+                "top",
+                "bottom"
+              ]
+            },
+            "reset": {
+              "type": "Function",
+              "desc": "When called, it resets the component to its initial non-slided state",
+              "params": null,
+              "returns": null
+            }
+          }
+        }
+      }
+    }
+  },
+  "methods": {
+    "reset": {
+      "desc": "Reset to initial state (not swiped to any side)"
+    }
+  }
+}

package/dist/api/QSlideTransition.json

@@ -0,0 +1,36 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/slide-transition"
+  },
+  "props": {
+    "appear": {
+      "type": "Boolean",
+      "desc": "If set to true, the transition will be applied on the initial render.",
+      "category": "behavior"
+    },
+    "duration": {
+      "type": "Number",
+      "desc": "Duration (in milliseconds) enabling animated scroll.",
+      "default": 300,
+      "examples": [
+        500,
+        ":duration=\"500\""
+      ],
+      "category": "behavior"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "This is where content goes"
+    }
+  },
+  "events": {
+    "show": {
+      "desc": "Emitted when component show animation is finished"
+    },
+    "hide": {
+      "desc": "Emitted when component hide animation is finished"
+    }
+  }
+}

package/dist/api/QSlider.json

@@ -0,0 +1,196 @@
+{
+  "type": "component",
+  "meta": {
+    "docsUrl": "https://v2.quasar.dev/vue-components/slider"
+  },
+  "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"
+    },
+    "model-value": {
+      "desc": "Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
+      "required": true,
+      "category": "model",
+      "type": "Number",
+      "examples": [
+        "v-model=\"positionModel\""
+      ]
+    },
+    "min": {
+      "type": "Number",
+      "desc": "Minimum value of the model",
+      "default": 0,
+      "examples": [
+        ":min=\"0\""
+      ],
+      "category": "model"
+    },
+    "max": {
+      "type": "Number",
+      "desc": "Maximum value of the model",
+      "default": 100,
+      "examples": [
+        ":max=\"100\""
+      ],
+      "category": "model"
+    },
+    "step": {
+      "type": "Number",
+      "desc": "Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity",
+      "default": 1,
+      "examples": [
+        ":step=\"1\""
+      ],
+      "category": "model"
+    },
+    "reverse": {
+      "type": "Boolean",
+      "desc": "Work in reverse (changes direction)",
+      "category": "behavior"
+    },
+    "vertical": {
+      "type": "Boolean",
+      "desc": "Display in vertical direction",
+      "category": "behavior"
+    },
+    "color": {
+      "type": "String",
+      "desc": "Color name for component from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "label": {
+      "type": "Boolean",
+      "desc": "Popup a label when user clicks/taps on the slider thumb and moves it",
+      "category": "content"
+    },
+    "label-color": {
+      "type": "String",
+      "desc": "Color name for component from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "label-text-color": {
+      "type": "String",
+      "desc": "Color name for component from the Quasar Color Palette",
+      "examples": [
+        "primary",
+        "teal-10"
+      ],
+      "category": "style"
+    },
+    "label-value": {
+      "type": [
+        "String",
+        "Number"
+      ],
+      "desc": "Override default label value",
+      "examples": [
+        ":label-value=\"model + 'px'\""
+      ],
+      "category": "content"
+    },
+    "label-always": {
+      "type": "Boolean",
+      "desc": "Always display the label",
+      "category": "behavior|content"
+    },
+    "markers": {
+      "type": "Boolean",
+      "desc": "Display markers on the track, one for each possible value for the model",
+      "category": "content"
+    },
+    "snap": {
+      "type": "Boolean",
+      "desc": "Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop",
+      "category": "behavior"
+    },
+    "thumb-path": {
+      "type": "String",
+      "desc": "Set custom thumb svg path",
+      "default": "M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0",
+      "examples": [
+        "M5 5 h10 v10 h-10 v-10"
+      ],
+      "category": "style"
+    },
+    "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"
+    },
+    "readonly": {
+      "type": "Boolean",
+      "desc": "Put component in readonly mode",
+      "category": "state"
+    },
+    "tabindex": {
+      "type": [
+        "Number",
+        "String"
+      ],
+      "desc": "Tabindex HTML attribute value",
+      "examples": [
+        "0",
+        "100"
+      ],
+      "category": "general"
+    }
+  },
+  "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
+        }
+      }
+    },
+    "change": {
+      "desc": "Emitted on lazy model value change (after user slides then releases the thumb)",
+      "params": {
+        "value": {
+          "type": "Any",
+          "desc": "New model value",
+          "required": true
+        }
+      }
+    },
+    "pan": {
+      "desc": "Triggered when user starts panning on the component",
+      "params": {
+        "phase": {
+          "type": "String",
+          "desc": "Phase of panning",
+          "values": [
+            "start",
+            "end"
+          ]
+        }
+      }
+    }
+  }
+}