wave-ui 3.10.0 → 3.11.0

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

@@ -0,0 +1,359 @@
+import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
+import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WaveTreeProps {
+    /**
+     * ``value` in Vue 2.`
+     * This value gets updated with the tree selected item when using a `v-model` and when `selectable` is set to `true`.
+     * @property {{}|Array<any>} modelValue
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    modelValue?: {} | Array<any>;
+    /**
+     * TODO: Add Description
+     * @property {{}|Array<any>} [data]
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    data: {} | Array<any>;
+    /**
+     * TODO: Add Description
+     * @property {number} depth - Default: 0
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    depth?: number;
+    /**
+     * TODO: Add Description
+     * @property {{}} parent - Default: null
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    parent?: {};
+    /**
+     * TODO: Add Description
+     * @property {string} branchClass
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    branchClass?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} leafClass
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    leafClass?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} branchIcon
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    branchIcon?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} branchOpenIcon
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    branchOpenIcon?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} leafIcon
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    leafIcon?: string;
+    /**
+     * TODO: Add Description
+     * @property {boolean|string} expandIcon - Default: 'wi-triangle-down'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    expandIcon?: boolean | string;
+    /**
+     * TODO: Add Description
+     * @property {boolean|string} expandOpenIcon
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    expandOpenIcon?: boolean | string;
+    /**
+     * TODO: Add Description
+     * @property {boolean} expandAll
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    expandAll?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} unexpandableEmpty
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    unexpandableEmpty?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} disabled
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    disabled?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} noTransition
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    noTransition?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} selectable
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    selectable?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} deepReactivity
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    deepReactivity?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {boolean} counts
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    counts?: boolean;
+    /**
+     * TODO: Add Description
+     * @property {string} itemIconKey - Default: 'icon'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemIconKey?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} iconColor
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    iconColor?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} itemLabelKey - Default: 'label'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemLabelKey?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} itemIconColorKey - Default: 'iconColor'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemIconColorKey?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} itemRouteKey - Default: 'route'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemRouteKey?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} itemDisabledKey - Default: 'disabled'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemDisabledKey?: string;
+    /**
+     * TODO: Add Description
+     * @property {string} itemOpenKey - Default: 'open'
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemOpenKey?: string;
+}
+export interface WaveTreeEmits {
+    /**
+     * test
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onUpdate:modelValue'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    /**
+     * Fired right before opening a tree branch item and exposes the following parameters:
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onBeforeOpen'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    /**
+     * Fired after opening a tree branch item and exposes the following parameters:
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onOpen'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    /**
+     * Fired right before closing a tree branch item and exposes the following parameters:
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onBeforeClose'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    /**
+     * Fired after closing a tree branch item and exposes the following parameters:
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onClose'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    /**
+     * Fired on tree item click and exposes the following parameters:
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @param {any} renameMe5 - The associated native click event.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onClick'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any, renameMe5: any) => void;
+    /**
+     * test
+     * @param {any} renameMe1 - The current tree item object.
+     * @param {any} renameMe2 - An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} renameMe3 - When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} renameMe4 - A boolean representing the selected state of the tree item.
+     * @param {any} renameMe5 - An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.<br>All items of the array are the original tree items as they have been provided to the <strong class="code">w-tree</strong> component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'onSelect'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any, renameMe5: any) => void;
+}
+export interface WaveTreeComputeds extends ComputedOptions {
+    /**
+     * TODO: Add Description
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    classes: ComputedGetter<any>;
+}
+export interface WaveTreeMethods extends MethodOptions {
+    /**
+     * TODO: Add Description
+     * @param {any} items
+     * @param {any} [oldItems] - []
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    updateCurrentDepthTree(items: any, oldItems?: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    getTreeItemComponent(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    getTreeItemTabindex(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    getTreeItemPath(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} ancestor
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    while(ancestor: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    getTreeItemPathForOutput(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @param {any} open
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    expandDepth(item: any, open: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    onLabelClick(item: any, e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    onLabelKeydown(item: any, e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    emitItemSelection(item: any, e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @param {any} e
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    emitPayload(item: any, e: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} node
+     * @param {any} selector
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    getPreviousSibling(node: any, selector: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} node
+     * @param {any} selector
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    getNextSibling(node: any, selector: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} liNode
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    focusTreeItem(liNode: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemIcon(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    hasExternalLink(item: any): void;
+    /**
+     * TODO: Add Description
+     * @param {any} item
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    itemClasses(item: any): void;
+}
+export type WaveTreeSlots = SlotsType<{
+    /**
+     * Provide a custom template for all the items (includes the item icon if any, label, and count if active).
+     * @param {any} item The current tree item object.
+     * @param {any} depth An integer representing the item's depth in the tree. Starts at 0 for the root.
+     * @param {any} open When applicable, a boolean representing the open state of the tree branch item.
+     * @param {any} path An array containing the item's ancestors path, from the root to the leaf, including itself at the last position.
+     * All items of the array are the original tree items as they have been provided to the `w-tree` component.
+     * @see https://antoniandre.github.io/wave-ui/w-tree
+     */
+    'item': (_: {
+        item: any;
+        depth: any;
+        open: any;
+        path: any;
+    }) => any;
+}>;
+export type WTree = DefineComponent<WaveTreeProps, {}, {}, WaveTreeComputeds, WaveTreeMethods, {}, {}, WaveTreeEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveTreeProps & WaveTreeEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveTreeProps>, WaveTreeSlots>;

