<AppPanelContainer
	caption="{{item.caption}}"
  class="app-panel-container app-panel-container__{{lowerCase item.name}}{{#and item.psLayout (eq item.psLayout.layout 'FLEX')}} flex-container{{/and}}{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
	name="{{item.name}}"
	:layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
  :visible="state.detailsModel.{{item.name}}.visible"
{{#if (or item.width item.height)}}
  style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"
{{/if}}
{{#if item.psSysImage.cssClass}}
  iconClass="{{item.psSysImage.cssClass}}"
{{/if}}
{{#if item.psSysImage.imagePath}}
  imgPath="{{item.psSysImage.imagePath}}"
{{/if}}
{{#if item.labelPSSysCss}}
  labelCssName="{{item.labelPSSysCss.cssName}}"
{{/if}}
  :showCaption="{{item.showCaption}}">
{{#if item.psPanelItems}}
	{{#each item.psPanelItems as | childItem |}}
	{{> @macro/front-end/widgets/panel-detail/include-panel.hbs item=childItem type=childItem.itemType}}
	{{/each}}
{{/if}}
</AppPanelContainer>
