@if (items$ | async) {} @if (producers$ | async) {} @if (feeTypes$ | async) {} @if (requiredData$ | async) {} @if (detail$ | async) {} @if (detailLoadingWatcher$ | async) {} @if (saveResult$ | async) {} @if (deleteResult$ | async) {} @if (exporting$ | async) {} @if (exportAction$ | async) {} @if (asOfDateChanged$ | async) {} @if (saveDialog$ | async) {} @if (openSaveClicked$ | async) {}
As Of  
@if ((requiredData$ | async)?.hasModifyPermission) { Add New }
Export
@for (text of anchor.nativeElement.innerText.split(' • '); track text) {
{{ text }}
}
@if (detailOpened$ | async) { @if (detail$) {
@if (detailLoading$ | async) { }
Producer
Contract Date
Effective Date
Base Fee
Incremental Fee
Fee Type
@if (!isAddNew) { Delete }
@if (isAddNew) { Save }
@if(!isAddNew){ Save }
Cancel
} } @if (saveDialog$ | async) {
Choose "Save New" for info that changed over time, requiring a new effective date. Choose "Make Corrections" for data that was input incorrectly.
Effective Date
Save New
Make Corrections
Cancel
}