@c8y/ngx-components 1023.7.3 → 1023.9.0

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

@@ -23,6 +23,7 @@ import * as i2 from 'ngx-bootstrap/dropdown';
 import { BsDropdownModule, BsDropdownDirective } from 'ngx-bootstrap/dropdown';
 import { A11yModule } from '@angular/cdk/a11y';
 import { withLatestFrom, filter as filter$1, tap, distinctUntilChanged as distinctUntilChanged$1, map as map$1 } from 'rxjs/operators';
+import { TranslateService } from '@ngx-translate/core';
 
 const GLOBAL_CONTEXT_EVENTS = {
     STATE_CHANGE: 'GLOBAL_CONTEXT_STATE_CHANGE',
@@ -127,8 +128,8 @@ const GLOBAL_CONTEXT_DEFAULTS = {
     REFRESH_OPTION: REFRESH_OPTION.LIVE,
     /** Default auto-refresh state */
     IS_AUTO_REFRESH_ENABLED: true,
-    /** Default refresh interval in milliseconds (30 seconds) */
-    REFRESH_INTERVAL: 30000,
+    /** Default refresh interval in milliseconds (5 seconds) */
+    REFRESH_INTERVAL: 5000,
     /** Default aggregation type */
     AGGREGATION: null,
     /** Default display mode */
@@ -146,28 +147,22 @@ const LINK_BTNS_CONFIG = {
     dateTimeContext: {
         formControlName: 'dateTimeContext',
         settingKey: 'showTimeContext',
-        label: 'time context',
+        label: gettext('date/time'),
         cssClass: 'time-context',
-        linkTooltip: gettext('Link time context to global context'),
-        unlinkTooltip: gettext('Unlink time context from global context'),
         icon: 'calendar'
     },
     isAutoRefreshEnabled: {
         formControlName: 'isAutoRefreshEnabled',
         settingKey: 'showAutoRefresh',
-        label: 'auto-refresh',
+        label: gettext('auto refresh'),
         cssClass: 'auto-refresh',
-        linkTooltip: gettext('Link auto-refresh to global context'),
-        unlinkTooltip: gettext('Unlink auto-refresh from global context'),
         icon: 'refresh'
     },
     aggregation: {
         formControlName: 'aggregation',
         settingKey: 'showAggregation',
-        label: 'aggregation',
+        label: gettext('aggregation'),
         cssClass: 'aggregation',
-        linkTooltip: gettext('Link aggregation to global context'),
-        unlinkTooltip: gettext('Unlink aggregation from global context'),
         icon: 'input'
     }
 };
@@ -524,7 +519,10 @@ function fillMissingDefaults(state) {
     return {
         ...defaults,
         ...state,
-        dateTimeContext
+        dateTimeContext,
+        // Always override refreshInterval to use the fixed 5s default
+        // This ensures old dashboards with custom intervals are migrated to the new fixed interval
+        refreshInterval: GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL
     };
 }
 /**
@@ -893,7 +891,8 @@ class GlobalContextFormService {
             dateTimeContext: formValue.dateTimeContext,
             aggregation: formValue.aggregation,
             isAutoRefreshEnabled: formValue.isAutoRefreshEnabled,
-            refreshInterval: formValue.refreshInterval,
+            // Always use fixed 5s interval, ignore any form value
+            refreshInterval: GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL,
             refreshOption: formValue.refreshOption
         };
     }
@@ -1515,7 +1514,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class WidgetConfigMigrationService {
     constructor(dateTimeContextPickerService) {
         this.dateTimeContextPickerService = dateTimeContextPickerService;
-        this.REALTIME_INTERVAL = 5000; // 5 seconds for realtime
     }
     /**
      * Transforms legacy widget configurations into the standardized GlobalContextState format.
@@ -1686,16 +1684,9 @@ class WidgetConfigMigrationService {
         if (config.isAutoRefreshEnabled === undefined) {
             config.isAutoRefreshEnabled = this.resolveAutoRefreshEnabled(isRealtime, typeof legacyRefreshOption === 'string' ? legacyRefreshOption : undefined);
         }
-        // Refresh Interval - always use from mergedSettings if available (to honor nested configs)
-        if (mergedSettings.refreshInterval !== undefined) {
-            config.refreshInterval =
-                typeof mergedSettings.refreshInterval === 'number'
-                    ? mergedSettings.refreshInterval
-                    : GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
-        }
-        else if (config.refreshInterval === undefined) {
-            config.refreshInterval = this.resolveRefreshInterval(isRealtime, mergedSettings);
-        }
+        // Refresh Interval - always use default 5s interval (ignore stored values)
+        // This ensures old dashboards with custom intervals are migrated to the fixed 5s interval
+        config.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
     }
     /**
      * Determines the appropriate display mode based on legacy widget configuration.
@@ -1871,28 +1862,6 @@ class WidgetConfigMigrationService {
         }
         return true; // Default to enabled (including interval='none')
     }
-    /**
-     * Resolves the refresh interval in milliseconds.
-     *
-     * Priority:
-     * 1. Realtime widgets → 5000ms (5 seconds)
-     * 2. Explicit refreshInterval in settings → use as-is
-     * 3. Default → GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL
-     *
-     * @param isRealtime - Whether the widget is in realtime mode
-     * @param settings - Widget settings potentially containing refreshInterval
-     * @returns Refresh interval in milliseconds
-     *
-     */
-    resolveRefreshInterval(isRealtime, settings) {
-        if (isRealtime) {
-            return this.REALTIME_INTERVAL;
-        }
-        if (typeof settings.refreshInterval === 'number') {
-            return settings.refreshInterval;
-        }
-        return GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
-    }
     /**
      * Detects if a widget is configured for realtime operation.
      *
@@ -2945,7 +2914,6 @@ class HistoryModeConfigurationControlsComponent {
         }
     }
     constructor() {
-        this.DEFAULT_INTERVAL_VALUES = DEFAULT_INTERVAL_VALUES;
         this.AGGREGATION_TEXTS = AGGREGATION_TEXTS;
         this.DATE_FORMAT = 'medium';
         this.errorMessages = {
@@ -2955,7 +2923,7 @@ class HistoryModeConfigurationControlsComponent {
             invalidDateRange: gettext('Start date must be before end date.')
         };
         // Popover messages for translation extraction
-        this.TIME_RANGE_PICKER_POPOVER = gettext('Sets a rolling time window relative to the current time. As time progresses, the window automatically shifts to maintain the selected duration, always showing the most recent data.');
+        this.TIME_RANGE_PICKER_POPOVER = gettext('Specify the exact start and end date/time of the time period to analyse. This provides a static view of historical data within the selected timeframe.');
         this.AGGREGATION_POPOVER = gettext("Groups data points into larger time intervals to simplify visualization and improve performance. 'None' shows raw data, while other options combine data points into minute, hour, or day groupings.");
         this.destroyRef = inject(DestroyRef);
         this.formBuilder = inject(FormBuilder);
@@ -3130,7 +3098,7 @@ class HistoryModeConfigurationControlsComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HistoryModeConfigurationControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HistoryModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-history-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange", validationStatus: "validationStatus" }, ngImport: i0, template: "@if (currentForm) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n\n  <form [formGroup]=\"currentForm\">\n    <div class=\"content-flex-100\">\n      <div\n        class=\"col-4\"\n        [ngClass]=\"{ 'm-b-8': !SHOW_AGGREGATION }\"\n      >\n        @if (SHOW_TIME_CONTEXT) {\n          @let dateTimeContext = currentForm.get('dateTimeContext');\n          @let tempDateFromValue = dateTimeContext.get('dateFrom')?.value;\n          @let tempDateToValue = dateTimeContext.get('dateTo')?.value;\n          @let fromErrors = dateFromErrors();\n          @let toErrors = dateToErrors();\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"btn-icon-dot time-context m-r-4\">\n                <i\n                  class=\"\"\n                  [c8yIcon]=\"'calendar'\"\n                ></i>\n              </div>\n              {{ 'Date filter' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"content-flex-58 d-flex a-i-center m-b-0 p-t-16\">\n              <c8y-form-group\n                [class.has-error]=\"fromErrors\"\n                class=\"form-group-sm d-flex a-i-center col-6 flex-wrap\"\n              >\n                <label\n                  class=\"m-b-sm-0 m-r-8 text-nowrap\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'From`date`' | translate\"\n                  for=\"dateFrom\"\n                  translate\n                >\n                  From`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"fromErrors\"\n                  id=\"dateFrom\"\n                  [maxDate]=\"tempDateToValue\"\n                  [placeholder]=\"'From`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateFrom')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"fromErrors\">\n                  <c8y-message\n                    name=\"dateAfterRangeMax\"\n                    [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateRange\"\n                    [text]=\"errorMessages.invalidDateRange | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n\n              <c8y-form-group\n                [class.has-error]=\"toErrors\"\n                class=\"form-group-sm d-flex flex-wrap col-6 a-i-center\"\n              >\n                <label\n                  class=\"m-b-sm-0 text-nowrap m-r-8\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'To`date`' | translate\"\n                  for=\"dateTo\"\n                  translate\n                >\n                  To`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"toErrors\"\n                  id=\"dateTo\"\n                  [minDate]=\"tempDateFromValue\"\n                  [placeholder]=\"'To`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateTo')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"toErrors\">\n                  <c8y-message\n                    name=\"dateBeforeRangeMin\"\n                    [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-\">\n        @if (SHOW_AGGREGATION) {\n          @let selectedAggregation = currentForm.get('aggregation')?.value;\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"btn-icon-dot aggregation m-r-4\">\n                <i [c8yIcon]=\"'input'\"></i>\n              </div>\n              {{ 'Aggregation' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"AGGREGATION_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"p-t-16 p-b-16 m-b-4\">\n              <c8y-aggregation-picker\n                formControlName=\"aggregation\"\n                [resetToDefault]=\"true\"\n                [disabledAggregations]=\"disabledAggregations()\"\n                [layout]=\"'radio'\"\n              ></c8y-aggregation-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i4.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HistoryModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-history-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange", validationStatus: "validationStatus" }, ngImport: i0, template: "@if (currentForm) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n\n  <form [formGroup]=\"currentForm\">\n    <div class=\"content-flex-100\">\n      <div\n        class=\"col-4\"\n        [ngClass]=\"{ 'm-b-8': !SHOW_AGGREGATION }\"\n      >\n        @if (SHOW_TIME_CONTEXT) {\n          @let dateTimeContext = currentForm.get('dateTimeContext');\n          @let tempDateFromValue = dateTimeContext.get('dateFrom')?.value;\n          @let tempDateToValue = dateTimeContext.get('dateTo')?.value;\n          @let fromErrors = dateFromErrors();\n          @let toErrors = dateToErrors();\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i\n                  class=\"\"\n                  [c8yIcon]=\"'calendar'\"\n                ></i>\n              </div>\n              {{ 'Date & time range' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"content-flex-58 d-flex a-i-center m-b-0 p-t-16\">\n              <c8y-form-group\n                [class.has-error]=\"fromErrors\"\n                class=\"form-group-sm d-flex a-i-center col-6 flex-wrap\"\n              >\n                <label\n                  class=\"m-b-sm-0 m-r-8 text-nowrap\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'From`date`' | translate\"\n                  for=\"dateFrom\"\n                  translate\n                >\n                  From`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"fromErrors\"\n                  id=\"dateFrom\"\n                  [maxDate]=\"tempDateToValue\"\n                  [placeholder]=\"'From`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateFrom')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"fromErrors\">\n                  <c8y-message\n                    name=\"dateAfterRangeMax\"\n                    [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateRange\"\n                    [text]=\"errorMessages.invalidDateRange | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n\n              <c8y-form-group\n                [class.has-error]=\"toErrors\"\n                class=\"form-group-sm d-flex flex-wrap col-6 a-i-center\"\n              >\n                <label\n                  class=\"m-b-sm-0 text-nowrap m-r-8\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'To`date`' | translate\"\n                  for=\"dateTo\"\n                  translate\n                >\n                  To`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"toErrors\"\n                  id=\"dateTo\"\n                  [minDate]=\"tempDateFromValue\"\n                  [placeholder]=\"'To`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateTo')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"toErrors\">\n                  <c8y-message\n                    name=\"dateBeforeRangeMin\"\n                    [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-\">\n        @if (SHOW_AGGREGATION) {\n          @let selectedAggregation = currentForm.get('aggregation')?.value;\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item aggregation m-r-4\">\n                <i [c8yIcon]=\"'input'\"></i>\n              </div>\n              {{ 'Aggregation' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"AGGREGATION_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"p-t-16 p-b-16 m-b-4\">\n              <c8y-aggregation-picker\n                formControlName=\"aggregation\"\n                [resetToDefault]=\"true\"\n                [disabledAggregations]=\"disabledAggregations()\"\n                [layout]=\"'radio'\"\n              ></c8y-aggregation-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i4.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HistoryModeConfigurationControlsComponent, decorators: [{
             type: Component,
@@ -3148,57 +3116,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         MessageDirective,
                         DateTimePickerModule,
                         NgClass
-                    ], template: "@if (currentForm) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n\n  <form [formGroup]=\"currentForm\">\n    <div class=\"content-flex-100\">\n      <div\n        class=\"col-4\"\n        [ngClass]=\"{ 'm-b-8': !SHOW_AGGREGATION }\"\n      >\n        @if (SHOW_TIME_CONTEXT) {\n          @let dateTimeContext = currentForm.get('dateTimeContext');\n          @let tempDateFromValue = dateTimeContext.get('dateFrom')?.value;\n          @let tempDateToValue = dateTimeContext.get('dateTo')?.value;\n          @let fromErrors = dateFromErrors();\n          @let toErrors = dateToErrors();\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"btn-icon-dot time-context m-r-4\">\n                <i\n                  class=\"\"\n                  [c8yIcon]=\"'calendar'\"\n                ></i>\n              </div>\n              {{ 'Date filter' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"content-flex-58 d-flex a-i-center m-b-0 p-t-16\">\n              <c8y-form-group\n                [class.has-error]=\"fromErrors\"\n                class=\"form-group-sm d-flex a-i-center col-6 flex-wrap\"\n              >\n                <label\n                  class=\"m-b-sm-0 m-r-8 text-nowrap\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'From`date`' | translate\"\n                  for=\"dateFrom\"\n                  translate\n                >\n                  From`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"fromErrors\"\n                  id=\"dateFrom\"\n                  [maxDate]=\"tempDateToValue\"\n                  [placeholder]=\"'From`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateFrom')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"fromErrors\">\n                  <c8y-message\n                    name=\"dateAfterRangeMax\"\n                    [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateRange\"\n                    [text]=\"errorMessages.invalidDateRange | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n\n              <c8y-form-group\n                [class.has-error]=\"toErrors\"\n                class=\"form-group-sm d-flex flex-wrap col-6 a-i-center\"\n              >\n                <label\n                  class=\"m-b-sm-0 text-nowrap m-r-8\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'To`date`' | translate\"\n                  for=\"dateTo\"\n                  translate\n                >\n                  To`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"toErrors\"\n                  id=\"dateTo\"\n                  [minDate]=\"tempDateFromValue\"\n                  [placeholder]=\"'To`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateTo')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"toErrors\">\n                  <c8y-message\n                    name=\"dateBeforeRangeMin\"\n                    [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-\">\n        @if (SHOW_AGGREGATION) {\n          @let selectedAggregation = currentForm.get('aggregation')?.value;\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"btn-icon-dot aggregation m-r-4\">\n                <i [c8yIcon]=\"'input'\"></i>\n              </div>\n              {{ 'Aggregation' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"AGGREGATION_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"p-t-16 p-b-16 m-b-4\">\n              <c8y-aggregation-picker\n                formControlName=\"aggregation\"\n                [resetToDefault]=\"true\"\n                [disabledAggregations]=\"disabledAggregations()\"\n                [layout]=\"'radio'\"\n              ></c8y-aggregation-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n" }]
+                    ], template: "@if (currentForm) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n\n  <form [formGroup]=\"currentForm\">\n    <div class=\"content-flex-100\">\n      <div\n        class=\"col-4\"\n        [ngClass]=\"{ 'm-b-8': !SHOW_AGGREGATION }\"\n      >\n        @if (SHOW_TIME_CONTEXT) {\n          @let dateTimeContext = currentForm.get('dateTimeContext');\n          @let tempDateFromValue = dateTimeContext.get('dateFrom')?.value;\n          @let tempDateToValue = dateTimeContext.get('dateTo')?.value;\n          @let fromErrors = dateFromErrors();\n          @let toErrors = dateToErrors();\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i\n                  class=\"\"\n                  [c8yIcon]=\"'calendar'\"\n                ></i>\n              </div>\n              {{ 'Date & time range' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"content-flex-58 d-flex a-i-center m-b-0 p-t-16\">\n              <c8y-form-group\n                [class.has-error]=\"fromErrors\"\n                class=\"form-group-sm d-flex a-i-center col-6 flex-wrap\"\n              >\n                <label\n                  class=\"m-b-sm-0 m-r-8 text-nowrap\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'From`date`' | translate\"\n                  for=\"dateFrom\"\n                  translate\n                >\n                  From`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"fromErrors\"\n                  id=\"dateFrom\"\n                  [maxDate]=\"tempDateToValue\"\n                  [placeholder]=\"'From`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateFrom')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"fromErrors\">\n                  <c8y-message\n                    name=\"dateAfterRangeMax\"\n                    [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateRange\"\n                    [text]=\"errorMessages.invalidDateRange | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n\n              <c8y-form-group\n                [class.has-error]=\"toErrors\"\n                class=\"form-group-sm d-flex flex-wrap col-6 a-i-center\"\n              >\n                <label\n                  class=\"m-b-sm-0 text-nowrap m-r-8\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'To`date`' | translate\"\n                  for=\"dateTo\"\n                  translate\n                >\n                  To`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"toErrors\"\n                  id=\"dateTo\"\n                  [minDate]=\"tempDateFromValue\"\n                  [placeholder]=\"'To`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateTo')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"toErrors\">\n                  <c8y-message\n                    name=\"dateBeforeRangeMin\"\n                    [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-\">\n        @if (SHOW_AGGREGATION) {\n          @let selectedAggregation = currentForm.get('aggregation')?.value;\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item aggregation m-r-4\">\n                <i [c8yIcon]=\"'input'\"></i>\n              </div>\n              {{ 'Aggregation' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"AGGREGATION_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"p-t-16 p-b-16 m-b-4\">\n              <c8y-aggregation-picker\n                formControlName=\"aggregation\"\n                [resetToDefault]=\"true\"\n                [disabledAggregations]=\"disabledAggregations()\"\n                [layout]=\"'radio'\"\n              ></c8y-aggregation-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { settings: [{
                 type: Input
             }], context: [{
                 type: Input
             }], contextChange: [{ type: i0.Output, args: ["contextChange"] }], validationStatus: [{ type: i0.Output, args: ["validationStatus"] }] } });
 
-class AutoRefreshSelectControlComponent {
-    constructor() {
-        this.DEFAULT_INTERVAL_VALUES = DEFAULT_INTERVAL_VALUES;
-        this.START_INTERVAL_VALUE = 30_000;
-        this.SECONDS_UNTIL_REFRESH = gettext('{{ seconds }} s`until refresh`');
-        this.intervalValueChange = output();
-        this.autoRefreshSeconds = signal(undefined, ...(ngDevMode ? [{ debugName: "autoRefreshSeconds" }] : []));
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(autoRefreshSeconds) {
-        this.autoRefreshSeconds.set(autoRefreshSeconds);
-    }
-    onIntervalChange(autoRefreshSeconds) {
-        this.onChange(autoRefreshSeconds);
-        this.autoRefreshSeconds.set(autoRefreshSeconds);
-        this.intervalValueChange.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AutoRefreshSelectControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AutoRefreshSelectControlComponent, isStandalone: true, selector: "c8y-auto-refresh-select-control", outputs: { intervalValueChange: "intervalValueChange" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => AutoRefreshSelectControlComponent),
-                multi: true
-            }
-        ], ngImport: i0, template: "@let refreshIntervalLabel = 'Refresh interval in seconds' | translate;\n@let secondsTranslation = SECONDS_UNTIL_REFRESH | translate;\n\n<div class=\"c8y-select-wrapper\">\n  <select\n    class=\"form-control text-12\"\n    [attr.aria-label]=\"refreshIntervalLabel\"\n    [tooltip]=\"refreshIntervalLabel\"\n    placement=\"bottom\"\n    data-cy=\"global-context--refresh-interval-select\"\n    [adaptivePosition]=\"false\"\n    [delay]=\"500\"\n    [container]=\"'body'\"\n    mode\n    [ngModel]=\"autoRefreshSeconds()\"\n    (ngModelChange)=\"onIntervalChange($event)\"\n    [ngModelOptions]=\"{ standalone: true }\"\n  >\n    @for (refreshInterval of DEFAULT_INTERVAL_VALUES; track refreshInterval) {\n      @let isSelected = refreshInterval === START_INTERVAL_VALUE;\n      @let secondsValue = refreshInterval / 1000;\n\n      <option\n        [ngValue]=\"refreshInterval\"\n        [attr.selected]=\"isSelected ? '' : null\"\n      >\n        @if (secondsValue === 5) {\n          {{ 'Auto' | translate }}\n        } @else {\n          {{ '{{ seconds }}s' | translate: { seconds: secondsValue } }}\n        }\n      </option>\n    }\n  </select>\n  <span></span>\n</div>\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AutoRefreshSelectControlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-auto-refresh-select-control', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => AutoRefreshSelectControlComponent),
-                            multi: true
-                        }
-                    ], standalone: true, imports: [C8yTranslatePipe, TooltipModule, FormsModule], template: "@let refreshIntervalLabel = 'Refresh interval in seconds' | translate;\n@let secondsTranslation = SECONDS_UNTIL_REFRESH | translate;\n\n<div class=\"c8y-select-wrapper\">\n  <select\n    class=\"form-control text-12\"\n    [attr.aria-label]=\"refreshIntervalLabel\"\n    [tooltip]=\"refreshIntervalLabel\"\n    placement=\"bottom\"\n    data-cy=\"global-context--refresh-interval-select\"\n    [adaptivePosition]=\"false\"\n    [delay]=\"500\"\n    [container]=\"'body'\"\n    mode\n    [ngModel]=\"autoRefreshSeconds()\"\n    (ngModelChange)=\"onIntervalChange($event)\"\n    [ngModelOptions]=\"{ standalone: true }\"\n  >\n    @for (refreshInterval of DEFAULT_INTERVAL_VALUES; track refreshInterval) {\n      @let isSelected = refreshInterval === START_INTERVAL_VALUE;\n      @let secondsValue = refreshInterval / 1000;\n\n      <option\n        [ngValue]=\"refreshInterval\"\n        [attr.selected]=\"isSelected ? '' : null\"\n      >\n        @if (secondsValue === 5) {\n          {{ 'Auto' | translate }}\n        } @else {\n          {{ '{{ seconds }}s' | translate: { seconds: secondsValue } }}\n        }\n      </option>\n    }\n  </select>\n  <span></span>\n</div>\n" }]
-        }], propDecorators: { intervalValueChange: [{ type: i0.Output, args: ["intervalValueChange"] }] } });
-
 class IntervalPickerComponent {
     constructor() {
         this.INTERVALS = [...INTERVALS];
@@ -3591,9 +3515,8 @@ class LiveModeConfigurationControlsComponent {
         this.patchFormFromContext(cloned);
     }
     constructor() {
-        this.DEFAULT_INTERVAL_VALUES = DEFAULT_INTERVAL_VALUES;
         // Popover messages for translation extraction
-        this.REFRESH_INTERVAL_POPOVER_MESSAGE = gettext('The update method is determined by the widget type. Some widgets support real-time updates via WebSocket connection, while others use periodic refreshes at predefined intervals.');
+        this.REFRESH_POPOVER_MESSAGE = gettext('The update method is determined by the widget type. Some widgets support real-time updates via WebSocket connection, while others use periodic refreshes.');
         this.TIME_RANGE_PICKER_POPOVER = gettext('Sets a rolling time window relative to the current time. As time progresses, the window automatically shifts to maintain the selected duration, always showing the most recent data.');
         this.destroyRef = inject(DestroyRef);
         this.formBuilder = inject(FormBuilder);
@@ -3610,7 +3533,7 @@ class LiveModeConfigurationControlsComponent {
             .subscribe(value => {
             this.contextChange.emit({
                 dateTimeContext: value.dateTimeContext ?? null,
-                refreshInterval: value.refreshInterval ?? null,
+                refreshInterval: GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL,
                 isAutoRefreshEnabled: value.isAutoRefreshEnabled ?? null,
                 aggregation: null
             });
@@ -3620,8 +3543,8 @@ class LiveModeConfigurationControlsComponent {
     createForm() {
         return this.formBuilder.group({
             dateTimeContext: this.formBuilder.control(null),
-            refreshInterval: this.formBuilder.control(null),
-            isAutoRefreshEnabled: this.formBuilder.control(null)
+            refreshInterval: this.formBuilder.control(GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL),
+            isAutoRefreshEnabled: this.formBuilder.control(true)
         });
     }
     patchFormFromContext(context) {
@@ -3629,15 +3552,15 @@ class LiveModeConfigurationControlsComponent {
             return;
         }
         const ctx = context ?? this.currentContext();
-        const { dateTimeContext, refreshInterval, isAutoRefreshEnabled } = ctx;
+        const { dateTimeContext, isAutoRefreshEnabled } = ctx;
         this.form.patchValue({
             dateTimeContext: dateTimeContext ? structuredClone(dateTimeContext) : null,
-            refreshInterval: refreshInterval ?? null,
+            refreshInterval: GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL,
             isAutoRefreshEnabled: isAutoRefreshEnabled ?? null
         }, { emitEvent: false });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LiveModeConfigurationControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: LiveModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-live-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange" }, ngImport: i0, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"btn-icon-dot auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_INTERVAL_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <ng-container>\n                  <label\n                    class=\"m-b-0 text-12 text-nowrap\"\n                    for=\"refreshInterval\"\n                  >\n                    {{ 'Refresh interval' | translate }}\n                  </label>\n                  <c8y-auto-refresh-select-control\n                    formControlName=\"refreshInterval\"\n                  ></c8y-auto-refresh-select-control>\n                </ng-container>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"btn-icon-dot time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date filter' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: AutoRefreshSelectControlComponent, selector: "c8y-auto-refresh-select-control", outputs: ["intervalValueChange"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: LiveModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-live-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange" }, ngImport: i0, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date & time' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"standalone btn-icon-dot__item auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Auto refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <label class=\"c8y-switch c8y-switch--inline\">\n                  <input\n                    type=\"checkbox\"\n                    #arInput\n                    formControlName=\"isAutoRefreshEnabled\"\n                  />\n                  <span></span>\n                  <span>\n                    {{ 'Auto refresh enabled' | translate }}\n                  </span>\n                </label>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LiveModeConfigurationControlsComponent, decorators: [{
             type: Component,
@@ -3649,9 +3572,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         IconDirective,
                         FormsModule,
                         PopoverModule,
-                        FormGroupComponent,
-                        AutoRefreshSelectControlComponent
-                    ], template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"btn-icon-dot auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_INTERVAL_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <ng-container>\n                  <label\n                    class=\"m-b-0 text-12 text-nowrap\"\n                    for=\"refreshInterval\"\n                  >\n                    {{ 'Refresh interval' | translate }}\n                  </label>\n                  <c8y-auto-refresh-select-control\n                    formControlName=\"refreshInterval\"\n                  ></c8y-auto-refresh-select-control>\n                </ng-container>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"btn-icon-dot time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date filter' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n" }]
+                        FormGroupComponent
+                    ], template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date & time' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"standalone btn-icon-dot__item auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Auto refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <label class=\"c8y-switch c8y-switch--inline\">\n                  <input\n                    type=\"checkbox\"\n                    #arInput\n                    formControlName=\"isAutoRefreshEnabled\"\n                  />\n                  <span></span>\n                  <span>\n                    {{ 'Auto refresh enabled' | translate }}\n                  </span>\n                </label>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { settings: [{
                 type: Input
             }], context: [{
@@ -3795,7 +3717,7 @@ class ConfigurationControlsComponent {
         <i [c8yIcon]="'process'"></i>
         <div>
           <p class="text-bold">{{ MODE_LABELS.LIVE | translate }}</p>
-          <p class="text-12 l-h-tight">
+          <p class="tab-description text-12 l-h-tight">
             {{ MODE_DESCRIPTIONS.LIVE | translate }}
           </p>
         </div>
@@ -3804,7 +3726,7 @@ class ConfigurationControlsComponent {
         <i [c8yIcon]="'schedule1'"></i>
         <div>
           <p class="text-bold">{{ MODE_LABELS.HISTORY | translate }}</p>
-          <p class="text-12 l-h-tight">
+          <p class="tab-description text-12  l-h-tight">
             {{ MODE_DESCRIPTIONS.HISTORY | translate }}
           </p>
         </div>
@@ -3854,7 +3776,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         <i [c8yIcon]="'process'"></i>
         <div>
           <p class="text-bold">{{ MODE_LABELS.LIVE | translate }}</p>
-          <p class="text-12 l-h-tight">
+          <p class="tab-description text-12 l-h-tight">
             {{ MODE_DESCRIPTIONS.LIVE | translate }}
           </p>
         </div>
@@ -3863,7 +3785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         <i [c8yIcon]="'schedule1'"></i>
         <div>
           <p class="text-bold">{{ MODE_LABELS.HISTORY | translate }}</p>
-          <p class="text-12 l-h-tight">
+          <p class="tab-description text-12  l-h-tight">
             {{ MODE_DESCRIPTIONS.HISTORY | translate }}
           </p>
         </div>
@@ -4650,9 +4572,9 @@ class AutoRefreshControlComponent {
         };
         this.isAutoRefreshConnected = false;
         this.disableCounter = false;
-        this.DISABLE_AUTO_REFRESH = gettext('Disable auto refresh');
-        this.ENABLE_AUTO_REFRESH = gettext('Enable auto refresh');
-        this.DEFAULT_INTERVAL_VALUE = 30_000;
+        this.DISABLE_AUTO_REFRESH = gettext('Auto refresh enabled');
+        this.ENABLE_AUTO_REFRESH = gettext('Auto refresh paused');
+        this.DEFAULT_INTERVAL_VALUE = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
         this.countdownComponentReady$ = new BehaviorSubject(null);
         this.loading$ = new BehaviorSubject(false);
         this.destroyRef = inject(DestroyRef);
@@ -4664,18 +4586,14 @@ class AutoRefreshControlComponent {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
     }
-    set autoRefreshSeconds(value) {
-        this.autoRefreshSeconds$ = new BehaviorSubject(value);
-        if (value === 5000) {
-            this.countdownIntervalConfig = {
-                enforcePulseIcon: true
-            };
-        }
-        else {
-            this.countdownIntervalConfig = {
-                enforcePulseIcon: false
-            };
-        }
+    set autoRefreshSeconds(_value) {
+        // Value hardcoded to 5000ms for now, as per requirements
+        // It will be adjusted later when dynamic intervals are supported (based on the request execution time)
+        this.autoRefreshSeconds$ = new BehaviorSubject(GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL);
+        // Always show pulse icon, never show countdown timer
+        this.countdownIntervalConfig = {
+            enforcePulseIcon: true
+        };
     }
     set isLoading(value) {
         const wasLoading = this._isLoading;
@@ -4850,7 +4768,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class ContextControlsComponent {
     constructor() {
         // Static properties
-        this.DEFAULT_INTERVAL_VALUES = DEFAULT_INTERVAL_VALUES;
         this.REFRESH_OPTION = REFRESH_OPTION;
         // Inputs
         this.showDisplayModeLabel = false;
@@ -4931,7 +4848,7 @@ class ContextControlsComponent {
         return pick(settings, requiredKeys);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContextControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ContextControlsComponent, isStandalone: true, selector: "c8y-context-controls", inputs: { showDisplayModeLabel: "showDisplayModeLabel", isLoading: "isLoading", settings: "settings", context: "context" }, outputs: { contextChange: "contextChange", refresh: "refresh", contextClick: "contextClick" }, ngImport: i0, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n  @let refreshIntervalValue = form?.get('refreshInterval')?.value;\n  @let isLiveMode = refreshOption === REFRESH_OPTION.LIVE;\n\n  @if (isLiveMode) {\n    <form\n      class=\"input-group\"\n      [formGroup]=\"form\"\n    >\n      <c8y-auto-refresh-control\n        #autoRefreshControl\n        [isLoading]=\"isLoading\"\n        [isAutoRefreshConnected]=\"isAutoRefreshConnected\"\n        formControlName=\"isAutoRefreshEnabled\"\n        [autoRefreshSeconds]=\"refreshIntervalValue\"\n        (refresh)=\"refresh.emit()\"\n      ></c8y-auto-refresh-control>\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        style=\"margin-left: -1px\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-start form-control\">\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        @let interval = form.get('dateTimeContext')?.value?.interval;\n        @let isCustomInterval = interval === 'custom';\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No linked widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  } @else {\n    <form [formGroup]=\"form\">\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-center form-control\">\n          <i class=\"dlt-c8y-icon-schedule1 icon-20 text-primary\"></i>\n        </div>\n\n        <div\n          class=\"d-col a-i-start form-control\"\n          style=\"margin-left: -1px\"\n        >\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n        <c8y-aggregation-display\n          style=\"margin-left: -1px\"\n          [aggregation]=\"form.get('aggregation')?.value\"\n        ></c8y-aggregation-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No linked widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: CollapseModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: TimeRangeDisplayComponent, selector: "c8y-time-range-display", inputs: ["dateTimeContext", "mode"] }, { kind: "component", type: AggregationDisplayComponent, selector: "c8y-aggregation-display", inputs: ["aggregation"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ContextControlsComponent, isStandalone: true, selector: "c8y-context-controls", inputs: { showDisplayModeLabel: "showDisplayModeLabel", isLoading: "isLoading", settings: "settings", context: "context" }, outputs: { contextChange: "contextChange", refresh: "refresh", contextClick: "contextClick" }, ngImport: i0, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n  @let refreshIntervalValue = form?.get('refreshInterval')?.value;\n  @let isLiveMode = refreshOption === REFRESH_OPTION.LIVE;\n\n  @if (isLiveMode) {\n    <form\n      class=\"input-group\"\n      [formGroup]=\"form\"\n    >\n      <c8y-auto-refresh-control\n        #autoRefreshControl\n        [isLoading]=\"isLoading\"\n        [isAutoRefreshConnected]=\"isAutoRefreshConnected\"\n        formControlName=\"isAutoRefreshEnabled\"\n        [autoRefreshSeconds]=\"refreshIntervalValue\"\n        (refresh)=\"refresh.emit()\"\n      ></c8y-auto-refresh-control>\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        style=\"margin-left: -1px\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-start form-control\">\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        @let interval = form.get('dateTimeContext')?.value?.interval;\n        @let isCustomInterval = interval === 'custom';\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No synced widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  } @else {\n    <form [formGroup]=\"form\">\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-center form-control\">\n          <i class=\"dlt-c8y-icon-schedule1 icon-20 text-primary\"></i>\n        </div>\n\n        <div\n          class=\"d-col a-i-start form-control\"\n          style=\"margin-left: -1px\"\n        >\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n        <c8y-aggregation-display\n          style=\"margin-left: -1px\"\n          [aggregation]=\"form.get('aggregation')?.value\"\n        ></c8y-aggregation-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No synced widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: CollapseModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: TimeRangeDisplayComponent, selector: "c8y-time-range-display", inputs: ["dateTimeContext", "mode"] }, { kind: "component", type: AggregationDisplayComponent, selector: "c8y-aggregation-display", inputs: ["aggregation"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContextControlsComponent, decorators: [{
             type: Component,
@@ -4947,7 +4864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         TimeRangeDisplayComponent,
                         AggregationDisplayComponent,
                         AsyncPipe
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n  @let refreshIntervalValue = form?.get('refreshInterval')?.value;\n  @let isLiveMode = refreshOption === REFRESH_OPTION.LIVE;\n\n  @if (isLiveMode) {\n    <form\n      class=\"input-group\"\n      [formGroup]=\"form\"\n    >\n      <c8y-auto-refresh-control\n        #autoRefreshControl\n        [isLoading]=\"isLoading\"\n        [isAutoRefreshConnected]=\"isAutoRefreshConnected\"\n        formControlName=\"isAutoRefreshEnabled\"\n        [autoRefreshSeconds]=\"refreshIntervalValue\"\n        (refresh)=\"refresh.emit()\"\n      ></c8y-auto-refresh-control>\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        style=\"margin-left: -1px\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-start form-control\">\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        @let interval = form.get('dateTimeContext')?.value?.interval;\n        @let isCustomInterval = interval === 'custom';\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No linked widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  } @else {\n    <form [formGroup]=\"form\">\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-center form-control\">\n          <i class=\"dlt-c8y-icon-schedule1 icon-20 text-primary\"></i>\n        </div>\n\n        <div\n          class=\"d-col a-i-start form-control\"\n          style=\"margin-left: -1px\"\n        >\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n        <c8y-aggregation-display\n          style=\"margin-left: -1px\"\n          [aggregation]=\"form.get('aggregation')?.value\"\n        ></c8y-aggregation-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No linked widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  }\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n  @let refreshIntervalValue = form?.get('refreshInterval')?.value;\n  @let isLiveMode = refreshOption === REFRESH_OPTION.LIVE;\n\n  @if (isLiveMode) {\n    <form\n      class=\"input-group\"\n      [formGroup]=\"form\"\n    >\n      <c8y-auto-refresh-control\n        #autoRefreshControl\n        [isLoading]=\"isLoading\"\n        [isAutoRefreshConnected]=\"isAutoRefreshConnected\"\n        formControlName=\"isAutoRefreshEnabled\"\n        [autoRefreshSeconds]=\"refreshIntervalValue\"\n        (refresh)=\"refresh.emit()\"\n      ></c8y-auto-refresh-control>\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        style=\"margin-left: -1px\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-start form-control\">\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        @let interval = form.get('dateTimeContext')?.value?.interval;\n        @let isCustomInterval = interval === 'custom';\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No synced widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  } @else {\n    <form [formGroup]=\"form\">\n      <button\n        class=\"btn-clean d-flex p-l-xs-16 p-r-xs-16 m-t-xs-8 m-b-xs-8\"\n        (click)=\"contextClick.emit($event); $event.stopPropagation()\"\n      >\n        <div class=\"d-col a-i-center form-control\">\n          <i class=\"dlt-c8y-icon-schedule1 icon-20 text-primary\"></i>\n        </div>\n\n        <div\n          class=\"d-col a-i-start form-control\"\n          style=\"margin-left: -1px\"\n        >\n          <p class=\"text-muted fit-w text-10 l-h-1\">\n            {{ 'Time mode' | translate }}\n          </p>\n          <p\n            class=\"text-bold text-12 fit-w l-h-1\"\n            data-cy=\"global-time-context-controls--Display-mode\"\n          >\n            {{ refreshOption | translate | titlecase }}\n          </p>\n        </div>\n\n        <c8y-time-range-display\n          style=\"margin-left: -1px\"\n          [dateTimeContext]=\"form.get('dateTimeContext')?.value\"\n        ></c8y-time-range-display>\n        <c8y-aggregation-display\n          style=\"margin-left: -1px\"\n          [aggregation]=\"form.get('aggregation')?.value\"\n        ></c8y-aggregation-display>\n\n        @if (!(isAnySettingsEnabled$ | async)) {\n          <div\n            class=\"d-col a-i-center form-control\"\n            style=\"margin-left: -1px\"\n          >\n            <i\n              class=\"dlt-c8y-icon-disconnected icon-20 text-danger\"\n              [tooltip]=\"'No synced widgets' | translate\"\n              placement=\"right\"\n              container=\"body\"\n              [delay]=\"500\"\n              data-cy=\"global-time-context-controls--Widgets-disconnected\"\n            ></i>\n          </div>\n        }\n      </button>\n    </form>\n  }\n}\n" }]
         }], propDecorators: { showDisplayModeLabel: [{
                 type: Input
             }], isLoading: [{
@@ -5314,6 +5231,9 @@ class GlobalContextComponent {
                 dateTimeContext: normalized
             };
         }
+        // Always enforce the fixed 5s refresh interval
+        // This ensures old dashboards with custom intervals stored in dashboardState are migrated
+        currentState.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
         return currentState;
     }
     setupDashboardSubscription() {
@@ -5875,8 +5795,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 class GlobalContextLinkControlsComponent {
     constructor() {
-        this.linkToggled = new EventEmitter();
+        // Single output event - all controls toggle together (v2 pattern)
         this.allLinksToggled = new EventEmitter();
+        this.translateService = inject(TranslateService);
         this._linkStates = {};
         this.linkStatesSignal = signal({}, ...(ngDevMode ? [{ debugName: "linkStatesSignal" }] : []));
         this.controlConfigsSignal = signal({}, ...(ngDevMode ? [{ debugName: "controlConfigsSignal" }] : []));
@@ -5893,8 +5814,6 @@ class GlobalContextLinkControlsComponent {
                 key,
                 isLinked,
                 cssClass: (controlConfigs[key]?.cssClass || 'default').trim(),
-                unlinkedTooltip: controlConfigs[key]?.unlinkTooltip || '',
-                linkedTooltip: controlConfigs[key]?.linkTooltip || '',
                 icon: controlConfigs[key]?.icon || '',
                 disabled: !!controlConfigs[key]?.disabled,
                 disabledTooltip: controlConfigs[key]?.disabledTooltip,
@@ -5910,9 +5829,22 @@ class GlobalContextLinkControlsComponent {
             return controls.length > 0 && controls.some(control => control.isLinked);
         }, ...(ngDevMode ? [{ debugName: "someControlsLinked" }] : []));
         this.masterTooltipText = computed(() => {
-            return this.allControlsLinked()
-                ? gettext('Unlink all from global context')
-                : gettext('Link all to global context');
+            const controls = this.visibleControls();
+            const linkedControls = controls.filter(control => control.isLinked);
+            const controlConfigs = this.controlConfigsSignal();
+            const clickToToggleLabel = this.translateService.instant(gettext('(click to toggle)'));
+            if (linkedControls.length === 0) {
+                const usingWidgetCustomTimeSettingsLabel = this.translateService.instant(gettext('Using widget custom time settings'));
+                return `${usingWidgetCustomTimeSettingsLabel}\n${clickToToggleLabel}`;
+            }
+            const linkedNames = linkedControls.map(control => {
+                const config = controlConfigs[control.key];
+                return this.translateService.instant(config?.label);
+            });
+            const formatter = new Intl.ListFormat(this.translateService.getCurrentLang()?.replace('_', '-'), { type: 'conjunction' });
+            const linkedNamesList = formatter.format(linkedNames);
+            const linkedToDashboardLabel = this.translateService.instant(gettext('Synced to dashboard:'));
+            return `${linkedToDashboardLabel}\n${linkedNamesList}\n${clickToToggleLabel}`;
         }, ...(ngDevMode ? [{ debugName: "masterTooltipText" }] : []));
     }
     set linkStates(value) {
@@ -5928,18 +5860,6 @@ class GlobalContextLinkControlsComponent {
     ngOnInit() {
         this.linkStatesSignal.set(this._linkStates);
     }
-    toggle(key) {
-        if (!(key in this._linkStates))
-            return;
-        const config = this.controlConfigsSignal();
-        if (config[key]?.disabled) {
-            return;
-        }
-        const newLinkState = !this._linkStates[key];
-        this._linkStates = { ...this._linkStates, [key]: newLinkState };
-        this.linkStatesSignal.set(this._linkStates);
-        this.linkToggled.emit({ key, isLinked: newLinkState });
-    }
     toggleAll() {
         const newLinkState = !this.allControlsLinked();
         const updatedLinkStates = { ...this._linkStates };
@@ -5955,56 +5875,35 @@ class GlobalContextLinkControlsComponent {
         this.allLinksToggled.emit(newLinkState);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GlobalContextLinkControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GlobalContextLinkControlsComponent, isStandalone: true, selector: "c8y-global-context-link-controls", inputs: { linkStates: "linkStates", controlConfigs: "controlConfigs" }, outputs: { linkToggled: "linkToggled", allLinksToggled: "allLinksToggled" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GlobalContextLinkControlsComponent, isStandalone: true, selector: "c8y-global-context-link-controls", inputs: { linkStates: "linkStates", controlConfigs: "controlConfigs" }, outputs: { allLinksToggled: "allLinksToggled" }, ngImport: i0, template: `
     @if (showLinks()) {
-      <div class="input-group input-group--dots" role="group">
-        <!-- Master Link Toggle -->
-        <button
-          class="btn-icon-dot "
-          [class.active]="allControlsLinked()"
-          [class.partial-active]="someControlsLinked() && !allControlsLinked()"
-          [tooltip]="masterTooltipTemplate"
-          [attr.data-cy]="'global-context-link--all'"
-          [delay]="500"
-          [container]="'body'"
-          [placement]="'top'"
-          (click)="toggleAll()"
-        >
+      <button
+        class="btn-icon-dot-set"
+        [class.active]="someControlsLinked()"
+        [attr.aria-label]="'Global context sync controls' | translate"
+        [tooltip]="masterTooltipTemplate"
+        delay="500"
+        container="body"
+        (click)="toggleAll()"
+        data-cy="global-context-link--all"
+      >
+        <span class="btn-icon-dot__item default" [class.active]="allControlsLinked()">
           <i [c8yIcon]="someControlsLinked() ? 'link' : 'unlink'"></i>
-        </button>
-        <ng-template #masterTooltipTemplate>
-          {{ masterTooltipText() | translate }}
-        </ng-template>
-        <!-- Individual Link Toggles -->
+        </span>
+        <!-- Individual Link icons -->
         @for (control of visibleControls(); track control.key) {
-          <button
-            [class]="control.cssClass + ' btn-icon-dot'"
+          <span
+            [class]="control.cssClass + ' btn-icon-dot__item'"
             [class.active]="control.isLinked"
             [class.link-disabled]="control.disabled"
             [class.link-auto-unlinked]="control.autoUnlinked"
-            [tooltip]="tooltipTemplate"
             [attr.data-cy]="'global-context-link--' + control.key"
-            [delay]="500"
-            [container]="'body'"
-            [placement]="'top'"
-            [disabled]="control.disabled"
-            (click)="toggle(control.key)"
           >
             <i [c8yIcon]="control.icon"></i>
-          </button>
-
-          <ng-template #tooltipTemplate>
-            {{
-              (control.disabled
-                ? control.disabledTooltip
-                : control.isLinked
-                  ? control.unlinkedTooltip
-                  : control.linkedTooltip
-              ) | translate
-            }}
-          </ng-template>
+          </span>
         }
-      </div>
+      </button>
+      <ng-template #masterTooltipTemplate>{{ masterTooltipText() | translate }}</ng-template>
     }
   `, isInline: true, styles: [".btn-icon-dot[disabled]{cursor:not-allowed;opacity:.75}.btn-icon-dot.link-auto-unlinked,.btn-icon-dot.link-auto-unlinked:focus{box-shadow:0 0 0 2px var(--c8y-palette-status-danger);border-color:var(--c8y-palette-status-danger)}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -6012,59 +5911,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Component,
             args: [{ selector: 'c8y-global-context-link-controls', standalone: true, imports: [IconDirective, TooltipModule, C8yTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     @if (showLinks()) {
-      <div class="input-group input-group--dots" role="group">
-        <!-- Master Link Toggle -->
-        <button
-          class="btn-icon-dot "
-          [class.active]="allControlsLinked()"
-          [class.partial-active]="someControlsLinked() && !allControlsLinked()"
-          [tooltip]="masterTooltipTemplate"
-          [attr.data-cy]="'global-context-link--all'"
-          [delay]="500"
-          [container]="'body'"
-          [placement]="'top'"
-          (click)="toggleAll()"
-        >
+      <button
+        class="btn-icon-dot-set"
+        [class.active]="someControlsLinked()"
+        [attr.aria-label]="'Global context sync controls' | translate"
+        [tooltip]="masterTooltipTemplate"
+        delay="500"
+        container="body"
+        (click)="toggleAll()"
+        data-cy="global-context-link--all"
+      >
+        <span class="btn-icon-dot__item default" [class.active]="allControlsLinked()">
           <i [c8yIcon]="someControlsLinked() ? 'link' : 'unlink'"></i>
-        </button>
-        <ng-template #masterTooltipTemplate>
-          {{ masterTooltipText() | translate }}
-        </ng-template>
-        <!-- Individual Link Toggles -->
+        </span>
+        <!-- Individual Link icons -->
         @for (control of visibleControls(); track control.key) {
-          <button
-            [class]="control.cssClass + ' btn-icon-dot'"
+          <span
+            [class]="control.cssClass + ' btn-icon-dot__item'"
             [class.active]="control.isLinked"
             [class.link-disabled]="control.disabled"
             [class.link-auto-unlinked]="control.autoUnlinked"
-            [tooltip]="tooltipTemplate"
             [attr.data-cy]="'global-context-link--' + control.key"
-            [delay]="500"
-            [container]="'body'"
-            [placement]="'top'"
-            [disabled]="control.disabled"
-            (click)="toggle(control.key)"
           >
             <i [c8yIcon]="control.icon"></i>
-          </button>
-
-          <ng-template #tooltipTemplate>
-            {{
-              (control.disabled
-                ? control.disabledTooltip
-                : control.isLinked
-                  ? control.unlinkedTooltip
-                  : control.linkedTooltip
-              ) | translate
-            }}
-          </ng-template>
+          </span>
         }
-      </div>
+      </button>
+      <ng-template #masterTooltipTemplate>{{ masterTooltipText() | translate }}</ng-template>
     }
   `, styles: [".btn-icon-dot[disabled]{cursor:not-allowed;opacity:.75}.btn-icon-dot.link-auto-unlinked,.btn-icon-dot.link-auto-unlinked:focus{box-shadow:0 0 0 2px var(--c8y-palette-status-danger);border-color:var(--c8y-palette-status-danger)}\n"] }]
-        }], propDecorators: { linkToggled: [{
-                type: Output
-            }], allLinksToggled: [{
+        }], propDecorators: { allLinksToggled: [{
                 type: Output
             }], linkStates: [{
                 type: Input
@@ -6159,8 +6035,12 @@ function toggleAllLinks(ctx, args) {
     if (outcome.recalcGlobalAggregation) {
         ctx.recalcGlobalAggregation();
     }
-    ctx.emitBasedOnFieldSources();
-    if (outcome.shouldEmitRefresh) {
+    // Only emit configuration updates if not suppressed
+    if (!args.suppressEmit) {
+        ctx.emitBasedOnFieldSources();
+    }
+    // Only emit refresh if not suppressed (when unlinking, data is already loaded)
+    if (outcome.shouldEmitRefresh && !args.suppressRefresh) {
         ctx.emitRefresh(null);
     }
     syncWithEffectiveConfig(ctx, outcome.snapshotKeys);
@@ -6277,7 +6157,7 @@ function buildControlLinkConfig(ctx, settings, linkStates) {
                 ...baseConfig,
                 cssClass: baseCssClass || 'default',
                 disabled: !!disableReason,
-                disabledTooltip: disableReason ?? baseConfig.linkTooltip,
+                disabledTooltip: disableReason ?? baseConfig.label,
                 ...(baseAutoUnlinked !== undefined ? { autoUnlinked: baseAutoUnlinked } : {})
             };
             filteredStates[key] = linkStates?.[key] ?? false;
@@ -6953,6 +6833,10 @@ function sanitizeLocalState(state, configSignal, ensureDateTimeContext) {
         delete snapshot.dateTimeContext;
     else if (snapshot.dateTimeContext !== undefined)
         snapshot.dateTimeContext = ensureDateTimeContext(snapshot.dateTimeContext);
+    // Always enforce the fixed 5s refresh interval
+    if (snapshot.refreshInterval !== undefined) {
+        snapshot.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
+    }
     return snapshot;
 }
 function sanitizeGlobalState(state, configSignal, normalizeRefreshOption, getDefaultRefreshOption, ensureDateTimeContext) {
@@ -6960,6 +6844,10 @@ function sanitizeGlobalState(state, configSignal, normalizeRefreshOption, getDef
     if (snapshot.dateTimeContext !== undefined)
         snapshot.dateTimeContext = ensureDateTimeContext(snapshot.dateTimeContext);
     snapshot.refreshOption = normalizeRefreshOption(snapshot.refreshOption ?? getDefaultRefreshOption());
+    // Always enforce the fixed 5s refresh interval
+    if (snapshot.refreshInterval !== undefined) {
+        snapshot.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
+    }
     return snapshot;
 }
 function ensureDateTimeContext(context, configSignal) {
@@ -7156,6 +7044,8 @@ class SharedModeOrchestrator {
     }
     initConfig(config) {
         const cloned = structuredClone(config ?? createDefaultGlobalContextState());
+        // Always enforce the fixed 5s refresh interval
+        cloned.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
         this.configSignal.set(cloned);
     }
     initWidgetControls(controls) {
@@ -7211,36 +7101,24 @@ class SharedModeOrchestrator {
         this.setGlobalState(normalizedGlobalState);
         this.initWidgetControls(widgetControls);
         const widgetDisplayMode = resolveWidgetDisplayMode(initialConfig, normalizedGlobalState);
-        const contextDisplayMode = mapToContextDisplayMode(widgetDisplayMode);
         const controls = widgetControls ?? this.widgetControlsSignal();
-        const refreshOption = forcedRefreshOption ??
-            normalizedGlobalState.refreshOption ??
-            initialConfig?.refreshOption ??
-            this.getDefaultRefreshOption();
-        const baseLinks = isDashboard && controls
-            ? (this.widgetControlService.getDefaultLinksFromControls(controls, contextDisplayMode, refreshOption) ?? {})
-            : {};
         const localState = initialConfig ? { ...initialConfig } : {};
         const fieldSources = {};
         const globalSnapshot = structuredClone(normalizedGlobalState ?? {});
-        const resolvedLinks = baseLinks ?? {};
+        // Simple rule: Dashboard mode → ALL sources global, Non-dashboard → ALL sources local
+        const defaultSource = isDashboard ? FIELD_SOURCE_GLOBAL : FIELD_SOURCE_LOCAL;
         Object.keys(localState).forEach(key => {
-            fieldSources[key] = resolvedLinks[key] ? FIELD_SOURCE_GLOBAL : FIELD_SOURCE_LOCAL;
+            fieldSources[key] = defaultSource;
         });
-        if (isDashboard && controls?.supports?.includes('aggregation')) {
-            fieldSources.aggregation = FIELD_SOURCE_GLOBAL;
-        }
-        if (fieldSources.isAutoRefreshEnabled) {
-            fieldSources.refreshInterval = fieldSources.isAutoRefreshEnabled;
-            fieldSources.refreshOption = fieldSources.isAutoRefreshEnabled;
-        }
-        if (!fieldSources.refreshOption) {
-            fieldSources.refreshOption = FIELD_SOURCE_GLOBAL;
-        }
-        if (fieldSources.dateTimeContext === FIELD_SOURCE_LOCAL) {
-            fieldSources.refreshOption = FIELD_SOURCE_LOCAL;
+        // Ensure all supported controls have field sources
+        if (controls?.supports) {
+            controls.supports.forEach(field => {
+                if (!fieldSources[field]) {
+                    fieldSources[field] = defaultSource;
+                }
+            });
         }
-        // ALWAYS GLOBAL
+        // Source is ALWAYS global (tracks event origin)
         fieldSources.source = FIELD_SOURCE_GLOBAL;
         this.applyInitialModeAdjustments({
             isDashboard,
@@ -7262,8 +7140,15 @@ class SharedModeOrchestrator {
         const localState = this.localStateSignal();
         const globalState = this.globalStateSignal();
         const fieldSources = this.fieldSourcesSignal();
+        // Normalize baseConfig to enforce fixed 5s refresh interval
+        const normalizedBaseConfig = baseConfig
+            ? {
+                ...baseConfig,
+                refreshInterval: GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL
+            }
+            : baseConfig;
         const composed = composeEffectiveConfig({
-            baseConfig,
+            baseConfig: normalizedBaseConfig,
             localState,
             globalState,
             fieldSources
@@ -7832,10 +7717,21 @@ class GlobalContextInlineOrchestratorService {
         };
         this.live.initializeStateAndSources(liveParams);
         this.history.initializeStateAndSources(historyParams);
-        const desiredMode = params.forcedRefreshOption ??
-            baseGlobalState.refreshOption ??
-            params.initialConfig?.refreshOption ??
-            this.activeMode;
+        // After initialization, sync the fresh states back to snapshots
+        // (applyInitialModeAdjustments may have generated fresh dates in local state)
+        // Use computeEffectiveConfig to merge local+global states
+        const liveEffective = this.live.computeEffectiveConfig(params.initialConfig);
+        const historyEffective = this.history.computeEffectiveConfig(params.initialConfig);
+        this.updateModeSnapshot(REFRESH_OPTION.LIVE, liveEffective);
+        this.updateModeSnapshot(REFRESH_OPTION.HISTORY, historyEffective);
+        // For standalone mode, use widget's refreshOption, not global state
+        // For dashboard mode, use global state's refreshOption
+        const desiredMode = params.isDashboard
+            ? (params.forcedRefreshOption ??
+                baseGlobalState.refreshOption ??
+                params.initialConfig?.refreshOption ??
+                this.activeMode)
+            : (params.forcedRefreshOption ?? params.initialConfig?.refreshOption ?? this.activeMode);
         this.ensureMode(desiredMode);
     }
     handleFormChange(context) {
@@ -7861,6 +7757,15 @@ class GlobalContextInlineOrchestratorService {
         this.getActive().executeHandler(context);
     }
     processRefresh(params) {
+        // Choose orchestrator based on mode:
+        // - Dashboard mode: use global state's refreshOption
+        // - Standalone mode: use effective config's refreshOption (local state)
+        const isDashboard = this.initSnapshot?.isDashboard ?? false;
+        const effectiveRefreshOption = isDashboard
+            ? (this.getGlobalState().refreshOption ?? this.activeMode)
+            : (this.getActive().computeEffectiveConfig(this.initSnapshot?.initialConfig ?? null)
+                .refreshOption ?? this.activeMode);
+        this.ensureMode(effectiveRefreshOption);
         return this.getActive().processRefresh(params);
     }
     applyRefreshOptionChange(params) {
@@ -7942,10 +7847,17 @@ class GlobalContextInlineOrchestratorService {
         if (!this.initSnapshot) {
             return;
         }
+        const isDashboard = this.initSnapshot.isDashboard;
+        const snapshot = this.modeSnapshots[this.activeMode] ?? {};
+        // For standalone mode, use the snapshot as initialConfig so fresh dates are preserved
+        // For dashboard mode, use original initialConfig and snapshot goes to globalState
+        const effectiveInitialConfig = isDashboard
+            ? this.initSnapshot.initialConfig
+            : snapshot;
         const params = {
-            initialConfig: this.initSnapshot.initialConfig,
-            globalState: structuredClone(this.modeSnapshots[this.activeMode] ?? {}),
-            isDashboard: this.initSnapshot.isDashboard,
+            initialConfig: effectiveInitialConfig,
+            globalState: structuredClone(snapshot),
+            isDashboard,
             widgetControls: this.initSnapshot.widgetControls,
             generateFreshDateTime: this.initSnapshot.generateFreshDateTime,
             forcedRefreshOption: this.activeMode
@@ -8136,16 +8048,59 @@ class GlobalContextInlineComponent {
     handleLinkToggle(event, options) {
         return handleLinkToggle(this.getLinkContext(), event, options);
     }
-    toggleAllLinks(isLinked) {
+    toggleAllLinks(isLinked, suppressRefresh, suppressEmit) {
         const supportedLinks = Object.keys(this.controlLinkStatus() || {});
         if (!supportedLinks.length) {
             return;
         }
+        // When unlinking: suppress both refresh and emit (data is already loaded)
+        // When linking: allow both refresh and emit unless explicitly suppressed
+        const shouldSuppressRefresh = suppressRefresh ?? !isLinked;
+        const shouldSuppressEmit = suppressEmit ?? !isLinked;
         toggleAllLinks(this.getLinkContext(), {
             keys: supportedLinks,
-            isLinked
+            isLinked,
+            suppressRefresh: shouldSuppressRefresh,
+            suppressEmit: shouldSuppressEmit
         });
     }
+    updateDateTimeContext(dateTimeContext) {
+        this.orchestrator.updateLocalState(state => ({
+            ...state,
+            dateTimeContext: structuredClone(dateTimeContext)
+        }));
+        const dateTimeControl = this.form?.get('dateTimeContext');
+        if (dateTimeControl) {
+            dateTimeControl.setValue(structuredClone(dateTimeContext), { emitEvent: false });
+        }
+    }
+    /**
+     * Pause auto-refresh: sets isAutoRefreshEnabled to false and unlinks all controls.
+     * This stops the auto-refresh timer and prevents the widget from receiving
+     * updates from the global context.
+     *
+     * NOTE: Does NOT trigger any refresh or emit - data is already loaded, no updates needed.
+     */
+    pauseAutoRefresh() {
+        // Step 1: Unlink all controls without any emissions (data already loaded)
+        this.toggleAllLinks(false, // isLinked = false
+        true, // suppressRefresh = true
+        true // suppressEmit = true
+        );
+        // Step 2: Set isAutoRefreshEnabled to false without emitting events
+        this.setAutoRefreshEnabled(false);
+    }
+    /**
+     * Resume auto-refresh: sets isAutoRefreshEnabled to true and links all controls.
+     * This starts the auto-refresh timer and allows the widget to receive
+     * updates from the global context.
+     *
+     * NOTE: Triggers emissions and refresh to sync with the current global context state.
+     */
+    resumeAutoRefresh() {
+        this.toggleAllLinks(true, false, false);
+        this.setAutoRefreshEnabled(true);
+    }
     triggerHandler(handlerName, configOverride) {
         const handler = this.widgetControls()?.stateHandlers?.[handlerName];
         const previousRefresh = this.effectiveConfig().refreshOption;
@@ -8173,6 +8128,12 @@ class GlobalContextInlineComponent {
             this.refresh.emit(null);
         }
     }
+    setAutoRefreshEnabled(enabled) {
+        const autoRefreshControl = this.form?.get('isAutoRefreshEnabled');
+        if (autoRefreshControl && autoRefreshControl.value !== enabled) {
+            autoRefreshControl.setValue(enabled, { emitEvent: false });
+        }
+    }
     mapToWidgetDisplayMode(mode) {
         switch (mode) {
             case GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG:
@@ -8499,7 +8460,7 @@ class GlobalContextInlineComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GlobalContextInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GlobalContextInlineComponent, isStandalone: true, selector: "c8y-global-context-inline", inputs: { widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextInlineOrchestratorService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], exportAs: ["globalContextInline"], ngImport: i0, template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (linkToggled)=\"handleLinkToggle($event)\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n\n          @if (settings.showRefreshInterval) {\n            <c8y-auto-refresh-select-control\n              style=\"margin-left: -1px\"\n              formControlName=\"refreshInterval\"\n            ></c8y-auto-refresh-select-control>\n          }\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: GlobalContextLinkControlsComponent, selector: "c8y-global-context-link-controls", inputs: ["linkStates", "controlConfigs"], outputs: ["linkToggled", "allLinksToggled"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: AutoRefreshSelectControlComponent, selector: "c8y-auto-refresh-select-control", outputs: ["intervalValueChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GlobalContextInlineComponent, isStandalone: true, selector: "c8y-global-context-inline", inputs: { widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextInlineOrchestratorService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], exportAs: ["globalContextInline"], ngImport: i0, template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: GlobalContextLinkControlsComponent, selector: "c8y-global-context-link-controls", inputs: ["linkStates", "controlConfigs"], outputs: ["allLinksToggled"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GlobalContextInlineComponent, decorators: [{
             type: Component,
@@ -8508,13 +8469,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         GlobalContextLinkControlsComponent,
                         AggregationPickerComponent,
                         AutoRefreshControlComponent,
-                        AutoRefreshSelectControlComponent,
                         DateTimeContextPickerComponent,
                         IconDirective,
                         C8yTranslatePipe,
                         TooltipModule,
                         NgTemplateOutlet
-                    ], selector: 'c8y-global-context-inline', exportAs: 'globalContextInline', providers: [GlobalContextInlineOrchestratorService], template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (linkToggled)=\"handleLinkToggle($event)\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n\n          @if (settings.showRefreshInterval) {\n            <c8y-auto-refresh-select-control\n              style=\"margin-left: -1px\"\n              formControlName=\"refreshInterval\"\n            ></c8y-auto-refresh-select-control>\n          }\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n" }]
+                    ], selector: 'c8y-global-context-inline', exportAs: 'globalContextInline', providers: [GlobalContextInlineOrchestratorService], template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { widgetControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetControls", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChildForLegacy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChildForLegacy", required: false }] }], refresh: [{ type: i0.Output, args: ["refresh"] }], globalContextChange: [{ type: i0.Output, args: ["globalContextChange"] }], headerTemplateRef: [{
                 type: ViewChild,
                 args: ['headerContent', { static: true, read: TemplateRef }]
@@ -8715,7 +8675,9 @@ class GlobalContextConfigStoreService {
         if (!prev) {
             return;
         }
-        let next = { ...prev, ...changes };
+        // Filter out refreshInterval from changes - it's fixed at 5s and should not be user-modifiable
+        const { refreshInterval: _, ...allowedChanges } = changes;
+        let next = { ...prev, ...allowedChanges };
         if (!isLive) {
             next = this.enforceHistory(next);
         }
@@ -8723,6 +8685,8 @@ class GlobalContextConfigStoreService {
             // Live must not carry aggregation
             next.aggregation = null;
         }
+        // Always enforce the fixed refresh interval
+        next.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
         this.setIfChanged(target, next);
     }
     /**
@@ -8798,6 +8762,8 @@ class GlobalContextConfigStoreService {
         if (norm.refreshOption === REFRESH_OPTION.LIVE) {
             norm.aggregation = null;
         }
+        // Always enforce the fixed 5s refresh interval
+        norm.refreshInterval = GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL;
         if (norm.refreshOption === REFRESH_OPTION.HISTORY) {
             return this.enforceHistory(norm);
         }
@@ -9185,7 +9151,6 @@ class GlobalContextWidgetConfigComponent {
         effect(() => {
             const cfg = this.configInput();
             // Always ensure auto-refresh is enabled in the widget config
-            cfg.isAutoRefreshEnabled = true;
             const next = cfg?.displayMode ?? GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
             const current = this.form?.get('displayMode')?.value;
             if (current !== next && this.form) {
@@ -9631,7 +9596,7 @@ class PreviewControlsComponent {
         this.config.displayMode = GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PreviewControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PreviewControlsComponent, isStandalone: true, selector: "c8y-preview-controls", inputs: { widgetControls: "widgetControls", config: "config" }, ngImport: i0, template: "<!-- Main Controls -->\n@let isConfigMode = config?.displayMode === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;\n@let settings = inlineControlsSettings$ | async;\n\n@if (form && settings) {\n  <form\n    class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n    [formGroup]=\"form\"\n  >\n    <!-- Control Group Container -->\n    <div class=\"input-group w-auto\">\n      <!-- Aggregation Picker -->\n      @if (settings.showAggregation) {\n        <c8y-aggregation-picker\n          formControlName=\"aggregation\"\n          [resetToDefault]=\"true\"\n        ></c8y-aggregation-picker>\n      }\n\n      <!-- Auto Refresh Controls -->\n      @if (settings.showAutoRefresh) {\n        <!-- Auto Refresh Toggle -->\n        <c8y-auto-refresh-control\n          [isLoading]=\"isLoading\"\n          [disableCounter]=\"shouldDisableCounter\"\n          formControlName=\"isAutoRefreshEnabled\"\n          [autoRefreshSeconds]=\"form.get('refreshInterval')?.value\"\n        ></c8y-auto-refresh-control>\n\n        <!-- Refresh Interval Selector -->\n        @if (settings.showRefreshInterval) {\n          <c8y-auto-refresh-select-control\n            style=\"margin-left: -1px\"\n            formControlName=\"refreshInterval\"\n          ></c8y-auto-refresh-select-control>\n        }\n      }\n\n      @if (settings.showTimeContext) {\n        @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n        @let configValue =\n          isHistoryMode\n            ? {\n                showDateTo: true,\n                showDateFrom: true\n              }\n            : {\n                showDateTo: false,\n                showDateFrom: true\n              };\n        <c8y-date-time-context-picker\n          style=\"margin-left: -1px\"\n          formControlName=\"dateTimeContext\"\n          [shouldDisableInterval]=\"shouldDisableCustomInterval\"\n          [config]=\"configValue\"\n        ></c8y-date-time-context-picker>\n      }\n\n      <!-- Manual Refresh Button -->\n      @if (settings.showRefresh) {\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn btn-default\"\n            [attr.aria-label]=\"'Refresh' | translate\"\n            [tooltip]=\"'Refresh' | translate\"\n            placement=\"bottom\"\n            type=\"button\"\n            [adaptivePosition]=\"false\"\n            [delay]=\"500\"\n            [disabled]=\"isLoading\"\n          >\n            <i\n              [class.icon-spin]=\"isLoading\"\n              [c8yIcon]=\"'refresh'\"\n            ></i>\n          </button>\n        </div>\n      }\n    </div>\n  </form>\n}\n", styles: [":host{position:relative;display:block;cursor:not-allowed}:host form{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}:host form:after{content:\"\";position:absolute;inset:0;background:#ffffff0d;z-index:1;pointer-events:none}:host form button,:host form input,:host form select,:host form .dropdown-toggle,:host form .btn{cursor:not-allowed!important;opacity:.85}:host form *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: AutoRefreshSelectControlComponent, selector: "c8y-auto-refresh-select-control", outputs: ["intervalValueChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PreviewControlsComponent, isStandalone: true, selector: "c8y-preview-controls", inputs: { widgetControls: "widgetControls", config: "config" }, ngImport: i0, template: "<!-- Main Controls -->\n@let isConfigMode = config?.displayMode === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;\n@let settings = inlineControlsSettings$ | async;\n\n@if (form && settings) {\n  <form\n    class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n    [formGroup]=\"form\"\n  >\n    <!-- Control Group Container -->\n    <div class=\"input-group w-auto\">\n      <!-- Aggregation Picker -->\n      @if (settings.showAggregation) {\n        <c8y-aggregation-picker\n          formControlName=\"aggregation\"\n          [resetToDefault]=\"true\"\n        ></c8y-aggregation-picker>\n      }\n\n      <!-- Auto Refresh Controls -->\n      @if (settings.showAutoRefresh) {\n        <!-- Auto Refresh Toggle -->\n        <c8y-auto-refresh-control\n          [isLoading]=\"isLoading\"\n          [disableCounter]=\"shouldDisableCounter\"\n          formControlName=\"isAutoRefreshEnabled\"\n          [autoRefreshSeconds]=\"form.get('refreshInterval')?.value\"\n        ></c8y-auto-refresh-control>\n      }\n\n      @if (settings.showTimeContext) {\n        @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n        @let configValue =\n          isHistoryMode\n            ? {\n                showDateTo: true,\n                showDateFrom: true\n              }\n            : {\n                showDateTo: false,\n                showDateFrom: true\n              };\n        <c8y-date-time-context-picker\n          style=\"margin-left: -1px\"\n          formControlName=\"dateTimeContext\"\n          [shouldDisableInterval]=\"shouldDisableCustomInterval\"\n          [config]=\"configValue\"\n        ></c8y-date-time-context-picker>\n      }\n\n      <!-- Manual Refresh Button -->\n      @if (settings.showRefresh) {\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn btn-default\"\n            [attr.aria-label]=\"'Refresh' | translate\"\n            [tooltip]=\"'Refresh' | translate\"\n            placement=\"bottom\"\n            type=\"button\"\n            [adaptivePosition]=\"false\"\n            [delay]=\"500\"\n            [disabled]=\"isLoading\"\n          >\n            <i\n              [class.icon-spin]=\"isLoading\"\n              [c8yIcon]=\"'refresh'\"\n            ></i>\n          </button>\n        </div>\n      }\n    </div>\n  </form>\n}\n", styles: [":host{position:relative;display:block;cursor:not-allowed}:host form{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}:host form:after{content:\"\";position:absolute;inset:0;background:#ffffff0d;z-index:1;pointer-events:none}:host form button,:host form input,:host form select,:host form .dropdown-toggle,:host form .btn{cursor:not-allowed!important;opacity:.85}:host form *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PreviewControlsComponent, decorators: [{
             type: Component,
@@ -9642,10 +9607,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         DateTimeContextPickerComponent,
                         AggregationPickerComponent,
                         AutoRefreshControlComponent,
-                        AutoRefreshSelectControlComponent,
                         TooltipModule,
                         C8yTranslatePipe
-                    ], selector: 'c8y-preview-controls', template: "<!-- Main Controls -->\n@let isConfigMode = config?.displayMode === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;\n@let settings = inlineControlsSettings$ | async;\n\n@if (form && settings) {\n  <form\n    class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n    [formGroup]=\"form\"\n  >\n    <!-- Control Group Container -->\n    <div class=\"input-group w-auto\">\n      <!-- Aggregation Picker -->\n      @if (settings.showAggregation) {\n        <c8y-aggregation-picker\n          formControlName=\"aggregation\"\n          [resetToDefault]=\"true\"\n        ></c8y-aggregation-picker>\n      }\n\n      <!-- Auto Refresh Controls -->\n      @if (settings.showAutoRefresh) {\n        <!-- Auto Refresh Toggle -->\n        <c8y-auto-refresh-control\n          [isLoading]=\"isLoading\"\n          [disableCounter]=\"shouldDisableCounter\"\n          formControlName=\"isAutoRefreshEnabled\"\n          [autoRefreshSeconds]=\"form.get('refreshInterval')?.value\"\n        ></c8y-auto-refresh-control>\n\n        <!-- Refresh Interval Selector -->\n        @if (settings.showRefreshInterval) {\n          <c8y-auto-refresh-select-control\n            style=\"margin-left: -1px\"\n            formControlName=\"refreshInterval\"\n          ></c8y-auto-refresh-select-control>\n        }\n      }\n\n      @if (settings.showTimeContext) {\n        @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n        @let configValue =\n          isHistoryMode\n            ? {\n                showDateTo: true,\n                showDateFrom: true\n              }\n            : {\n                showDateTo: false,\n                showDateFrom: true\n              };\n        <c8y-date-time-context-picker\n          style=\"margin-left: -1px\"\n          formControlName=\"dateTimeContext\"\n          [shouldDisableInterval]=\"shouldDisableCustomInterval\"\n          [config]=\"configValue\"\n        ></c8y-date-time-context-picker>\n      }\n\n      <!-- Manual Refresh Button -->\n      @if (settings.showRefresh) {\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn btn-default\"\n            [attr.aria-label]=\"'Refresh' | translate\"\n            [tooltip]=\"'Refresh' | translate\"\n            placement=\"bottom\"\n            type=\"button\"\n            [adaptivePosition]=\"false\"\n            [delay]=\"500\"\n            [disabled]=\"isLoading\"\n          >\n            <i\n              [class.icon-spin]=\"isLoading\"\n              [c8yIcon]=\"'refresh'\"\n            ></i>\n          </button>\n        </div>\n      }\n    </div>\n  </form>\n}\n", styles: [":host{position:relative;display:block;cursor:not-allowed}:host form{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}:host form:after{content:\"\";position:absolute;inset:0;background:#ffffff0d;z-index:1;pointer-events:none}:host form button,:host form input,:host form select,:host form .dropdown-toggle,:host form .btn{cursor:not-allowed!important;opacity:.85}:host form *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}\n"] }]
+                    ], selector: 'c8y-preview-controls', template: "<!-- Main Controls -->\n@let isConfigMode = config?.displayMode === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;\n@let settings = inlineControlsSettings$ | async;\n\n@if (form && settings) {\n  <form\n    class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n    [formGroup]=\"form\"\n  >\n    <!-- Control Group Container -->\n    <div class=\"input-group w-auto\">\n      <!-- Aggregation Picker -->\n      @if (settings.showAggregation) {\n        <c8y-aggregation-picker\n          formControlName=\"aggregation\"\n          [resetToDefault]=\"true\"\n        ></c8y-aggregation-picker>\n      }\n\n      <!-- Auto Refresh Controls -->\n      @if (settings.showAutoRefresh) {\n        <!-- Auto Refresh Toggle -->\n        <c8y-auto-refresh-control\n          [isLoading]=\"isLoading\"\n          [disableCounter]=\"shouldDisableCounter\"\n          formControlName=\"isAutoRefreshEnabled\"\n          [autoRefreshSeconds]=\"form.get('refreshInterval')?.value\"\n        ></c8y-auto-refresh-control>\n      }\n\n      @if (settings.showTimeContext) {\n        @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n        @let configValue =\n          isHistoryMode\n            ? {\n                showDateTo: true,\n                showDateFrom: true\n              }\n            : {\n                showDateTo: false,\n                showDateFrom: true\n              };\n        <c8y-date-time-context-picker\n          style=\"margin-left: -1px\"\n          formControlName=\"dateTimeContext\"\n          [shouldDisableInterval]=\"shouldDisableCustomInterval\"\n          [config]=\"configValue\"\n        ></c8y-date-time-context-picker>\n      }\n\n      <!-- Manual Refresh Button -->\n      @if (settings.showRefresh) {\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn btn-default\"\n            [attr.aria-label]=\"'Refresh' | translate\"\n            [tooltip]=\"'Refresh' | translate\"\n            placement=\"bottom\"\n            type=\"button\"\n            [adaptivePosition]=\"false\"\n            [delay]=\"500\"\n            [disabled]=\"isLoading\"\n          >\n            <i\n              [class.icon-spin]=\"isLoading\"\n              [c8yIcon]=\"'refresh'\"\n            ></i>\n          </button>\n        </div>\n      }\n    </div>\n  </form>\n}\n", styles: [":host{position:relative;display:block;cursor:not-allowed}:host form{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}:host form:after{content:\"\";position:absolute;inset:0;background:#ffffff0d;z-index:1;pointer-events:none}:host form button,:host form input,:host form select,:host form .dropdown-toggle,:host form .btn{cursor:not-allowed!important;opacity:.85}:host form *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}\n"] }]
         }], propDecorators: { widgetControls: [{
                 type: Input
             }], config: [{
@@ -10461,6 +10425,8 @@ class GlobalContextWidgetWrapperComponent {
         this.internalConfig = signal({}, ...(ngDevMode ? [{ debugName: "internalConfig" }] : []));
         // Latest global snapshot cached for child config updates on mode change
         this.widgetInitialConfig = null;
+        // Last emitted state - used for diff calculation to avoid race conditions
+        this.lastEmittedState = signal({}, ...(ngDevMode ? [{ debugName: "lastEmittedState" }] : []));
         // --- Outputs ---
         this.globalContextChange = new EventEmitter();
         this.contextChangeSubject = new Subject();
@@ -10482,25 +10448,72 @@ class GlobalContextWidgetWrapperComponent {
             this.globalContextChange.emit(structuredClone({ context, diff }));
         });
     }
-    triggerHandler(handler, config) {
-        this.globalContextInlineComponent?.triggerHandler(handler, config);
+    /**
+     * Update dateTimeContext for internal widget interactions (e.g., slider drag).
+     * This bypasses the config propagation logic and directly updates the inline component state.
+     */
+    updateDateTimeContext(dateTimeContext) {
+        this.globalContextInlineComponent?.updateDateTimeContext(dateTimeContext);
+    }
+    /**
+     * Directly toggle all link controls to linked or unlinked state.
+     * All controls are always toggled together as a unified group.
+     *
+     * @param isLinked - True to link all controls, false to unlink all controls
+     * @param suppressRefresh - True to prevent refresh emission (data already loaded)
+     * @param suppressEmit - True to prevent configuration change emission
+     */
+    toggleAllLinks(isLinked, suppressRefresh, suppressEmit) {
+        this.globalContextInlineComponent?.toggleAllLinks(isLinked, suppressRefresh, suppressEmit);
+    }
+    /**
+     * Pause auto-refresh and unlink all controls from global context.
+     * Useful when user is interacting with the widget (e.g., scrolling through a list)
+     * and you want to prevent automatic updates.
+     *
+     * This does two things:
+     * 1. Sets isAutoRefreshEnabled to false (stops the auto-refresh timer)
+     * 2. Unlinks all controls (dateTimeContext, aggregation, isAutoRefreshEnabled)
+     *    from global context as they work as a unified group
+     */
+    pauseAutoRefresh() {
+        this.globalContextInlineComponent?.pauseAutoRefresh();
+    }
+    /**
+     * Resume auto-refresh and re-link all controls to global context.
+     * Useful when user has finished interacting with the widget (e.g., scrolled back to top)
+     * and you want to re-enable automatic updates.
+     *
+     * This does two things:
+     * 1. Sets isAutoRefreshEnabled to true (starts the auto-refresh timer)
+     * 2. Links all controls (dateTimeContext, aggregation, isAutoRefreshEnabled)
+     *    to global context as they work as a unified group
+     */
+    resumeAutoRefresh() {
+        this.globalContextInlineComponent?.resumeAutoRefresh();
     }
     onGlobalContextChange(context) {
-        const currentConfig = this.internalConfig();
-        const diff = this.globalContextUtilsService.getChangedFields(currentConfig, context);
         const template = this.widgetControls();
-        const filteredContext = pick(context, template.supports);
-        const filteredDiff = pick(diff, template.supports);
-        const formattedContext = formatDateTimeContextForEmission(filteredContext, template.supports);
         // OVERRIDE CONTROLS BASED ON WIDGET MODE
-        // Ensure aggregation is null in live mode
+        // Ensure aggregation is null in live mode BEFORE calculating diff
         // TODO: consider updating inline component to handle this logic.
         // Edge case: widget supports aggregation. In history mode, user selects aggregation different than null.
         // Then switches to live mode.
         // Second scenario: legacy widget migration where aggregation was set in config.
-        if (formattedContext.refreshOption === REFRESH_OPTION.LIVE) {
-            formattedContext.aggregation = null;
-        }
+        const normalizedContext = { ...context };
+        if (normalizedContext.refreshOption === REFRESH_OPTION.LIVE) {
+            normalizedContext.aggregation = null;
+        }
+        // Use lastEmittedState instead of internalConfig to avoid race conditions
+        // where handleConfigChange updates internalConfig before the inline component emits
+        const previousState = this.lastEmittedState();
+        const diff = this.globalContextUtilsService.getChangedFields(previousState, normalizedContext);
+        const filteredContext = pick(normalizedContext, template.supports);
+        const filteredDiff = pick(diff, template.supports);
+        const formattedContext = formatDateTimeContextForEmission(filteredContext, template.supports);
+        // Update lastEmittedState to track what we just emitted
+        this.lastEmittedState.set(formattedContext);
+        // Also update internalConfig to keep it in sync (for backward compatibility)
         this.internalConfig.update(cfg => ({ ...cfg, ...formattedContext }));
         this.contextChangeSubject.next({ context: formattedContext, diff: filteredDiff });
     }
@@ -10700,5 +10713,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_ICON_TYPE, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, AggregationDisplayComponent, AggregationPickerComponent, AggregationPickerService, AggregationValidationService, AutoRefreshControlComponent, AutoRefreshSelectControlComponent, ConfigContextSelectorComponent, ConfigurationCollapseComponent, ConfigurationControlsComponent, ContextControlsComponent, DEFAULT_INTERVAL_VALUES, DEFAULT_WIDGET_TEMPLATE, DateContextQueryParamNames, DateTimeContextPickerComponent, DateTimeContextPickerService, GLOBAL_CONTEXT_DEFAULTS, GLOBAL_CONTEXT_DISPLAY_MODE, GLOBAL_CONTEXT_EVENTS, GLOBAL_CONTEXT_SOURCE, GlobalContextComponent, GlobalContextConfigComponent, GlobalContextEventService, GlobalContextFormService, GlobalContextInlineComponent, GlobalContextLinkControlsComponent, GlobalContextModule, GlobalContextNavigationService, GlobalContextQueryService, GlobalContextService, GlobalContextUtilsService, GlobalContextValidationService, GlobalContextWidgetConfigComponent, GlobalContextWidgetWrapperComponent, HistoryModeConfigurationControlsComponent, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent, LINK_BTNS_CONFIG, LiveModeConfigurationControlsComponent, PreviewControlsComponent, REFRESH_OPTION, ROUTE_PATHS, RealtimeControlComponent, TIME_DURATION, TIME_INTERVAL, TIME_SPAN_MS, TIMING, TimeRangeDisplayComponent, UI_PRIORITIES, WIDGET_DISPLAY_MODE, WIDGET_FEATURE_MAP, WidgetConfigMigrationService, WidgetControlService, buildAggregationExtensions, buildBaselineControls, buildWidgetControlsFromPresets, createAutoRefreshHandlers, createResult, defineWidgetControls, guards, isAggregationLinked, isAggregationUnlinked, isAutoRefreshDisabled, isAutoRefreshEnabled, isConfig, isDashboard, isDateTimeContextLinked, isDateTimeContextUnlinked, isHistory, isLive, isViewAndConfig, mergePartialControls, resolveWidgetControlsInput, setAutoRefreshControlsVisibility, setAutoRefreshLinks, updateBothSettings };
+export { AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_ICON_TYPE, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, AggregationDisplayComponent, AggregationPickerComponent, AggregationPickerService, AggregationValidationService, AutoRefreshControlComponent, ConfigContextSelectorComponent, ConfigurationCollapseComponent, ConfigurationControlsComponent, ContextControlsComponent, DEFAULT_INTERVAL_VALUES, DEFAULT_WIDGET_TEMPLATE, DateContextQueryParamNames, DateTimeContextPickerComponent, DateTimeContextPickerService, GLOBAL_CONTEXT_DEFAULTS, GLOBAL_CONTEXT_DISPLAY_MODE, GLOBAL_CONTEXT_EVENTS, GLOBAL_CONTEXT_SOURCE, GlobalContextComponent, GlobalContextConfigComponent, GlobalContextEventService, GlobalContextFormService, GlobalContextInlineComponent, GlobalContextLinkControlsComponent, GlobalContextModule, GlobalContextNavigationService, GlobalContextQueryService, GlobalContextService, GlobalContextUtilsService, GlobalContextValidationService, GlobalContextWidgetConfigComponent, GlobalContextWidgetWrapperComponent, HistoryModeConfigurationControlsComponent, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent, LINK_BTNS_CONFIG, LiveModeConfigurationControlsComponent, PreviewControlsComponent, REFRESH_OPTION, ROUTE_PATHS, RealtimeControlComponent, TIME_DURATION, TIME_INTERVAL, TIME_SPAN_MS, TIMING, TimeRangeDisplayComponent, UI_PRIORITIES, WIDGET_DISPLAY_MODE, WIDGET_FEATURE_MAP, WidgetConfigMigrationService, WidgetControlService, buildAggregationExtensions, buildBaselineControls, buildWidgetControlsFromPresets, createAutoRefreshHandlers, createResult, defineWidgetControls, guards, isAggregationLinked, isAggregationUnlinked, isAutoRefreshDisabled, isAutoRefreshEnabled, isConfig, isDashboard, isDateTimeContextLinked, isDateTimeContextUnlinked, isHistory, isLive, isViewAndConfig, mergePartialControls, resolveWidgetControlsInput, setAutoRefreshControlsVisibility, setAutoRefreshLinks, updateBothSettings };
 //# sourceMappingURL=c8y-ngx-components-global-context.mjs.map