@ng-formworks/core 20.6.7 → 20.6.8

package/fesm2022/ng-formworks-core.mjs

@@ -8901,6 +8901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 class TabsComponent {
     constructor() {
         this.jsf = inject(JsonSchemaFormService);
+        this.cdr = inject(ChangeDetectorRef);
         this.selectedItem = 0;
         this.showAddTab = true;
         this.layoutNode = input(undefined, ...(ngDevMode ? [{ debugName: "layoutNode" }] : []));
@@ -8914,6 +8915,12 @@ class TabsComponent {
         }
         this.itemCount = this.layoutNode().items.length - 1;
         this.updateControl();
+        //TODO review/test-introduced to fix dynamic titles not updating
+        //when their conditional linked field is destroyed
+        //-forces change detection!
+        this.jsf.dataChanges.subscribe((val) => {
+            this.cdr.detectChanges();
+        });
     }
     select(index) {
         const layoutNode = this.layoutNode();
@@ -8938,6 +8945,9 @@ class TabsComponent {
     setTabTitle(item, index) {
         return this.jsf.setArrayItemTitle(this, item, index);
     }
+    ngOnDestroy() {
+        this.dataChangesSubs?.unsubscribe();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: TabsComponent, isStandalone: false, selector: "tabs-widget", inputs: { layoutNode: { classPropertyName: "layoutNode", publicName: "layoutNode", isSignal: true, isRequired: false, transformFunction: null }, layoutIndex: { classPropertyName: "layoutIndex", publicName: "layoutIndex", isSignal: true, isRequired: false, transformFunction: null }, dataIndex: { classPropertyName: "dataIndex", publicName: "dataIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <ul
@@ -8961,6 +8971,7 @@ class TabsComponent {
           />
           {{setTabTitle(item, i)}}
           </a>
+          
       </li>
     </ul>
 
@@ -9015,6 +9026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
           />
           {{setTabTitle(item, i)}}
           </a>
+          
       </li>
     </ul>
 
@@ -9309,6 +9321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 class RootComponent {
     constructor() {
         this.jsf = inject(JsonSchemaFormService);
+        this.cdr = inject(ChangeDetectorRef);
         this.dataIndex = input(undefined, ...(ngDevMode ? [{ debugName: "dataIndex" }] : []));
         this.layoutIndex = input(undefined, ...(ngDevMode ? [{ debugName: "layoutIndex" }] : []));
         this.layout = input(undefined, ...(ngDevMode ? [{ debugName: "layout" }] : []));
@@ -9431,6 +9444,7 @@ class RootComponent {
         if (changes['layout'] || changes['dataIndex'] || changes['layoutIndex']) {
             // Clear the entire cache of the memoized function
             this._getSelectFrameworkInputsMemoized.cache.clear();
+            this.cdr.markForCheck();
         }
     }
     showWidget(layoutNode) {
@@ -9441,6 +9455,10 @@ class RootComponent {
             this.jsf.dataChanges.subscribe((val) => {
                 //this.selectframeworkInputCache?.clear();
                 this._getSelectFrameworkInputsMemoized.cache.clear();
+                //TODO-fix for now changed to detectChanges-
+                //used to updated the dynamic titles in tab compnents 
+                this.cdr.markForCheck();
+                // this.cdr.detectChanges();-breaks oneOf/ matdatepicker
             });
         }
     }