@flux-ui/components 3.0.0-next.60 → 3.0.0-next.63

package/dist/component/FluxSticky.vue.d.ts

@@ -0,0 +1,34 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly hasShadowOnStick?: boolean;
+    readonly offset?: number;
+    readonly position?: 'top' | 'bottom';
+    readonly tag?: keyof HTMLElementTagNameMap;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: {
+            isStuck: boolean;
+        }): VNode[];
+    }> & {
+        default(props: {
+            isStuck: boolean;
+        }): VNode[];
+    };
+    refs: {
+        sentinel: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    sentinel: HTMLDivElement;
+}, any>;
+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/index.d.ts

@@ -25,7 +25,6 @@ export { default as FluxCommandPaletteItem } from './FluxCommandPaletteItem.vue'
 export { default as FluxComment } from './FluxComment.vue';
 export { default as FluxColorPicker } from './FluxColorPicker.vue';
 export { default as FluxColorSelect } from './FluxColorSelect.vue';
-export { default as FluxColumn } from './FluxColumn.vue';
 export { default as FluxContainer } from './FluxContainer.vue';
 export { default as FluxDataTable } from './FluxDataTable.vue';
 export { default as FluxDatePicker } from './FluxDatePicker.vue';
@@ -48,6 +47,8 @@ export { default as FluxFilterOptionAsync } from './FluxFilterOptionAsync.vue';
 export { default as FluxFilterOptions } from './FluxFilterOptions.vue';
 export { default as FluxFilterOptionsAsync } from './FluxFilterOptionsAsync.vue';
 export { default as FluxFilterRange } from './FluxFilterRange.vue';
+export { default as FluxFlex } from './FluxFlex.vue';
+export { default as FluxFlexItem } from './FluxFlexItem.vue';
 export { default as FluxFlickeringGrid } from './FluxFlickeringGrid.vue';
 export { default as FluxFlyout } from './FluxFlyout.vue';
 export { default as FluxFocalPointEditor } from './FluxFocalPointEditor.vue';
@@ -125,7 +126,7 @@ export { default as FluxPublishButton } from './FluxPublishButton.vue';
 export { default as FluxQuantitySelector } from './FluxQuantitySelector.vue';
 export { default as FluxRemove } from './FluxRemove.vue';
 export { default as FluxRoot } from './FluxRoot.vue';
-export { default as FluxRow } from './FluxRow.vue';
+export { default as FluxScroller } from './FluxScroller.vue';
 export { default as FluxSecondaryButton } from './FluxSecondaryButton.vue';
 export { default as FluxSecondaryLinkButton } from './FluxSecondaryLinkButton.vue';
 export { default as FluxSegmentedControl } from './FluxSegmentedControl.vue';
@@ -138,11 +139,13 @@ export { default as FluxSpacer } from './FluxSpacer.vue';
 export { default as FluxSpacing } from './FluxSpacing.vue';
 export { default as FluxSpinner } from './FluxSpinner.vue';
 export { default as FluxSplitButton } from './FluxSplitButton.vue';
-export { default as FluxStack } from './FluxStack.vue';
+export { default as FluxSplitView } from './FluxSplitView.vue';
+export { default as FluxSplitViewPane } from './FluxSplitViewPane.vue';
 export { default as FluxStatistic } from './FluxStatistic.vue';
 export { default as FluxStepper } from './FluxStepper.vue';
 export { default as FluxStepperStep } from './FluxStepperStep.vue';
 export { default as FluxStepperSteps } from './FluxStepperSteps.vue';
+export { default as FluxSticky } from './FluxSticky.vue';
 export { default as FluxTab } from './FluxTab.vue';
 export { default as FluxTabBar } from './FluxTabBar.vue';
 export { default as FluxTabBarItem } from './FluxTabBarItem.vue';

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

