@c8y/ngx-components 1023.14.210 → 1023.14.212

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

@@ -117,6 +117,21 @@ const INTERVAL_TITLES = {
     months: gettext('Last month'),
     custom: gettext('Custom')
 };
+/** Opt-in interval entry covering epoch → now; offered only to widgets that support lifetime queries. */
+const LIFETIME_INTERVAL = {
+    id: TIME_INTERVAL.NONE,
+    title: INTERVAL_TITLES.none
+};
+/**
+ * Resolves the entries offered by the interval picker.
+ *
+ * @param supportsLifetime - Whether the widget supports lifetime queries, see
+ *   `GlobalContextSettings.supportsLifetime`.
+ * @returns The standard intervals, prepended with {@link LIFETIME_INTERVAL} when opted in.
+ */
+function intervalOptionsFor(supportsLifetime) {
+    return supportsLifetime ? [LIFETIME_INTERVAL, ...INTERVALS] : [...INTERVALS];
+}
 
 /**
  * Default values for global context configuration
@@ -1511,6 +1526,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }] });
 
 class WidgetConfigMigrationService {
+    /** Legacy fields carrying a time range; a subset of the keys extractRelevantSettings reads. */
+    static { this.LEGACY_TIME_FIELDS = [
+        'dateFrom',
+        'dateTo',
+        'dateFilter',
+        'date',
+        'interval'
+    ]; }
     constructor(dateTimeContextPickerService) {
         this.dateTimeContextPickerService = dateTimeContextPickerService;
     }
