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

package/package.json

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

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

@@ -439,7 +439,6 @@ type Direction = 'top' | 'bottom' | 'left' | 'right';
  * A draggable floating drawer that can slide from any side.
  */
 declare class Drawer {
-    private readonly panel;
     /**
      * Model indicating whether the drawer is open.
      */
@@ -476,14 +475,20 @@ declare class Drawer {
      * Computed CSS transform for the drawer based on drag/open state.
      */
     readonly transform: _angular_core.Signal<string>;
-    /**
-     * Backdrop opacity that tracks the drawer open progress.
-     */
-    readonly backdropOpacity: _angular_core.Signal<number>;
     /**
      * Current progress to use for the rendered transform.
      */
     readonly currentProgress: _angular_core.Signal<number>;
+    /**
+     * Element reference to the host component.
+     */
+    private readonly el;
+    /**
+     * Close the drawer when clicking outside of it.
+     * The stopPropagation in the drawer-content prevents clicks inside from closing it.
+     * @param event - Click event.
+     */
+    closeOnOutsideClick(event: Event): void;
     /**
      * Begin tracking pointer movement for drag-to-dismiss.
      * @param event - Pointer down event.
@@ -530,6 +535,43 @@ declare class InputGroup {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroup, "b-input-group", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * A full-viewport backdrop layer that can dim background content behind projected overlays.
+ */
+declare class Backdrop {
+    /**
+     * Whether the backdrop is active.
+     */
+    readonly isOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Optional open progress from 0 (open) to 100 (closed).
+     */
+    readonly progress: _angular_core.InputSignal<number | null>;
+    /**
+     * Maximum darkness applied when fully open.
+     */
+    readonly maxOpacity: _angular_core.InputSignal<number>;
+    /**
+     * Whether clicking the backdrop closes it automatically.
+     */
+    readonly closeOnClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether opacity changes should animate.
+     */
+    readonly animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emitted whenever the backdrop surface is clicked.
+     */
+    readonly backdropClick: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Current effective opacity based on explicit progress or open state.
+     */
+    readonly opacity: _angular_core.Signal<number>;
+    handleBackdropClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Backdrop, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Backdrop, "b-backdrop", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "maxOpacity": { "alias": "maxOpacity"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
+}
+
 /**
  * Enhanced native input with optional numeric formatting and integrations.
  */
@@ -1189,6 +1231,18 @@ declare class SelectFilter implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectFilter, "[bSelectFilter]", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * A loading directive that overlays a skeleton shimmer on the host element while preserving size.
+ */
+declare class Skeleton {
+    /**
+     * Whether the host should display the skeleton state.
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Skeleton, "[bSkeleton]", never, { "loading": { "alias": "bSkeleton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * A spinner component to indicate loading states.
  */
@@ -1767,5 +1821,5 @@ declare class Utils {
 
 type Alignment = 'left' | 'center' | 'right' | 'top' | 'bottom';
 
-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 { Alert, Backdrop, 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, Skeleton, 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 };