wave-ui 3.10.0 → 3.11.0

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

@@ -0,0 +1,263 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveSliderProps {
+    /**
+     * ``value` in Vue 2.`
+     * Dictates the range selection of the slider. When the user changes the range, the `v-model` value will be updated.
+     * @property {number} modelValue - Default: 0
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    modelValue?: number;
+    /**
+     * Applies a foreground color to the slider. 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 - Default: 'primary'
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    color?: string;
+    /**
+     * Applies a background color to the slider's track. 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-slider
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    bgColor?: string;
+    /**
+     * Applies a specific color to the slider's left and right labels. Note that on validation failure, the validation-color takes precedence.
+     * 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} labelColor - Default: 'primary'
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    labelColor?: string;
+    /**
+     * A Boolean to display or hide the labels of each steps under the slider.
+     * A future version will allow passing an array of custom labels.
+     * @property {boolean|Array<any>} stepLabels
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    stepLabels?: boolean | Array<any>;
+    /**
+     * TODO: Add Description
+     * @property {boolean|string} thumbLabel
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    thumbLabel?: boolean | string;
+    /**
+     * Applies a custom CSS class to the slider's thumb label.
+     * @property {string} thumbLabelClass
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    thumbLabelClass?: string;
+    /**
+     * Applies a custom CSS class to the slider's track.
+     * @property {string} trackClass
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    trackClass?: string;
+    /**
+     * Applies a custom CSS class to the slider's highlighted range.
+     * @property {string} rangeClass
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    rangeClass?: string;
+    /**
+     * Sets an integer or floating minimum number for the slider.
+     * @property {number|string} min - Default: 0
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    min?: number | string;
+    /**
+     * Sets an integer or floating maximum number for the slider.
+     * @property {number|string} max - Default: 100
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    max?: number | string;
+    /**
+     * Sets an incremental/decremental integer or floating step number for the slider, e.g. `0.3`.
+     * @property {number|string} step
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    step?: number | string;
+    /**
+     * Defines a label to display on the left of the slider.
+     * @property {string} labelLeft
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    labelLeft?: string;
+    /**
+     * Defines a label to display on the right of the slider.
+     * @property {string} labelRight
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    labelRight?: string;
+    /**
+     * TODO: Add Description
+     * @property {boolean} dark
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    dark?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} light
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    light?: boolean;
+}
+export interface WaveSliderEmits {
+    /**
+     * Emitted each time the slider range changes.<br>Updates the v-model value in Vue 2.x only.
+     * @param {any} renameMe1 - The current value of the slider.
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    'onInput'?: (renameMe1: any) => void;
+    /**
+     * Emitted each time the slider range changes.<br>Updates the v-model value in Vue 3 only.
+     * @param {any} renameMe1 - The current value of the slider.
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    'onUpdate:modelValue'?: (renameMe1: any) => void;
+    /**
+     * Emitted when the slider is focused (the thumb button).
+     * @param {any} renameMe1 - The associated focus DOM event.
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    'onFocus'?: (renameMe1: any) => void;
+}
+export interface WaveSliderComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    minVal: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    maxVal: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    stepValPercent: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    scaledRange: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    numberOfSteps: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    rangeStyles: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    thumbStyles: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    rangeClasses: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    trackClasses: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    thumbClasses: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    wrapperClasses: ComputedGetter<any>;
+}
+export interface WaveSliderMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @param {any} value
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    scaledToPercent(value: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} value
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    percentToScaled(value: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    onTrackMouseDown(e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    onDrag(e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    onMouseUp(e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} step
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    onStepLabelClick(step: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} e
+     * @param {any} direction
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    onKeyDown(e: any, direction: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} cursorPositionX
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    updateRange(cursorPositionX: any): void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    updateRangeValueScaled(): void;
+}
+export type WaveSliderSlots = SlotsType<{
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    'label-left': () => any;
+    /**
+     * TODO: Add Description
+     * @param {any} value TODO: Describe me!
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    'label': (_: {
+        value: any;
+    }) => any;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-slider
+     */
+    'label-right': () => any;
+}>;
+export type WSlider = DefineComponent<WaveSliderProps, {}, {}, WaveSliderComputeds, WaveSliderMethods, {}, {}, WaveSliderEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveSliderProps & WaveSliderEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveSliderProps>, WaveSliderSlots>;

package/dist/types/components/WSlider.js

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

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

