quasar 2.14.5 → 2.14.7

package/dist/api/QFooter.json

@@ -1,60 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/layout/header-and-footer"
-  },
-  "props": {
-    "model-value": {
-      "desc": "Model of the component defining if it is shown or hidden to the user; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "required": false,
-      "syncable": true,
-      "category": "model",
-      "type": "Boolean",
-      "default": true,
-      "examples": [
-        "v-model=\"footerState\""
-      ]
-    },
-    "reveal": {
-      "type": "Boolean",
-      "desc": "Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide footer",
-      "category": "behavior"
-    },
-    "bordered": {
-      "type": "Boolean",
-      "desc": "Applies a default border to the component",
-      "category": "style"
-    },
-    "elevated": {
-      "type": "Boolean",
-      "desc": "Adds a default shadow to the footer",
-      "category": "style"
-    },
-    "height-hint": {
-      "type": [
-        "Number",
-        "String"
-      ],
-      "desc": "When using SSR, you can optionally hint of the height (in pixels) of the QFooter",
-      "default": 50,
-      "category": "behavior",
-      "required": false
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Default slot in the devland unslotted content of the component; Suggestion: QToolbar"
-    }
-  },
-  "events": {
-    "reveal": {
-      "desc": "Emitted when 'reveal' state gets changed",
-      "params": {
-        "value": {
-          "type": "Boolean",
-          "desc": "New 'reveal' state"
-        }
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/header-and-footer"},"props":{"model-value":{"desc":"Model of the component defining if it is shown or hidden to the user; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":"Boolean","default":true,"examples":["v-model=\"footerState\""]},"reveal":{"type":"Boolean","desc":"Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide footer","category":"behavior"},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"elevated":{"type":"Boolean","desc":"Adds a default shadow to the footer","category":"style"},"height-hint":{"type":["Number","String"],"desc":"When using SSR, you can optionally hint of the height (in pixels) of the QFooter","default":50,"category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component; Suggestion: QToolbar"}},"events":{"reveal":{"desc":"Emitted when 'reveal' state gets changed","params":{"value":{"type":"Boolean","desc":"New 'reveal' state"}}}}}

package/dist/api/QForm.json

