<AppFormDruipart 
  name="{{item.codeName}}" 
  title="{{item.caption}}"
  :formSubject="state.formSubject"
  :visible="state.detailsModel.{{item.codeName}}.visible"
  viewCodeName="{{item.psAppView.codeName}}"
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
{{#if item.psSysCss}}
  class="{{item.psSysCss.cssName}}"
{{/if}}
{{#if (or item.width item.height)}}
  style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"
{{/if}}
  paramItem="{{#if item.paramItem}}{{item.paramItem}}{{else}}srfkey{{/if}}"
  deCodeName="{{lowerCase ctrl.psAppDataEntity.codeName}}"
{{#if item.refreshItems}}
  refreshItems="{{item.refreshItems}}"
{{/if}}
  :context="context"
  :viewParams="viewParams"
{{#if item.psNavigateContexts}}
  :localContext="{{> @macro/front-end/common/navparam.hbs appNavParams=item.psNavigateContexts}}"
{{/if}}
{{#if item.psNavigateParams}}
  :localViewParams="{{> @macro/front-end/common/navparam.hbs appNavParams=item.psNavigateParams}}"
{{/if}}
  :data="state.data"
  :viewSubject="state.viewSubject"
  {{#or (eq item.psAppView.tempMode 0) (eq item.psAppView.tempMode 1) eq item.psAppView.tempMode 2}}
  :tempMode="{{item.psAppView.tempMode}}"
  {{/or}}
  @componentEvent="onComponentEvent">
    <template #default="druipartParams">
    <{{item.psAppView.codeName}}
      :class="['app-view-layout--from-druipart']"
      :context="druipartParams.context"
      :viewParams="druipartParams.viewParams"
      :viewDefaultUsage="false"
      :showCaptionBar="false"
      openType="EMBED"
      :viewSubject="state.viewSubject"
      @viewEvent="druipartParams.viewEvent"
    >
    </{{item.psAppView.codeName}}>
    </template>
</AppFormDruipart>
