       mainDisplay = @renderFrame @state.frame
     else
       mainDisplay = (@renderFrame frame, {key: "frame-#{frame}"} for frame of @props.subject.locations)
-          
+
 
     tools = switch type
       when 'image'

        inFlipbookMode: allowFlipbook

  render: ->
    rootClasses = classnames('subject-viewer', { 
      'default-root-style': @props.defaultStyle
      'subject-viewer--flipbook': @state.inFlipbookMode 
      "subject-viewer--layout-#{@props.workflow.configuration?.multi_image_layout}": @props.workflow?.configuration?.multi_image_layout
    })
    # Feature detect IE11 and apply flex prop. Revisit or remove when IE11 is no longer supported.
    rootStyle = flex: "1 1 auto" if "ActiveXObject" in window or window.ActiveXObject isnt undefined

      </div>
    </div>



  renderFrame: (frame, props = {}) ->
    <FrameViewer {...@props} {...props} frame={frame} />
