bitboss-ui 2.1.76 → 2.1.77

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

@@ -1,7 +1,13 @@
 import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
 import { CommonProps } from '../../types/CommonProps';
 import { IconType } from '../../types/Icon';
-export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'transitionDuration'> & {
+export type DropdownTrigger = 'click' | 'contextMenu';
+export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'transitionDuration'> & {
+    /**
+     * Position of the dropdown relative to the activator.
+     * Use `'cursor'` to anchor at the mouse/touch coordinates (hides arrow).
+     */
+    placement?: CommonProps['placement'] | 'cursor';
     /**
      * External activator element or component ref.
      * When provided, the activator slot is not rendered and event listeners
@@ -20,6 +26,14 @@ export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'disabled' | 'e
      * @deprecated since the popover is local you should use a normal css class applied to the top level element
      */
     theme?: string;
+    /**
+     * Interaction(s) that open the dropdown.
+     * Accepts a single trigger or an array to combine them.
+     * - `'click'` — left-click / tap (default)
+     * - `'contextMenu'` — right-click on desktop, long-press on mobile
+     * @default 'click'
+     */
+    trigger?: DropdownTrigger | DropdownTrigger[];
     /**
      * Width of the dropdown in pixels, percentage, or 'auto' to fit content.
      */
@@ -159,6 +173,7 @@ declare function __VLS_template(): {
                 readonly anchor?: any;
                 readonly boundary?: (HTMLElement | Record<string, any> | string | null) | undefined;
                 readonly dialog?: boolean | undefined;
+                readonly hideArrow?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -186,6 +201,7 @@ declare function __VLS_template(): {
                 anchor?: any;
                 boundary?: HTMLElement | Record<string, any> | string | null;
                 dialog?: boolean;
+                hideArrow?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -228,6 +244,7 @@ declare function __VLS_template(): {
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
+            hideArrow?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -248,7 +265,8 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
     arrowPadding: number;
     offset: number;
     padding: number;
-    placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    placement: "left" | "right" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "cursor";
+    trigger: DropdownTrigger | DropdownTrigger[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     popover: ({
         $: import('vue').ComponentInternalInstance;
@@ -264,6 +282,7 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
             readonly anchor?: any;
             readonly boundary?: (HTMLElement | Record<string, any> | string | null) | undefined;
             readonly dialog?: boolean | undefined;
+            readonly hideArrow?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -291,6 +310,7 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
+            hideArrow?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -333,6 +353,7 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
         anchor?: any;
         boundary?: HTMLElement | Record<string, any> | string | null;
         dialog?: boolean;
+        hideArrow?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{

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

@@ -1,7 +1,12 @@
 import { nextTick } from 'vue';
 import { CommonProps } from '../../types/CommonProps';
-import { Placement } from '@floating-ui/vue';
-export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
+export type PopoverTrigger = 'click' | 'contextMenu';
+export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'showClose' | 'theme' | 'transitionDuration'> & {
+    /**
+     * Position of the popover relative to the activator.
+     * Use `'cursor'` to anchor at the mouse/touch coordinates (hides arrow).
+     */
+    placement?: CommonProps['placement'] | 'cursor';
     /**
      * External activator element or component ref.
      * When provided, the activator slot is not rendered and click events
@@ -28,6 +33,14 @@ export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | '
      * @deprecated Use a CSS class on the component instead.
      */
     theme?: string;
+    /**
+     * Interaction(s) that open the popover.
+     * Accepts a single trigger or an array to combine them.
+     * - `'click'` — left-click / tap (default)
+     * - `'contextMenu'` — right-click on desktop, long-press on mobile
+     * @default 'click'
+     */
+    trigger?: PopoverTrigger | PopoverTrigger[];
     /**
      * Width of the popover. Accepts pixels or percentage (relative to activator width).
      */
@@ -39,13 +52,18 @@ export type BbPopoverEvents = {
     (e: 'hidden'): void;
 };
 declare const activatorProps: import('vue').ComputedRef<{
+    onContextmenu?: ((event: MouseEvent) => void) | undefined;
+    onPointerdown?: ((event: PointerEvent) => void) | undefined;
+    onPointermove?: ((event: PointerEvent) => void) | undefined;
+    onPointerup?: (() => void) | undefined;
+    onPointercancel?: (() => void) | undefined;
+    onClick?: ((event: MouseEvent) => Promise<void>) | undefined;
     'aria-expanded': boolean | undefined;
     'aria-controls': string | undefined;
     'aria-haspopup': "dialog";
     id: string;
     disabled: boolean;
     ref: (reference: unknown) => void;
-    onClick: (event: MouseEvent) => Promise<void>;
 }>;
 declare const close: () => void;
 type __VLS_PublicProps = {
@@ -58,26 +76,26 @@ declare function __VLS_template(): {
             props: typeof activatorProps.value;
             disabled: boolean;
             isOpen: boolean;
-            placement: Placement;
+            placement: BbPopoverProps["placement"];
         }) => any;
         default?: (props: {
             close: typeof close;
             disabled: boolean;
             open: boolean;
-            placement: Placement;
+            placement: BbPopoverProps["placement"];
         }) => any;
     }> & {
         activator?: (props: {
             props: typeof activatorProps.value;
             disabled: boolean;
             isOpen: boolean;
-            placement: Placement;
+            placement: BbPopoverProps["placement"];
         }) => any;
         default?: (props: {
             close: typeof close;
             disabled: boolean;
             open: boolean;
-            placement: Placement;
+            placement: BbPopoverProps["placement"];
         }) => any;
     };
     refs: {
@@ -95,6 +113,7 @@ declare function __VLS_template(): {
                 readonly anchor?: any;
                 readonly boundary?: (HTMLElement | Record<string, any> | string | null) | undefined;
                 readonly dialog?: boolean | undefined;
+                readonly hideArrow?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -122,6 +141,7 @@ declare function __VLS_template(): {
                 anchor?: any;
                 boundary?: HTMLElement | Record<string, any> | string | null;
                 dialog?: boolean;
+                hideArrow?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -164,6 +184,7 @@ declare function __VLS_template(): {
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
+            hideArrow?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -179,7 +200,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
     /** Opens the popover programmatically */
-    show: (event: MouseEvent) => Promise<void>;
+    show: () => Promise<void>;
     /** Closes the popover programmatically */
     close: () => void;
     /** Whether the popover is currently open */
@@ -200,7 +221,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     arrowPadding: number;
     offset: number;
     padding: number;
-    placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    placement: "left" | "right" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "cursor";
+    trigger: PopoverTrigger | PopoverTrigger[];
     restoreFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     popoverRef: ({
@@ -217,6 +239,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly anchor?: any;
             readonly boundary?: (HTMLElement | Record<string, any> | string | null) | undefined;
             readonly dialog?: boolean | undefined;
+            readonly hideArrow?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -244,6 +267,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
+            hideArrow?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -286,6 +310,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         anchor?: any;
         boundary?: HTMLElement | Record<string, any> | string | null;
         dialog?: boolean;
+        hideArrow?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{

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

@@ -61,6 +61,7 @@ declare function __VLS_template(): {
                 readonly anchor?: any;
                 readonly boundary?: (HTMLElement | Record<string, any> | string | null) | undefined;
                 readonly dialog?: boolean | undefined;
+                readonly hideArrow?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -88,6 +89,7 @@ declare function __VLS_template(): {
                 anchor?: any;
                 boundary?: HTMLElement | Record<string, any> | string | null;
                 dialog?: boolean;
+                hideArrow?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -130,6 +132,7 @@ declare function __VLS_template(): {
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
+            hideArrow?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -170,6 +173,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly anchor?: any;
             readonly boundary?: (HTMLElement | Record<string, any> | string | null) | undefined;
             readonly dialog?: boolean | undefined;
+            readonly hideArrow?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -197,6 +201,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
+            hideArrow?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -239,6 +244,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         anchor?: any;
         boundary?: HTMLElement | Record<string, any> | string | null;
         dialog?: boolean;
+        hideArrow?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{

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

@@ -8,6 +8,11 @@ export type BubbleProps = Pick<CommonProps, 'arrowPadding' | 'eager' | 'offset'
      */
     boundary?: HTMLElement | Record<string, any> | string | null;
     dialog?: boolean;
+    /**
+     * Hides the arrow indicator.
+     * @default false
+     */
+    hideArrow?: boolean;
     tag?: string;
     flip?: boolean;
 };