{
  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/parallax"
  },

  "props": {
    "src": {
      "type": "String",
      "desc": "Path to image (unless a 'media' slot is used)",
      "transformAssetUrls": true,
      "examples": [
        "# (public folder) src=\"img/something.png\"",
        "# (assets folder) src=\"~@/assets/my-img.png\"",
        "# (relative path format) :src=\"require('./my_img.jpg')\"",
        "# (URL) src=\"https://some-site.net/some-img.jpg\""
      ],
      "category": "model"
    },

    "height": {
      "type": "Number",
      "desc": "Height of component (in pixels)",
      "default": "500",
      "category": "style"
    },

    "speed": {
      "type": "Number",
      "desc": "Speed of parallax effect (0.0 < x < 1.0)",
      "default": "1",
      "category": "behavior"
    },

    "scroll-target": {
      "extends": "scroll-target",
      "desc": "CSS selector or DOM element to be used as the container box the scroll percentage is computed against, instead of the auto detected one; the scrolling itself is detected in any scrolling container"
    }
  },

  "slots": {
    "default": {
      "desc": "Default slot can be used for content that gets displayed on top of the component"
    },

    "media": {
      "desc": "Slot for describing <img> or <video> tags"
    },

    "content": {
      "desc": "Scoped slot for describing content that gets displayed on top of the component; If specified, it overrides the default slot",
      "scope": {
        "percentScrolled": {
          "type": "Number",
          "desc": "Percentage (0.0 < x < 1.0) of scroll in regards to QParallax"
        }
      }
    }
  },

  "events": {
    "scroll": {
      "desc": "Emitted when scrolling occurs",
      "params": {
        "percentage": {
          "type": "Number",
          "desc": "Number between 0.0 and 1.0 defining the scrolled percentage of the component"
        }
      }
    }
  },

  "methods": {
    "refresh": {
      "desc": "Re-evaluates what is settled at mount: the scrolling container and the way the media is moved along it, the media size and the position; call it after a change the component cannot observe on its own, like an ancestor changing its overflow, a media swap without a load event or a 'scroll-target' that appeared later",
      "addedIn": "v2.32",
      "params": null,
      "returns": null
    }
  }
}
