@truenas/ui-components 0.1.61 → 0.1.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.1.61",
+  "version": "0.1.62",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -6031,6 +6031,7 @@ declare class TnSidePanelHeaderActionDirective {
 declare class TnSidePanelComponent implements OnDestroy {
     private iconRegistry;
     private document;
+    private destroyRef;
     private overlayRef;
     protected initialized: _angular_core.WritableSignal<boolean>;
     open: _angular_core.ModelSignal<boolean>;
@@ -6039,6 +6040,14 @@ declare class TnSidePanelComponent implements OnDestroy {
     hasBackdrop: _angular_core.InputSignal<boolean>;
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     closeOnEscape: _angular_core.InputSignal<boolean>;
+    /**
+     * Optional gate evaluated before a user-initiated close (× button, backdrop click,
+     * or Escape). Return an observable resolving to `false` to veto the close — e.g. to
+     * prompt about unsaved changes and keep the panel open if the user cancels. The
+     * observable is expected to emit once. Programmatic `open` changes made by the host
+     * bypass this guard; when unset, the panel closes immediately.
+     */
+    closeGuard: _angular_core.InputSignal<(() => Observable<boolean>) | undefined>;
     /**
      * Test-id applied to the panel's root overlay element. Rendered under whichever attribute
      * name is configured via `TN_TEST_ATTR` (default `data-testid`).
@@ -6064,7 +6073,7 @@ declare class TnSidePanelComponent implements OnDestroy {
     private restoreFocus;
     private registerMdiIcons;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnSidePanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnSidePanelComponent, "tn-side-panel", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "closeButtonTestId": { "alias": "closeButtonTestId"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "opened": "opened"; "closed": "closed"; }, ["actionContent"], ["[tnSidePanelHeaderAction]", "*", "[tnSidePanelAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnSidePanelComponent, "tn-side-panel", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeGuard": { "alias": "closeGuard"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "closeButtonTestId": { "alias": "closeButtonTestId"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "opened": "opened"; "closed": "closed"; }, ["actionContent"], ["[tnSidePanelHeaderAction]", "*", "[tnSidePanelAction]"], true, never>;
 }
 
 interface SidePanelHarnessFilters extends BaseHarnessFilters {