@if (displayMode() === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD) {
  <c8y-global-context-connector
    [controls]="widgetControls()"
    [config]="contextConfig()"
    [isLoading]="isLoading$ | async"
    [linked]="isLinkedToGlobal()"
    (configChange)="onContextChange($event)"
    (refresh)="onRefresh()"
  ></c8y-global-context-connector>
} @else {
  <c8y-local-controls
    [controls]="widgetControls()"
    [displayMode]="displayMode()"
    [config]="contextConfig()"
    [isLoading]="isLoading$ | async"
    (configChange)="onContextChange($event)"
    (refresh)="onRefresh()"
  ></c8y-local-controls>
}

<c8y-alarms-list
  #list
  [alarms]="alarms$ | async"
  [navigationOptions]="{
    alwaysNavigateToAllAlarms: !config.device,
    allowNavigationToAlarmsView: true,
    includeClearedQueryParams: true,
    queryParamsHandling: ''
  }"
  [isInitialLoading]="isLoading$ | async"
  [hasPermissions]="hasPermissions"
  (onScrollingStateChange)="onScrollingStateChange($event)"
></c8y-alarms-list>