{
  "mixins": [
    {
      "props": {
        "model-value": {
          "type": "Any",
          "desc": "Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.",
          "examples": [
            "# v-model=\"panelName\""
          ],
          "required": true,
          "category": "model"
        },
        "keep-alive": {
          "type": "Boolean",
          "desc": "Equivalent to using Vue's native <keep-alive> component on the content",
          "category": "behavior"
        },
        "keep-alive-include": {
          "type": [
            "String",
            "Array",
            "RegExp"
          ],
          "desc": "Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names",
          "examples": [
            "'a,b'",
            "/a|b/",
            "[ 'a', 'b' ]"
          ],
          "category": "behavior"
        },
        "keep-alive-exclude": {
          "type": [
            "String",
            "Array",
            "RegExp"
          ],
          "desc": "Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names",
          "examples": [
            "'a,b'",
            "/a|b/",
            "[ 'a', 'b' ]"
          ],
          "category": "behavior"
        },
        "keep-alive-max": {
          "type": "Number",
          "desc": "Equivalent to using Vue's native max prop for <keep-alive>",
          "category": "behavior"
        },
        "animated": {
          "type": "Boolean",
          "desc": "Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)",
          "category": "behavior"
        },
        "infinite": {
          "type": "Boolean",
          "desc": "Makes component appear as infinite (when reaching last panel, next one will become the first one)",
          "category": "behavior"
        },
        "swipeable": {
          "type": "Boolean",
          "desc": "Enable swipe events (may interfere with content's touch/mouse events)",
          "category": "behavior"
        },
        "vertical": {
          "type": "Boolean",
          "desc": "Default transitions and swipe actions will be on the vertical axis",
          "category": "behavior"
        },
        "transition-prev": {
          "extends": "transition",
          "desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
          "default": "# slide-right/slide-down",
          "__runtimeDefault": true,
          "category": "transition"
        },
        "transition-next": {
          "extends": "transition",
          "desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
          "default": "# slide-left/slide-up",
          "__runtimeDefault": true,
          "category": "transition"
        },
        "transition-duration": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "Transition duration (in milliseconds, without unit)",
          "default": "300",
          "category": "transition",
          "addedIn": "v2.2"
        },
        "dark": {
          "extends": "dark"
        }
      },
      "events": {
        "update:model-value": {
          "desc": "Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model",
          "params": {
            "value": {
              "type": [
                "String",
                "Number"
              ],
              "desc": "New current panel name",
              "examples": [
                "'dashboard'"
              ]
            }
          }
        },
        "before-transition": {
          "desc": "Emitted before transitioning to a new panel",
          "params": {
            "newVal": {
              "type": [
                "String",
                "Number"
              ],
              "desc": "Panel name towards transition is going",
              "examples": [
                "'dashboard'"
              ]
            },
            "oldVal": {
              "type": [
                "String",
                "Number"
              ],
              "desc": "Panel name from which transition is happening",
              "examples": [
                "'dashboard'"
              ]
            }
          }
        },
        "transition": {
          "desc": "Emitted after component transitioned to a new panel",
          "params": {
            "newVal": {
              "type": [
                "String",
                "Number"
              ],
              "desc": "Panel name towards transition has occurred",
              "examples": [
                "'dashboard'"
              ]
            },
            "oldVal": {
              "type": [
                "String",
                "Number"
              ],
              "desc": "Panel name from which transition has happened",
              "examples": [
                "'dashboard'"
              ]
            }
          }
        }
      },
      "methods": {
        "next": {
          "desc": "Go to next panel",
          "params": null,
          "returns": null
        },
        "previous": {
          "desc": "Go to previous panel",
          "params": null,
          "returns": null
        },
        "goTo": {
          "desc": "Go to specific panel",
          "params": {
            "panelName": {
              "type": [
                "String",
                "Number"
              ],
              "desc": "Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer",
              "required": true,
              "examples": [
                "'dashboard'"
              ]
            }
          },
          "returns": null
        }
      }
    }
  ],
  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/tab-panels"
  },
  "props": {
    "model-value": {
      "type": "Any",
      "desc": "Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.",
      "examples": [
        "# v-model=\"panelName\""
      ],
      "required": true,
      "category": "model"
    },
    "keep-alive": {
      "type": "Boolean",
      "desc": "Equivalent to using Vue's native <keep-alive> component on the content",
      "category": "behavior"
    },
    "keep-alive-include": {
      "type": [
        "String",
        "Array",
        "RegExp"
      ],
      "desc": "Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names",
      "examples": [
        "'a,b'",
        "/a|b/",
        "[ 'a', 'b' ]"
      ],
      "category": "behavior"
    },
    "keep-alive-exclude": {
      "type": [
        "String",
        "Array",
        "RegExp"
      ],
      "desc": "Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names",
      "examples": [
        "'a,b'",
        "/a|b/",
        "[ 'a', 'b' ]"
      ],
      "category": "behavior"
    },
    "keep-alive-max": {
      "type": "Number",
      "desc": "Equivalent to using Vue's native max prop for <keep-alive>",
      "category": "behavior"
    },
    "animated": {
      "type": "Boolean",
      "desc": "Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)",
      "category": "behavior"
    },
    "infinite": {
      "type": "Boolean",
      "desc": "Makes component appear as infinite (when reaching last panel, next one will become the first one)",
      "category": "behavior"
    },
    "swipeable": {
      "type": "Boolean",
      "desc": "Enable swipe events (may interfere with content's touch/mouse events)",
      "category": "behavior"
    },
    "vertical": {
      "type": "Boolean",
      "desc": "Default transitions and swipe actions will be on the vertical axis",
      "category": "behavior"
    },
    "transition-prev": {
      "extends": "transition",
      "desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
      "default": "# slide-right/slide-down",
      "__runtimeDefault": true,
      "category": "transition"
    },
    "transition-next": {
      "extends": "transition",
      "desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
      "default": "# slide-left/slide-up",
      "__runtimeDefault": true,
      "category": "transition"
    },
    "transition-duration": {
      "type": [
        "String",
        "Number"
      ],
      "desc": "Transition duration (in milliseconds, without unit)",
      "default": "300",
      "category": "transition",
      "addedIn": "v2.2"
    },
    "dark": {
      "extends": "dark"
    }
  },
  "slots": {
    "default": {
      "extends": "default"
    }
  },
  "events": {
    "update:model-value": {
      "desc": "Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model",
      "params": {
        "value": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "New current panel name",
          "examples": [
            "'dashboard'"
          ]
        }
      }
    },
    "before-transition": {
      "desc": "Emitted before transitioning to a new panel",
      "params": {
        "newVal": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "Panel name towards transition is going",
          "examples": [
            "'dashboard'"
          ]
        },
        "oldVal": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "Panel name from which transition is happening",
          "examples": [
            "'dashboard'"
          ]
        }
      }
    },
    "transition": {
      "desc": "Emitted after component transitioned to a new panel",
      "params": {
        "newVal": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "Panel name towards transition has occurred",
          "examples": [
            "'dashboard'"
          ]
        },
        "oldVal": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "Panel name from which transition has happened",
          "examples": [
            "'dashboard'"
          ]
        }
      }
    }
  },
  "methods": {
    "next": {
      "desc": "Go to next panel",
      "params": null,
      "returns": null
    },
    "previous": {
      "desc": "Go to previous panel",
      "params": null,
      "returns": null
    },
    "goTo": {
      "desc": "Go to specific panel",
      "params": {
        "panelName": {
          "type": [
            "String",
            "Number"
          ],
          "desc": "Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer",
          "required": true,
          "examples": [
            "'dashboard'"
          ]
        }
      },
      "returns": null
    }
  }
}