@@ -1,112 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/form"
-  },
-  "props": {
-    "autofocus": {
-      "type": "Boolean",
-      "desc": "Focus first focusable element on initial component render",
-      "category": "behavior"
-    },
-    "no-error-focus": {
-      "type": "Boolean",
-      "desc": "Do not try to focus on first component that has a validation error when submitting form",
-      "category": "behavior"
-    },
-    "no-reset-focus": {
-      "type": "Boolean",
-      "desc": "Do not try to focus on first component when resetting form",
-      "category": "behavior"
-    },
-    "greedy": {
-      "type": "Boolean",
-      "desc": "Validate all fields in form (by default it stops after finding the first invalid field with synchronous validation)",
-      "category": "behavior"
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Default slot in the devland unslotted content of the component"
-    }
-  },
-  "events": {
-    "submit": {
-      "desc": "Emitted when all validations have passed when tethered to a submit button",
-      "params": {
-        "evt": {
-          "type": [
-            "Event",
-            "SubmitEvent"
-          ],
-          "desc": "Form submission event object"
-        }
-      }
-    },
-    "reset": {
-      "desc": "Emitted when all validations have been reset when tethered to a reset button; It is recommended to manually reset the wrapped components models in this handler"
-    },
-    "validation-success": {
-      "desc": "Emitted after a validation was triggered and all inner Quasar components models are valid"
-    },
-    "validation-error": {
-      "desc": "Emitted after a validation was triggered and at least one of the inner Quasar components models are NOT valid",
-      "params": {
-        "ref": {
-          "type": "Component",
-          "desc": "Vue reference to the first component that triggered the validation error"
-        }
-      }
-    }
-  },
-  "methods": {
-    "focus": {
-      "desc": "Focus on first focusable element/component in the form"
-    },
-    "validate": {
-      "desc": "Triggers a validation on all applicable inner Quasar components",
-      "params": {
-        "shouldFocus": {
-          "type": "Boolean",
-          "desc": "Tell if it should focus or not on component with error on submitting form; Overrides 'no-focus-error' prop if specified"
-        }
-      },
-      "returns": {
-        "type": "Promise<boolean>",
-        "desc": "Promise is always fulfilled and receives the outcome (true -> validation was a success, false -> invalid models detected)",
-        "examples": [
-          "validate().then(outcome => { ... })"
-        ]
-      }
-    },
-    "resetValidation": {
-      "desc": "Resets the validation on all applicable inner Quasar components"
-    },
-    "submit": {
-      "desc": "Manually trigger form validation and submit",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "JS event object"
-        }
-      }
-    },
-    "reset": {
-      "desc": "Manually trigger form reset",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "JS event object"
-        }
-      }
-    },
-    "getValidationComponents": {
-      "desc": "Get an array of children Vue component instances that support Quasar validation API (derived from QField, or using useFormChild()/QFormChildMixin)",
-      "returns": {
-        "type": "Array",
-        "tsType": "QFormChildComponent",
-        "desc": "Quasar validation API-compatible Vue component instances"
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/form"},"props":{"autofocus":{"type":"Boolean","desc":"Focus first focusable element on initial component render","category":"behavior"},"no-error-focus":{"type":"Boolean","desc":"Do not try to focus on first component that has a validation error when submitting form","category":"behavior"},"no-reset-focus":{"type":"Boolean","desc":"Do not try to focus on first component when resetting form","category":"behavior"},"greedy":{"type":"Boolean","desc":"Validate all fields in form (by default it stops after finding the first invalid field with synchronous validation)","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"submit":{"desc":"Emitted when all validations have passed when tethered to a submit button","params":{"evt":{"type":["Event","SubmitEvent"],"desc":"Form submission event object"}}},"reset":{"desc":"Emitted when all validations have been reset when tethered to a reset button; It is recommended to manually reset the wrapped components models in this handler"},"validation-success":{"desc":"Emitted after a validation was triggered and all inner Quasar components models are valid"},"validation-error":{"desc":"Emitted after a validation was triggered and at least one of the inner Quasar components models are NOT valid","params":{"ref":{"type":"Component","desc":"Vue reference to the first component that triggered the validation error"}}}},"methods":{"focus":{"desc":"Focus on first focusable element/component in the form"},"validate":{"desc":"Triggers a validation on all applicable inner Quasar components","params":{"shouldFocus":{"type":"Boolean","desc":"Tell if it should focus or not on component with error on submitting form; Overrides 'no-focus-error' prop if specified"}},"returns":{"type":"Promise<boolean>","desc":"Promise is always fulfilled and receives the outcome (true -> validation was a success, false -> invalid models detected)","examples":["validate().then(outcome => { ... })"]}},"resetValidation":{"desc":"Resets the validation on all applicable inner Quasar components"},"submit":{"desc":"Manually trigger form validation and submit","params":{"evt":{"type":"Event","desc":"JS event object"}}},"reset":{"desc":"Manually trigger form reset","params":{"evt":{"type":"Event","desc":"JS event object"}}},"getValidationComponents":{"desc":"Get an array of children Vue component instances that support Quasar validation API (derived from QField, or using useFormChild()/QFormChildMixin)","returns":{"type":"Array","tsType":"QFormChildComponent","desc":"Quasar validation API-compatible Vue component instances"}}}}

package/dist/api/QFormChildMixin.json

