wave-ui 3.10.1 → 3.11.0

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

@@ -0,0 +1,226 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveAccordionProps {
+    /**
+     * `value` in Vue 2.
+     * Provide an array of booleans to dictate the state (expanded and collapsed) of all the accordion items. This value gets updated by the accordion when using a v-model.
+     * @property {Array<any>} modelValue
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    modelValue?: Array<any>;
+    /**
+     * Applies a text color on each accordion item. 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-accordion
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    color?: string;
+    /**
+     * Applies a background color on each accordion item. 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-accordion
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    bgColor?: string;
+    /**
+     * Expecting an array of objects. Each object being an accordion item, it should include a `title` and `content` attributes.
+     * Alternatively, you can provide an integer number (call it `x`), to loop through and create `x` items in the accordion. You can then use the individual slots `item-title.x` & `item-content.x` to define each item title and content.
+     * @property {Array<any>|number} [items]
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    items: Array<any> | number;
+    /**
+     * Specifies the name of the attribute in each item object where to find the item's desired color string. This allows a different color for each accordion item.
+     * @property {string} itemColorKey - Default: 'color'
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    itemColorKey?: string;
+    /**
+     * Specifies the name of the attribute in each item object where to find the item's title string.
+     * @property {string} itemTitleKey - Default: 'title'
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    itemTitleKey?: string;
+    /**
+     * Specifies the name of the attribute in each item object where to find the item's content string.
+     * @property {string} itemContentKey - Default: 'content'
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    itemContentKey?: string;
+    /**
+     * Applies a custom CSS class (or space separated classes) on every item container (which includes both the title and the content of the item).
+     * @property {string} itemClass
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    itemClass?: string;
+    /**
+     * Applies a custom CSS class (or space separated classes) on every title container.
+     * @property {string} titleClass
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    titleClass?: string;
+    /**
+     * Applies a custom CSS class (or space separated classes) on every content container.
+     * @property {string} contentClass
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    contentClass?: string;
+    /**
+     * Specifies the name of the icon to display in the toggle button. If set to false or empty string, the button will be removed.
+     * @property {string|boolean} expandIcon - Default: 'wi-triangle-down'
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    expandIcon?: string | boolean;
+    /**
+     * When set to true, the expand button will be placed at the right end of the item's title.
+     * @property {boolean} expandIconRight
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    expandIconRight?: boolean;
+    /**
+     * With this option, the expand icon will initially point to the right, then point down on expand with a clockwise rotation of 90 degrees.
+     * @property {boolean} expandIconRotate90
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    expandIconRotate90?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {{}} expandIconProps - Default: () => ({})
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    expandIconProps?: {};
+    /**
+     * TODO: Add Description
+     * @property {boolean} expandSingle
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    expandSingle?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {string} collapseIcon
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    collapseIcon?: string;
+    /**
+     * TODO: Add Description
+     * @property {boolean} shadow
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    shadow?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {number} duration - Default: 250
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    duration?: number;
+    /**
+     * TODO: Add Description
+     * @property {boolean} dark
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    dark?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} light
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    light?: boolean;
+}
+export interface WaveAccordionEmits {
+    /**
+     * Emitted each time the state of the accordion changes (when an item is expanded or collapsed).<br>Updates the v-model value in Vue 2.x only.
+     * @param {any} renameMe1 - An array of booleans representing the expanded state of each accordion item.
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'onInput'?: (renameMe1: any) => void;
+    /**
+     * Emitted each time the state of the accordion changes (when an item is expanded or collapsed).<br>Updates the v-model value in Vue 3 only.
+     * @param {any} renameMe1 - An array of booleans representing the expanded state of each accordion item.
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'onUpdate:modelValue'?: (renameMe1: any) => void;
+    /**
+     * Emitted on each accordion item title focus.
+     * @param {any} renameMe1 - The focused accordion item object.
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'onFocus'?: (renameMe1: any) => void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'onItemExpand'?: () => void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'onItemCollapsed'?: () => void;
+}
+export interface WaveAccordionComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    accordionClasses: ComputedGetter<any>;
+}
+export interface WaveAccordionMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    toggleItem(item: any, e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    onEndOfCollapse(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    getOriginalItem(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    itemClasses(item: any): void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    updateItems(): void;
+}
+export type WaveAccordionSlots = SlotsType<{
+    /**
+     * Provide a custom title for every item. Applies to all the items, but can be overridden by the `item-title.x` slot.
+     * @param {any} item The current item object.
+     * @param {any} index The item index in the array of items. Starts at 1 to be consistent with the `item.x` slot.
+     * @param {any} expanded A boolean representing the expanded state of the accordion item.
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'item-title': (_: {
+        item: any;
+        index: any;
+        expanded: any;
+    }) => any;
+    /**
+     * Provide a custom content for every item. Applies to all the items, but can be overridden by the `item-content.x` slot.
+     * @param {any} item The current item object.
+     * @param {any} index The item index in the array of items. Starts at 1 to be consistent with the `item.x` slot.
+     * @param {any} expanded A boolean representing the expanded state of the accordion item.
+     * @see https://antoniandre.github.io/wave-ui/w-accordion
+     */
+    'item-content': (_: {
+        item: any;
+        index: any;
+        expanded: any;
+    }) => any;
+}>;
+export type WAccordion = DefineComponent<WaveAccordionProps, {}, {}, WaveAccordionComputeds, WaveAccordionMethods, {}, {}, WaveAccordionEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveAccordionProps & WaveAccordionEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveAccordionProps>, WaveAccordionSlots>;

