if _.isArray(data)
  each item in data 
    != partial('frame', { data: item })
else if _.isArray(data.items)
  - var items = data.items
  - delete data.items
  each item in items
    if !_.isPlainObject(item) 
      - item = { raw: item, escaped: _.escape(item) }
    != partial('frame', { data: _.assign({}, data, item ) })
else
  - data = !_.isPlainObject(data) ? { raw: data, escaped: _.escape(data) } : data
  - var lang = data.language || data.lang || 'json'
  - var blockinfo = (token || {}).blockinfo || {}
  - var file_path = (blockinfo.file || {}).path
  - var description = data.description
  - data.settings = data.settings || {}
  if data.settings.class
    - data.settings.class = data.settings.class ? data.settings.class.replace(/\s*\./g, ' ') : ''
  - var code = blockinfo.code || {}
  - var keys = _.keys(data).filter(function(item) {
  -   return [ 'raw', 'escaped', 'raw_stateless', 'escaped_stateless' ].indexOf(item) > -1
  - })
  - var id = 'markup-item' + global.base_x.encode(data)
  
  section(id="#{id}", class="c-frame-container")&attributes(data.settings)
    if data.description
      != data.description
    div(class="c-frame js-frame")
      div(class="c-frame__header")
        div(class="c-frame__url")
          //- span(class='c-frame__project-name')= pkg.name
          if !!file_path
            span(class="c-frame__path") /#{file_path}
        div(class="c-frame__actions js-frame__actions o-spacing--off")
          a(class="c-frame__action c-frame__action--copy js-frame__copy") Copy
          a(class="c-frame__action c-frame__action--link js-frame__link", href="##{id}") Link To
  
        span(class="c-frame__language")= lang
        
      div(class='c-frame__body')
        each type in keys
          - var should_highlight = type.indexOf('escaped') > -1
          - var content = data[type] ||  false
          - var loading =  should_highlight ? 'js-copied' : 'u-loading u-loading--middle u-loading--huge js-iframify-parent is-loading'
          - type = type.replace('_', '-')
          if content && (should_highlight || lang === 'html')
            div(
              class="c-frame__section c-frame__section--#{type} #{loading} js-frame__section", 
              data-type="#{type}",
              data-language="#{lang}"
            )
              if should_highlight
                - var options = {}
                - options.preCls = 'c-frame__pre'
                - options.codeCls = 'c-frame__code u-copied js-copied__content'
                - options.lineno = true
                - options.start = code.start || 1
                - options.language = lang
                != global.highlight(_.unescape(content), options)
              else
                div.u-lazy.u-lazy--fade.js-iframify
                  = partial('../iframe', { data: content })

//- if token.blockinfo.comment.type === 'body'
//-   != partial('../_helpers/json', { json: token })