@praxisui/settings-panel 3.0.0-beta.3 → 3.0.0-beta.5

package/fesm2022/praxisui-settings-panel.mjs

@@ -7,7 +7,7 @@ import * as i3$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { PraxisIconDirective, GlobalConfigService, FieldControlType, IconPickerService, LoggerService } from '@praxisui/core';
+import { PraxisIconDirective, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, GlobalConfigService, FieldControlType, IconPickerService, LoggerService } from '@praxisui/core';
 import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { CdkTrapFocus } from '@angular/cdk/a11y';
@@ -87,11 +87,12 @@ class SettingsPanelComponent {
         this.cdr = cdr;
         this.dialog = dialog;
     }
-    attachContent(component, injector, ref) {
+    attachContent(component, injector, ref, inputs) {
         this.ref = ref;
         this.contentRef = this.contentHost.createComponent(component, {
             injector,
         });
+        this.applyInputs(this.contentRef, inputs);
         const instance = this.contentRef.instance;
         if (instance.isDirty$) {
             instance.isDirty$
@@ -132,6 +133,35 @@ class SettingsPanelComponent {
         }
         catch { }
     }
+    applyInputs(contentRef, inputs) {
+        if (!inputs) {
+            return;
+        }
+        const supportedInputs = this.resolveSupportedInputs(contentRef);
+        for (const [key, value] of Object.entries(inputs)) {
+            if (supportedInputs && !supportedInputs.has(key)) {
+                continue;
+            }
+            try {
+                if (typeof contentRef.setInput === 'function') {
+                    contentRef.setInput(key, value);
+                }
+                else {
+                    contentRef.instance[key] = value;
+                }
+            }
+            catch { }
+        }
+        contentRef.changeDetectorRef.detectChanges();
+    }
+    resolveSupportedInputs(contentRef) {
+        const componentDef = contentRef.componentType?.ɵcmp;
+        const declaredInputs = componentDef?.inputs;
+        if (!declaredInputs || typeof declaredInputs !== 'object') {
+            return null;
+        }
+        return new Set(Object.keys(declaredInputs));
+    }
     onReset() {
         const dialogData = {
             title: 'Redefinir Alterações',
@@ -311,7 +341,7 @@ class SettingsPanelRef {
     }
 }
 
-const SETTINGS_PANEL_DATA = new InjectionToken('SETTINGS_PANEL_DATA');
+const SETTINGS_PANEL_DATA = SETTINGS_PANEL_DATA$1;
 const SETTINGS_PANEL_REF = new InjectionToken('SETTINGS_PANEL_REF');
 
 class SettingsPanelService {
@@ -359,7 +389,7 @@ class SettingsPanelService {
             ],
             parent: this.injector,
         });
-        panelRef.instance.attachContent(config.content.component, injector, ref);
+        panelRef.instance.attachContent(config.content.component, injector, ref, inputs);
         overlayRef.backdropClick().subscribe(() => ref.close('backdrop'));
         overlayRef.keydownEvents().subscribe((event) => {
             if (event.key === 'Escape') {