@if (!isInPreviewMode) {
  <div class="d-flex gap-16 p-r-16 inner-scroll h-auto min-width-0">
    @if (displayMode() === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD) {
      <c8y-global-context-connector
        [controls]="widgetControls()"
        [config]="contextConfig()"
        [isLoading]="isLoading$ | async"
        [dashboardChild]="dashboardChild"
        [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>
    }
  </div>

  <c8y-widget-action>
    <c8y-datapoints-export-selector
      [displayMode]="'icon-only'"
      [exportConfig]="exportConfig"
      [containerClass]="'d-contents'"
      (isOpen)="onExportModalOpen($event)"
    ></c8y-datapoints-export-selector>
  </c8y-widget-action>
}
@if (devicesColumnHeaders) {
  <c8y-datapoints-table
    [aggregationType]="config.aggregation"
    [datapointsTableItems]="datapointsTableItems"
    [decimalPlaces]="config.decimalPlaces"
    [devicesColumnHeaders]="devicesColumnHeaders"
    [hasMultipleDatapoints]="hasMultipleDatapoints"
    [isLoading]="isLoading$ | async"
    [seriesWithoutPermissionToReadCount]="seriesWithoutPermissionToRead?.length"
    (isScrolling)="onScrolling($event)"
  ></c8y-datapoints-table>
}