package/dist/types/components/WAccordion.js

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

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

@@ -0,0 +1,225 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveAlertProps {
+    /**
+     * ``value` in Vue 2.`
+     * This prop controls the visibility of the alert. Any truthy value will show the alert whereas any falsy value will hide it.
+     * @property {any} modelValue - Default: true
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    modelValue?: any;
+    /**
+     * Applies a color to the alert'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-alert
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    color?: string;
+    /**
+     * Applies a color to the alert'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-alert
+     * @see https://antoniandre.github.io/wave-ui/colors
+     */
+    bgColor?: string;
+    /**
+     * Applies a drop shadow to the alert container.
+     * @property {boolean} shadow
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    shadow?: boolean;
+    /**
+     * Removes the default border-radius and sets sharp edges on the alert container.
+     * @property {boolean} tile
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    tile?: boolean;
+    /**
+     * Sets a maximum border-radius on the corners of the alert container, giving it a round look.
+     * @property {boolean} round
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    round?: boolean;
+    /**
+     * Provide a custom icon string (e.g. `mdi mdi-star`) to display on the left of the alert message.
+     * @property {string} icon
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    icon?: string;
+    /**
+     * If an icon is provided, this option changes the style and displays the icon on the left border.
+     * @property {boolean} iconOutside
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    iconOutside?: boolean;
+    /**
+     * Emphasizes a "typed" alert (one of `success`, `info`, `warning`, `error`) by applying a white text color and a full opacity background of the chosen type color.
+     * @property {boolean} plain
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    plain?: boolean;
+    /**
+     * Adds a close button (cross icon) on the right in the alert. Clicking on this button hides the alert.
+     * @property {boolean} dismiss
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    dismiss?: boolean;
+    /**
+     * Sets the type of the alert, applying the `success` class (green color) and adding a success icon on the left in the alert.
+     * @property {boolean} success
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    success?: boolean;
+    /**
+     * Sets the type of the alert, applying the `info` class (blue color) and adding an info icon on the left in the alert.
+     * @property {boolean} info
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    info?: boolean;
+    /**
+     * Sets the type of the alert, applying the `warning` class (orange color) and adding a warning icon on the left in the alert.
+     * @property {boolean} warning
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    warning?: boolean;
+    /**
+     * Sets the type of the alert, applying the `error` class (red color) and adding an error icon on the left in the alert.
+     * @property {boolean} error
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    error?: boolean;
+    /**
+     * Sets the size of the alert.
+     * @property {boolean} xs
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    xs?: boolean;
+    /**
+     * Sets the size of the alert.
+     * @property {boolean} sm
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    sm?: boolean;
+    /**
+     * Sets the size of the alert.
+     * @property {boolean} md
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    md?: boolean;
+    /**
+     * Sets the size of the alert.
+     * @property {boolean} lg
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    lg?: boolean;
+    /**
+     * Sets the size of the alert.
+     * @property {boolean} xl
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    xl?: boolean;
+    /**
+     * Removes the default border from the alert container.
+     * @property {boolean} noBorder
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    noBorder?: boolean;
+    /**
+     * Adds a left border on the alert. Only one side-border can be applied at the same time.
+     * @property {boolean} borderLeft
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    borderLeft?: boolean;
+    /**
+     * Adds a right border on the alert. Only one side-border can be applied at the same time.
+     * @property {boolean} borderRight
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    borderRight?: boolean;
+    /**
+     * Adds a top border on the alert. Only one side-border can be applied at the same time.
+     * @property {boolean} borderTop
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    borderTop?: boolean;
+    /**
+     * Adds a bottom border on the alert. Only one side-border can be applied at the same time.
+     * @property {boolean} borderBottom
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    borderBottom?: boolean;
+    /**
+     * The outline style applies the provided `color` (by default the color is inherited) to the text and border and no background color is set.
+     * @property {boolean} outline
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    outline?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} dark
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    dark?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} light
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    light?: boolean;
+}
+export interface WaveAlertEmits {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    'onInput'?: () => void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    'onUpdate:modelValue'?: () => void;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    'onClose'?: () => void;
+}
+export interface WaveAlertComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    typeIcon: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    type: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    presetSize: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    hasSingleBorder: ComputedGetter<any>;
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveAlertMethods extends MethodOptions {
+}
+export type WaveAlertSlots = SlotsType<{
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-alert
+     */
+    'default': () => any;
+}>;
+export type WAlert = DefineComponent<WaveAlertProps, {}, {}, WaveAlertComputeds, WaveAlertMethods, {}, {}, WaveAlertEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveAlertProps & WaveAlertEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveAlertProps>, WaveAlertSlots>;

