@basis-ng/primitives 0.0.1-alpha.148 → 0.0.1-alpha.149

package/package.json

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

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

@@ -438,7 +438,7 @@ type Direction = 'top' | 'bottom' | 'left' | 'right';
 /**
  * A draggable floating drawer that can slide from any side.
  */
-declare class Drawer {
+declare class Drawer implements OnDestroy {
     /**
      * Model indicating whether the drawer is open.
      */
@@ -451,6 +451,12 @@ declare class Drawer {
      * Whether the drawer can be dragged closed.
      */
     readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether clicking outside closes the drawer.
+     * When false, a full-viewport blocking overlay is mounted at body level
+     * so outside clicks (and pointer events) cannot reach other elements.
+     */
+    readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Emitted when the sheet is closed.
      */
@@ -483,6 +489,13 @@ declare class Drawer {
      * Element reference to the host component.
      */
     private readonly el;
+    /**
+     * Body-level blocking overlay used when closable=false to prevent
+     * pointer events from reaching elements behind the open drawer.
+     */
+    private blockingOverlay;
+    constructor();
+    ngOnDestroy(): void;
     /**
      * Close the drawer when clicking outside of it.
      * The stopPropagation in the drawer-content prevents clicks inside from closing it.
@@ -523,8 +536,17 @@ declare class Drawer {
      * Returns the positive pointer direction that closes the drawer.
      */
     private getCloseDirection;
+    /**
+     * Mounts a transparent full-viewport div at body level that captures all
+     * pointer events, preventing them from reaching elements behind the drawer.
+     */
+    private mountBlockingOverlay;
+    /**
+     * Removes the blocking overlay from the DOM if present.
+     */
+    private removeBlockingOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, 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>;
+    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; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
 }
 
 /**