@flux-ui/components 3.0.0-next.25 → 3.0.0-next.26

package/dist/component/primitive/SelectBase.vue.d.ts

@@ -0,0 +1,324 @@
+import { FluxFormSelectOption, FluxFormSelectOptions, FluxDirection, FluxAutoCompleteType, FluxIconName, FluxInputMask, FluxInputType, FluxTo, FluxPressableType, FluxButtonProps } from '@flux-ui/types';
+import { ComponentPublicInstance, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, CreateComponentPublicInstanceWithMixins } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
+type __VLS_Props = {
+    readonly disabled?: boolean;
+    readonly isLoading?: boolean;
+    readonly isMultiple?: boolean;
+    readonly isSearchable?: boolean;
+    readonly options: FluxFormSelectOptions[];
+    readonly placeholder?: string;
+    readonly selected: FluxFormSelectOption[];
+};
+type __VLS_PublicProps = {
+    'searchQuery'?: string;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+    deselect: (args_0: string | number) => any;
+    search: (args_0: string) => any;
+    select: (args_0: string | number) => any;
+    open: () => any;
+    "update:searchQuery": (value: string) => any;
+    keyDown: (args_0: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: () => any;
+    onDeselect?: (args_0: string | number) => any;
+    onSearch?: (args_0: string) => any;
+    onSelect?: (args_0: string | number) => any;
+    onOpen?: () => any;
+    "onUpdate:searchQuery"?: (value: string) => any;
+    onKeyDown?: (args_0: KeyboardEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    anchor: {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly tagName: keyof HTMLElementTagNameMap;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any>;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            readonly tagName: keyof HTMLElementTagNameMap;
+        }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        readonly tagName: keyof HTMLElementTagNameMap;
+    }> & Readonly<{}>, never> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default(): any;
+        }> & {
+            default(): any;
+        };
+    };
+    anchorPopup: {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly anchor?: ComponentPublicInstance | HTMLElement | null;
+            readonly direction?: FluxDirection;
+            readonly margin?: number;
+            readonly position?: "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
+            readonly useAnchorWidth?: boolean;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popup: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any>;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: ComponentOptionsBase<Readonly<{
+            readonly anchor?: ComponentPublicInstance | HTMLElement | null;
+            readonly direction?: FluxDirection;
+            readonly margin?: number;
+            readonly position?: "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
+            readonly useAnchorWidth?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        readonly anchor?: ComponentPublicInstance | HTMLElement | null;
+        readonly direction?: FluxDirection;
+        readonly margin?: number;
+        readonly position?: "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
+        readonly useAnchorWidth?: boolean;
+    }> & Readonly<{}>, never> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default(): any;
+        }> & {
+            default(): any;
+        };
+    };
+    searchInputElement: CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: object | string | number | null;
+    } & {
+        readonly autoComplete?: FluxAutoCompleteType;
+        readonly autoFocus?: boolean;
+        readonly iconLeading?: FluxIconName;
+        readonly iconTrailing?: FluxIconName;
+        readonly disabled?: boolean;
+        readonly isCondensed?: boolean;
+        readonly isReadonly?: boolean;
+        readonly isSecondary?: boolean;
+        readonly max?: string | number;
+        readonly maxLength?: number;
+        readonly min?: string | number;
+        readonly pattern?: FluxInputMask;
+        readonly placeholder?: string;
+        readonly step?: number;
+        readonly type?: FluxInputType;
+    }> & Readonly<{
+        onBlur?: () => any;
+        onFocus?: () => any;
+        onShowPicker?: () => any;
+        "onUpdate:modelValue"?: (value: string | number | object) => any;
+    }>, {
+        blur: () => void;
+        focus: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        blur: () => any;
+        focus: () => any;
+        showPicker: () => any;
+        "update:modelValue": (value: string | number | object) => any;
+    }, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        input: HTMLInputElement;
+    }, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: object | string | number | null;
+    } & {
+        readonly autoComplete?: FluxAutoCompleteType;
+        readonly autoFocus?: boolean;
+        readonly iconLeading?: FluxIconName;
+        readonly iconTrailing?: FluxIconName;
+        readonly disabled?: boolean;
+        readonly isCondensed?: boolean;
+        readonly isReadonly?: boolean;
+        readonly isSecondary?: boolean;
+        readonly max?: string | number;
+        readonly maxLength?: number;
+        readonly min?: string | number;
+        readonly pattern?: FluxInputMask;
+        readonly placeholder?: string;
+        readonly step?: number;
+        readonly type?: FluxInputType;
+    }> & Readonly<{
+        onBlur?: () => any;
+        onFocus?: () => any;
+        onShowPicker?: () => any;
+        "onUpdate:modelValue"?: (value: string | number | object) => any;
+    }>, {
+        blur: () => void;
+        focus: () => void;
+    }, {}, {}, {}, {}>;
+    optionElements: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly label?: string;
+            readonly target?: string;
+            readonly disabled?: boolean;
+            readonly to?: FluxTo;
+            readonly tabindex?: string | number;
+            readonly type?: FluxPressableType;
+            readonly isLoading?: boolean;
+            readonly href?: string;
+            readonly rel?: string;
+            readonly iconLeading?: FluxIconName | null;
+            readonly iconTrailing?: FluxIconName | null;
+            readonly command?: string;
+            readonly commandIcon?: FluxIconName;
+            readonly commandLoading?: boolean;
+            readonly imageAlt?: string;
+            readonly imageSrc?: string;
+            readonly isActive?: boolean;
+            readonly isDestructive?: boolean;
+            readonly isHighlighted?: boolean;
+            readonly isIndented?: boolean;
+            readonly isSelectable?: boolean;
+            readonly isSelected?: boolean;
+            readonly onClick?: (args_0: MouseEvent) => any;
+            readonly onMouseenter?: (args_0: MouseEvent) => any;
+            readonly onMouseleave?: (args_0: MouseEvent) => any;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any>;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "click", args_0: MouseEvent) => void) & ((event: "mouseenter", args_0: MouseEvent) => void) & ((event: "mouseleave", args_0: MouseEvent) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<Omit< FluxButtonProps, "size" | "isFilled" | "isSubmit"> & {
+            readonly command?: string;
+            readonly commandIcon?: FluxIconName;
+            readonly commandLoading?: boolean;
+            readonly imageAlt?: string;
+            readonly imageSrc?: string;
+            readonly isActive?: boolean;
+            readonly isDestructive?: boolean;
+            readonly isHighlighted?: boolean;
+            readonly isIndented?: boolean;
+            readonly isSelectable?: boolean;
+            readonly isSelected?: boolean;
+        }> & Readonly<{
+            onClick?: (args_0: MouseEvent) => any;
+            onMouseenter?: (args_0: MouseEvent) => any;
+            onMouseleave?: (args_0: MouseEvent) => any;
+        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            click: (args_0: MouseEvent) => any;
+            mouseenter: (args_0: MouseEvent) => any;
+            mouseleave: (args_0: MouseEvent) => any;
+        }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<Omit< FluxButtonProps, "size" | "isFilled" | "isSubmit"> & {
+        readonly command?: string;
+        readonly commandIcon?: FluxIconName;
+        readonly commandLoading?: boolean;
+        readonly imageAlt?: string;
+        readonly imageSrc?: string;
+        readonly isActive?: boolean;
+        readonly isDestructive?: boolean;
+        readonly isHighlighted?: boolean;
+        readonly isIndented?: boolean;
+        readonly isSelectable?: boolean;
+        readonly isSelected?: boolean;
+    }> & Readonly<{
+        onClick?: (args_0: MouseEvent) => any;
+        onMouseenter?: (args_0: MouseEvent) => any;
+        onMouseleave?: (args_0: MouseEvent) => any;
+    }>, never> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            after(): any;
+        }> & {
+            after(): any;
+        };
+    })[];
+}, any>;
+export default _default;

