<AppPanelRaw
  name="{{item.name}}"
  :visible="state.detailsModel.{{item.name}}.visible"
  class="app-panel-rawitem app-panel-rawitem__{{lowerCase item.name}}{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
{{#if item.psSysImage}}
  {{#if item.psSysImage.cssClass}}
  iconClass="{{item.psSysImage.cssClass}}"
  {{/if}}
  {{#if item.psSysImage.imagePath}}
  imgPath="{{item.psSysImage.imagePath}}"
  {{/if}}
{{/if}}
{{#if (and item.psLayoutPos (or item.psLayoutPos.width item.psLayoutPos.height))}}
  style="{{#if item.psLayoutPos.width}}width: {{item.psLayoutPos.width}}px; {{/if}}{{#if item.psLayoutPos.height}}height: {{item.psLayoutPos.height}}px; {{/if}}"
{{/if}}
{{#if (or (gt item.rawItemWidth 0) (gt item.rawItemHeight 0))}}
  rawStyle="{{#gt item.rawItemWidth 0}}width: {{item.rawItemWidth}}px; {{/gt}}{{#gt item.rawItemHeight 0}}height: {{item.rawItemHeight}}px;{{/gt}}"
{{/if}}
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
{{#if (eq item.contentType 'RAW')}}
  value="{{item.rawContent}}"
  {{else if (eq item.contentType 'HTML')}}
  :value="`{{item.htmlContent}}`"
  {{/if}}
  contentType="{{item.contentType}}">
</AppPanelRaw>
