@messaia/cdk 21.0.0-rc.22 → 21.0.0-rc.24

package/fesm2022/messaia-cdk.mjs

@@ -1414,21 +1414,24 @@ class BaseComponent {
         }
     }
     /**
-     * Expands the specified expansion panel and collapses all others.
-     *
-     * @param panelId - The ID of the expansion panel to expand.
-     */
-    expandPanel(panelId) {
-        /* Get the panel ends with the ID 'new' */
-        var expansionPanelIndex = this.matExpansionPanelElementQueryList?.toArray()?.findIndex(x => x.nativeElement.id == panelId) ?? -1;
-        if (expansionPanelIndex >= 0) {
-            /* Close all panels */
-            this.matExpansionPanelQueryList?.first?.accordion?.closeAll();
-            /* Open the new panel */
-            this.matExpansionPanelQueryList?.toArray()[expansionPanelIndex]?.open();
-            /* Detect changes */
-            this.changeDetectorRef.detectChanges();
-        }
+     * Expands the specified expansion panel path (supporting nested IDs) and collapses others.
+     * @param panelPath - The dot-separated ID path (e.g., 'warehouse.orders.details').
+     */
+    expandPanelPath(panelId) {
+        /* Split the panel ID into parts to handle nested panels */
+        panelId?.split('.')
+            /* Reduce the panel ID into an array of cumulative IDs to handle nested panels */
+            ?.reduce((accumulator, currentValue, index) => accumulator.concat((index > 0 ? (accumulator.slice(-1).join('.') + '.') : '') + currentValue), [])
+            ?.forEach((hash) => {
+            /* Find the index of the panel with the specified element ID */
+            var expansionPanelIndex = this.matExpansionPanelElementQueryList?.toArray()?.findIndex(x => x.nativeElement.id == hash) ?? -1;
+            if (expansionPanelIndex >= 0) {
+                /* Open the specified panel */
+                this.matExpansionPanelQueryList?.toArray()[expansionPanelIndex]?.open();
+                /* Detect changes */
+                this.changeDetectorRef.detectChanges();
+            }
+        });
     }
     /*
      * Forces a new change detection cycle since change detections
@@ -1473,16 +1476,8 @@ class BaseComponent {
                 this.changeDetectorRef.detectChanges();
             }
             else {
-                /* Find the index of the panel with the specified element ID */
-                this.urlHash?.split('.')
-                    ?.reduce((accumulator, currentValue, index) => accumulator.concat((index > 0 ? (accumulator.slice(-1).join('.') + '.') : '') + currentValue), [])
-                    ?.forEach((hash) => {
-                    var expansionPanelIndex = this.matExpansionPanelElementQueryList?.toArray()?.findIndex(x => x.nativeElement.id == hash) ?? -1;
-                    if (expansionPanelIndex >= 0) {
-                        this.matExpansionPanelQueryList?.toArray()[expansionPanelIndex]?.open();
-                        this.changeDetectorRef.detectChanges();
-                    }
-                });
+                /* Otherwise, expand the panel based on the URL hash if set */
+                this.expandPanelPath(this.urlHash ?? '');
             }
             /* Detect changes for opened panels */
             this.matExpansionPanelQueryList?.forEach(y => {
@@ -20370,6 +20365,15 @@ class GenericFormBaseComponent extends BaseComponent {
             ctr.updateValueAndValidity();
         });
     }
+    /**
+     * Manually triggers the formInitialized event.
+     * Useful when a parent component needs to access the form after asynchronous data has loaded.
+     */
+    triggerFormInitialized() {
+        if (this.form) {
+            this.formInitialized?.emit(this.form);
+        }
+    }
     /**
      * Invalidates controls recursively.
      * This method marks all controls in the group as dirty and touched if they are invalid.
@@ -20592,7 +20596,7 @@ class GenericFormBaseComponent extends BaseComponent {
      */
     onAfterFormBuild() {
         /* Emit form initialized event */
-        this.formInitialized?.emit(this.form);
+        this.triggerFormInitialized();
         /* Disable the form if the 'disabled' property is set */
         if (this.form && this.disabled) {
             Object.keys(this.form.controls).forEach(key => {