@alfresco/adf-process-services-cloud 9.2.0-32283329264 → 9.2.0-32299189723

package/fesm2022/adf-process-services-cloud.mjs

@@ -9574,16 +9574,23 @@ class BaseScreenCloudComponent {
     ngOnInit() {
         this.createDynamicComponent();
     }
+    ngOnDestroy() {
+        this.componentRef?.destroy();
+        this.componentRef = undefined;
+        this._componentRefChanged.set(undefined);
+    }
     createDynamicComponent() {
-        if (this.screenId) {
-            const componentType = this.screenRenderingService.resolveComponentType({ type: this.screenId });
-            this.componentRef = this.container.createComponent(componentType);
-            this._componentRefChanged.set(this.componentRef);
-            this.setInputsForDynamicComponent();
-            this.subscribeToOutputs();
+        if (!this.screenId || !this.container) {
+            return;
         }
+        const componentType = this.screenRenderingService.resolveComponentType({ type: this.screenId });
+        const componentRef = this.container.createComponent(componentType);
+        this.componentRef = componentRef;
+        this._componentRefChanged.set(componentRef);
+        this.setInputsForDynamicComponent(componentRef);
+        this.subscribeToOutputs(componentRef);
     }
-    setInputsForDynamicComponent() { }
+    setInputsForDynamicComponent(_componentRef) { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: BaseScreenCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: BaseScreenCloudComponent, isStandalone: true, selector: "ng-component", inputs: { screenId: "screenId" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '', isInline: true }); }
 }
@@ -9648,64 +9655,64 @@ class TaskScreenCloudComponent extends BaseScreenCloudComponent {
         this.nextTaskCheckboxCheckedChanged = new EventEmitter();
         this.destroyRef = inject(DestroyRef);
     }
-    setInputsForDynamicComponent() {
-        if (this.taskId && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'taskId')) {
-            this.componentRef.setInput('taskId', this.taskId);
+    setInputsForDynamicComponent(componentRef) {
+        if (this.taskId && Object.prototype.hasOwnProperty.call(componentRef.instance, 'taskId')) {
+            componentRef.setInput('taskId', this.taskId);
         }
-        if (this.appName && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'appName')) {
-            this.componentRef.setInput('appName', this.appName);
+        if (this.appName && Object.prototype.hasOwnProperty.call(componentRef.instance, 'appName')) {
+            componentRef.setInput('appName', this.appName);
         }
-        if (this.screenId && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'screenId')) {
-            this.componentRef.setInput('screenId', this.screenId);
+        if (this.screenId && Object.prototype.hasOwnProperty.call(componentRef.instance, 'screenId')) {
+            componentRef.setInput('screenId', this.screenId);
         }
-        if (this.processInstanceId && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'processInstanceId')) {
-            this.componentRef.setInput('processInstanceId', this.processInstanceId);
+        if (this.processInstanceId && Object.prototype.hasOwnProperty.call(componentRef.instance, 'processInstanceId')) {
+            componentRef.setInput('processInstanceId', this.processInstanceId);
         }
-        if (this.taskName && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'taskName')) {
-            this.componentRef.setInput('taskName', this.taskName);
+        if (this.taskName && Object.prototype.hasOwnProperty.call(componentRef.instance, 'taskName')) {
+            componentRef.setInput('taskName', this.taskName);
         }
-        if (this.canClaimTask && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'canClaimTask')) {
-            this.componentRef.setInput('canClaimTask', this.canClaimTask);
+        if (this.canClaimTask && Object.prototype.hasOwnProperty.call(componentRef.instance, 'canClaimTask')) {
+            componentRef.setInput('canClaimTask', this.canClaimTask);
         }
-        if (this.canUnclaimTask && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'canUnclaimTask')) {
-            this.componentRef.setInput('canUnclaimTask', this.canUnclaimTask);
+        if (this.canUnclaimTask && Object.prototype.hasOwnProperty.call(componentRef.instance, 'canUnclaimTask')) {
+            componentRef.setInput('canUnclaimTask', this.canUnclaimTask);
         }
-        if (this.showCancelButton && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'showCancelButton')) {
-            this.componentRef.setInput('showCancelButton', this.showCancelButton);
+        if (this.showCancelButton && Object.prototype.hasOwnProperty.call(componentRef.instance, 'showCancelButton')) {
+            componentRef.setInput('showCancelButton', this.showCancelButton);
         }
-        if (this.rootProcessInstanceId && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'rootProcessInstanceId')) {
-            this.componentRef.setInput('rootProcessInstanceId', this.rootProcessInstanceId);
+        if (this.rootProcessInstanceId && Object.prototype.hasOwnProperty.call(componentRef.instance, 'rootProcessInstanceId')) {
+            componentRef.setInput('rootProcessInstanceId', this.rootProcessInstanceId);
         }
-        if (this.showNextTaskCheckbox && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'showNextTaskCheckbox')) {
-            this.componentRef.setInput('showNextTaskCheckbox', this.showNextTaskCheckbox);
+        if (this.showNextTaskCheckbox && Object.prototype.hasOwnProperty.call(componentRef.instance, 'showNextTaskCheckbox')) {
+            componentRef.setInput('showNextTaskCheckbox', this.showNextTaskCheckbox);
         }
-        if (this.isNextTaskCheckboxChecked && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'isNextTaskCheckboxChecked')) {
-            this.componentRef.setInput('isNextTaskCheckboxChecked', this.isNextTaskCheckboxChecked);
+        if (this.isNextTaskCheckboxChecked && Object.prototype.hasOwnProperty.call(componentRef.instance, 'isNextTaskCheckboxChecked')) {
+            componentRef.setInput('isNextTaskCheckboxChecked', this.isNextTaskCheckboxChecked);
         }
     }
-    subscribeToOutputs() {
-        if (this.componentRef.instance?.taskSaved) {
-            this.componentRef.instance.taskSaved.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.taskSaved.emit());
+    subscribeToOutputs(componentRef) {
+        if (componentRef.instance?.taskSaved) {
+            componentRef.instance.taskSaved.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.taskSaved.emit());
         }
-        if (this.componentRef.instance?.taskCompleted) {
-            this.componentRef.instance.taskCompleted
+        if (componentRef.instance?.taskCompleted) {
+            componentRef.instance.taskCompleted
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((openNextTask) => this.taskCompleted.emit(openNextTask));
         }
-        if (this.componentRef.instance?.error) {
-            this.componentRef.instance.error.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.error.emit(data));
+        if (componentRef.instance?.error) {
+            componentRef.instance.error.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.error.emit(data));
         }
-        if (this.componentRef.instance?.claimTask) {
-            this.componentRef.instance.claimTask.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.claimTask.emit(data));
+        if (componentRef.instance?.claimTask) {
+            componentRef.instance.claimTask.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.claimTask.emit(data));
         }
-        if (this.componentRef.instance?.unclaimTask) {
-            this.componentRef.instance.unclaimTask.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.unclaimTask.emit(data));
+        if (componentRef.instance?.unclaimTask) {
+            componentRef.instance.unclaimTask.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.unclaimTask.emit(data));
         }
