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

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

@@ -0,0 +1,34 @@
+import { FluxFormSelectOption, FluxFormSelectOptions } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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_ModelProps = {
+    'searchQuery'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: 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, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,28 @@
+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 var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: 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, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly disabled?: boolean;
+    readonly isDragging?: boolean;
+    readonly position: number;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    decrement: () => any;
+    grab: (args_0: PointerEvent) => any;
+    increment: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDecrement?: () => any;
+    onGrab?: (args_0: PointerEvent) => any;
+    onIncrement?: () => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly percentageLower: number;
+    readonly percentageUpper: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,8 +1,8 @@
-import { PropType, VNode } from 'vue';
-export declare const VNodeRenderer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { PropType, VNode, DefineComponent, ExtractPropTypes, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const VNodeRenderer: DefineComponent<ExtractPropTypes<{
     vnode: PropType<VNode>;
-}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}>, () => VNode< RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     vnode: PropType<VNode>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

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

@@ -1,9 +1,9 @@
-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 { 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 { FilterMenuRenderer } from './FilterMenuRenderer';
 export { VNodeRenderer } from './VNodeRenderer';

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

@@ -1,7 +1,7 @@
-import { FluxFormSelectEntry, FluxFormSelectOption, FluxFormSelectOptions, FluxFormSelectValue } from '@flux-ui/types';
-import { Ref } from 'vue';
+import { FluxFormSelectEntry, FluxFormSelectOption, FluxFormSelectOptions, FluxFormSelectValue, FluxFormSelectValueSingle } from '@flux-ui/types';
+import { Ref, ComputedRef } from 'vue';
 export default function (modelValue: Ref<FluxFormSelectValue>, isMultiple: boolean, options: Ref<FluxFormSelectEntry[]>, searchQuery?: Ref<string>): {
-    groups: import('vue').ComputedRef<FluxFormSelectOptions[]>;
-    selected: import('vue').ComputedRef<FluxFormSelectOption[]>;
-    values: import('vue').ComputedRef<import('@flux-ui/types').FluxFormSelectValueSingle[]>;
+    groups: ComputedRef<FluxFormSelectOptions[]>;
+    selected: ComputedRef<FluxFormSelectOption[]>;
+    values: ComputedRef< FluxFormSelectValueSingle[]>;
 };

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

@@ -1,4 +1,5 @@
+import { ComputedRef } from 'vue';
 export default function (): {
-    isLoading: import('vue').ComputedRef<boolean>;
+    isLoading: ComputedRef<boolean>;
     loaded: <T extends Function>(fn: T) => T;
 };

package/dist/composable/useDisabled.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from 'vue';
-export default function (componentDisabled: Ref<boolean>): import('vue').ComputedRef<boolean>;
+import { Ref, ComputedRef } from 'vue';
+export default function (componentDisabled: Ref<boolean>): ComputedRef<boolean>;

package/dist/composable/useDisabledInjection.d.ts

@@ -1 +1,2 @@
-export default function (): import('vue').Ref<boolean, boolean>;
+import { Ref } from 'vue';
+export default function (): Ref<boolean, boolean>;

package/dist/composable/useExpandableGroupInjection.d.ts

@@ -1 +1,2 @@
-export default function (): import('../data').FluxExpandableGroupInjection;
+import { FluxExpandableGroupInjection } from '../data';
+export default function (): FluxExpandableGroupInjection;

package/dist/composable/useFilterInjection.d.ts

@@ -1 +1,2 @@
-export default function (): import('../data').FluxFilterInjection;
+import { FluxFilterInjection } from '../data';
+export default function (): FluxFilterInjection;

package/dist/composable/useFlyoutInjection.d.ts

@@ -1 +1,2 @@
-export default function (): import('../data').FluxFlyoutInjection;
+import { FluxFlyoutInjection } from '../data';
+export default function (): FluxFlyoutInjection;

package/dist/composable/useFormFieldInjection.d.ts

@@ -1 +1,2 @@
-export default function (): import('../data').FluxFormFieldInjection;
+import { FluxFormFieldInjection } from '../data';
+export default function (): FluxFormFieldInjection;

package/dist/composable/useTableInjection.d.ts

@@ -1 +1,2 @@
-export default function (): import('../data').FluxTableInjection;
+import { FluxTableInjection } from '../data';
+export default function (): FluxTableInjection;

package/dist/index.js

@@ -4268,32 +4268,32 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var { "buttonLabel": _0$14, "button": _1$7, "buttonIcon": _2$4 } = Button_module_default$1;
+var { "buttonIcon": _0$14, "button": _1$7, "buttonLabel": _2$4 } = Button_module_default$1;
 var Button_module_default = {
 	primaryButton: `primary-button ${_1$7}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_2$4}`,
-	primaryButtonLabel: `primary-button-label ${_0$14}`,
+	primaryButtonIcon: `primary-button-icon ${_0$14}`,
+	primaryButtonLabel: `primary-button-label ${_2$4}`,
 	secondaryButton: `secondary-button ${_1$7}`,
-	secondaryButtonIcon: `secondary-button-icon ${_2$4}`,
-	secondaryButtonLabel: `secondary-button-label ${_0$14}`,
+	secondaryButtonIcon: `secondary-button-icon ${_0$14}`,
+	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
 	destructiveButton: `destructive-button ${_1$7}`,
-	destructiveButtonIcon: `destructive-button-icon ${_2$4}`,
-	destructiveButtonLabel: `destructive-button-label ${_0$14}`,
+	destructiveButtonIcon: `destructive-button-icon ${_0$14}`,
+	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
 	baseLinkButton: `base-link-button ${_1$7}`,
 	primaryLinkButton: `primary-link-button base-link-button ${_1$7}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_2$4}`,
-	primaryLinkButtonLabel: `primary-link-button-label ${_0$14}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_0$14}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
 	secondaryLinkButton: `secondary-link-button base-link-button ${_1$7}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_2$4}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_0$14}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_0$14}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
 	linkButton: `link-button ${_1$7}`,
