[{"__symbolic":"module","version":4,"metadata":{"ReadCollectionFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-read.component","name":"AbstractFieldReadComponent","line":43,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ccd-read-collection-field","template":"\n    <table *ngIf=\"caseField.value && caseField.value.length \"\n           [ngClass]=\"'collection-field-table' + (caseField.isDisplayContextTableView()? ' collection-table-expanded-view' : '')\">\n      <ng-container [ngSwitch]=\"isDisplayContextParameterAvailable\">\n        <tbody *ngSwitchCase=\"true\">\n        <tr>\n          <td>\n            <ccd-field-read [caseField]=\"{\n                    id: caseField.label,\n                    label: caseField.label,\n                    field_type: caseField.field_type.collection_field_type,\n                    display_context_parameter: caseField.display_context_parameter,\n                    value: caseField.value,\n                    hidden: caseField.hidden\n                  }\" [context]=\"context\"></ccd-field-read>\n          </td>\n        </tr>\n        </tbody>\n        <tbody *ngSwitchCase=\"false\">\n        <tr *ngFor=\"let item of caseField.value; let i = index\">\n          <td>\n            <ccd-field-read [caseField]=\"{\n                id: i,\n                label: caseField.label + ' ' + (i + 1),\n                  field_type: caseField.field_type.collection_field_type,\n                  value: item.value,\n                  hidden: caseField.hidden\n              }\" [context]=\"context\"></ccd-field-read>\n          </td>\n        </tr>\n        </tbody>\n      </ng-container>\n    </table>\n  ","styles":["\n    .collection-table-expanded-view{width:100%}.collection-field-table tr:first-child>td{padding-top:0}.collection-field-table tr:last-child>td{border-bottom:none}.collection-field-table td.collection-actions{width:1px;white-space:nowrap}.error-spacing{margin-top:10px}.collection-title{height:51px}.float-left{float:left;padding-top:8px}.float-right{float:right}.complex-panel{margin:13px 0px;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px;border-bottom:1px solid #bfc1c3;font-weight:bold;display:block;color:#0b0c0c;padding-bottom:2px;font-family:\"nta\",Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media(min-width: 641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}\n  "]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]