@c8y/ngx-components 1023.71.1 → 1023.76.0

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

@@ -3102,7 +3102,7 @@ class HistoryModeConfigurationControlsComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HistoryModeConfigurationControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HistoryModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-history-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange", validationStatus: "validationStatus" }, ngImport: i0, template: "@if (currentForm) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n\n  <form [formGroup]=\"currentForm\">\n    <div class=\"content-flex-100\">\n      <div\n        class=\"col-4\"\n        [ngClass]=\"{ 'm-b-8': !SHOW_AGGREGATION }\"\n      >\n        @if (SHOW_TIME_CONTEXT) {\n          @let dateTimeContext = currentForm.get('dateTimeContext');\n          @let tempDateFromValue = dateTimeContext.get('dateFrom')?.value;\n          @let tempDateToValue = dateTimeContext.get('dateTo')?.value;\n          @let fromErrors = dateFromErrors();\n          @let toErrors = dateToErrors();\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i\n                  class=\"\"\n                  [c8yIcon]=\"'calendar'\"\n                ></i>\n              </div>\n              {{ 'Date & time range' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"content-flex-58 d-flex a-i-center m-b-0 p-t-16\">\n              <c8y-form-group\n                [class.has-error]=\"fromErrors\"\n                class=\"form-group-sm d-flex a-i-center col-5 flex-wrap\"\n              >\n                <label\n                  class=\"m-b-sm-0 m-r-8 text-nowrap\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'From`date`' | translate\"\n                  for=\"dateFrom\"\n                  translate\n                >\n                  From`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"fromErrors\"\n                  id=\"dateFrom\"\n                  [maxDate]=\"tempDateToValue\"\n                  [placeholder]=\"'From`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateFrom')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"fromErrors\">\n                  <c8y-message\n                    name=\"dateAfterRangeMax\"\n                    [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateRange\"\n                    [text]=\"errorMessages.invalidDateRange | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n\n              <c8y-form-group\n                [class.has-error]=\"toErrors\"\n                class=\"form-group-sm d-flex flex-wrap col-7 a-i-center\"\n              >\n                <label\n                  class=\"m-b-sm-0 text-nowrap m-r-8\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'To`date`' | translate\"\n                  for=\"dateTo\"\n                  translate\n                >\n                  To`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"toErrors\"\n                  id=\"dateTo\"\n                  [minDate]=\"tempDateFromValue\"\n                  [placeholder]=\"'To`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateTo')\"\n                ></c8y-date-time-picker>\n                <button\n                  class=\"btn btn-xs btn-default m-l-4\"\n                  [title]=\"'Set to current time' | translate\"\n                  type=\"button\"\n                  (click)=\"setDateToNow()\"\n                >\n                  <i\n                    class=\"m-r-4\"\n                    [c8yIcon]=\"'clock-o'\"\n                  ></i>\n                  {{ 'Now' | translate }}\n                </button>\n                <c8y-messages [show]=\"toErrors\">\n                  <c8y-message\n                    name=\"dateBeforeRangeMin\"\n                    [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-\">\n        @if (SHOW_AGGREGATION) {\n          @let selectedAggregation = currentForm.get('aggregation')?.value;\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item aggregation m-r-4\">\n                <i [c8yIcon]=\"'input'\"></i>\n              </div>\n              {{ 'Aggregation' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"AGGREGATION_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"p-t-16 p-b-16 m-b-4\">\n              <c8y-aggregation-picker\n                formControlName=\"aggregation\"\n                [resetToDefault]=\"true\"\n                [disabledAggregations]=\"disabledAggregations()\"\n                [layout]=\"'radio'\"\n              ></c8y-aggregation-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵ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: "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: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i4.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HistoryModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-history-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange", validationStatus: "validationStatus" }, ngImport: i0, template: "@if (currentForm) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AGGREGATION = settings.showAggregation;\n\n  <form [formGroup]=\"currentForm\">\n    <div class=\"content-flex-100\">\n      <div\n        class=\"col-4\"\n        [ngClass]=\"{ 'm-b-8': !SHOW_AGGREGATION }\"\n      >\n        @if (SHOW_TIME_CONTEXT) {\n          @let dateTimeContext = currentForm.get('dateTimeContext');\n          @let tempDateFromValue = dateTimeContext.get('dateFrom')?.value;\n          @let tempDateToValue = dateTimeContext.get('dateTo')?.value;\n          @let fromErrors = dateFromErrors();\n          @let toErrors = dateToErrors();\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i\n                  class=\"\"\n                  [c8yIcon]=\"'calendar'\"\n                ></i>\n              </div>\n              {{ 'Date & time range' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"content-flex-58 d-flex a-i-center m-b-0 p-t-16\">\n              <c8y-form-group\n                [class.has-error]=\"fromErrors\"\n                class=\"form-group-sm d-flex a-i-center col-5 flex-wrap\"\n              >\n                <label\n                  class=\"m-b-sm-0 m-r-8 text-nowrap\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'From`date`' | translate\"\n                  for=\"dateFrom\"\n                  translate\n                >\n                  From`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"fromErrors\"\n                  id=\"dateFrom\"\n                  [maxDate]=\"tempDateToValue\"\n                  [placeholder]=\"'From`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateFrom')\"\n                ></c8y-date-time-picker>\n                <c8y-messages [show]=\"fromErrors\">\n                  <c8y-message\n                    name=\"dateAfterRangeMax\"\n                    [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateRange\"\n                    [text]=\"errorMessages.invalidDateRange | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n\n              <c8y-form-group\n                [class.has-error]=\"toErrors\"\n                class=\"form-group-sm d-flex flex-wrap col-7 a-i-center\"\n              >\n                <label\n                  class=\"m-b-sm-0 text-nowrap m-r-8\"\n                  style=\"min-width: 30px\"\n                  [title]=\"'To`date`' | translate\"\n                  for=\"dateTo\"\n                  translate\n                >\n                  To`date`\n                </label>\n                <c8y-date-time-picker\n                  [class.has-error]=\"toErrors\"\n                  id=\"dateTo\"\n                  [minDate]=\"tempDateFromValue\"\n                  [placeholder]=\"'To`date`' | translate\"\n                  [formControl]=\"dateTimeContext.get('dateTo')\"\n                ></c8y-date-time-picker>\n                <button\n                  class=\"btn btn-xs btn-default m-l-4\"\n                  [title]=\"'Set to current time' | translate\"\n                  type=\"button\"\n                  (click)=\"setDateToNow()\"\n                >\n                  <i\n                    class=\"m-r-4\"\n                    [c8yIcon]=\"'clock-o'\"\n                  ></i>\n                  {{ 'Now' | translate }}\n                </button>\n                <c8y-messages [show]=\"toErrors\">\n                  <c8y-message\n                    name=\"dateBeforeRangeMin\"\n                    [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                  ></c8y-message>\n                  <c8y-message\n                    name=\"invalidDateTime\"\n                    [text]=\"errorMessages.invalidDateTime | translate\"\n                  ></c8y-message>\n                </c8y-messages>\n              </c8y-form-group>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-\">\n        @if (SHOW_AGGREGATION) {\n          @let selectedAggregation = currentForm.get('aggregation')?.value;\n\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item aggregation m-r-4\">\n                <i [c8yIcon]=\"'input'\"></i>\n              </div>\n              {{ 'Aggregation' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"AGGREGATION_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"p-t-16 p-b-16 m-b-4\">\n              <c8y-aggregation-picker\n                formControlName=\"aggregation\"\n                [resetToDefault]=\"true\"\n                [disabledAggregations]=\"disabledAggregations()\"\n                [layout]=\"'radio'\"\n              ></c8y-aggregation-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵ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: "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: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i4.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HistoryModeConfigurationControlsComponent, decorators: [{
             type: Component,
@@ -3459,7 +3459,7 @@ class DateTimeContextPickerComponent {
                 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\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", "additionalMessages"] }, { 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.18", ngImport: i0, type: DateTimeContextPickerComponent, decorators: [{
             type: Component,
@@ -10850,6 +10850,8 @@ const PRESET_NAME = {
     ALARM_LIST: 'alarmList',
     CHART: 'chart',
     LIVE_ONLY: 'liveOnly',
+    AUTO_REFRESH_ONLY: 'autoRefreshOnly',
+    AUTO_REFRESH_ONLY_CONFIG: 'autoRefreshOnlyConfig',
     HISTORY_ONLY: 'historyOnly',
     ALARM_LIST_CONFIG: 'alarmListConfig',
     ALARM_LIST_LEGACY: 'alarmListLegacy',
@@ -10932,6 +10934,18 @@ const CONTROL_PRESETS = {
             CONTEXT_FEATURE.REFRESH
         ]
     },
+    /** For auto-refresh-only widgets (no history mode, no live time range support) — preview shows no controls in config mode */
+    [PRESET_NAME.AUTO_REFRESH_ONLY]: {
+        dashboard: [CONTEXT_FEATURE.AUTO_REFRESH],
+        config: [],
+        view_and_config: [CONTEXT_FEATURE.AUTO_REFRESH]
+    },
+    /** For auto-refresh-only widget config section (shows auto-refresh toggle in all modes) */
+    [PRESET_NAME.AUTO_REFRESH_ONLY_CONFIG]: {
+        dashboard: [CONTEXT_FEATURE.AUTO_REFRESH],
+        config: [CONTEXT_FEATURE.AUTO_REFRESH],
+        view_and_config: [CONTEXT_FEATURE.AUTO_REFRESH]
+    },
     /** For history-only widgets (no live mode support) */
     [PRESET_NAME.HISTORY_ONLY]: {
         dashboard: [CONTEXT_FEATURE.HISTORY_TIME],
@@ -11188,15 +11202,18 @@ class ConfigModeControls {
         const mode = cfg.displayMode ?? GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
         const context = mode === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD
             ? this.getGlobalContextState(mode)
-            : { ...cfg, isGlobalContextReady: true };
-        const diff = this.globalContextUtils.getChangedFields(cfg, context);
-        this.lastEmittedContext.set(context);
-        // isGlobalContextReady is a transient runtime flag, not a substantive config change.
-        // Don't trigger an emission solely because it was added.
-        const { isGlobalContextReady: _, ...substantiveDiff } = diff;
-        if (Object.keys(substantiveDiff).length > 0) {
-            this.configChange.emit({ context, diff });
-        }
+            : this.buildNonDashboardContext(cfg);
+        this.emit(context);
+    }
+    buildNonDashboardContext(cfg) {
+        const isLive = cfg.refreshOption !== REFRESH_OPTION.HISTORY && !!cfg.dateTimeContext;
+        return {
+            ...cfg,
+            isGlobalContextReady: true,
+            dateTimeContext: isLive
+                ? DateTimeContextUtil.normalizeForLive(cfg.dateTimeContext)
+                : cfg.dateTimeContext
+        };
     }
     emitForDisplayMode(mode) {
         if (mode === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD) {
@@ -11207,9 +11224,12 @@ class ConfigModeControls {
             this.emit({ ...(snapshot ?? this.config()), displayMode: mode, isGlobalContextReady: true });
         }
     }
+    /** Emits configChange if the diff contains changes beyond transient flags. */
     emit(context) {
         const diff = this.globalContextUtils.getChangedFields(this.lastEmittedContext(), context);
-        if (Object.keys(diff).length === 0)
+        const substantiveDiff = { ...diff };
+        delete substantiveDiff.isGlobalContextReady;
+        if (Object.keys(substantiveDiff).length === 0)
             return;
         this.lastEmittedContext.set(context);
         this.configChange.emit({ context, diff });
@@ -11350,8 +11370,11 @@ class ContextControlsComponent {
         this.visibleControls = computed(() => {
             const controlsInput = this.controls();
             const presetDef = typeof controlsInput === 'string' ? CONTROL_PRESETS[controlsInput] : controlsInput;
-            const baseControls = presetDef[this.displayMode()];
-            const refreshOption = this.config().refreshOption || REFRESH_OPTION.LIVE;
+            const baseControls = presetDef?.[this.displayMode()];
+            if (!baseControls) {
+                return [];
+            }
+            const refreshOption = this.config()?.refreshOption || REFRESH_OPTION.LIVE;
             const filteredControls = applyModeConstraints(baseControls, refreshOption);
             // Normalize LIVE_TIME/HISTORY_TIME to 'time' and REFRESH_*/REFRESH to 'refresh' for template
             return filteredControls.map(c => {
@@ -11386,22 +11409,27 @@ class ContextControlsComponent {
         this.syncConfigToForm();
         this.subscribeToFormChanges();
     }
+    ngOnInit() {
+        this.emitInitialNonDashboardState();
+    }
     onAutoRefresh() {
         if (this.emitRefresh()) {
             this.onRefresh();
         }
     }
     onRefresh() {
-        const { dateTimeContext } = this.config();
-        if (!dateTimeContext) {
+        const cfg = this.config();
+        if (!cfg.dateTimeContext) {
             this.refresh.emit();
             return;
         }
-        const context = {
-            ...this.config(),
-            dateTimeContext: DateTimeContextUtil.normalizeForLive(dateTimeContext)
+        // Normalize dates to "now" and emit as a config change.
+        // If dates haven't changed (same second), fall back to a plain refresh.
+        const normalized = {
+            ...cfg,
+            dateTimeContext: DateTimeContextUtil.normalizeForLive(cfg.dateTimeContext)
         };
-        if (!this.emitIfChanged(context)) {
+        if (!this.emitIfChanged(normalized)) {
             this.refresh.emit();
         }
     }
@@ -11418,9 +11446,20 @@ class ContextControlsComponent {
         effect(() => {
             const cfg = this.config();
             this.form.patchValue(cfg, { emitEvent: false });
-            this.lastEmittedState.set(this.form.value);
         });
     }
+    /** On first render for non-dashboard mode, normalize stale live dates and emit. */
+    emitInitialNonDashboardState() {
+        if (this.displayMode() === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD)
+            return;
+        const cfg = this.config();
+        const isLive = cfg.refreshOption !== REFRESH_OPTION.HISTORY && !!cfg.dateTimeContext;
+        const normalized = isLive
+            ? { ...cfg, dateTimeContext: DateTimeContextUtil.normalizeForLive(cfg.dateTimeContext) }
+            : cfg;
+        this.form.patchValue(normalized, { emitEvent: false });
+        this.emitIfChanged(normalized);
+    }
     subscribeToFormChanges() {
         this.form.valueChanges.pipe(takeUntilDestroyed()).subscribe(value => {
             const context = this.clearInvalidAggregation(value);
@@ -11761,6 +11800,19 @@ class GlobalContextConnectorComponent {
         this.refresh = output();
         this.linkedChange = output();
         this.isLinked = signal(true, ...(ngDevMode ? [{ debugName: "isLinked" }] : []));
+        this.hasActiveControls = computed(() => {
+            const controlsInput = this.controls();
+            if (!controlsInput) {
+                return true;
+            }
+            const presetDef = typeof controlsInput === 'string' ? CONTROL_PRESETS[controlsInput] : controlsInput;
+            const dashboardControls = presetDef?.[GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD];
+            if (!dashboardControls) {
+                return true;
+            }
+            const refreshOption = this.config()?.refreshOption || REFRESH_OPTION.LIVE;
+            return applyModeConstraints(dashboardControls, refreshOption).length > 0;
+        }, ...(ngDevMode ? [{ debugName: "hasActiveControls" }] : []));
         this.syncExternalLinkState();
         this.subscribeToGlobalContext();
         this.registerWithGlobalContext();
@@ -11879,23 +11931,25 @@ class GlobalContextConnectorComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GlobalContextConnectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: GlobalContextConnectorComponent, isStandalone: true, selector: "c8y-global-context-connector", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChild: { classPropertyName: "dashboardChild", publicName: "dashboardChild", isSignal: true, isRequired: true, transformFunction: null }, linked: { classPropertyName: "linked", publicName: "linked", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh", linkedChange: "linkedChange" }, ngImport: i0, template: `
-    <c8y-link-buttons
-      [dashboardChild]="dashboardChild()"
-      [isLinked]="isLinked()"
-      [controls]="controls()"
-      [config]="config()"
-      (toggle)="onLinkToggle($event)"
-    ></c8y-link-buttons>
-
-    @if (!isLinked()) {
-      <c8y-context-controls
+    @if (hasActiveControls()) {
+      <c8y-link-buttons
+        [dashboardChild]="dashboardChild()"
+        [isLinked]="isLinked()"
         [controls]="controls()"
-        displayMode="dashboard"
         [config]="config()"
-        [isLoading]="isLoading()"
-        (configChange)="onLocalChange($event)"
-        (refresh)="onLocalRefresh()"
-      ></c8y-context-controls>
+        (toggle)="onLinkToggle($event)"
+      ></c8y-link-buttons>
+
+      @if (!isLinked()) {
+        <c8y-context-controls
+          [controls]="controls()"
+          displayMode="dashboard"
+          [config]="config()"
+          [isLoading]="isLoading()"
+          (configChange)="onLocalChange($event)"
+          (refresh)="onLocalRefresh()"
+        ></c8y-context-controls>
+      }
     }
   `, isInline: true, dependencies: [{ kind: "component", type: ContextControlsComponent, selector: "c8y-context-controls", inputs: ["controls", "displayMode", "config", "isLoading", "emitRefresh"], outputs: ["configChange", "refresh"] }, { kind: "component", type: LinkButtonsComponent, selector: "c8y-link-buttons", inputs: ["dashboardChild", "isLinked", "controls", "config"], outputs: ["toggle"] }] }); }
 }
@@ -11906,23 +11960,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     standalone: true,
                     imports: [ContextControlsComponent, LinkButtonsComponent],
                     template: `
-    <c8y-link-buttons
-      [dashboardChild]="dashboardChild()"
-      [isLinked]="isLinked()"
-      [controls]="controls()"
-      [config]="config()"
-      (toggle)="onLinkToggle($event)"
-    ></c8y-link-buttons>
-
-    @if (!isLinked()) {
-      <c8y-context-controls
+    @if (hasActiveControls()) {
+      <c8y-link-buttons
+        [dashboardChild]="dashboardChild()"
+        [isLinked]="isLinked()"
         [controls]="controls()"
-        displayMode="dashboard"
         [config]="config()"
-        [isLoading]="isLoading()"
-        (configChange)="onLocalChange($event)"
-        (refresh)="onLocalRefresh()"
-      ></c8y-context-controls>
+        (toggle)="onLinkToggle($event)"
+      ></c8y-link-buttons>
+
+      @if (!isLinked()) {
+        <c8y-context-controls
+          [controls]="controls()"
+          displayMode="dashboard"
+          [config]="config()"
+          [isLoading]="isLoading()"
+          (configChange)="onLocalChange($event)"
+          (refresh)="onLocalRefresh()"
+        ></c8y-context-controls>
+      }
     }
   `
                 }]
@@ -11995,5 +12051,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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, GLOBAL_CONTEXT_DASHBOARD_PATHS, 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_DASHBOARD_PATHS, 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 };
 //# sourceMappingURL=c8y-ngx-components-global-context.mjs.map