@c8y/ngx-components 1024.13.0 → 1024.14.0

package/fesm2022/c8y-ngx-components-widgets-implementations-scada.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, DestroyRef, input, computed, ChangeDetectionStrategy, Component, viewChild, signal, ElementRef, output, effect } from '@angular/core';
+import { Injectable, inject, DestroyRef, input, computed, ChangeDetectionStrategy, Component, ChangeDetectorRef, viewChild, signal, ElementRef, output, effect } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import * as i2 from '@c8y/ngx-components';
 import { IconDirective, C8yTranslatePipe, AlertService, DropAreaComponent, FormGroupComponent, ListGroupModule, ModalModule, FormsModule as FormsModule$1, DashboardChildComponent, DynamicComponentAlertAggregator, DismissAlertStrategy, DynamicComponentAlert, ManagedObjectRealtimeService } from '@c8y/ngx-components';
@@ -1040,6 +1040,7 @@ class ScadaWidgetSvgSelectorComponent {
         this.aiService = inject(AIService);
         this.formBuilder = inject(FormBuilder);
         this.destroyRef = inject(DestroyRef);
+        this.cdRef = inject(ChangeDetectorRef);
         this.formGroup = this.formBuilder.group({
             source: this.formBuilder.nonNullable.control('file'),
             svgCode: this.formBuilder.nonNullable.control('', []),
@@ -1195,21 +1196,24 @@ class ScadaWidgetSvgSelectorComponent {
         });
     }
     async onSvgFileDropped(event) {
-        this.dropArea().loading = true;
+        // Captured once: switching the Source radio away from "file" mid-upload destroys #dropArea.
+        const dropArea = this.dropArea();
+        dropArea.loading = true;
         try {
             const svgFile = event[0].file;
             const config = await firstValueFrom(this.scadaConfigService.config$);
             const updatedConfig = await this.scadaConfigService.updateConfigWithSvgFile(config, svgFile);
             this.scadaConfigService.save(updatedConfig);
             this.sectionComponent.section.expanded = false;
-            this.dropArea().files = null;
+            dropArea.files = null;
             this.alertService.success(gettext('SVG file uploaded.'));
         }
         catch (e) {
             this.alertService.danger(gettext('Could not upload the selected SVG file.'), e?.message || e);
         }
         finally {
-            this.dropArea().loading = false;
+            dropArea.loading = false;
+            this.cdRef.markForCheck();
         }
     }
     async applySvgCode() {