bitboss-ui 2.1.31 → 2.1.33

package/dist/components/BbPopover/BbPopover.vue.d.ts

@@ -7,6 +7,11 @@ export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | '
      * By default it's the first tabbable item.
      */
     focusTarget?: string;
+    /**
+     * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
+     * @deprecated since the popover is local you should use a normal css class applied to the top level element
+     */
+    theme?: string;
     /**
      * Width of the dropdown in pixels.
      */
@@ -28,6 +33,7 @@ declare function __VLS_template(): {
                 onClick: typeof onTriggerClick;
                 id: string;
                 disabled: boolean;
+                ref: (reference: unknown) => void;
             };
             disabled: boolean;
             open: boolean;
@@ -47,6 +53,7 @@ declare function __VLS_template(): {
                 onClick: typeof onTriggerClick;
                 id: string;
                 disabled: boolean;
+                ref: (reference: unknown) => void;
             };
             disabled: boolean;
             open: boolean;
@@ -60,20 +67,19 @@ declare function __VLS_template(): {
         }) => any;
     };
     refs: {
-        wrapper: ({
+        popover: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
                 readonly modelValue?: boolean | undefined;
+                readonly eager?: boolean | undefined;
                 readonly transitionDuration?: number | undefined;
                 readonly arrowPadding?: number | undefined;
-                readonly block?: boolean | undefined;
                 readonly offset?: number | undefined;
                 readonly padding?: number | undefined;
                 readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-                readonly containerAttributes?: Record<string, any> | undefined;
+                readonly anchor?: any;
                 readonly dialog?: boolean | undefined;
-                readonly renderContent?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -85,7 +91,6 @@ declare function __VLS_template(): {
                 [x: string]: unknown;
             } & {
                 wrapper: unknown;
-                content: unknown;
                 bubblearrow: HTMLSpanElement;
             };
             $slots: Readonly<{
@@ -98,10 +103,9 @@ declare function __VLS_template(): {
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: boolean;
-            } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-                containerAttributes?: Record<string, any>;
+            } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+                anchor?: any;
                 dialog?: boolean;
-                renderContent?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -112,7 +116,6 @@ declare function __VLS_template(): {
                 transitionDuration: number;
                 padding: number;
                 tag: string;
-                renderContent: boolean;
                 flip: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -138,25 +141,22 @@ declare function __VLS_template(): {
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }> & Omit<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                activator?(_: {}): any;
                 default?(_: {}): any;
             };
         }) | null;
-        content: HTMLSpanElement;
+        popoverDom: HTMLSpanElement;
     };
     rootEl: any;
 };
@@ -180,20 +180,19 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    wrapper: ({
+    popover: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly modelValue?: boolean | undefined;
+            readonly eager?: boolean | undefined;
             readonly transitionDuration?: number | undefined;
             readonly arrowPadding?: number | undefined;
-            readonly block?: boolean | undefined;
             readonly offset?: number | undefined;
             readonly padding?: number | undefined;
             readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-            readonly containerAttributes?: Record<string, any> | undefined;
+            readonly anchor?: any;
             readonly dialog?: boolean | undefined;
-            readonly renderContent?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -205,7 +204,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
             [x: string]: unknown;
         } & {
             wrapper: unknown;
-            content: unknown;
             bubblearrow: HTMLSpanElement;
         };
         $slots: Readonly<{
@@ -218,10 +216,9 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -232,7 +229,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -258,25 +254,22 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
         transitionDuration: number;
         padding: number;
         tag: string;
-        renderContent: boolean;
         flip: boolean;
     }> & Omit<Readonly<{
         modelValue?: boolean;
-    } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-        containerAttributes?: Record<string, any>;
+    } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+        anchor?: any;
         dialog?: boolean;
-        renderContent?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            activator?(_: {}): any;
             default?(_: {}): any;
         };
     }) | null;
-    content: HTMLSpanElement;
+    popoverDom: HTMLSpanElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/BbTooltip/BbTooltip.vue.d.ts

@@ -1,11 +1,20 @@
 import { CommonProps } from '../../types/CommonProps';
 import { Placement } from '@floating-ui/vue';
 export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
+    /**
+     * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
+     * @deprecated since the popover is local you should use a normal css class applied to the top level element
+     */
+    theme?: string;
     /**
      * The delay in milliseconds before the tooltip is shown.
      * @default 0
      */
     timeout?: number;