@@ -1,24 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/form"
-  },
-  "methods": {
-    "validate": {
-      "desc": "Needs to be overwritten when getting extended/mixed in",
-      "returns": {
-        "type": [
-          "Boolean",
-          "Promise<boolean>"
-        ],
-        "desc": "Promise is always fulfilled and receives the outcome (true -> validation was a success, false -> invalid models detected)",
-        "examples": [
-          "validate().then(outcome => { ... })"
-        ]
-      }
-    },
-    "resetValidation": {
-      "desc": "Needs to be overwritten when getting extended/mixed in"
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/form"},"methods":{"validate":{"desc":"Needs to be overwritten when getting extended/mixed in","returns":{"type":["Boolean","Promise<boolean>"],"desc":"Promise is always fulfilled and receives the outcome (true -> validation was a success, false -> invalid models detected)","examples":["validate().then(outcome => { ... })"]}},"resetValidation":{"desc":"Needs to be overwritten when getting extended/mixed in"}}}

package/dist/api/QHeader.json

@@ -1,67 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/layout/header-and-footer"
-  },
-  "props": {
-    "model-value": {
-      "desc": "Model of the component defining if it is shown or hidden to the user; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "required": false,
-      "syncable": true,
-      "category": "model",
-      "type": "Boolean",
-      "default": true,
-      "examples": [
-        "v-model=\"headerState\""
-      ]
-    },
-    "reveal": {
-      "type": "Boolean",
-      "desc": "Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide header",
-      "category": "behavior"
-    },
-    "reveal-offset": {
-      "type": "Number",
-      "desc": "Amount of scroll (in pixels) that should trigger a 'reveal' state change",
-      "default": 250,
-      "category": "behavior",
-      "required": false
-    },
-    "bordered": {
-      "type": "Boolean",
-      "desc": "Applies a default border to the component",
-      "category": "style"
-    },
-    "elevated": {
-      "type": "Boolean",
-      "desc": "Adds a default shadow to the header",
-      "category": "style"
-    },
-    "height-hint": {
-      "type": [
-        "Number",
-        "String"
-      ],
-      "desc": "When using SSR, you can optionally hint of the height (in pixels) of the QHeader",
-      "default": 50,
-      "category": "behavior",
-      "required": false
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Default slot in the devland unslotted content of the component; Suggestion: QToolbar"
-    }
-  },
-  "events": {
-    "reveal": {
-      "desc": "Emitted when 'reveal' state gets changed",
-      "params": {
-        "value": {
-          "type": "Boolean",
-          "desc": "New 'reveal' state"
-        }
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/header-and-footer"},"props":{"model-value":{"desc":"Model of the component defining if it is shown or hidden to the user; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":"Boolean","default":true,"examples":["v-model=\"headerState\""]},"reveal":{"type":"Boolean","desc":"Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide header","category":"behavior"},"reveal-offset":{"type":"Number","desc":"Amount of scroll (in pixels) that should trigger a 'reveal' state change","default":250,"category":"behavior","required":false},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"elevated":{"type":"Boolean","desc":"Adds a default shadow to the header","category":"style"},"height-hint":{"type":["Number","String"],"desc":"When using SSR, you can optionally hint of the height (in pixels) of the QHeader","default":50,"category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component; Suggestion: QToolbar"}},"events":{"reveal":{"desc":"Emitted when 'reveal' state gets changed","params":{"value":{"type":"Boolean","desc":"New 'reveal' state"}}}}}

package/dist/api/QIcon.json