-        if (this.componentRef.instance?.cancelTask) {
-            this.componentRef.instance.cancelTask.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.cancelTask.emit(data));
+        if (componentRef.instance?.cancelTask) {
+            componentRef.instance.cancelTask.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.cancelTask.emit(data));
         }
-        if (this.componentRef.instance?.nextTaskCheckboxCheckedChanged) {
-            this.componentRef.instance.nextTaskCheckboxCheckedChanged
+        if (componentRef.instance?.nextTaskCheckboxCheckedChanged) {
+            componentRef.instance.nextTaskCheckboxCheckedChanged
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((data) => this.nextTaskCheckboxCheckedChanged.emit(data));
         }
@@ -13676,7 +13683,7 @@ class StartProcessScreenCloudComponent extends BaseScreenCloudComponent {
         this.showStartProcessButtons = signal(false, ...(ngDevMode ? [{ debugName: "showStartProcessButtons" }] : []));
         effect(() => {
             const componentRef = this.componentRefChanged();
-            if (componentRef.instance && 'appName' in componentRef.instance) {
+            if (componentRef?.instance && 'appName' in componentRef.instance) {
                 componentRef.setInput('appName', this.appName());
             }
         });
@@ -13688,9 +13695,9 @@ class StartProcessScreenCloudComponent extends BaseScreenCloudComponent {
             }
         });
     }
-    subscribeToOutputs() {
-        this.componentRef.instance.startProcessPayloadChanged.subscribe((payload) => this.screenStartProcessPayloadChange.emit(payload));
-        this.componentRef.instance.defaultStartProcessButtonsConfigurationChange.subscribe((config) => {
+    subscribeToOutputs(componentRef) {
+        componentRef.instance.startProcessPayloadChanged.subscribe((payload) => this.screenStartProcessPayloadChange.emit(payload));
+        componentRef.instance.defaultStartProcessButtonsConfigurationChange.subscribe((config) => {
             this.showStartProcessButtons.set(config.show);
             this.disableStartProcessButton.emit(config.disable);
         });