@let config = config$ | async;
@if (config) {
  @let htmlWidgetConfig = config.config?.htmlWidgetConfig;
  @if (htmlWidgetConfig) {
    <c8y-widget-code-editor
      [config]="htmlWidgetConfig.config"
      [mode]="'code'"
      [showAdvancedSettings]="false"
      [propertyKeys$]="propertyKeys$"
      [getFormattedPropertyExpression]="getFormattedPropertyExpressionFn"
      (codeChange)="changeCode($event)"
    ></c8y-widget-code-editor>
  }

  <ng-template #scadaWidgetPreview>
    <c8y-scada-widget-view
      [config]="config"
      [enablePotentialPlaceholders]="true"
      (potentialPlaceholderClick)="addPlaceholder($event)"
      [preview]="true"
    ></c8y-scada-widget-view>
  </ng-template>
}