wave-ui 3.10.1 → 3.12.0

package/dist/types/components/WForm.d.ts

@@ -0,0 +1,165 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveFormProps {
+    /**
+     * ``value` in Vue 2.`
+     * Contains the status of the form validity at all times. Three values are possible: `null` when pristine (untouched), `false` when invalid, `true` when valid.
+     * This value gets updated every time a validation is triggered on a single field or on all the fields at once on form submit.
+     * Setting this value to `null` will reset the form.
+     * @property {any} modelValue
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    modelValue?: any;
+    /**
+     * Native HTML submits the form to the server when all the form elements are valid.
+     * Usually and by default, the form submission is prevented and an AJAX call is made from the front end. This is completely up to the developer.
+     * @property {boolean} allowSubmit
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    allowSubmit?: boolean;
+    /**
+     * Prevents the form element validation on keyup (happening by default).
+     * @property {boolean} noKeyupValidation
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    noKeyupValidation?: boolean;
+    /**
+     * Prevents the form element validation on blur (happening by default).
+     * @property {boolean} noBlurValidation
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    noBlurValidation?: boolean;
+    /**
+     * Reserves a space under all the form elements so that triggering an error and showing the error message will not change the height of the form.
+     * @property {boolean} errorPlaceholders
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    errorPlaceholders?: boolean;
+    /**
+     * Applies a specific color to any input field failing the validation.
+     * Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
+     * Providing a color hex, rgb(a) or hsl(a) will not work.
+     * @property {string} validationColor - Default: 'error'
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    validationColor?: string;
+    /**
+     * Disables all the form fields all at once, making them unreactive to user interactions.
+     * @property {boolean} disabled
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    disabled?: boolean;
+    /**
+     * Set all the form fields to readonly all at once. The fields will still look interactive but their value will not be editable by user interaction.
+     * @property {boolean} readonly
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    readonly?: boolean;
+}
+export interface WaveFormEmits {
+    /**
+     * Emitted on form submit.
+     * @param {any} renameMe1 - The associated reset DOM event.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onSubmit'?: (renameMe1: any) => void;
+    /**
+     * Emitted before validation, every time a validation is triggered.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onBeforeValidate'?: () => void;
+    /**
+     * Emitted on form validate, every time a validation is triggered.<br>Returns a single object containing:
+     * @param {any} renameMe1 - The associated DOM event.
+     * @param {any} renameMe2 - An integer representing the number of errors in the form.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onValidate'?: (renameMe1: any, renameMe2: any) => void;
+    /**
+     * Emitted on form success, when there is no error in the form and the validation is successful.<br>Returns a single object containing:
+     * @param {any} renameMe1 - The associated DOM event.
+     * @param {any} renameMe2 - An integer representing the number of errors in the form.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onSuccess'?: (renameMe1: any, renameMe2: any) => void;
+    /**
+     * Emitted on form error, when there is at least one error in the form and the validation fails.<br>Returns a single object containing:
+     * @param {any} renameMe1 - The associated DOM event.
+     * @param {any} renameMe2 - An integer representing the number of errors in the form.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onError'?: (renameMe1: any, renameMe2: any) => void;
+    /**
+     * Emitted on form reset. A reset can be triggered by setting the v-model value to null or by clicking on a reset button.
+     * @param {any} renameMe1 - The associated reset DOM event.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onReset'?: (renameMe1: any) => void;
+    /**
+     * Emitted every time the form status changes.<br>Updates the v-model value in Vue 2.x only.
+     * @param {any} renameMe1 - The new status of the form: one of <code>null</code> when pristine, <code>false</code> when invalid, <code>true</code> when valid.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onInput'?: (renameMe1: any) => void;
+    /**
+     * Emitted every time the form status changes.<br>Updates the v-model value in Vue 3 only.
+     * @param {any} renameMe1 - The new status of the form: one of <code>null</code> when pristine, <code>false</code> when invalid, <code>true</code> when valid.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onUpdate:modelValue'?: (renameMe1: any) => void;
+    /**
+     * Emitted every time the errorsCount changes. To be used with <code>:errors-count.sync</code> in Vue 2 or <code>v-model:errors-count</code> in Vue 3.
+     * @param {any} renameMe1 - The number of errors in the form.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'onUpdate:errorsCount'?: (renameMe1: any) => void;
+}
+export interface WaveFormComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveFormMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @param {any} formElement
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    register(formElement: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} formElement
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    unregister(formElement: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    reset(e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} [count] - null
+     * @param {any} [reset] - false
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    updateErrorsCount(count?: any, reset?: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    onSubmit(e: any): void;
+}
+export type WaveFormSlots = SlotsType<{
+    /**
+     * The form content.
+     * @see https://antoniandre.github.io/wave-ui/w-form
+     */
+    'default': () => any;
+}>;
+export type WForm = DefineComponent<WaveFormProps, {}, {}, WaveFormComputeds, WaveFormMethods, {}, {}, WaveFormEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveFormProps & WaveFormEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveFormProps>, WaveFormSlots>;

