<AppPanelButton
{{#if item.caption}}
  caption="{{item.caption}}"
{{/if}}
  class="app-panel-button app-panel-button__{{lowerCase item.name}}{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
  name="{{item.name}}"
  tooltip="{{#if item.tooltip}}{{item.tooltip}}{{else if item.caption}}{{item.caption}}{{/if}}"
  :visible="state.detailsModel.{{item.name}}.visible"
  :disabled="state.detailsModel.{{item.name}}.disabled"
  :uIAction="state.detailsModel.{{item.name}}.uIAction"
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
  {{#if (or item.width item.height)}}
  style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"
  {{/if}}
  :showCaption="{{item.showCaption}}"
  @onPanelItemEvents="onPanelItemEvents">
  {{#if item.psSysImage.cssClass}}
  <i class="{{item.psSysImage.cssClass}}"/>
  {{/if}}
  {{#if item.psSysImage.imagePath}}
  <img src="{{item.psSysImage.imagePath}}"/>
  {{/if}}
  <span class="text{{#if item.labelPSSysCss}} {{item.labelPSSysCss.cssName}}{{/if}}">{{item.caption}}</span>
</AppPanelButton>
