[{"__symbolic":"module","version":4,"metadata":{"ReadComplexFieldTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-read.component","name":"AbstractFieldReadComponent","line":35,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ccd-read-complex-field-table","template":"\n    <div class=\"complex-panel\">\n      <dl class=\"complex-panel-title\"><dt><span class=\"text-16\">{{caseField.label}}</span></dt><dd></dd></dl>\n      <table class=\"complex-panel-table\">\n        <tbody>\n          <ng-container *ngFor=\"let field of caseField | ccdFieldsFilter\">\n            <ng-container *ngIf=\"(field | ccdIsCompound); else SimpleRow\">\n              <tr class=\"complex-panel-compound-field\" ccdConditionalShow ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseField | ccdFieldsFilter\">\n                <td colspan=\"2\">\n                  <span class=\"text-16\"><ccd-field-read [caseField]=\"field\" [context]=\"context\"></ccd-field-read></span>\n                </td>\n              </tr>\n            </ng-container>\n            <ng-template #SimpleRow>\n              <tr class=\"complex-panel-simple-field\" ccdConditionalShow ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseField | ccdFieldsFilter\">\n                <th><span class=\"text-16\">{{field.label}}</span></th>\n                <td>\n                    <span class=\"text-16\"><ccd-field-read [caseField]=\"field\" [context]=\"context\"></ccd-field-read></span>\n                </td>\n              </tr>\n            </ng-template>\n          </ng-container>\n        </tbody>\n      </table>\n    </div>\n  ","styles":["\n    .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  "]}]}]}}}]