package/dist/types/components/WForm.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/components/WFormElement.d.ts

@@ -0,0 +1,112 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveFormElementProps {
+    /**
+     * TODO: Add Description
+     * @property {any} [valid]
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    valid: any;
+    /**
+     * TODO: Add Description
+     * @property {boolean} disabled
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    disabled?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} readonly
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    readonly?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {any} [inputValue]
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    inputValue: any;
+    /**
+     * TODO: Add Description
+     * @property {Array<any>} validators
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    validators?: Array<any>;
+    /**
+     * TODO: Add Description
+     * @property {any} isFocused - Default: false
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    isFocused?: any;
+    /**
+     * TODO: Add Description
+     * @property {any} column - Default: false
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    column?: any;
+    /**
+     * TODO: Add Description
+     * @property {any} wrap - Default: false
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    wrap?: any;
+    /**
+     * TODO: Add Description
+     * @property {any} formRegister - Default: null
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    formRegister?: any;
+    /**
+     * TODO: Add Description
+     * @property {any} formUnregister - Default: null
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    formUnregister?: any;
+    /**
+     * TODO: Add Description
+     * @property {any} validateElement - Default: null
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    validateElement?: any;
+}
+export interface WaveFormElementEmits {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    'onReset'?: () => void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    'onUpdate:valid'?: () => void;
+}
+export interface WaveFormElementComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveFormElementMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    reset(): void;
+}
+export type WaveFormElementSlots = SlotsType<{
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    'default': () => any;
+    /**
+     * TODO: Add Description
+     * @param {any} message TODO: Describe me!
+     * @see https://antoniandre.github.io/wave-ui/w-form-element
+     */
+    'error-message': (_: {
+        message: any;
+    }) => any;
+}>;
+export type WFormElement = DefineComponent<WaveFormElementProps, {}, {}, WaveFormElementComputeds, WaveFormElementMethods, {}, {}, WaveFormElementEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveFormElementProps & WaveFormElementEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveFormElementProps>, WaveFormElementSlots>;

package/dist/types/components/WFormElement.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/components/WGrid.d.ts

@@ -0,0 +1,51 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveGridProps {
+    /**
+     * TODO: Add Description
+     * @property {string} tag - Default: 'div'
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    tag?: string;
+    /**
+     * TODO: Add Description
+     * @property {number|{}|string} columns
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    columns?: number | {} | string;
+    /**
+     * TODO: Add Description
+     * @property {number|{}|string} gap - Default: 0
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    gap?: number | {} | string;
+}
+export interface WaveGridEmits {
+}
+export interface WaveGridComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    breakpointsColumns: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    breakpointsGap: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveGridMethods extends MethodOptions {
+}
+export type WaveGridSlots = SlotsType<{
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-grid
+     */
+    'default': () => any;
+}>;
+export type WGrid = DefineComponent<WaveGridProps, {}, {}, WaveGridComputeds, WaveGridMethods, {}, {}, WaveGridEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveGridProps & WaveGridEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveGridProps>, WaveGridSlots>;

package/dist/types/components/WGrid.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/components/WIcon.d.ts