-	linkButtonIcon: `link-button-icon ${_2$4}`,
+	linkButtonIcon: `link-button-icon ${_0$14}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_0$14}`,
+	linkButtonLabel: `link-button-label ${_2$4}`,
 	publishButton: `publish-button primary-button ${_1$7}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_2$4}`,
-	publishButtonLabel: `publish-button-label primary-button-label ${_0$14}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_0$14}`,
+	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
 	publishButtonAnimationArrow: `publish-button-animation-arrow`,
@@ -5644,7 +5644,7 @@ var FluxBoxedIcon_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var { "buttonIcon": _0$11, "buttonLabel": _1$5, "button": _2$2 } = Button_module_default$1;
+var { "button": _0$11, "buttonIcon": _1$5, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -5652,15 +5652,15 @@ var Menu_module_default = {
 	menuGroup: `menu-group`,
 	menuGroupHorizontal: `menu-group-horizontal menu-group`,
 	menuGroupVertical: `menu-group-vertical menu-group`,
-	menuItem: `menu-item ${_2$2}`,
+	menuItem: `menu-item ${_0$11}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_0$11}`,
-	menuItemLabel: `menu-item-label ${_1$5}`,
+	menuItemIcon: `menu-item-icon ${_1$5}`,
+	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
 	menuItemIndented: `menu-item-indented`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$11}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$5}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -8236,16 +8236,16 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var { "secondaryButton": _0$7, "secondaryButtonLabel": _1$3, "secondaryButtonIcon": _2$1 } = Button_module_default;
+var { "secondaryButtonIcon": _0$7, "secondaryButton": _1$3, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_0$7}`,
+	paginationButton: `pagination-button ${_1$3}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_2$1}`,
-	paginationButtonLabel: `pagination-button-label ${_1$3}`,
+	paginationButtonIcon: `pagination-button-icon ${_0$7}`,
+	paginationButtonLabel: `pagination-button-label ${_2$1}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -8492,13 +8492,13 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var { "basePaneLoader": _0$6, "basePaneElement": _1$2 } = Pane_module_default$1;
+var { "basePaneElement": _0$6, "basePaneLoader": _1$2 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_1$2}`,
+	table: `table ${_0$6}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
-	tableLoader: `table-loader ${_0$6}`,
+	tableLoader: `table-loader ${_1$2}`,
 	tableRow: `table-row`,
 	tableCell: `table-cell`,
 	tableCellContent: `table-cell-content`,