@@ -1535,6 +1558,7 @@ class WidgetConfigMigrationService {
      *
      * @param config - Widget configuration object that may contain legacy or new format properties.
      *   Can be any object type, but should contain widget configuration fields.
+     * @param options - Widget-specific migration overrides, see {@link MigrateWidgetConfigOptions}.
      * @returns Configuration with all required GlobalContextState properties, either migrated from
      *   legacy format or preserved if already valid. Returns input unchanged if null/undefined.
      *
@@ -1560,20 +1584,25 @@ class WidgetConfigMigrationService {
      * // }
      * ```
      */
-    migrateWidgetConfig(config) {
+    migrateWidgetConfig(config, options) {
         // Guard: Handle invalid config
         if (!config) {
             return config;
         }
         // Cast to unknown first, then to our working type
-        const configObj = config;
+        const rawConfig = config;
+        // Seed widget-specific defaults into dateless configs before migrating, so they
+        // take part in the regular migration flow instead of overriding its result
+        const configObj = options?.legacyTimeContextDefaults && this.hasNoTimeContextFields(rawConfig)
+            ? { ...rawConfig, ...options.legacyTimeContextDefaults }
+            : rawConfig;
         // Check if already has valid new format (minimal check)
         const hasValidDisplayMode = typeof configObj.displayMode === 'string' && this.isValidDisplayMode(configObj.displayMode);
         const hasValidRefreshOption = typeof configObj.refreshOption === 'string' &&
             this.isValidRefreshOption(configObj.refreshOption);
         // If has basic valid format and no legacy fields needing migration, return as is
         if (hasValidDisplayMode && hasValidRefreshOption && !this.hasLegacyFields(configObj)) {
-            return config;
+            return configObj;
         }
         // Extract settings from all levels (including nested) for migration decisions
         const settingsForMigration = this.extractGlobalContextSettings(configObj);
@@ -1583,6 +1612,21 @@ class WidgetConfigMigrationService {
         this.applyGlobalContextProperties(flatConfig, settingsForMigration);
         return flatConfig;
     }
+    /**
+     * True when a config carries no time information at all. Legacy fields are read from
+     * the same merged root/`config`/`mapConfig` levels as the migration itself, so the
+     * defaults can never shadow dates stored on a nested level.
+     */
+    hasNoTimeContextFields(config) {
+        const raw = config;
+        const settings = this.extractGlobalContextSettings(raw);
+        // An empty date array carries no time information, so it counts as absent. Other
+        // values are checked for truthiness only — `Date` instances and numeric timestamps
+        // must not be mistaken for empty.
+        const isSet = (value) => (Array.isArray(value) ? value.length > 0 : !!value);
+        return (!raw['dateTimeContext'] &&
+            !WidgetConfigMigrationService.LEGACY_TIME_FIELDS.some(field => isSet(settings[field])));
+    }
     /**
      * Creates a flattened configuration by excluding nested configuration objects.
      *
@@ -1761,7 +1805,9 @@ class WidgetConfigMigrationService {
      *
      */
     resolveDateTimeContext(settings) {
-        // Special case: interval "none" always means "all data from 1970 to now"
+        // Special case: interval "none" always means "all data from 1970 to now".
+        // Mapped to CUSTOM, not NONE: this service migrates every widget, and NONE has no
+        // timespan, so consumers resolving a range from the interval would break.
         if (settings.interval &&
             typeof settings.interval === 'string' &&
             settings.interval.toLowerCase() === 'none') {
@@ -3193,6 +3239,8 @@ class DateTimeContextPickerComponent {
     constructor() {
         this.disabled = false;
         this.shouldDisableInterval = {};
+        /** Options offered in the interval dropdown; resolved by the host, defaults to the standard list. */
+        this.intervalOptions = [...INTERVALS];
         this.config = {
             showDateFrom: true,
             showDateTo: true
@@ -3448,13 +3496,13 @@ class DateTimeContextPickerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimeContextPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateTimeContextPickerComponent, isStandalone: true, selector: "c8y-date-time-context-picker", inputs: { disabled: "disabled", shouldDisableInterval: "shouldDisableInterval", config: "config" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateTimeContextPickerComponent, isStandalone: true, selector: "c8y-date-time-context-picker", inputs: { disabled: "disabled", shouldDisableInterval: "shouldDisableInterval", intervalOptions: "intervalOptions", config: "config" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateTimeContextPickerComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: BsDropdownDirective, descendants: true }], ngImport: i0, template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"dateRangeLabel\"\n        [tooltip]=\"dateRangeLabel\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span class=\"text-10 text-muted l-h-1\">\n              {{ 'No date filter' | translate }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\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]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\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]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.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: BsDropdownModule }, { kind: "directive", type: i2$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i2$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i2$1.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: IntervalPickerComponent, selector: "c8y-interval-picker", inputs: ["INTERVALS", "shouldDisableInterval"] }, { 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: "pipe", type: i4.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: BsDropdownDirective, descendants: true }], ngImport: i0, template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n  <!-- With no date filter the stored epoch \u2192 now range would be a misleading accessible name -->\n  @let toggleLabel = isIntervalNone ? (INTERVALS[intervalValue] | translate) : dateRangeLabel;\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"toggleLabel\"\n        [tooltip]=\"toggleLabel\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ toggleLabel }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [INTERVALS]=\"intervalOptions\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\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]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\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]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.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: BsDropdownModule }, { kind: "directive", type: i2$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i2$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i2$1.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: IntervalPickerComponent, selector: "c8y-interval-picker", inputs: ["INTERVALS", "shouldDisableInterval"] }, { 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: "pipe", type: i4.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimeContextPickerComponent, decorators: [{
             type: Component,
@@ -3476,11 +3524,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                             useExisting: forwardRef(() => DateTimeContextPickerComponent),
                             multi: true
                         }
-                    ], template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"dateRangeLabel\"\n        [tooltip]=\"dateRangeLabel\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span class=\"text-10 text-muted l-h-1\">\n              {{ 'No date filter' | translate }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\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]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\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]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n" }]
+                    ], template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n  <!-- With no date filter the stored epoch \u2192 now range would be a misleading accessible name -->\n  @let toggleLabel = isIntervalNone ? (INTERVALS[intervalValue] | translate) : dateRangeLabel;\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"toggleLabel\"\n        [tooltip]=\"toggleLabel\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ toggleLabel }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [INTERVALS]=\"intervalOptions\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\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]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\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]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\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-message\n                      name=\"bsDate\"\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            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n" }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], shouldDisableInterval: [{
                 type: Input
+            }], intervalOptions: [{
+                type: Input
             }], config: [{
                 type: Input
             }], dropdown: [{
@@ -3527,6 +3577,7 @@ class LiveModeConfigurationControlsComponent {
         }, ...(ngDevMode ? [{ debugName: "settingsSignal" }] : []));
         this.defaultLiveContext = fillMissingDefaults({ refreshOption: REFRESH_OPTION.LIVE });
         this.currentContext = signal(structuredClone(this.defaultLiveContext), ...(ngDevMode ? [{ debugName: "currentContext" }] : []));
+        this.intervalOptions = computed(() => intervalOptionsFor(this.settingsSignal().supportsLifetime), ...(ngDevMode ? [{ debugName: "intervalOptions" }] : []));
         this.contextChange = output();
         this.form = this.createForm();
         this.form.valueChanges
@@ -3561,7 +3612,7 @@ class LiveModeConfigurationControlsComponent {
         }, { emitEvent: false });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LiveModeConfigurationControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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$2.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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                [intervalOptions]=\"intervalOptions()\"\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "intervalOptions", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.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.25", ngImport: i0, type: LiveModeConfigurationControlsComponent, decorators: [{
             type: Component,
@@ -3574,7 +3625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         FormsModule,
                         PopoverModule,
                         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" }]
+                    ], 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                [intervalOptions]=\"intervalOptions()\"\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: [{
@@ -8011,6 +8062,7 @@ class GlobalContextInlineComponent {
             const base = this.visibilityContext()?.settings ?? {};
             return { ...base, ...this.inlineOverrides() };
         }, ...(ngDevMode ? [{ debugName: "inlineSettings" }] : []));
+        this.intervalOptions = computed(() => intervalOptionsFor(this.inlineSettings().supportsLifetime), ...(ngDevMode ? [{ debugName: "intervalOptions" }] : []));
         this.dashboardControlSettings = computed(() => {
             const base = this.visibilityContext()?.dashboardControls ?? {};
             return { ...base, ...this.dashboardOverrides() };
@@ -8519,7 +8571,7 @@ class GlobalContextInlineComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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 }, disableRefreshEmits: { classPropertyName: "disableRefreshEmits", publicName: "disableRefreshEmits", 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 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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: i2.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: "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.25", 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 }, disableRefreshEmits: { classPropertyName: "disableRefreshEmits", publicName: "disableRefreshEmits", 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 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <!-- No input-group-sm: only .form-control children honor it, so the time picker\n           shrank to 28px next to the 32px auto-refresh control, and the alarm widgets'\n           equivalent row (c8y-context-controls) already renders without the modifier -->\n      <div class=\"input-group w-auto\">\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            [intervalOptions]=\"intervalOptions()\"\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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", "intervalOptions", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.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: "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.25", ngImport: i0, type: GlobalContextInlineComponent, decorators: [{
             type: Component,
@@ -8534,7 +8586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         TooltipModule,
                         NgTemplateOutlet,
                         NgClass
-                    ], 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 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\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" }]
+                    ], 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 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <!-- No input-group-sm: only .form-control children honor it, so the time picker\n           shrank to 28px next to the 32px auto-refresh control, and the alarm widgets'\n           equivalent row (c8y-context-controls) already renders without the modifier -->\n      <div class=\"input-group w-auto\">\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            [intervalOptions]=\"intervalOptions()\"\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 }] }], disableRefreshEmits: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRefreshEmits", required: false }] }], refresh: [{ type: i0.Output, args: ["refresh"] }], globalContextChange: [{ type: i0.Output, args: ["globalContextChange"] }], headerTemplateRef: [{
                 type: ViewChild,
                 args: ['headerContent', { static: true, read: TemplateRef }]
@@ -9656,7 +9708,7 @@ class PreviewControlsComponent {
         this.config.displayMode = GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PreviewControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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: i2.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.25", 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "intervalOptions", "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: i2.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.25", ngImport: i0, type: PreviewControlsComponent, decorators: [{
             type: Component,
@@ -10816,7 +10868,8 @@ const CONTROL_PRESETS = {
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH
-        ]
+        ],
+        supportsLifetime: true
     },
     /** For alarm/event lists in config mode (supports both live and history modes with time in config) */
     [PRESET_NAME.ALARM_LIST_CONFIG]: {
@@ -10830,7 +10883,8 @@ const CONTROL_PRESETS = {
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH
-        ]
+        ],
+        supportsLifetime: true
     },
     /** For charts with aggregation support (supports both live and history modes) */
     [PRESET_NAME.CHART]: {
@@ -10879,7 +10933,8 @@ const CONTROL_PRESETS = {
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH
-        ]
+        ],
+        supportsLifetime: true
     }
 };
 /**
@@ -10937,7 +10992,8 @@ function controlsToSettings(controls, displayMode, refreshOption) {
         showAutoRefresh: activeControls.includes(CONTEXT_FEATURE.AUTO_REFRESH),
         showRefreshInterval: false,
         showAggregation: activeControls.includes(CONTEXT_FEATURE.AGGREGATION),
-        showRefresh: activeControls.includes(CONTEXT_FEATURE.REFRESH)
+        showRefresh: activeControls.includes(CONTEXT_FEATURE.REFRESH),
+        supportsLifetime: !!presetDef.supportsLifetime
     };
 }
 
@@ -11184,14 +11240,17 @@ class ContextControlsComponent {
         this.configChange = output();
         this.refresh = output();
         this.lastEmittedState = signal({}, ...(ngDevMode ? [{ debugName: "lastEmittedState" }] : []));
+        /** Resolved preset definition for the current controls input. */
+        this.presetDef = computed(() => {
+            const controlsInput = this.controls();
+            return typeof controlsInput === 'string' ? CONTROL_PRESETS[controlsInput] : controlsInput;
+        }, ...(ngDevMode ? [{ debugName: "presetDef" }] : []));
         /**
          * Visible controls for the template.
          * LIVE_TIME and HISTORY_TIME are normalized to 'time' for template simplicity.
          */
         this.visibleControls = computed(() => {
-            const controlsInput = this.controls();
-            const presetDef = typeof controlsInput === 'string' ? CONTROL_PRESETS[controlsInput] : controlsInput;
-            const baseControls = presetDef[this.displayMode()];
+            const baseControls = this.presetDef()[this.displayMode()];
             const refreshOption = this.config().refreshOption || REFRESH_OPTION.LIVE;
             const filteredControls = applyModeConstraints(baseControls, refreshOption);
             // Normalize LIVE_TIME/HISTORY_TIME to 'time' for template
@@ -11210,6 +11269,7 @@ class ContextControlsComponent {
                 ? { showDateFrom: true, showDateTo: true }
                 : { showDateFrom: true, showDateTo: false };
         }, ...(ngDevMode ? [{ debugName: "dateTimePickerConfig" }] : []));
+        this.intervalOptions = computed(() => intervalOptionsFor(this.presetDef().supportsLifetime), ...(ngDevMode ? [{ debugName: "intervalOptions" }] : []));
         this.autoRefreshSeconds = computed(() => this.config().refreshInterval || GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL, ...(ngDevMode ? [{ debugName: "autoRefreshSeconds" }] : []));
         this.form = this.fb.group({
             dateTimeContext: [null],
@@ -11330,6 +11390,7 @@ class ContextControlsComponent {
             style="margin-left: -1px"
             formControlName="dateTimeContext"
             [config]="dateTimePickerConfig()"
+            [intervalOptions]="intervalOptions()"
           >
           </c8y-date-time-context-picker>
         }
@@ -11354,7 +11415,7 @@ class ContextControlsComponent {
         }
       </div>
     </form>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.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" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "intervalOptions", "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: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ContextControlsComponent, decorators: [{
             type: Component,
@@ -11400,6 +11461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             style="margin-left: -1px"
             formControlName="dateTimeContext"
             [config]="dateTimePickerConfig()"
+            [intervalOptions]="intervalOptions()"
           >
           </c8y-date-time-context-picker>
         }
@@ -11832,5 +11894,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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, CONTEXT_FEATURE, CONTROL_PRESETS, ConfigContextSelectorComponent, ConfigModeControls, ConfigModeControls as ConfigModeControlsComponent, ConfigurationCollapseComponent, ConfigurationControlsComponent, ContextControlsComponent$1 as ContextControlsComponent, DEFAULT_WIDGET_TEMPLATE, DateContextQueryParamNames, DateTimeContextPickerComponent, DateTimeContextPickerService, DateTimeContextUtil, GLOBAL_CONTEXT_DEFAULTS, GLOBAL_CONTEXT_DISPLAY_MODE, GLOBAL_CONTEXT_EVENTS, GLOBAL_CONTEXT_SOURCE, GlobalContextComponent, GlobalContextConfigComponent, GlobalContextConnectorComponent, GlobalContextEventService, GlobalContextFormService, GlobalContextInlineComponent, GlobalContextLinkControlsComponent, GlobalContextModule, GlobalContextNavigationService, GlobalContextQueryService, GlobalContextService, GlobalContextUtilsService, GlobalContextValidationService, GlobalContextWidgetConfigComponent, GlobalContextWidgetWrapperComponent, HistoryModeConfigurationControlsComponent, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent, LINK_BTNS_CONFIG, LinkButtonsComponent, LiveModeConfigurationControlsComponent, LocalControlsComponent, PRESET_NAME, 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, applyModeConstraints, buildAggregationExtensions, buildBaselineControls, buildWidgetControlsFromPresets, controlsToSettings, createAutoRefreshHandlers, createResult, defineWidgetControls, getSupportedModes, 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, CONTEXT_FEATURE, CONTROL_PRESETS, ConfigContextSelectorComponent, ConfigModeControls, ConfigModeControls as ConfigModeControlsComponent, ConfigurationCollapseComponent, ConfigurationControlsComponent, ContextControlsComponent$1 as ContextControlsComponent, DEFAULT_WIDGET_TEMPLATE, DateContextQueryParamNames, DateTimeContextPickerComponent, DateTimeContextPickerService, DateTimeContextUtil, GLOBAL_CONTEXT_DEFAULTS, GLOBAL_CONTEXT_DISPLAY_MODE, GLOBAL_CONTEXT_EVENTS, GLOBAL_CONTEXT_SOURCE, GlobalContextComponent, GlobalContextConfigComponent, GlobalContextConnectorComponent, GlobalContextEventService, GlobalContextFormService, GlobalContextInlineComponent, GlobalContextLinkControlsComponent, GlobalContextModule, GlobalContextNavigationService, GlobalContextQueryService, GlobalContextService, GlobalContextUtilsService, GlobalContextValidationService, GlobalContextWidgetConfigComponent, GlobalContextWidgetWrapperComponent, HistoryModeConfigurationControlsComponent, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent, LIFETIME_INTERVAL, LINK_BTNS_CONFIG, LinkButtonsComponent, LiveModeConfigurationControlsComponent, LocalControlsComponent, PRESET_NAME, 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, applyModeConstraints, buildAggregationExtensions, buildBaselineControls, buildWidgetControlsFromPresets, controlsToSettings, createAutoRefreshHandlers, createResult, defineWidgetControls, getSupportedModes, guards, intervalOptionsFor, isAggregationLinked, isAggregationUnlinked, isAutoRefreshDisabled, isAutoRefreshEnabled, isConfig, isDashboard, isDateTimeContextLinked, isDateTimeContextUnlinked, isHistory, isLive, isViewAndConfig, mergePartialControls, resolveWidgetControlsInput, setAutoRefreshControlsVisibility, setAutoRefreshLinks, updateBothSettings };
 //# sourceMappingURL=c8y-ngx-components-global-context.mjs.map