@@ -0,0 +1,167 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveIconProps {
+    /**
+     * The HTML tag to render the icon into. `<i>` by default.
+     * @property {string} tag - Default: 'i'
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    tag?: string;
+    /**
+     * Applies a color to the icon's text. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
+     * Providing a color hex, rgb(a) or hsl(a) will not work.
+     * @property {string} color
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    color?: string;
+    /**
+     * Applies a color to the icon's background. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
+     * Providing a color hex, rgb(a) or hsl(a) will not work.
+     * @property {string} bgColor
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    bgColor?: string;
+    /**
+     * Sets the size of the icon (font-size).
+     * @property {boolean} xs
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    xs?: boolean;
+    /**
+     * Sets the size of the icon (font-size).
+     * @property {boolean} sm
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    sm?: boolean;
+    /**
+     * Sets the size of the icon (font-size).
+     * @property {boolean} md
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    md?: boolean;
+    /**
+     * Sets the size of the icon (font-size).
+     * @property {boolean} lg
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    lg?: boolean;
+    /**
+     * Sets the size of the icon (font-size).
+     * @property {boolean} xl
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    xl?: boolean;
+    /**
+     * Applies a continuous centered spin movement on the icon.
+     * @property {boolean} spin
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    spin?: boolean;
+    /**
+     * Applies a continuous centered anticlockwise spin movement on the icon.
+     * @property {boolean} spinA
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    spinA?: boolean;
+    /**
+     * Rotates the icon of 135 degrees anticlockwise.
+     * @property {boolean} rotate135a
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate135a?: boolean;
+    /**
+     * Rotates the icon of 90 degrees anticlockwise.
+     * @property {boolean} rotate90a
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate90a?: boolean;
+    /**
+     * Rotates the icon of 45 degrees anticlockwise.
+     * @property {boolean} rotate45a
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate45a?: boolean;
+    /**
+     * Rotates the icon of 45 degrees clockwise.
+     * @property {boolean} rotate45
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate45?: boolean;
+    /**
+     * Rotates the icon of 90 degrees clockwise.
+     * @property {boolean} rotate90
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate90?: boolean;
+    /**
+     * Rotates the icon of 135 degrees clockwise.
+     * @property {boolean} rotate135
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate135?: boolean;
+    /**
+     * Rotates the icon of 180 degrees clockwise.
+     * @property {boolean} rotate180
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    rotate180?: boolean;
+    /**
+     * Flips the icon horizontally.
+     * @property {boolean} flipX
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    flipX?: boolean;
+    /**
+     * Flips the icon vertically.
+     * @property {boolean} flipY
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    flipY?: boolean;
+    /**
+     * Sets the font-size of the icon.
+     * Accepts a string made of a value and a unit (e.g. `2.5em`) or a number (e.g. `45`) that will be a pixel value.
+     * @property {number|string} size
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    size?: number | string;
+}
+export interface WaveIconEmits {
+}
+export interface WaveIconComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    hasLigature: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    forcedSize: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    presetSize: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    classes: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    styles: ComputedGetter<any>;
+}
+export interface WaveIconMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    readIcon(): void;
+}
+export type WaveIconSlots = SlotsType<{}>;
+export type WIcon = DefineComponent<WaveIconProps, {}, {}, WaveIconComputeds, WaveIconMethods, {}, {}, WaveIconEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveIconProps & WaveIconEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveIconProps>, WaveIconSlots>;

package/dist/types/components/WIcon.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/components/WImage.d.ts

@@ -0,0 +1,172 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveImageProps {
+    /**
+     * Tells which tag to use for the `w-image`'s image. It can be any valid HTML tag, like <span> or &lt;div&gt;. The wrapper of the image will use a &lt;span&gt; tag unless you use set the `tag` to div.
+     * If you use the `img` tag, the image itself will use the &lt;img&gt; tag and the wrapper will use a &lt;span&gt; tag. The image will have a particular behavior as explained in the `Using the &lt;img&gt; tag` example.
+     * @property {string} tag - Default: 'span'
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     * @see https://antoniandre.github.io/wave-ui/#using-the-img-tag
+     */
+    tag?: string;
+    /**
+     * The source of the image to display.
+     * @property {string} src
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    src?: string;
+    /**
+     * Sets the width of the image.
+     * Accepts a string made of a value and a unit (e.g. `10em`) or a number (e.g. `450`) that will be a pixel value.
+     * @property {number|string} width
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    width?: number | string;
+    /**
+     * Sets the height of the image.
+     * Accepts a string made of a value and a unit (e.g. `10em`) or a number (e.g. `450`) that will be a pixel value.
+     * @property {number|string} height
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    height?: number | string;
+    /**
+     * Sets the ratio of the image, allowing to only define a width or a height and preserve the image aspect ratio while resizing. Refer to the `Ratio` example.
+     * @property {number|string} ratio
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     * @see https://antoniandre.github.io/wave-ui/#ratio
+     */
+    ratio?: number | string;
+    /**
+     * When set to true, the image will only load when it starts being visible in the viewport.
+     * Refer to the `Lazy` example.
+     * @property {boolean} lazy
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     * @see https://antoniandre.github.io/wave-ui/#lazy
+     */
+    lazy?: boolean;
+    /**
+     * Sets the CSS position of the image to `absolute`.
+     * @property {boolean} absolute
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    absolute?: boolean;
+    /**
+     * Sets the CSS position of the image to `fixed`.
+     * @property {boolean} fixed
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    fixed?: boolean;
+    /**
+     * By default the `w-image` component uses a background to display the image, and it sets the `background-size` to "`cover`". This option will set the `background-size` to "`contain`".
+     * @property {boolean} contain
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    contain?: boolean;
+    /**
+     * Removes the default spinner while the image is loading.
+     * @property {boolean} noSpinner
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    noSpinner?: boolean;
+    /**
+     * Define a specific color for the spinner while the image is loading. By default the spinner color is the primary color.
+     * @property {string} spinnerColor
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    spinnerColor?: string;
+    /**
+     * Provides a fallback image, to display when the given image source is not found. Refer to the `Fallback` example.
+     * @property {string} fallback
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     * @see https://antoniandre.github.io/wave-ui/#fallback
+     */
+    fallback?: string;
+    /**
+     * Applies a particular transition to display the image when it is fully loaded.
+     * Check all the transitions that apply to the notification in the `Transitions` example. Refer to the `transitions` example.
+     * @property {string} transition - Default: 'fade'
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     * @see https://antoniandre.github.io/wave-ui/#transitions
+     * @see https://antoniandre.github.io/wave-ui/#transitions
+     */
+    transition?: string;
+    /**
+     * Applies the given classes to the content wrapper when using the `default` slot.
+     * @property {string|Array<any>|{}} contentClass
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    contentClass?: string | Array<any> | {};
+}
+export interface WaveImageEmits {
+    /**
+     * Emitted when the image starts loading.
+     * @param {any} renameMe1 - The image source that is being loaded (can be the provided <code>src</code> or <code>fallback</code> if the <code>src</code> already failed).
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    'onLoading'?: (renameMe1: any) => void;
+    /**
+     * Emitted on image successful load.
+     * @param {any} renameMe1 - The image source that was successfully loaded (can be the provided <code>src</code> or <code>fallback</code> if the <code>src</code> failed).
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    'onLoaded'?: (renameMe1: any) => void;
+    /**
+     * Emitted on image load error.
+     * @param {any} renameMe1 - The associated DOM event.
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    'onError'?: (renameMe1: any) => void;
+}
+export interface WaveImageComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    imgGivenRatio: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    wrapperTag: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    wrapperClasses: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    wrapperStyles: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    imageClasses: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    imageStyles: ComputedGetter<any>;
+}
+export interface WaveImageMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @param {any} [loadFallback] - false
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    loadImage(loadFallback?: any): void;
+}
+export type WaveImageSlots = SlotsType<{
+    /**
+     * Provide a custom loading content, if the default spinner doesn't suit in your app.
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    'loading': () => any;
+    /**
+     * Provide a custom content, to display on top of the image.
+     * @see https://antoniandre.github.io/wave-ui/w-image
+     */
+    'default': () => any;
+}>;
+export type WImage = DefineComponent<WaveImageProps, {}, {}, WaveImageComputeds, WaveImageMethods, {}, {}, WaveImageEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveImageProps & WaveImageEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveImageProps>, WaveImageSlots>;