@@ -0,0 +1,101 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveSpinnerProps {
+    /**
+     * ``value` in Vue 2.`
+     * The `value` or `v-model` controls the visibility of the spinner. Any truthy value will show the spinner whereas any falsy value will hide it. If no value/v-model or `undefined` is provided, the spinner will be visible.
+     * @property {any} modelValue
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    modelValue?: any;
+    /**
+     * Sets the color of the spinner.
+     * 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 - Default: 'primary'
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    color?: string;
+    /**
+     * Sets the size of the spinner.
+     * @property {boolean} xs
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    xs?: boolean;
+    /**
+     * Sets the size of the spinner.
+     * @property {boolean} sm
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    sm?: boolean;
+    /**
+     * Sets the size of the spinner.
+     * @property {boolean} md
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    md?: boolean;
+    /**
+     * Sets the size of the spinner.
+     * @property {boolean} lg
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    lg?: boolean;
+    /**
+     * Sets the size of the spinner.
+     * @property {boolean} xl
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    xl?: boolean;
+    /**
+     * Sets the size of the spinner. 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-spinner
+     */
+    size?: number | string;
+    /**
+     * Sets the style of the spinner.
+     * @property {boolean} bounce
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    bounce?: boolean;
+    /**
+     * Sets the style of the spinner.
+     * @property {boolean} fade
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    fade?: boolean;
+}
+export interface WaveSpinnerEmits {
+}
+export interface WaveSpinnerComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    isThreeDots: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    forcedSize: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    presetSize: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    styles: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveSpinnerMethods extends MethodOptions {
+}
+export type WaveSpinnerSlots = SlotsType<{}>;
+export type WSpinner = DefineComponent<WaveSpinnerProps, {}, {}, WaveSpinnerComputeds, WaveSpinnerMethods, {}, {}, WaveSpinnerEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveSpinnerProps & WaveSpinnerEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveSpinnerProps>, WaveSpinnerSlots>;

package/dist/types/components/WSpinner.js

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

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

@@ -0,0 +1,29 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveStepsProps {
+    /**
+     * TODO: Add Description
+     * @property {boolean} dark
+     * @see https://antoniandre.github.io/wave-ui/w-steps
+     */
+    dark?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} light
+     * @see https://antoniandre.github.io/wave-ui/w-steps
+     */
+    light?: boolean;
+}
+export interface WaveStepsEmits {
+}
+export interface WaveStepsComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-steps
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveStepsMethods extends MethodOptions {
+}
+export type WaveStepsSlots = SlotsType<{}>;
+export type WSteps = DefineComponent<WaveStepsProps, {}, {}, WaveStepsComputeds, WaveStepsMethods, {}, {}, WaveStepsEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveStepsProps & WaveStepsEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveStepsProps>, WaveStepsSlots>;

package/dist/types/components/WSteps.js

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

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

@@ -0,0 +1,132 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveSwitchProps {
+    /**
+     * ``value` in Vue 2.`
+     * Dictates the state of the switch. When the user toggles the switch, the `v-model` value will be updated.
+     * @property {any} modelValue - Default: false
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    modelValue?: any;
+    /**
+     * Sets a visible label for the switch.
+     * @property {string} label - Default: ''
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    label?: string;
+    /**
+     * Moves the label to the left of the switch. By default the label is displayed on the right.
+     * @property {boolean} labelOnLeft
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    labelOnLeft?: boolean;
+    /**
+     * Applies a color to the switch. 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 - Default: 'primary'
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    color?: string;
+    /**
+     * Applies a specific color to the switch's label. Note that on validation failure, the validation-color takes precedence.
+     * 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} labelColor - Default: 'primary'
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    labelColor?: string;
+    /**
+     * Applies a thiner style to the switch.
+     * @property {boolean} thin
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    thin?: boolean;
+    /**
+     * Removes the ripple animation on activation.
+     * @property {boolean} noRipple
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    noRipple?: boolean;
+    /**
+     * When set to `true`, displays an indefinite-value progress circle inside the switch thumb. If a number is given, it will be the value of the progress.
+     * @property {boolean|number} loading - Default: false
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    loading?: boolean | number;
+    /**
+     * TODO: Add Description
+     * @property {boolean} dark
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    dark?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} light
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    light?: boolean;
+}
+export interface WaveSwitchEmits {
+    /**
+     * Emitted each time the state of the switch changes.<br>Updates the v-model value in Vue 2.x only.
+     * @param {any} renameMe1 - A boolean representing the current state of the switch.
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    'onInput'?: (renameMe1: any) => void;
+    /**
+     * Emitted each time the state of the switch changes.<br>Updates the v-model value in Vue 3 only.
+     * @param {any} renameMe1 - A boolean representing the current state of the switch.
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    'onUpdate:modelValue'?: (renameMe1: any) => void;
+    /**
+     * Emitted on switch focus.
+     * @param {any} renameMe1 - The associated focus DOM event.
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    'onFocus'?: (renameMe1: any) => void;
+}
+export interface WaveSwitchComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    hasLabel: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    classes: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    inputClasses: ComputedGetter<any>;
+}
+export interface WaveSwitchMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    onInput(): void;
+}
+export type WaveSwitchSlots = SlotsType<{
+    /**
+     * The switch label content, if the label prop is not flexible enough.
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    'default': () => any;
+    /**
+     * Optional switch track content.
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    'track': () => any;
+    /**
+     * Optional switch thumb content. Useful to place an icon or small text.
+     * @see https://antoniandre.github.io/wave-ui/w-switch
+     */
+    'thumb': () => any;
+}>;
+export type WSwitch = DefineComponent<WaveSwitchProps, {}, {}, WaveSwitchComputeds, WaveSwitchMethods, {}, {}, WaveSwitchEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveSwitchProps & WaveSwitchEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveSwitchProps>, WaveSwitchSlots>;

package/dist/types/components/WSwitch.js

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