{{#eq ctrl.psLayout.layout "FLEX"}}
  <div class="app-dashboard-layout-flex" style="display: flex;{{#if ctrl.psLayout.dir}}flex-direction: {{ctrl.psLayout.dir}};{{/if}}{{#if ctrl.psLayout.align}}justify-content: {{ctrl.psLayout.align}};{{/if}}{{#if ctrl.psLayout.vAlign}}align-items: {{ctrl.psLayout.vAlign}};{{/if}}">
  {{#each ctrl.psControls as | portlet | }}
    <div style="flex-grow: {{#if portlet.psLayoutPos.grow}}{{portlet.psLayoutPos.grow}}{{else}}0{{/if}};">
    {{>(lookup 'CONTAINER') portlet=portlet}} 
    </div>
  {{/each}}
  </div>
{{else}}
  <a-row class="app-dashboard-layout-table">
  {{#each ctrl.psControls as | portlet | }}
    <a-col
    {{> @macro/front-end/widgets/common/layout-pos.hbs item=portlet.psLayoutPos}} >
    {{>(lookup 'CONTAINER') portlet=portlet}}
    </a-col>
  {{/each}}
  </a-row>
{{/eq}} 