package/dist/component/primitive/SliderBase.vue.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly disabled?: boolean;
+    readonly isDragging?: boolean;
+    readonly isTicksVisible?: boolean;
+    readonly max: number;
+    readonly min: number;
+    readonly step: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    update: (args_0: number) => any;
+    dragging: (args_0: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: (args_0: number) => any;
+    onDragging?: (args_0: boolean) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/primitive/{SliderThumb.d.ts → SliderThumb.vue.d.ts}

@@ -4,7 +4,7 @@ type __VLS_Props = {
     readonly isDragging?: boolean;
     readonly position: number;
 };
-declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     decrement: () => any;
     grab: (args_0: PointerEvent) => any;
     increment: () => any;
@@ -12,6 +12,5 @@ declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, Compone
     onDecrement?: () => any;
     onGrab?: (args_0: PointerEvent) => any;
     onIncrement?: () => any;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 export default _default;

package/dist/component/primitive/SliderTrack.vue.d.ts

@@ -0,0 +1,22 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly percentageLower: number;
+    readonly percentageUpper: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/primitive/index.d.ts

@@ -1,9 +1,9 @@
-export { default as Anchor } from './Anchor';
-export { default as AnchorPopup } from './AnchorPopup';
-export { default as FilterOptionBase } from './FilterOptionBase';
-export { default as SelectBase } from './SelectBase';
-export { default as SliderBase } from './SliderBase';
-export { default as SliderThumb } from './SliderThumb';
-export { default as SliderTrack } from './SliderTrack';
+export { default as Anchor } from './Anchor.vue';
+export { default as AnchorPopup } from './AnchorPopup.vue';
+export { default as FilterOptionBase } from './FilterOptionBase.vue';
+export { default as SelectBase } from './SelectBase.vue';
+export { default as SliderBase } from './SliderBase.vue';
+export { default as SliderThumb } from './SliderThumb.vue';
+export { default as SliderTrack } from './SliderTrack.vue';
 export { FilterMenuRenderer } from './FilterMenuRenderer';
 export { VNodeRenderer } from './VNodeRenderer';