@basis-ng/primitives 0.0.1-alpha.33 → 0.0.1-alpha.34

package/core/components/tooltip/tooltip.component.d.ts

@@ -1,36 +1,36 @@
-import { Position } from '../../../shared/types/position.type';
+import { TemplateRef } from '@angular/core';
+import { Direction } from '../../../shared/types/direction.type';
 import * as i0 from "@angular/core";
 /**
- * TooltipComponent is a reusable UI component that displays a tooltip
- * with customizable position, gap, variant, and size.
+ * Tooltip component used to display content or templates in a tooltip overlay.
  */
 export declare class TooltipComponent {
     /**
-     * The position of the tooltip relative to its trigger element.
-     * Defaults to 'top-center'.
+     * Specifies the size of the tooltip.
+     *
+     * @defaultValue '2'
      */
-    readonly position: import("@angular/core").InputSignal<Position>;
+    readonly size: import("@angular/core").WritableSignal<"1" | "2" | "3">;
     /**
-     * The gap (in pixels) between the tooltip and its trigger element.
-     * Defaults to 8.
+     * Direction of the tooltip (e.g., top, bottom, left, right).
      */
-    readonly gap: import("@angular/core").InputSignal<number>;
+    readonly direction: import("@angular/core").WritableSignal<Direction | undefined>;
     /**
-     * The visual variant of the tooltip. Options include:
-     * - 'primary'
-     * - 'secondary'
-     * - 'ghost'
-     * - 'outlined'
-     * Defaults to 'primary'.
+     * Indicates whether the tooltip is leaving (for animation purposes).
      */
-    readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
+    readonly leaving: import("@angular/core").WritableSignal<boolean>;
     /**
-     * The size of the tooltip. Options include:
-     * - 'small'
-     * - 'default'
-     * Defaults to 'default'.
+     * Content of the tooltip, which can be a string or a template.
      */
-    readonly size: import("@angular/core").InputSignal<"small" | "default">;
+    readonly content: import("@angular/core").WritableSignal<string | TemplateRef<any>>;
+    /**
+     * Determines if the content is a string.
+     */
+    readonly isString: import("@angular/core").Signal<boolean>;
+    /**
+     * Returns the template if the content is not a string.
+     */
+    readonly template: import("@angular/core").Signal<TemplateRef<any> | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "b-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[b-tooltip-content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "b-tooltip", never, {}, {}, never, never, true, never>;
 }

package/core/components/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,110 @@
+import { CdkOverlayOrigin, ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { TemplateRef, OnDestroy, ComponentRef } from '@angular/core';
+import { Direction } from '../../../shared/types/direction.type';
+import { UtilsService } from '../../../shared/services/utils.service';
+import { Position } from '../../../public-api';
+import { TooltipComponent } from './tooltip.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+/**
+ * Directive to attach a tooltip to an element.
+ */
+export declare class TooltipDirective implements OnDestroy {
+    /**
+     * Tooltip content, which can be a string or a template.
+     *
+     * @alias bTooltip
+     */
+    readonly content: import("@angular/core").InputSignal<string | TemplateRef<any>>;
+    /**
+     * Specifies the size of the tooltip.
+     *
+     * @defaultValue '2'
+     */
+    readonly size: import("@angular/core").InputSignal<"1" | "2" | "3">;
+    /**
+     * Overlay origin for positioning the tooltip.
+     */
+    origin: CdkOverlayOrigin;
+    /**
+     * Overlay service for creating and managing overlays.
+     */
+    overlay: Overlay;
+    /**
+     * Utility service for common operations.
+     */
+    utils: UtilsService;
+    /**
+     * Whether the tooltip should appear on hover.
+     *
+     * @defaultValue true
+     */
+    readonly hover: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the tooltip should appear on focus.
+     *
+     * @defaultValue false
+     */
+    readonly focus: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Reference to the overlay instance.
+     */
+    readonly overlayRef: import("@angular/core").WritableSignal<OverlayRef | null>;
+    /**
+     * Map of positions for the tooltip.
+     */
+    readonly positionsMap: import("@angular/core").WritableSignal<Record<Position, ConnectedPosition>>;
+    /**
+     * List of positions for the tooltip.
+     *
+     * @defaultValue ['bottom-left']
+     */
+    readonly positions: import("@angular/core").InputSignal<Position[]>;
+    /**
+     * Computed connected positions based on the positions input.
+     */
+    readonly connectedPositions: import("@angular/core").Signal<ConnectedPosition[]>;
+    /**
+     * Delay before showing the tooltip.
+     *
+     * @defaultValue 0
+     */
+    readonly showDelay: import("@angular/core").InputSignal<number>;
+    /**
+     * Delay before hiding the tooltip.
+     *
+     * @defaultValue 150
+     */
+    readonly hideDelay: import("@angular/core").InputSignal<number>;
+    /**
+     * Currently connected position of the tooltip.
+     */
+    readonly connectedPosition: import("@angular/core").WritableSignal<ConnectedPosition | null>;
+    /**
+     * Direction of the tooltip based on the connected position.
+     */
+    readonly direction: import("@angular/core").Signal<Direction>;
+    /**
+     * Subscription to position change events.
+     */
+    private positionChangeSubscription;
+    /**
+     * Reference to the tooltip component instance.
+     */
+    readonly componentRef: import("@angular/core").WritableSignal<ComponentRef<TooltipComponent> | undefined>;
+    /**
+     * Shows the tooltip.
+     */
+    show(): void;
+    /**
+     * Hides the tooltip.
+     */
+    hide(): void;
+    /**
+     * Cleans up resources when the directive is destroyed.
+     */
+    ngOnDestroy(): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[bTooltip]", never, { "content": { "alias": "bTooltip"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "focus": { "alias": "focus"; "required": false; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+}