package/dist/types/components/WAlert.js

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

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

@@ -0,0 +1,84 @@
+import { ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveAppProps {
+    /**
+     * Sets the layout to `display: block`. By default the layout is: `display: flex`, `flex-direction: column`.
+     * @property {boolean} block
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    block?: boolean;
+    /**
+     * Sets the layout to display in a row when using the default flex layout (column by default).
+     * @property {boolean} row
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    row?: boolean;
+    /**
+     * Applies the CSS property: `align-items: center;`.
+     * @property {boolean} alignCenter
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    alignCenter?: boolean;
+    /**
+     * Applies the CSS property: `align-items: flex-end;`.
+     * @property {boolean} alignEnd
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    alignEnd?: boolean;
+    /**
+     * Applies the CSS property: `justify-content: center;`.
+     * @property {boolean} justifyCenter
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    justifyCenter?: boolean;
+    /**
+     * Applies the CSS property: `justify-content: end;`.
+     * @property {boolean} justifyEnd
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    justifyEnd?: boolean;
+    /**
+     * Applies the CSS property: `justify-content: space-between;`.
+     * @property {boolean} justifySpaceBetween
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    justifySpaceBetween?: boolean;
+    /**
+     * Applies the CSS property: `justify-content: space-around;`.
+     * @property {boolean} justifySpaceAround
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    justifySpaceAround?: boolean;
+    /**
+     * Applies the CSS property: `justify-content: space-evenly;`.
+     * @property {boolean} justifySpaceEvenly
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    justifySpaceEvenly?: boolean;
+    /**
+     * Applies the CSS property: `text-align: center;`.
+     * @property {boolean} textCenter
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    textCenter?: boolean;
+    /**
+     * Applies the CSS property: `text-align: right;`.
+     * @property {boolean} textRight
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    textRight?: boolean;
+}
+export interface WaveAppEmits {
+}
+export interface WaveAppComputeds extends ComputedOptions {
+}
+export interface WaveAppMethods extends MethodOptions {
+}
+export type WaveAppSlots = SlotsType<{
+    /**
+     * The content of the app.
+     * @see https://antoniandre.github.io/wave-ui/w-app
+     */
+    'default': () => any;
+}>;
+export type WApp = DefineComponent<WaveAppProps, {}, {}, WaveAppComputeds, WaveAppMethods, {}, {}, WaveAppEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveAppProps & WaveAppEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveAppProps>, WaveAppSlots>;

package/dist/types/components/WApp.js

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