+    /**
+     * Width of the dropdown in pixels or percentage.
+     */
+    width?: number | string;
 };
 type __VLS_Props = BbTooltipProps;
 type BbTooltipSlots = {
@@ -15,7 +24,7 @@ type BbTooltipSlots = {
             onMouseenter: typeof onMouseenter;
             onFocus: typeof onFocus;
             onBlur: typeof closeTooltip;
-            disabled: boolean | undefined;
+            ref: (reference: unknown) => void;
         };
         disabled?: boolean;
         open: boolean;
@@ -33,20 +42,19 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbTooltipSlots> & BbTooltipSlots;
     refs: {
-        wrapper: ({
+        popover: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
                 readonly modelValue?: boolean | undefined;
+                readonly eager?: boolean | undefined;
                 readonly transitionDuration?: number | undefined;
                 readonly arrowPadding?: number | undefined;
-                readonly block?: boolean | undefined;
                 readonly offset?: number | undefined;
                 readonly padding?: number | undefined;
                 readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-                readonly containerAttributes?: Record<string, any> | undefined;
+                readonly anchor?: any;
                 readonly dialog?: boolean | undefined;
-                readonly renderContent?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -58,7 +66,6 @@ declare function __VLS_template(): {
                 [x: string]: unknown;
             } & {
                 wrapper: unknown;
-                content: unknown;
                 bubblearrow: HTMLSpanElement;
             };
             $slots: Readonly<{
@@ -71,10 +78,9 @@ declare function __VLS_template(): {
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: boolean;
-            } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-                containerAttributes?: Record<string, any>;
+            } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+                anchor?: any;
                 dialog?: boolean;
-                renderContent?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -85,7 +91,6 @@ declare function __VLS_template(): {
                 transitionDuration: number;
                 padding: number;
                 tag: string;
-                renderContent: boolean;
                 flip: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -111,21 +116,18 @@ declare function __VLS_template(): {
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }> & Omit<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                activator?(_: {}): any;
                 default?(_: {}): any;
             };
         }) | null;
@@ -146,20 +148,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     theme: string;
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    wrapper: ({
+    popover: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly modelValue?: boolean | undefined;
+            readonly eager?: boolean | undefined;
             readonly transitionDuration?: number | undefined;
             readonly arrowPadding?: number | undefined;
-            readonly block?: boolean | undefined;
             readonly offset?: number | undefined;
             readonly padding?: number | undefined;
             readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-            readonly containerAttributes?: Record<string, any> | undefined;
+            readonly anchor?: any;
             readonly dialog?: boolean | undefined;
-            readonly renderContent?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -171,7 +172,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             [x: string]: unknown;
         } & {
             wrapper: unknown;
-            content: unknown;
             bubblearrow: HTMLSpanElement;
         };
         $slots: Readonly<{
@@ -184,10 +184,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -198,7 +197,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -224,21 +222,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         transitionDuration: number;
         padding: number;
         tag: string;
-        renderContent: boolean;
         flip: boolean;
     }> & Omit<Readonly<{
         modelValue?: boolean;
-    } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-        containerAttributes?: Record<string, any>;
+    } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+        anchor?: any;
         dialog?: boolean;
-        renderContent?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            activator?(_: {}): any;
             default?(_: {}): any;
         };
     }) | null;

package/dist/components/CommonInputInnerContainer.vue.d.ts

@@ -1,4 +1,4 @@
-type Props = {
+export type CommonInputInnerContainerProps = {
     /**
      * Name of the icon to be added at the end of the input.
      */
@@ -28,9 +28,9 @@ declare function __VLS_template(): {
     rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<CommonInputInnerContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "click:clear": () => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<CommonInputInnerContainerProps> & Readonly<{
     "onClick:clear"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: HTMLSpanElement;

package/dist/components/{CommonPopover.vue.d.ts → CommonPopover2.vue.d.ts}

@@ -1,8 +1,7 @@
 import { CommonProps } from '../types/CommonProps';
-export type BubbleProps = Pick<CommonProps, 'arrowPadding' | 'offset' | 'block' | 'padding' | 'placement' | 'transitionDuration'> & {
-    containerAttributes?: Record<string, any>;
+export type BubbleProps = Pick<CommonProps, 'arrowPadding' | 'eager' | 'offset' | 'padding' | 'placement' | 'transitionDuration'> & {
+    anchor?: any;
     dialog?: boolean;
-    renderContent?: boolean;
     tag?: string;
     flip?: boolean;
 };
@@ -13,12 +12,10 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        activator?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
         wrapper: unknown;
-        content: unknown;
         bubblearrow: HTMLSpanElement;
     };
     rootEl: any;
@@ -32,11 +29,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     transitionDuration: number;
     padding: number;
     tag: string;
-    renderContent: boolean;
     flip: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapper: unknown;
-    content: unknown;
     bubblearrow: HTMLSpanElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/composables/useCancelableFunction.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+export interface CancelableFunction<T extends any[], R> {
+    execute: (...args: T) => Promise<R>;
+    cancel: () => void;
+    isCancelled: Ref<boolean>;
+    isExecuting: Ref<boolean>;
+}
+export interface CancelableExecutionContext {
+    signal: AbortSignal;
+    isCancelled: Ref<boolean>;
+    checkCancelled: () => void;
+}
+/**
+ * Creates a cancelable function wrapper that allows interrupting async operations.
+ * The wrapped function receives a context object with cancellation utilities.
+ */
+export declare function useCancelableFunction<T extends any[], R>(fn: (context: CancelableExecutionContext, ...args: T) => Promise<R> | R): CancelableFunction<T, R>;