package/dist/types/components/WTree.js

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

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

@@ -0,0 +1,42 @@
+export { WAccordion } from './WAccordion';
+export { WAlert } from './WAlert';
+export { WApp } from './WApp';
+export { WBadge } from './WBadge';
+export { WBreadcrumbs } from './WBreadcrumbs';
+export { WButton } from './WButton';
+export { WCard } from './WCard';
+export { WCheckbox } from './WCheckbox';
+export { WCheckboxes } from './WCheckboxes';
+export { WConfirm } from './WConfirm';
+export { WDialog } from './WDialog';
+export { WDivider } from './WDivider';
+export { WDrawer } from './WDrawer';
+export { WFlex } from './WFlex';
+export { WFormElement } from './WFormElement';
+export { WForm } from './WForm';
+export { WGrid } from './WGrid';
+export { WIcon } from './WIcon';
+export { WImage } from './WImage';
+export { WInput } from './WInput';
+export { WList } from './WList';
+export { WMenu } from './WMenu';
+export { WNotificationManager } from './WNotificationManager';
+export { WNotification } from './WNotification';
+export { WOverlay } from './WOverlay';
+export { WProgress } from './WProgress';
+export { WRadio } from './WRadio';
+export { WRadios } from './WRadios';
+export { WRating } from './WRating';
+export { WSelect } from './WSelect';
+export { WSlider } from './WSlider';
+export { WSpinner } from './WSpinner';
+export { WSteps } from './WSteps';
+export { WSwitch } from './WSwitch';
+export { WTable } from './WTable';
+export { WTabs } from './WTabs';
+export { WTag } from './WTag';
+export { WTextarea } from './WTextarea';
+export { WTimeline } from './WTimeline';
+export { WToolbar } from './WToolbar';
+export { WTooltip } from './WTooltip';
+export { WTree } from './WTree';

package/dist/types/components/index.js

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

package/dist/types/extra-vue-types.d.ts

@@ -0,0 +1,8 @@
+import { AllowedComponentProps, ComponentCustomProps, ComponentPropsOptions, EmitsOptions, ExtractPropTypes, ObjectEmitsOptions, VNodeProps } from 'vue';
+export type EmitsToProps<T extends EmitsOptions> = T extends string[] ? {
+    [K in string & `on${Capitalize<T[number]>}`]?: (...args: any[]) => any;
+} : T extends ObjectEmitsOptions ? {
+    [K in string & `on${Capitalize<string & keyof T>}`]?: K extends `on${infer C}` ? T[Uncapitalize<C>] extends null ? (...args: any[]) => any : (...args: T[Uncapitalize<C>] extends (...args: infer P) => any ? P : never) => any : never;
+} : {};
+export type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & ({} extends E ? {} : EmitsToProps<E>);
+export type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps;

package/dist/types/extra-vue-types.js

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

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+import { WaveUIPlugin } from './plugin';
+export type * from './$waveui';
+export type * from './colors';
+export type * from './components';
+export default WaveUIPlugin;

package/dist/types/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_1 = require("./plugin");
+exports.default = plugin_1.WaveUIPlugin;

package/dist/types/plugin.d.ts

@@ -0,0 +1,19 @@
+import { App } from 'vue';
+import { $waveui } from '@/types/$waveui';
+export interface BreakpointConfig {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+export interface ConstructorOptions {
+    colors?: Record<string, string>;
+    breakpoints?: BreakpointConfig;
+}
+export declare class WaveUIPlugin {
+    #private;
+    $waveui: $waveui;
+    constructor(app: App, options?: ConstructorOptions & {});
+    static install(app: App, options?: ConstructorOptions & {}): undefined;
+}

package/dist/types/plugin.js

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