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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-ng/primitives",
-  "version": "0.0.1-alpha.145",
+  "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

@@ -506,7 +506,7 @@ declare class Drawer {
     /**
      * Closes the drawer and emits the close event.
      */
-    private close;
+    requestClose(): void;
     /**
      * Maps the current side to the transform axis and sign.
      */
@@ -535,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.
  */
@@ -1194,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.
  */
@@ -1772,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 };