@c8y/ngx-components 1023.37.0 → 1023.42.1

package/fesm2022/c8y-ngx-components-global-context.mjs

@@ -8181,6 +8181,12 @@ class GlobalContextInlineComponent {
             this.refresh.emit(null);
         }
     }
+    /**
+     * Sets the auto-refresh form control value without affecting link states.
+     * Used when AngularJS widgets update their config directly (e.g., drag X axis in DPE 1.0).
+     * Note: This only updates the form value, NOT calling pauseAutoRefresh() which would
+     * also unlink controls and break the global context flow for date changes.
+     */
     setAutoRefreshEnabled(enabled) {
         const autoRefreshControl = this.form?.get('isAutoRefreshEnabled');
         if (autoRefreshControl && autoRefreshControl.value !== enabled) {
@@ -10596,6 +10602,12 @@ class GlobalContextWidgetWrapperComponent {
         }
         // Update the signal state immutably.
         this.internalConfig.update(cfg => merge({}, cfg, processedDiff));
+        // Sync inline component's form when isAutoRefreshEnabled changes from external config.
+        // This is needed for legacy AngularJS widgets that update config directly.
+        // Example: drag X axis in the DPE 1.0 widget.
+        if (processedDiff.isAutoRefreshEnabled !== undefined) {
+            this.globalContextInlineComponent?.setAutoRefreshEnabled(processedDiff.isAutoRefreshEnabled);
+        }
         // the widget enters config mode. This provides a consistent "reset" point for the user.
         if (!this.widgetInitialConfig && this.displayMode() === WIDGET_DISPLAY_MODE.CONFIG) {
             this.widgetInitialConfig = structuredClone(this.internalConfig());
@@ -11560,8 +11572,11 @@ class GlobalContextConnectorComponent {
         this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.dashboardChild = input.required(...(ngDevMode ? [{ debugName: "dashboardChild" }] : []));
         this.linked = input(undefined, ...(ngDevMode ? [{ debugName: "linked" }] : []));
+        /** When false, refresh events are not emitted as configChange - only user-initiated state changes */
+        this.emitRefresh = input(true, ...(ngDevMode ? [{ debugName: "emitRefresh" }] : []));
         this.configChange = output();
         this.refresh = output();
+        this.linkedChange = output();
         this.isLinked = signal(true, ...(ngDevMode ? [{ debugName: "isLinked" }] : []));
         this.syncExternalLinkState();
         this.subscribeToGlobalContext();
@@ -11574,6 +11589,7 @@ class GlobalContextConnectorComponent {
     }
     onLinkToggle(linked) {
         this.isLinked.set(linked);
+        this.linkedChange.emit(linked);
         if (linked) {
             const cached = this.eventService.getLatestValue(GLOBAL_CONTEXT_EVENTS.STATE_CHANGE);
             if (cached)
@@ -11628,15 +11644,20 @@ class GlobalContextConnectorComponent {
             if (cached)
                 this.emitIfChanged(cached);
             const stateChanges$ = this.eventService.on(GLOBAL_CONTEXT_EVENTS.STATE_CHANGE);
-            const refresh$ = this.eventService.on(GLOBAL_CONTEXT_EVENTS.REFRESH).pipe(map$1(data => ({
-                ...this.config(),
-                dateTimeContext: {
-                    dateFrom: data.dateFrom,
-                    dateTo: data.dateTo,
-                    interval: data.interval
-                }
-            })));
-            subscription = merge$1(stateChanges$, refresh$)
+            // Only include refresh events if emitRefresh is true
+            let source$ = stateChanges$;
+            if (this.emitRefresh()) {
+                const refresh$ = this.eventService.on(GLOBAL_CONTEXT_EVENTS.REFRESH).pipe(map$1(data => ({
+                    ...this.config(),
+                    dateTimeContext: {
+                        dateFrom: data.dateFrom,
+                        dateTo: data.dateTo,
+                        interval: data.interval
+                    }
+                })));
+                source$ = merge$1(stateChanges$, refresh$);
+            }
+            subscription = source$
                 .pipe(takeUntilDestroyed(this.destroyRef), catchError(() => EMPTY))
                 .subscribe(state => {
                 if (state)
@@ -11646,6 +11667,13 @@ class GlobalContextConnectorComponent {
     }
     registerWithGlobalContext() {
         effect(() => {
+            // Auto-unlink if not in dashboard mode
+            const displayMode = this.config().displayMode;
+            if (displayMode && displayMode !== GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD) {
+                this.isLinked.set(false);
+                this.globalContextService.unregister(this.componentId);
+                return;
+            }
             if (this.isLinked()) {
                 const settings = controlsToSettings(this.controls(), GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD, this.config().refreshOption || REFRESH_OPTION.LIVE);
                 this.globalContextService.register(this.componentId, settings);
@@ -11667,7 +11695,7 @@ class GlobalContextConnectorComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalContextConnectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextConnectorComponent, isStandalone: true, selector: "c8y-global-context-connector", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChild: { classPropertyName: "dashboardChild", publicName: "dashboardChild", isSignal: true, isRequired: true, transformFunction: null }, linked: { classPropertyName: "linked", publicName: "linked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextConnectorComponent, isStandalone: true, selector: "c8y-global-context-connector", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChild: { classPropertyName: "dashboardChild", publicName: "dashboardChild", isSignal: true, isRequired: true, transformFunction: null }, linked: { classPropertyName: "linked", publicName: "linked", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh", linkedChange: "linkedChange" }, ngImport: i0, template: `
     <c8y-link-buttons
       [dashboardChild]="dashboardChild()"
       [isLinked]="isLinked()"
@@ -11715,7 +11743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
     }
   `
                 }]
-        }], ctorParameters: () => [], propDecorators: { controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChild: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: true }] }], linked: [{ type: i0.Input, args: [{ isSignal: true, alias: "linked", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }] } });
+        }], ctorParameters: () => [], propDecorators: { controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChild: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: true }] }], linked: [{ type: i0.Input, args: [{ isSignal: true, alias: "linked", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }], linkedChange: [{ type: i0.Output, args: ["linkedChange"] }] } });
 
 class LocalControlsComponent {
     constructor() {