@quadrel-enterprise-ui/framework 20.10.0-beta.140.1 → 20.10.1-beta.143.1

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -11402,7 +11402,7 @@ class QdDatepickerComponent {
     _onChange = () => { };
     _onTouched = () => { };
     ngOnInit() {
-        this.language ??= this.translateService.currentLang;
+        this.language = this.translateService?.currentLang ?? DEFAULT_LANGUAGE;
         this.subscribeToLanguageChange();
         this.subscribeToActionEmitterEvents();
         this.initControl();
@@ -27075,7 +27075,12 @@ class QdPageCommitActionExecutor {
         const applySuccess = () => {
             formGroupManager.setFormGroupsSnapshot(captured);
             navigationInterceptor.executeWithBypass(() => {
-                onAfterSnapshot?.();
+                try {
+                    onAfterSnapshot?.();
+                }
+                catch (err) {
+                    console.error('QD-UI | QdPage - internal onAfterSnapshot hook threw after form was marked as saved.', err);
+                }
                 try {
                     action.onSuccess?.();
                 }
@@ -27559,6 +27564,7 @@ class QdPageObjectHeaderComponent {
     _isLoadingSubject = new BehaviorSubject(false);
     _customActionsSubject = new BehaviorSubject({ actions: [] });
     _customActionsSub;
+    _metadataSub;
     _destroyed$ = new Subject();
     _availableContexts = 0;
     pageObjectData$ = this._pageObjectDataSubject.asObservable();
@@ -27656,12 +27662,15 @@ class QdPageObjectHeaderComponent {
         if (this.pageObjectResolver)
             this.setupResolverTrigger();
         this.updateCustomActions();
+        this.subscribeToMetadataStream();
         this.formGroupManagerService.takeFormGroupsSnapshot();
         this.initContexts();
     }
     ngOnChanges(changes) {
-        if (changes['config'] && !changes['config'].firstChange)
+        if (changes['config'] && !changes['config'].firstChange) {
             this.updateCustomActions();
+            this.subscribeToMetadataStream();
+        }
     }
     ngOnDestroy() {
         this.pageStoreService.toggleViewonly(false);
@@ -27766,6 +27775,13 @@ class QdPageObjectHeaderComponent {
         }
         this.subscribeToViewOnlyMode();
     }
+    subscribeToMetadataStream() {
+        this._metadataSub?.unsubscribe();
+        const metadata$ = this.config.metadata$;
+        if (!metadata$)
+            return;
+        this._metadataSub = metadata$.pipe(takeUntil(this._destroyed$)).subscribe(partial => this.updateMetadata(partial));
+    }
     subscribeToViewOnlyMode() {
         this._customActionsSub?.unsubscribe();
         this._customActionsSub = this.pageStoreService.isViewonly$
@@ -28988,19 +29004,42 @@ const SAFE_BOTTOM_OFFSET_PX = 64;
  *
  * #### **Updating Facets**
  *
- * Typically, the values of the facets on a create or inspect page are set to read-only. However, there may be cases where, for example, a status change is needed, such as through a dialog. For this purpose, we have provided an update method. In the resolver service, define an empty method called `updateMetadata`. Inject this service using its type, and then call the `updateMetadata` method with the required parameter.
+ * Typically, the values of the facets on a create or inspect page are set to read-only. If a facet value needs to change at runtime — for instance after a status update from a dialog — push the partial update through an observable on the page config. The header subscribes to `QdPageConfig.metadata$` and shallow-merges every emission into the current object data.
  *
  * **Please note: These values should not be modified directly within a QdPage.**
  *
  * ```ts
- * @Injectable()
- * class MyObjectModelResolver implements QdPageObjectResolver<MyObjectModel> {
- *   config: QdPageObjectResolverConfig = {
- *     // your configuration options here
+ * @Component({
+ *   // ...
+ *   providers: [
+ *     {
+ *       provide: QD_PAGE_OBJECT_RESOLVER_TOKEN,
+ *       useClass: MyObjectModelResolver
+ *     }
+ *   ]
+ * })
+ * class MyPageComponent {
+ *   private metadataUpdates$ = new Subject<Partial<MyObjectModel>>();
+ *
+ *   pageConfig: QdPageConfig<MyObjectModel> = {
+ *     title: { i18n: 'i18n.page.title' },
+ *     pageType: 'inspect',
+ *     headerFacets: [ /* ... *\/ ],
+ *     metadata$: this.metadataUpdates$,
+ *     pageTypeConfig: { /* ... *\/ }
+ *   };
+ *
+ *   updateStatus() {
+ *     this.metadataUpdates$.next({ state: 'Updated' });
  *   }
+ * }
+ * ```
  *
- *   constructor(private http: HttpClient) {}
+ * Legacy approach (`@deprecated`): the resolver-level `updateMetadata` method is still wired up for backward compatibility, but prefer `metadata$` on the config for new code.
  *
+ * ```ts
+ * @Injectable()
+ * class MyObjectModelResolver implements QdPageObjectResolver<MyObjectModel> {
  *   resolve(): Observable<MyObjectModel> {
  *     // your implementation here
  *   }
@@ -29010,15 +29049,6 @@ const SAFE_BOTTOM_OFFSET_PX = 64;
  *   }
  * }
  *
- * @Component({
- *   // ...
- *   providers: [
- *     {
- *       provide: QD_PAGE_OBJECT_RESOLVER_TOKEN,
- *       useClass: MyObjectModelResolver
- *     }
- *   ]
- * })
  * class MyPageComponent {
  *   constructor(@Inject(QD_PAGE_OBJECT_RESOLVER_TOKEN) private objectResolver: MyObjectModelResolver) {}
  *