{{>@macro/front-end/editors/include-editor.hbs}}
{{#neq item.psEditor.editorType "HIDDEN"}}
{{#eq item.psLayoutPos 'FLEX'}}
<div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};">
  <AppFormItem 
    v-show="state.detailsModel.{{item.codeName}}.visible" 
    {{#if item.psSysCss}}
    class="{{item.psSysCss.cssName}}"
    {{/if}}
    {{#if item.labelPSSysCss}}
    titleStyle="{{item.labelPSSysCss.cssName}}"
    {{/if}}
    name="{{item.codeName}}"
    :rules="state.rules.{{item.codeName}}"
    :labelWidth="{{item.labelWidth}}"
    :required="state.detailsModel.{{item.codeName}}.required"
    label="{{item.caption}}"
    style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px{{/if}}">
      {{#if item.psEditor}}
      <div class="form-editor-container" style="{{#if item.editorWidth}}width: {{item.editorWidth}}px;{{/if}}{{#if item.editorHeight}}height: {{item.editorHeight}}px{{/if}}">
      {{>(lookup . 'item.psEditor.editorType') item=item ctrlType="form"}}
      </div>
      {{/if}}
  </AppFormItem>
</div>
{{else}}
<a-col
{{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} >
  <AppFormItem 
    v-show="state.detailsModel.{{item.codeName}}.visible"
    {{#if item.psSysCss}}
    class="{{item.psSysCss.cssName}}"
    {{/if}}
    {{#if item.labelPSSysCss}}
    titleStyle="{{item.labelPSSysCss.cssName}}"
    {{/if}}
    name="{{item.codeName}}"
    :rules="state.rules.{{item.codeName}}"
    :labelWidth="{{item.labelWidth}}"
    :required="state.detailsModel.{{item.codeName}}.required"
    label="{{item.caption}}"
    style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px{{/if}}">
      {{#if item.psEditor}}
      <div class="form-editor-container" style="{{#if item.editorWidth}}width: {{item.editorWidth}}px;{{/if}}{{#if item.editorHeight}}height: {{item.editorHeight}}px{{/if}}">
      {{>(lookup . 'item.psEditor.editorType') item=item ctrlType="form"}}
      </div>
      {{/if}}
  </AppFormItem>
</a-col>
{{/eq}}
{{/neq}}