{{#ember-dragula config=dragulaConfig drop='saveConfig'}}
  <div class="dash-dragula">
    <div class="flex flex--nowrap dash-column-wrap js-dashboard-container js-dashboard-column-wrap">
      {{#each dashboardConfig as |column|}}
        <div class="dash-column flex__item flex__item--noShrink js-dashboard-column">
          {{#ember-dragula-container class='flex flex--column flex--nowrap flex--fullHeight flex--stretch dash-dragula__placeholder'}}
            {{#each column as |columnComponent|}}
              {{#if (and columnComponent
                (or (not columnComponent.partnerOnly) channel.partner)
                (or (not-eq columnComponent.path 'dashboards/live/stream-delay') channel.delayControlsEnabled)
                (or (not-eq columnComponent.path 'dashboards/live/channel-feed') isChannelOwner))
              }}
                {{#dashboards/live-widget
                  title=columnComponent.name
                  noPad=columnComponent.noPad
                  fullCol=columnComponent.fullCol
                  hasSettings=columnComponent.hasSettings
                  isCollapsed=columnComponent.isCollapsed
                  saveConfig=(action 'saveConfig')
                  as |yielded|
                }}
                  {{#if (eq yielded 'widget-settings')}}
                    {{component
                      columnComponent.settingsComponentPath
                      path=columnComponent.settingsComponentPath
                      channel=channel
                      isLive=isLive
                      isChannelOwner=isChannelOwner
                    }}
                  {{else}}
                    {{component
                      columnComponent.path
                      path=columnComponent.path
                      isCollapsed=columnComponent.isCollapsed
                      channel=channel
                      isLive=isLive
                      isChannelOwner=isChannelOwner
                      qualityCode=qualityCode
                      reasonCodes=reasonCodes
                      trackDashboardEvent=(action 'trackDashboardEvent')
                    }}
                  {{/if}}
                {{/dashboards/live-widget}}
              {{/if}}
            {{/each}}
          {{/ember-dragula-container}}
        </div>
      {{/each}}
      <div class="dash-column flex__item flex__item--noShrink"></div>
    </div>
  </div>
{{/ember-dragula}}
