@basis-ng/primitives 0.0.1-alpha.144 → 0.0.1-alpha.146

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-ng/primitives",
-  "version": "0.0.1-alpha.144",
+  "version": "0.0.1-alpha.146",
   "description": "basis-ng components, animations, directives and services for Angular",
   "peerDependencies": {
     "@angular/common": "^21.0.0",

package/types/basis-ng-primitives.d.ts

@@ -433,14 +433,25 @@ declare class DialogContent extends CdkDialogContainer implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogContent, "b-dialog-content", never, {}, {}, never, never, true, never>;
 }
 
+type Direction = 'top' | 'bottom' | 'left' | 'right';
+
 /**
- * A draggable bottom sheet drawer with open/close and drag-to-dismiss behavior.
+ * A draggable floating drawer that can slide from any side.
  */
 declare class Drawer {
+    private readonly panel;
     /**
      * Model indicating whether the drawer is open.
      */
     readonly isOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Side of the viewport the drawer appears from.
+     */
+    readonly side: _angular_core.InputSignal<Direction>;
+    /**
+     * Whether the drawer can be dragged closed.
+     */
+    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Emitted when the sheet is closed.
      */
@@ -450,15 +461,15 @@ declare class Drawer {
      */
     readonly isDragging: _angular_core.WritableSignal<boolean>;
     /**
-     * Starting Y position of the pointer when drag begins.
+     * Starting pointer coordinate for the active drag axis.
      */
-    readonly startY: _angular_core.WritableSignal<number>;
+    readonly startOffset: _angular_core.WritableSignal<number>;
     /**
-     * Current vertical translation of the drawer.
+     * Current close progress of the drawer, from 0 (open) to 100 (closed).
      */
-    private readonly translateY;
+    private readonly dragProgress;
     /**
-     * Vertical drag threshold (percentage) to trigger close on release.
+     * Drag threshold (percentage) to trigger close on release.
      */
     readonly closeThreshold: _angular_core.InputSignal<number>;
     /**
@@ -466,15 +477,13 @@ declare class Drawer {
      */
     readonly transform: _angular_core.Signal<string>;
     /**
-     * Element reference to the host component.
+     * Backdrop opacity that tracks the drawer open progress.
      */
-    private readonly el;
+    readonly backdropOpacity: _angular_core.Signal<number>;
     /**
-     * Close the drawer when clicking outside of it.
-     * The stopPropagation in the drawer-content prevents clicks inside from closing it.
-     * @param event - Click event.
+     * Current progress to use for the rendered transform.
      */
-    closeOnOutsideClick(event: Event): void;
+    readonly currentProgress: _angular_core.Signal<number>;
     /**
      * Begin tracking pointer movement for drag-to-dismiss.
      * @param event - Pointer down event.
@@ -482,14 +491,35 @@ declare class Drawer {
     startDrag(event: PointerEvent): void;
     /**
      * Update drawer position during drag.
-     * @param clientY - Current pointer Y position.
+     * @param event - Current pointer event.
      */
-    updateDrag(clientY: number): void; /**
+    updateDrag(event: PointerEvent): void;
+    /**
      * Snap the drawer to open or closed based on threshold.
      */
     snapToOpenOrClose(): void;
+    /**
+     * Closes the drawer and emits the close event.
+     */
+    requestClose(): void;
+    /**
+     * Maps the current side to the transform axis and sign.
+     */
+    private getTransform;
+    /**
+     * Returns the pointer coordinate relevant to the active drag axis.
+     */
+    private getPointerOffset;
+    /**
+     * Indicates whether the drawer moves horizontally.
+     */
+    private isHorizontal;
+    /**
+     * Returns the positive pointer direction that closes the drawer.
+     */
+    private getCloseDirection;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "b-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "b-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -1159,38 +1189,6 @@ declare class SelectFilter implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectFilter, "[bSelectFilter]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Slide-in sheet panel used for side or bottom panels with optional backdrop.
- */
-declare class Sheet {
-    /**
-     * Whether the sheet is open. Can be two-way bound.
-     */
-    readonly isOpen: _angular_core.ModelSignal<boolean>;
-    /**
-     * Side of the sheet panel.
-     */
-    readonly side: _angular_core.InputSignal<"left" | "right">;
-    /**
-     * Whether the sheet is positioned on the right side.
-     */
-    readonly isRight: _angular_core.Signal<boolean>;
-    /**
-     * Emitted when the sheet is closed.
-     */
-    closeSheet: _angular_core.OutputEmitterRef<void>;
-    /**
-     * Reference to the host element.
-     */
-    private readonly el;
-    /**
-     * Closes the sheet when clicking outside of it.
-     */
-    closeOnOutsideClick(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sheet, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sheet, "b-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
-}
-
 /**
  * A spinner component to indicate loading states.
  */
@@ -1769,7 +1767,5 @@ declare class Utils {
 
 type Alignment = 'left' | 'center' | 'right' | 'top' | 'bottom';
 
-type Direction = 'top' | 'bottom' | 'left' | 'right';
-
-export { Alert, Badge, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CommandComponent, CommandOptionsComponent, ConnectedOverlay, Dialog, DialogContent, DialogManager, Drawer, Input, InputGroup, Menu, MenuGroup, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuLabel, MenuTriggerDirective, Option, Otp, OtpDigitDirective, Overlay, OverlayOrigin, OverlayTrigger, Popover, PopoverTrigger, Range, ResponsiveManager, Select, SelectContent, SelectFilter, SelectTrigger, SelectValue, Sheet, Spinner, SwitchComponent, Tab, Tabs, Textarea, TextareaGroup, ThemeManager, Tooltip, TooltipContent, TooltipTrigger, TranslatePipe, TranslationManager, Tree, TreeNode, Utils };
+export { Alert, Badge, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CommandComponent, CommandOptionsComponent, ConnectedOverlay, Dialog, DialogContent, DialogManager, Drawer, Input, InputGroup, Menu, MenuGroup, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuLabel, MenuTriggerDirective, Option, Otp, OtpDigitDirective, Overlay, OverlayOrigin, OverlayTrigger, Popover, PopoverTrigger, Range, ResponsiveManager, Select, SelectContent, SelectFilter, SelectTrigger, SelectValue, Spinner, SwitchComponent, Tab, Tabs, Textarea, TextareaGroup, ThemeManager, Tooltip, TooltipContent, TooltipTrigger, TranslatePipe, TranslationManager, Tree, TreeNode, Utils };
 export type { Alignment, DeviceBreakpoints, DeviceType, DialogConfig, DialogData, Direction, Position, TranslationDictionary };