<c8y-bulk-operation-stepper [type]="type">
  <ng-container
    *customStep="
      'Select firmware' | translate;
      completed: !!stepData?.firmware;
      buttonsDisabled: !stepData?.firmware;
      onNext: goToVersionOrPatchStep.bind(this)
    "
  >
    <c8y-select-firmware-step
      [selected]="stepData?.firmware"
      (firmware)="onFirmwareSelected($event)"
      class="d-contents"
    ></c8y-select-firmware-step
  ></ng-container>
  <ng-container
    *customStep="
      'Select version or patch' | translate;
      completed: !!stepData?.versionOrPatch;
      buttonsDisabled: !stepData?.versionOrPatch
    "
  >
    <c8y-preview-selection-frame
      [header]="'Select version or patch' | translate"
      [name]="stepData?.firmware?.name"
      [description]="stepData?.firmware?.description"
    >
      <c8y-version-or-patch-step
        list
        [selected]="stepData?.versionOrPatch"
        (versionOrPatch)="onVersionOrPatchSelected($event)"
      >
      </c8y-version-or-patch-step>
    </c8y-preview-selection-frame>
  </ng-container>
</c8y-bulk-operation-stepper>