@praxisui/settings-panel 8.0.0-beta.99 → 9.0.0-beta.0

package/README.md

@@ -61,9 +61,30 @@ last_updated: "2026-04-03"
 ## Instalacao
 
 ```bash
-npm i @praxisui/settings-panel
+npm i @praxisui/settings-panel@beta
 ```
 
+## Minimal standalone content component
+
+```ts
+import { Component } from '@angular/core';
+import { SettingsValueProvider } from '@praxisui/settings-panel';
+
+@Component({
+  selector: 'app-settings-content',
+  standalone: true,
+  template: `<p>Settings content</p>`,
+})
+export class SettingsContentComponent implements SettingsValueProvider {
+  getSettingsValue(): unknown {
+    return {};
+  }
+}
+```
+
+Open this standalone content with `SettingsPanelService.open(...)`; the host
+observes `SettingsPanelRef.applied$` and `saved$` to apply or persist changes.
+
 Peer dependencies (Angular v20):
 
 - `@angular/core` `^20.0.0`

package/fesm2022/praxisui-settings-panel.mjs

@@ -1822,6 +1822,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 args: ['contentHost', { read: ViewContainerRef, static: true }]
             }] } });
 
+function buildSurfaceRuntime(ref) {
+    return {
+        closed$: ref.closed$,
+        result$: ref.result$,
+        close: (result) => ref.close?.(result),
+        emitResult: (result) => ref.emitResult?.(result),
+        updateTitle: (title) => ref.updateTitle?.(title),
+        updateSize: (preset) => ref.updateSize?.(preset),
+    };
+}
+function enrichSurfaceContentInputs(inputs, ref) {
+    const context = inputs?.['context'] && typeof inputs['context'] === 'object'
+        ? inputs['context']
+        : {};
+    return {
+        ...(inputs || {}),
+        context: {
+            ...context,
+            surfaceRuntime: buildSurfaceRuntime(ref),
+        },
+    };
+}
 function providePraxisSurfaceDrawerBridge() {
     return [
         providePraxisSettingsPanelI18n(),
@@ -1860,6 +1882,7 @@ function providePraxisSurfaceDrawerBridge() {
                         },
                         createRef: (overlayRef) => new BaseSidePanelOverlayRef(overlayRef),
                         attach: (panelRef, ref) => {
+                            const contentInputs = enrichSurfaceContentInputs(opts.content.inputs, ref);
                             panelRef.instance.title = opts.title;
                             panelRef.instance.titleIcon = opts.titleIcon;
                             panelRef.instance.subtitle = opts.subtitle;
@@ -1871,12 +1894,12 @@ function providePraxisSurfaceDrawerBridge() {
                             ref.bindTitleUpdater((title) => panelRef.instance.setTitle(title));
                             const contentInjector = Injector.create({
                                 providers: [
-                                    { provide: BASE_SIDE_PANEL_DATA, useValue: opts.content.inputs },
+                                    { provide: BASE_SIDE_PANEL_DATA, useValue: contentInputs },
                                     { provide: BASE_SIDE_PANEL_REF, useValue: ref },
                                 ],
                                 parent: injector,
                             });
-                            panelRef.instance.attachContent(opts.content.component, contentInjector, opts.content.inputs);
+                            panelRef.instance.attachContent(opts.content.component, contentInjector, contentInputs);
                             panelRef.changeDetectorRef.detectChanges();
                         },
                         createCloser: (ref) => (reason = 'close') => ref.close({ type: reason }),

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@praxisui/settings-panel",
-  "version": "8.0.0-beta.99",
+  "version": "9.0.0-beta.0",
   "description": "Settings panel for Praxis UI libraries: open editors for configuration at runtime and persist settings.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/ai": "^8.0.0-beta.99",
-    "@praxisui/core": "^8.0.0-beta.99",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.99",
+    "@praxisui/ai": "^9.0.0-beta.0",
+    "@praxisui/core": "^9.0.0-beta.0",
+    "@praxisui/dynamic-fields": "^9.0.0-beta.0",
     "rxjs": "~7.8.0"
   },
   "dependencies": {