@if (widgetControls()) {
  @let GLOBAL_CONTEXT_CONFIG = internalConfig();
  @let INLINE = WIDGET_DISPLAY_MODE.INLINE;
  @let CONFIG = WIDGET_DISPLAY_MODE.CONFIG;
  @let PREVIEW = WIDGET_DISPLAY_MODE.PREVIEW;
  @let DISPLAY_MODE = GLOBAL_CONTEXT_CONFIG?.displayMode;
  @let DASHBOARD = GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;

  @switch (displayMode()) {
    @case (INLINE) {
      <c8y-global-context-inline
        #globalContextInlineRef="globalContextInline"
        [config]="GLOBAL_CONTEXT_CONFIG"
        [widgetControls]="widgetControls()"
        [isLoading]="isLoading()"
        [dashboardChildForLegacy]="dashboardChildForLegacy()"
        [disableRefreshEmits]="disableRefreshEmits()"
        (refresh)="onRefresh()"
        (globalContextChange)="onGlobalContextChange($event)"
      >
        <ng-content></ng-content>
        <ng-container
          id="header"
          [ngTemplateOutlet]="widgetHeaderRef"
          [ngTemplateOutletInjector]="globalContextInlineRef.injector"
        ></ng-container>
        <ng-container
          id="body"
          [ngTemplateOutlet]="widgetBodyRef"
          [ngTemplateOutletInjector]="globalContextInlineRef.injector"
        ></ng-container>
      </c8y-global-context-inline>
    }
    @case (CONFIG) {
      <c8y-global-context-widget-config
        [config]="GLOBAL_CONTEXT_CONFIG"
        [widgetControls]="widgetControls()"
        [isLoading]="isLoading()"
        (refresh)="onRefresh()"
        (globalContextChange)="onGlobalContextChange($event)"
      ></c8y-global-context-widget-config>
    }
    @case (PREVIEW) {
      <c8y-preview-controls
        [config]="GLOBAL_CONTEXT_CONFIG"
        [widgetControls]="widgetControls()"
      ></c8y-preview-controls>
    }
  }
}