@@ -1,7 +1,7 @@
-import { FluxFilterItem, FluxFilterValue } from '@flux-ui/types';
+import { FluxFilterDefinition, FluxFilterValue } from '@flux-ui/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    readonly item: FluxFilterItem;
+    readonly item: FluxFilterDefinition;
     readonly value: FluxFilterValue;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {

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

@@ -1,8 +1,9 @@
-import { FluxFilterItem, FluxFilterValue } from '@flux-ui/types';
+import { FluxFilterDefinition, FluxFilterValue } from '@flux-ui/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    readonly item: FluxFilterItem;
+    readonly item: FluxFilterDefinition;
     readonly value: FluxFilterValue;
+    readonly disabled?: boolean;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;

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

@@ -1,4 +1,4 @@
-import { FluxFormSelectOption, FluxFormSelectOptions, FluxDirection, FluxFormInputBaseProps, FluxAutoCompleteType, FluxIconName, FluxInputMask, FluxInputType, FluxPressableType, FluxTo, FluxButtonProps } from '@flux-ui/types';
+import { FluxFormSelectOption, FluxFormSelectOptions, FluxDirection, FluxFormInputBaseProps, FluxAutoCompleteType, FluxIconName, FluxInputMask, FluxInputType, FluxTo, FluxPressableType, FluxButtonProps } from '@flux-ui/types';
 import { ComponentPublicInstance, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle, ComponentCustomProperties, VNode, CreateComponentPublicInstanceWithMixins } from 'vue';
 import { OnCleanup } from '@vue/reactivity';
 type __VLS_Props = {
@@ -203,15 +203,15 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
         $props: Partial<{}> & Omit<{
             readonly label?: string;
             readonly isLoading?: boolean;
-            readonly type?: FluxPressableType;
-            readonly disabled?: boolean;
             readonly to?: FluxTo;
-            readonly tabindex?: string | number;
+            readonly type?: FluxPressableType;
             readonly href?: string;
             readonly rel?: string;
             readonly target?: string;
+            readonly tabindex?: string | number;
             readonly iconLeading?: FluxIconName | null;
             readonly iconTrailing?: FluxIconName | null;
+            readonly disabled?: boolean;
             readonly command?: string;
             readonly commandIcon?: FluxIconName;
             readonly commandLoading?: boolean;

package/dist/composable/private/index.d.ts

@@ -3,6 +3,7 @@ export { default as useDateFlyout } from './useDateFlyout';
 export { default as useDropdownPopup, type UseDropdownPopupOptions, type UseDropdownPopupReturn } from './useDropdownPopup';
 export { default as useFormSelect } from './useFormSelect';
 export { useKanban } from './useKanban';
+export { useSplitView, type SplitViewPane, type UseSplitViewOptions, type UseSplitViewReturn } from './useSplitView';
 export { default as useTranslate } from './useTranslate';
 export { useCommandPalette, type CommandPaletteGroup, type CommandPaletteResultItem } from './useCommandPalette';
 export { useFilterOptionMulti, useFilterOptionSingle, type FilterOptionMulti, type FilterOptionSingle } from './useFilterOption';

package/dist/composable/private/useSplitView.d.ts

@@ -0,0 +1,23 @@
+import { FluxDirection } from '@flux-ui/types';
+import { ComputedRef, Ref } from 'vue';
+export type SplitViewPane = {
+    readonly id: number;
+    readonly defaultSize: number | string | undefined;
+    readonly minSize: number;
+    readonly maxSize: number | undefined;
+    readonly isResizable: boolean;
+};
+export type UseSplitViewOptions = {
+    readonly containerRef: Readonly<Ref<HTMLElement | null>>;
+    readonly direction: Readonly<Ref<FluxDirection>>;
+    readonly panes: Readonly<Ref<readonly SplitViewPane[]>>;
+    readonly rememberKey: string | undefined;
+};
+export type UseSplitViewReturn = {
+    readonly sizes: Readonly<Ref<readonly number[]>>;
+    readonly templateStyle: ComputedRef<Record<string, string>>;
+    readonly isDragging: Readonly<Ref<boolean>>;
+    onHandleKeyDown(evt: KeyboardEvent, handleIndex: number): void;
+    onHandlePointerDown(evt: PointerEvent, handleIndex: number): void;
+};
+export declare function useSplitView(options: UseSplitViewOptions): UseSplitViewReturn;

package/dist/data/di.d.ts

@@ -1,4 +1,4 @@
-import { FluxFilterState, FluxFilterValue } from '@flux-ui/types';
+import { FluxFilterDefinition, FluxFilterState, FluxFilterValue } from '@flux-ui/types';
 import { DateTime } from 'luxon';
 import { ComponentInternalInstance, ComputedRef, InjectionKey, Ref, VNode } from 'vue';
 export declare const FluxAdaptiveGroupInjectionKey: InjectionKey<FluxAdaptiveGroupInjection>;
@@ -9,6 +9,7 @@ export declare const FluxExpandableGroupInjectionKey: InjectionKey<FluxExpandabl
 export declare const FluxFlyoutInjectionKey: InjectionKey<FluxFlyoutInjection>;
 export declare const FluxFilterInjectionKey: InjectionKey<FluxFilterInjection>;
 export declare const FluxFormFieldInjectionKey: InjectionKey<FluxFormFieldInjection>;
+export declare const FluxSplitViewInjectionKey: InjectionKey<FluxSplitViewInjection>;
 export declare const FluxTabBarInjectionKey: InjectionKey<FluxTabBarInjection>;
 export declare const FluxTableInjectionKey: InjectionKey<FluxTableInjection>;
 export declare const FluxTooltipInjectionKey: InjectionKey<FluxTooltipInjection>;
@@ -112,9 +113,11 @@ export type FluxExpandableGroupInjection = {
 export type FluxFilterInjection = {
     readonly state: Ref<FluxFilterState>;
     back(): void;
-    reset(name: string | number): void;
+    clear(name: string | number): void;
+    getDefinition(name: string | number): FluxFilterDefinition | undefined;
     getValue(name: string | number): FluxFilterValue | undefined;
     hasValue(name: string | number): boolean;
+    reset(name: string | number): void;
     setValue(name: string | number, value?: FluxFilterValue): void;
 };
 export type FluxFlyoutInjection = {
@@ -125,6 +128,20 @@ export type FluxFlyoutInjection = {
 export type FluxFormFieldInjection = {
     readonly id?: string;
 };
+export type FluxSplitViewPaneSpec = {
+    readonly id: number;
+    readonly defaultSize: Ref<number | string | undefined>;
+    readonly minSize: Ref<number>;
+    readonly maxSize: Ref<number | undefined>;
+    readonly isResizable: Ref<boolean>;
+};
+export type FluxSplitViewInjection = {
+    readonly direction: Ref<'horizontal' | 'vertical'>;
+    readonly panes: Ref<readonly FluxSplitViewPaneSpec[]>;
+    registerPane(spec: FluxSplitViewPaneSpec): void;
+    unregisterPane(id: number): void;
+    getPaneIndex(id: number): number;
+};
 export type FluxTabBarInjection = {
     readonly isPills: Ref<boolean>;
     registerItem(element: Element, isActive: Ref<boolean>): void;

package/dist/data/index.d.ts

@@ -1,5 +1,4 @@
 export * from './di';
-export * from './filter';
 export * from './helper';
 export * from './i18n';
 export * from './iconRegistry';