[{"__symbolic":"module","version":3,"metadata":{"SkyLinkRecordsItemDiffComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-link-records-item-diff","template":"<table>\n  <thead>\n    <tr *ngIf=\"readOnly\">\n      <th>{{'link_records_item_diff_header_field' | skyResources}}</th>\n      <th>{{'link_records_item_diff_header_current_value' | skyResources}}</th>\n    </tr>\n    <tr *ngIf=\"!readOnly\">\n      <th>{{'link_records_item_diff_header_new_value' | skyResources}}</th>\n      <th class=\"link-records-item-diff-update\">{{'link_records_item_diff_header_update' | skyResources}}</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let fieldValue of fieldValues | async; trackBy: trackByFieldKey\" [attr.cmp-id]=\"fieldValue.field?.key\">\n      <td *ngIf=\"readOnly && fieldValue.field\">{{ fieldValue.field.label }}</td>\n      <td *ngIf=\"readOnly && fieldValue.field\" class=\"link-records-item-diff-value\" [class.item-deemphasized]=\"fieldValue.selected\" [class.item-highlighted]=\"!fieldValue.selected\">{{ fieldValue.field.currentValue || ('link_records_item_diff_content_no_value' | skyResources) }}</td>\n      <td *ngIf=\"!readOnly && fieldValue.field\" class=\"link-records-item-diff-value\" [class.item-deemphasized]=\"!fieldValue.selected\" [class.item-highlighted]=\"fieldValue.selected\">{{ fieldValue.field.newValue }}</td>\n      <td *ngIf=\"!readOnly && fieldValue.field\" class=\"link-records-item-diff-update\">\n        <sky-checkbox [checked]=\"fieldValue.selected\" (change)=\"setFieldSelected(fieldValue.field.key, $event)\"></sky-checkbox>\n      </td>\n    </tr>\n  </tbody>\n</table>\n","styles":[":host {\n  display: block;\n  width: 100%;\n}\n\n:host table {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n:host table th {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #686c73;\n  font-weight: 400;\n  font-size: 15px;\n}\n\n:host table th,\n:host table td {\n  padding: 10px 10px 10px 0;\n  text-align: left;\n}\n\n:host table th.link-records-item-diff-update,\n:host table td.link-records-item-diff-update {\n  word-break: normal;\n  text-align: center;\n  width: 50px;\n}\n\n:host table th.link-records-item-diff-value,\n:host table td.link-records-item-diff-value {\n  word-break: break-all;\n  white-space: pre-line;\n}\n\n:host table th.item-deemphasized,\n:host table td.item-deemphasized {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #686c73;\n  font-weight: 400;\n  font-size: 15px;\n  font-style: italic;\n}\n\n:host table th.item-highlighted,\n:host table td.item-highlighted {\n  font-weight: 600;\n}\n\n:host table tbody tr {\n  border-bottom: 1px dotted #cdcfd2;\n}\n\n:host table tbody tr:first-child {\n  border-top: 1px dotted #cdcfd2;\n}\n\n:host /deep/ sky-checkbox .sky-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: auto;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"match":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedByDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showNewFieldValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./state","name":"SkyLinkRecordsState"},{"__symbolic":"reference","module":"./state","name":"SkyLinkRecordsStateDispatcher"}]}],"ngOnInit":[{"__symbolic":"method"}],"setFieldSelected":[{"__symbolic":"method"}],"trackByFieldKey":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyLinkRecordsItemDiffComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-link-records-item-diff","template":"<table>\n  <thead>\n    <tr *ngIf=\"readOnly\">\n      <th>{{'link_records_item_diff_header_field' | skyResources}}</th>\n      <th>{{'link_records_item_diff_header_current_value' | skyResources}}</th>\n    </tr>\n    <tr *ngIf=\"!readOnly\">\n      <th>{{'link_records_item_diff_header_new_value' | skyResources}}</th>\n      <th class=\"link-records-item-diff-update\">{{'link_records_item_diff_header_update' | skyResources}}</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let fieldValue of fieldValues | async; trackBy: trackByFieldKey\" [attr.cmp-id]=\"fieldValue.field?.key\">\n      <td *ngIf=\"readOnly && fieldValue.field\">{{ fieldValue.field.label }}</td>\n      <td *ngIf=\"readOnly && fieldValue.field\" class=\"link-records-item-diff-value\" [class.item-deemphasized]=\"fieldValue.selected\" [class.item-highlighted]=\"!fieldValue.selected\">{{ fieldValue.field.currentValue || ('link_records_item_diff_content_no_value' | skyResources) }}</td>\n      <td *ngIf=\"!readOnly && fieldValue.field\" class=\"link-records-item-diff-value\" [class.item-deemphasized]=\"!fieldValue.selected\" [class.item-highlighted]=\"fieldValue.selected\">{{ fieldValue.field.newValue }}</td>\n      <td *ngIf=\"!readOnly && fieldValue.field\" class=\"link-records-item-diff-update\">\n        <sky-checkbox [checked]=\"fieldValue.selected\" (change)=\"setFieldSelected(fieldValue.field.key, $event)\"></sky-checkbox>\n      </td>\n    </tr>\n  </tbody>\n</table>\n","styles":[":host {\n  display: block;\n  width: 100%;\n}\n\n:host table {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n:host table th {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #686c73;\n  font-weight: 400;\n  font-size: 15px;\n}\n\n:host table th,\n:host table td {\n  padding: 10px 10px 10px 0;\n  text-align: left;\n}\n\n:host table th.link-records-item-diff-update,\n:host table td.link-records-item-diff-update {\n  word-break: normal;\n  text-align: center;\n  width: 50px;\n}\n\n:host table th.link-records-item-diff-value,\n:host table td.link-records-item-diff-value {\n  word-break: break-all;\n  white-space: pre-line;\n}\n\n:host table th.item-deemphasized,\n:host table td.item-deemphasized {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #686c73;\n  font-weight: 400;\n  font-size: 15px;\n  font-style: italic;\n}\n\n:host table th.item-highlighted,\n:host table td.item-highlighted {\n  font-weight: 600;\n}\n\n:host table tbody tr {\n  border-bottom: 1px dotted #cdcfd2;\n}\n\n:host table tbody tr:first-child {\n  border-top: 1px dotted #cdcfd2;\n}\n\n:host /deep/ sky-checkbox .sky-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: auto;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"match":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedByDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showNewFieldValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./state","name":"SkyLinkRecordsState"},{"__symbolic":"reference","module":"./state","name":"SkyLinkRecordsStateDispatcher"}]}],"ngOnInit":[{"__symbolic":"method"}],"setFieldSelected":[{"__symbolic":"method"}],"trackByFieldKey":[{"__symbolic":"method"}]}}}}]