@@ -1,69 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/icon"
-  },
-  "props": {
-    "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"
-    },
-    "tag": {
-      "type": "String",
-      "desc": "HTML tag to render, unless no icon is supplied or it's an svg icon",
-      "examples": [
-        "div",
-        "span",
-        "div",
-        "i"
-      ],
-      "category": "content",
-      "default": "i",
-      "required": false
-    },
-    "name": {
-      "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "model"
-    },
-    "color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "left": {
-      "type": "Boolean",
-      "desc": "Useful if icon is on the left side of something: applies a standard margin on the right side of Icon",
-      "category": "content"
-    },
-    "right": {
-      "type": "Boolean",
-      "desc": "Useful if icon is on the right side of something: applies a standard margin on the left side of Icon",
-      "category": "content"
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Suggestions: QTooltip or QMenu"
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/icon"},"props":{"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"},"tag":{"type":"String","desc":"HTML tag to render, unless no icon is supplied or it's an svg icon","examples":["div","span","div","i"],"category":"content","default":"i","required":false},"name":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"model"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"left":{"type":"Boolean","desc":"Useful if icon is on the left side of something: applies a standard margin on the right side of Icon","category":"content"},"right":{"type":"Boolean","desc":"Useful if icon is on the right side of something: applies a standard margin on the left side of Icon","category":"content"}},"slots":{"default":{"desc":"Suggestions: QTooltip or QMenu"}}}

package/dist/api/QImg.json

@@ -1,279 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/img"
-  },
-  "props": {
-    "ratio": {
-      "type": [
-        "String",
-        "Number"
-      ],
-      "desc": "Force the component to maintain an aspect ratio",
-      "examples": [
-        ":ratio=\"4/3\"",
-        ":ratio=\"16/9\"",
-        "ratio=\"1\"",
-        "(Number format) :ratio=\"16/9\"",
-        "(String format) ratio=\"1\""
-      ],
-      "category": "style"
-    },
-    "src": {
-      "type": "String",
-      "desc": "Path to image",
-      "transformAssetUrls": true,
-      "examples": [
-        "(public folder) src=\"img/something.png\"",
-        "(assets folder) src=\"~assets/my-img.gif\"",
-        "(relative path format) :src=\"require('./my_img.jpg')\"",
-        "(URL) src=\"https://picsum.photos/500/300\""
-      ],
-      "category": "model"
-    },
-    "srcset": {
-      "type": "String",
-      "desc": "Same syntax as <img> srcset attribute",
-      "link": "https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Different_sizes",
-      "examples": [
-        "elva-fairy-320w.jpg 320w, elva-fairy-480w.jpg 480w"
-      ],
-      "category": "model"
-    },
-    "sizes": {
-      "type": "String",
-      "desc": "Same syntax as <img> sizes attribute",
-      "link": "https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Different_sizes",
-      "examples": [
-        "(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"
-      ],
-      "category": "model"
-    },
-    "placeholder-src": {
-      "type": "String",
-      "desc": "While waiting for your image to load, you can use a placeholder image",
-      "transformAssetUrls": true,
-      "examples": [
-        "(public folder) src=\"img/some-placeholder.png\"",
-        "(assets folder) src=\"~assets/my-placeholder.gif\"",
-        "(relative path format) :src=\"require('./placeholder.jpg')\"",
-        "(URL) src=\"https://picsum.photos/500/300\""
-      ],
-      "category": "model"
-    },
-    "initial-ratio": {
-      "type": [
-        "String",
-        "Number"
-      ],
-      "desc": "Use it when not specifying 'ratio' but still wanting an initial aspect ratio",
-      "default": "16/9",
-      "examples": [
-        "(Number format) :initial-ratio=\"16/9\"",
-        "(String format) initial-ratio=\"1\""
-      ],
-      "category": "style",
-      "required": false
-    },
-    "width": {
-      "type": "String",
-      "desc": "Forces image width; Must also include the unit (px or %)",
-      "examples": [
-        "280px",
-        "70%"
-      ],
-      "category": "style"
-    },
-    "height": {
-      "type": "String",
-      "desc": "Forces image height; Must also include the unit (px or %)",
-      "examples": [
-        "280px",
-        "70%"
-      ],
-      "category": "style"
-    },
-    "loading": {
-      "type": "String",
-      "desc": "Lazy or immediate load; Same syntax as <img> loading attribute",
-      "default": "lazy",
-      "values": [
-        "lazy",
-        "eager"
-      ],
-      "category": "behavior",
-      "required": false
-    },
-    "crossorigin": {
-      "type": "String",
-      "desc": "Same syntax as <img> crossorigin attribute",
-      "values": [
-        "anonymous",
-        "use-credentials"
-      ],
-      "category": "behavior"
-    },
-    "decoding": {
-      "type": "String",
-      "desc": "Same syntax as <img> decoding attribute",
-      "values": [
-        "sync",
-        "async",
-        "auto"
-      ],
-      "category": "behavior"
-    },
-    "referrerpolicy": {
-      "type": "String",
-      "desc": "Same syntax as <img> referrerpolicy attribute",
-      "values": [
-        "no-referrer",
-        "no-referrer-when-downgrade",
-        "origin",
-        "origin-when-cross-origin",
-        "same-origin",
-        "strict-origin",
-        "strict-origin-when-cross-origin",
-        "unsafe-url"
-      ],
-      "category": "behavior"
-    },
-    "fetchpriority": {
-      "type": "String",
-      "desc": "Provides a hint of the relative priority to use when fetching the image",
-      "default": "auto",
-      "values": [
-        "high",
-        "low",
-        "auto"
-      ],
-      "category": "behavior",
-      "addedIn": "v2.6.6",
-      "required": false
-    },
-    "fit": {
-      "type": "String",
-      "desc": "How the image will fit into the container; Equivalent of the object-fit prop; Can be coordinated with 'position' prop",
-      "default": "cover",
-      "values": [
-        "cover",
-        "fill",
-        "contain",
-        "none",
-        "scale-down"
-      ],
-      "category": "style",
-      "required": false
-    },
-    "position": {
-      "type": "String",
-      "desc": "The alignment of the image into the container; Equivalent of the object-position CSS prop",
-      "default": "50% 50%",
-      "examples": [
-        "0 0",
-        "20px 50px"
-      ],
-      "category": "style",
-      "required": false
-    },
-    "alt": {
-      "type": "String",
-      "desc": "Specifies an alternate text for the image, if the image cannot be displayed",
-      "examples": [
-        "Two cats"
-      ],
-      "category": "content"
-    },
-    "draggable": {
-      "type": "Boolean",
-      "desc": "Adds the native 'draggable' attribute",
-      "category": "behavior"
-    },
-    "img-class": {
-      "type": "String",
-      "desc": "CSS classes to be attributed to the native img element",
-      "examples": [
-        "my-special-class"
-      ],
-      "category": "style"
-    },
-    "img-style": {
-      "type": "Object",
-      "tsType": "VueStyleObjectProp",
-      "desc": "Apply CSS to the native img element",
-      "examples": [
-        ":img-style=\"{ transform: 'rotate(45deg)' }\" "
-      ],
-      "category": "style"
-    },
-    "spinner-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for default Spinner (unless using a 'loading' slot)",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "spinner-size": {
-      "type": "String",
-      "desc": "Size in CSS units, including unit name, for default Spinner (unless using a 'loading' slot)",
-      "examples": [
-        "16px",
-        "2rem"
-      ],
-      "category": "style"
-    },
-    "no-spinner": {
-      "type": "Boolean",
-      "desc": "Do not display the default spinner while waiting for the image to be loaded; It is overriden by the 'loading' slot when one is present",
-      "category": "behavior"
-    },
-    "no-native-menu": {
-      "type": "Boolean",
-      "desc": "Disables the native context menu for the image",
-      "category": "behavior"
-    },
-    "no-transition": {
-      "type": "Boolean",
-      "desc": "Disable default transition when switching between old and new image",
-      "category": "behavior"
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Default slot can be used for captions. See examples"
-    },
-    "loading": {
-      "desc": "While image is loading, this slot is being displayed on top of the component; Suggestions: a spinner or text"
-    },
-    "error": {
-      "desc": "Optional slot to be used when image could not be loaded; make sure you assign a min-height and min-width to the component through CSS"
-    }
-  },
-  "events": {
-    "load": {
-      "desc": "Emitted when image has been loaded by the browser",
-      "params": {
-        "src": {
-          "type": "String",
-          "desc": "URL of image that has been loaded; useful when using 'srcset' and/or 'sizes'",
-          "examples": [
-            "https://some-site.net/some-img.gif"
-          ]
-        }
-      }
-    },
-    "error": {
-      "desc": "Emitted when browser could not load the image",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "JS Event object (same as the browser's native 'error' event)"
-        }
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/img"},"props":{"ratio":{"type":["String","Number"],"desc":"Force the component to maintain an aspect ratio","examples":[":ratio=\"4/3\"",":ratio=\"16/9\"","ratio=\"1\"","(Number format) :ratio=\"16/9\"","(String format) ratio=\"1\""],"category":"style"},"src":{"type":"String","desc":"Path to image","transformAssetUrls":true,"examples":["(public folder) src=\"img/something.png\"","(assets folder) src=\"~assets/my-img.gif\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"model"},"srcset":{"type":"String","desc":"Same syntax as <img> srcset attribute","link":"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Different_sizes","examples":["elva-fairy-320w.jpg 320w, elva-fairy-480w.jpg 480w"],"category":"model"},"sizes":{"type":"String","desc":"Same syntax as <img> sizes attribute","link":"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Different_sizes","examples":["(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"],"category":"model"},"placeholder-src":{"type":"String","desc":"While waiting for your image to load, you can use a placeholder image","transformAssetUrls":true,"examples":["(public folder) src=\"img/some-placeholder.png\"","(assets folder) src=\"~assets/my-placeholder.gif\"","(relative path format) :src=\"require('./placeholder.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"model"},"initial-ratio":{"type":["String","Number"],"desc":"Use it when not specifying 'ratio' but still wanting an initial aspect ratio","default":"16/9","examples":["(Number format) :initial-ratio=\"16/9\"","(String format) initial-ratio=\"1\""],"category":"style","required":false},"width":{"type":"String","desc":"Forces image width; Must also include the unit (px or %)","examples":["280px","70%"],"category":"style"},"height":{"type":"String","desc":"Forces image height; Must also include the unit (px or %)","examples":["280px","70%"],"category":"style"},"loading":{"type":"String","desc":"Lazy or immediate load; Same syntax as <img> loading attribute","default":"lazy","values":["lazy","eager"],"category":"behavior","required":false},"loading-show-delay":{"type":["Number","String"],"desc":"Delay showing the spinner when image changes; Gives time for the browser to load the image from cache to prevent flashing the spinner unnecessarily; Value should represent milliseconds","default":0,"examples":["500","caption-lines=\"1000\""],"category":"behavior","addedIn":"v2.14.6","required":false},"crossorigin":{"type":"String","desc":"Same syntax as <img> crossorigin attribute","values":["anonymous","use-credentials"],"category":"behavior"},"decoding":{"type":"String","desc":"Same syntax as <img> decoding attribute","values":["sync","async","auto"],"category":"behavior"},"referrerpolicy":{"type":"String","desc":"Same syntax as <img> referrerpolicy attribute","values":["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"],"category":"behavior"},"fetchpriority":{"type":"String","desc":"Provides a hint of the relative priority to use when fetching the image","default":"auto","values":["high","low","auto"],"category":"behavior","addedIn":"v2.6.6","required":false},"fit":{"type":"String","desc":"How the image will fit into the container; Equivalent of the object-fit prop; Can be coordinated with 'position' prop","default":"cover","values":["cover","fill","contain","none","scale-down"],"category":"style","required":false},"position":{"type":"String","desc":"The alignment of the image into the container; Equivalent of the object-position CSS prop","default":"50% 50%","examples":["0 0","20px 50px"],"category":"style","required":false},"alt":{"type":"String","desc":"Specifies an alternate text for the image, if the image cannot be displayed","examples":["Two cats"],"category":"content"},"draggable":{"type":"Boolean","desc":"Adds the native 'draggable' attribute","category":"behavior"},"img-class":{"type":"String","desc":"CSS classes to be attributed to the native img element","examples":["my-special-class"],"category":"style"},"img-style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Apply CSS to the native img element","examples":[":img-style=\"{ transform: 'rotate(45deg)' }\" "],"category":"style"},"spinner-color":{"type":"String","tsType":"NamedColor","desc":"Color name for default Spinner (unless using a 'loading' slot)","examples":["primary","teal","teal-10"],"category":"style"},"spinner-size":{"type":"String","desc":"Size in CSS units, including unit name, for default Spinner (unless using a 'loading' slot)","examples":["16px","2rem"],"category":"style"},"no-spinner":{"type":"Boolean","desc":"Do not display the default spinner while waiting for the image to be loaded; It is overriden by the 'loading' slot when one is present","category":"behavior"},"no-native-menu":{"type":"Boolean","desc":"Disables the native context menu for the image","category":"behavior"},"no-transition":{"type":"Boolean","desc":"Disable default transition when switching between old and new image","category":"behavior"}},"slots":{"default":{"desc":"Default slot can be used for captions. See examples"},"loading":{"desc":"While image is loading, this slot is being displayed on top of the component; Suggestions: a spinner or text"},"error":{"desc":"Optional slot to be used when image could not be loaded; make sure you assign a min-height and min-width to the component through CSS"}},"events":{"load":{"desc":"Emitted when image has been loaded by the browser","params":{"src":{"type":"String","desc":"URL of image that has been loaded; useful when using 'srcset' and/or 'sizes'","examples":["https://some-site.net/some-img.gif"]}}},"error":{"desc":"Emitted when browser could not load the image","params":{"evt":{"type":"Event","desc":"JS Event object (same as the browser's native 'error' event)"}}}}}