ngx-t-forms 2.0.30 → 2.0.32

package/fesm2022/ngx-t-forms-workflow-adjudication.component-CPvwm7f4.mjs

@@ -0,0 +1,1303 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, input, output, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, ElementRef } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule, FormBuilder, FormControl, Validators, NgControl } from '@angular/forms';
+import * as i2$1 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5$2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { N as NGX_T_FORMS_CONFIG_TOKEN, _ as _isEqual, D as DaysAgoPipe, B as BaseCustomInput, q as getInputErrorMessage, u as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
+import { AsyncPipe, DecimalPipe, TitleCasePipe } from '@angular/common';
+import { InputDataTypes, AdjudicationSteps } from 'ngx-t-forms-types';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i2 from '@angular/cdk/text-field';
+import { TextFieldModule } from '@angular/cdk/text-field';
+import * as i5 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i2$2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i8 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i10 from '@angular/material/sort';
+import { MatSortModule } from '@angular/material/sort';
+import * as i5$1 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import { tap, BehaviorSubject, switchMap, take, shareReplay, combineLatest, map, startWith, catchError, of } from 'rxjs';
+import { v4 } from 'uuid';
+import { g as getInputIcon } from './ngx-t-forms-getInputIcon-B4ADgevZ.mjs';
+import * as i2$3 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i1$2 from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
+import * as i3$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i7 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import { EditorJsInputComponent } from './ngx-t-forms-editor-js-input.component-5MD8wRj0.mjs';
+import * as i1$3 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i5$3 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i4 from '@angular/material/list';
+
+class PointsCreationComponent {
+    #config;
+    #destroyRef;
+    #points;
+    constructor() {
+        this.#config = inject(NGX_T_FORMS_CONFIG_TOKEN);
+        this.#destroyRef = inject(DestroyRef);
+        /** Tower step column config that drives column layout, types, and disabled/readonly state. */
+        this.inputConfig = input(undefined, ...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        /** Existing points list pushed in from the parent (workflow-adjudication-reactive-input). */
+        // NOTE(phase-4): Trap 6 — parent (`workflow-adjudication-reactive-input`) binds a
+        // `WorkflowAdjudicationValue | null` union of three incompatible shapes. Until the parent
+        // template is split per adjudication step type, this input must remain `any`.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO(phase-4): split parent template by adjudication step, then narrow this input.
+        this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** Emits the updated points list whenever the user saves, edits, or removes a row. */
+        this.pointsChange = output();
+        this.pointRow = this.#createDefaultPointRow();
+        this.selectAllWorkflowInputs = [];
+        this.#points = [];
+        /** Material table columns derived from the input config. */
+        this.cols = computed(() => {
+            const cfg = this.inputConfig();
+            let cols = (cfg?.adjudicationPointTypes?.length || 0) > 0
+                ? ['description', 'totalPoints', 'pointType', 'actions']
+                : ['description', 'totalPoints', 'actions'];
+            if (cfg?.disabled || !!cfg?.readonly) {
+                cols = cols.filter(col => col !== 'actions');
+            }
+            return cols;
+        }, ...(ngDevMode ? [{ debugName: "cols" }] : /* istanbul ignore next */ []));
+        /** Mirrors the legacy `set value` setter — pushes incoming `value` into the internal `#points` buffer. */
+        this.valueBridge = effect(() => {
+            const next = this.value();
+            this.#points = (next || []);
+        }, ...(ngDevMode ? [{ debugName: "valueBridge" }] : /* istanbul ignore next */ []));
+        this.#config.formBuilder.getCurrentFormAvailableInputOptions().pipe(tap((inputs) => {
+            this.selectAllWorkflowInputs = inputs;
+        }), takeUntilDestroyed(this.#destroyRef)).subscribe();
+    }
+    get points() {
+        const cfg = this.inputConfig();
+        if (cfg?.disabled || !!cfg?.readonly) {
+            return this.#points;
+        }
+        return [...this.#points, this.pointRow];
+    }
+    get filteredInputs() {
+        const description = this.pointRow.description?.toLowerCase() || '';
+        if (!description) {
+            return this.selectAllWorkflowInputs;
+        }
+        const regex = new RegExp(description.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'i');
+        return this.selectAllWorkflowInputs.filter((input) => (typeof input.label === 'string' && regex.test(input.label)) ||
+            (typeof input.hintLabel === 'string' && regex.test(input.hintLabel)));
+    }
+    get pointInEditIsValid() {
+        const cfg = this.inputConfig();
+        const typeRequired = (cfg?.adjudicationPointTypes?.length || 0) > 0;
+        return !!this.pointRow.description && this.pointRow.totalPoints > 0 && (!typeRequired || !!this.pointRow.pointType);
+    }
+    #createDefaultPointRow() {
+        return {
+            id: '',
+            formControlName: '',
+            totalPoints: 0,
+            description: '',
+            pointType: '',
+            inputId: undefined,
+            isEditRow: true,
+        };
+    }
+    #resetPointRow() {
+        this.pointRow = this.#createDefaultPointRow();
+    }
+    selectActiveInput(input) {
+        const cfg = this.inputConfig();
+        this.pointRow = {
+            ...this.pointRow,
+            totalPoints: 0,
+            description: input.label || '',
+            id: input.id,
+            formControlName: input.formControlName,
+            pointType: this.pointRow.pointType || cfg?.adjudicationPointTypes[0] || '',
+            inputId: input.id,
+        };
+    }
+    selectPointType(pointType) {
+        this.pointRow = {
+            ...this.pointRow,
+            pointType: pointType.value,
+        };
+    }
+    savePoints() {
+        const pointToSave = {
+            ...this.pointRow,
+            id: this.pointRow.id || v4(),
+            formControlName: this.pointRow.formControlName || this.pointRow.description,
+            isEditRow: undefined,
+        };
+        this.#points = [...this.#points, pointToSave];
+        this.pointsChange.emit(this.#points);
+        this.#resetPointRow();
+    }
+    edit(element) {
+        this.pointRow = {
+            ...element,
+            isEditRow: true,
+        };
+        this.#points = this.#points.filter(p => p.id !== element.id);
+        this.pointsChange.emit(this.#points);
+    }
+    remove(element) {
+        this.#points = this.#points.filter(p => p.id !== element.id);
+        this.pointsChange.emit(this.#points);
+    }
+    getInputIcon(input) {
+        return getInputIcon(input.element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PointsCreationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PointsCreationComponent, isStandalone: true, selector: "lib-points-creation", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pointsChange: "pointsChange" }, ngImport: i0, template: "<div style=\"resize: both; overflow: auto;\">\r\n    @if (!points || points.length === 1) {\r\n    <h5 style=\"margin-bottom: 5px; margin-top: 0px;\">\r\n        &#8505;&#65039; To add a scoring item:\r\n    </h5>\r\n    <ol>\r\n        <li>\r\n            <strong>Enter Description:</strong>\r\n            <ul style=\"margin-top: 5px; margin-bottom: 5px; padding-left: 20px; list-style-type: disc;\">\r\n                <li>\r\n                    To <strong>link</strong> a field: You <strong>must select it</strong> from the list first (you can\r\n                    edit it after).\r\n                </li>\r\n                <li>\r\n                    For a <strong>custom</strong> point: <strong>Ignore the list</strong> and just type your own\r\n                    description.\r\n                </li>\r\n            </ul>\r\n        </li>\r\n        <li>\r\n            <strong>Set Details:</strong>\r\n            Assign the <strong>Points</strong> and select the <strong>Point Type</strong>.\r\n        </li>\r\n        <li>\r\n            <strong>Save:</strong>\r\n            Click the <strong>\"Save\"</strong> button to add the item.\r\n        </li>\r\n    </ol>\r\n    }\r\n    <table mat-table [dataSource]=\"points\" matSort>\r\n        <ng-container matColumnDef=\"description\">\r\n            <th mat-header-cell *matHeaderCellDef>Description</th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                @if (element.isEditRow) {\r\n                    <mat-form-field subscriptSizing=\"dynamic\" class=\"input-add\" appearance=\"outline\">\r\n                        <textarea [matAutocomplete]=\"auto\" [(ngModel)]=\"pointRow.description\" matInput cdkTextareaAutosize\r\n                            cdkAutosizeMinRows=\"1\" placeholder=\"Enter point description\"></textarea>\r\n                        <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\r\n                            @for (input of filteredInputs; track input.id) {\r\n                            <mat-option [value]=\"input.label\" (click)=\"selectActiveInput(input)\">\r\n                                <div style=\"display: flex;align-items: center;gap:8px\">\r\n                                    <mat-icon style=\"font-size:24px; width:24px; height:24px;\"\r\n                                        [attr.aria-label]=\"input.label\">\r\n                                        {{ getInputIcon(input) }}\r\n                                    </mat-icon>\r\n                                    <span>\r\n                                        <div style=\"font-size: 0.75em;\">\r\n                                            <strong>\r\n                                                {{ input.label }}\r\n                                            </strong>\r\n                                        </div>\r\n                                        <div\r\n                                            style=\"font-size: 0.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">\r\n                                            {{ input.hintLabel || input.formControlName }}\r\n                                        </div>\r\n                                    </span>\r\n                                </div>\r\n                            </mat-option>\r\n                            }\r\n                        </mat-autocomplete>\r\n                    </mat-form-field>\r\n                } @else {\r\n                    {{ element.description }}\r\n                }\r\n            </td>\r\n        </ng-container>\r\n        <ng-container matColumnDef=\"totalPoints\">\r\n            <th mat-header-cell *matHeaderCellDef>Points</th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                @if (element.isEditRow) {\r\n                    <mat-form-field subscriptSizing=\"dynamic\" class=\"input-add\" appearance=\"outline\">\r\n                        <input matInput [(ngModel)]=\"pointRow.totalPoints\"\r\n                            placeholder=\"Enter points , eg 50\" type=\"number\">\r\n                    </mat-form-field>\r\n                } @else {\r\n                    {{ element.totalPoints }}\r\n                }\r\n            </td>\r\n        </ng-container>\r\n        <ng-container matColumnDef=\"pointType\">\r\n            <th mat-header-cell *matHeaderCellDef>Point Type</th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                @if (element.isEditRow) {\r\n                    <mat-form-field subscriptSizing=\"dynamic\" class=\"input-add\" appearance=\"outline\">\r\n                        <mat-select (selectionChange)=\"selectPointType($event)\" ngDefaultControl\r\n                            [value]=\"pointRow.pointType\"\r\n                            placeholder=\"Select\">\r\n                            @for (type of inputConfig()?.adjudicationPointTypes || []; track $index) {\r\n                            <mat-option [value]=\"type\">{{ type }}</mat-option>\r\n                            }\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                } @else {\r\n                    {{ element.pointType }}\r\n                }\r\n            </td>\r\n        </ng-container>\r\n        <ng-container matColumnDef=\"actions\" [stickyEnd]=\"true\">\r\n            <th mat-header-cell *matHeaderCellDef></th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                <span style=\"display: flex; justify-content: center;\">\r\n                    @if (element.isEditRow) {\r\n                    <button matTooltip=\"Save Point in Edit\" color=\"primary\" style=\"white-space: nowrap;\r\n    height: 26px;\r\n    margin-bottom: 0px;\" mat-flat-button (click)=\"savePoints()\" [disabled]=\"!pointInEditIsValid || inputConfig()?.disabled || inputConfig()?.readonly\">\r\n                        <span style=\"font-size: 0.875em;\">\r\n                            save\r\n                        </span>\r\n                    </button>\r\n                    } @else {\r\n                    <button mat-icon-button (click)=\"edit(element)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button mat-icon-button (click)=\"remove(element)\">\r\n                        <mat-icon>delete_forever</mat-icon>\r\n                    </button>\r\n                    }\r\n                </span>\r\n            </td>\r\n        </ng-container>\r\n        <tr mat-header-row *matHeaderRowDef=\"cols()\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: cols()\"></tr>\r\n    </table>\r\n</div>\r\n", styles: [".input-add{width:100%}th,td{padding:4px}mat-hint{text-align:start}:host .glass{background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mat-column-totalPoints{width:100px!important;max-width:100px!important}.mat-column-pointType{width:180px!important;max-width:180px!important}.mat-column-actions{width:78px!important;max-width:78px!important}li{font-size:.75em}ol{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i10.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PointsCreationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-points-creation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TextFieldModule,
+                        MatAutocompleteModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatSortModule,
+                        MatTableModule,
+                        MatTooltipModule,
+                    ], template: "<div style=\"resize: both; overflow: auto;\">\r\n    @if (!points || points.length === 1) {\r\n    <h5 style=\"margin-bottom: 5px; margin-top: 0px;\">\r\n        &#8505;&#65039; To add a scoring item:\r\n    </h5>\r\n    <ol>\r\n        <li>\r\n            <strong>Enter Description:</strong>\r\n            <ul style=\"margin-top: 5px; margin-bottom: 5px; padding-left: 20px; list-style-type: disc;\">\r\n                <li>\r\n                    To <strong>link</strong> a field: You <strong>must select it</strong> from the list first (you can\r\n                    edit it after).\r\n                </li>\r\n                <li>\r\n                    For a <strong>custom</strong> point: <strong>Ignore the list</strong> and just type your own\r\n                    description.\r\n                </li>\r\n            </ul>\r\n        </li>\r\n        <li>\r\n            <strong>Set Details:</strong>\r\n            Assign the <strong>Points</strong> and select the <strong>Point Type</strong>.\r\n        </li>\r\n        <li>\r\n            <strong>Save:</strong>\r\n            Click the <strong>\"Save\"</strong> button to add the item.\r\n        </li>\r\n    </ol>\r\n    }\r\n    <table mat-table [dataSource]=\"points\" matSort>\r\n        <ng-container matColumnDef=\"description\">\r\n            <th mat-header-cell *matHeaderCellDef>Description</th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                @if (element.isEditRow) {\r\n                    <mat-form-field subscriptSizing=\"dynamic\" class=\"input-add\" appearance=\"outline\">\r\n                        <textarea [matAutocomplete]=\"auto\" [(ngModel)]=\"pointRow.description\" matInput cdkTextareaAutosize\r\n                            cdkAutosizeMinRows=\"1\" placeholder=\"Enter point description\"></textarea>\r\n                        <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\r\n                            @for (input of filteredInputs; track input.id) {\r\n                            <mat-option [value]=\"input.label\" (click)=\"selectActiveInput(input)\">\r\n                                <div style=\"display: flex;align-items: center;gap:8px\">\r\n                                    <mat-icon style=\"font-size:24px; width:24px; height:24px;\"\r\n                                        [attr.aria-label]=\"input.label\">\r\n                                        {{ getInputIcon(input) }}\r\n                                    </mat-icon>\r\n                                    <span>\r\n                                        <div style=\"font-size: 0.75em;\">\r\n                                            <strong>\r\n                                                {{ input.label }}\r\n                                            </strong>\r\n                                        </div>\r\n                                        <div\r\n                                            style=\"font-size: 0.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">\r\n                                            {{ input.hintLabel || input.formControlName }}\r\n                                        </div>\r\n                                    </span>\r\n                                </div>\r\n                            </mat-option>\r\n                            }\r\n                        </mat-autocomplete>\r\n                    </mat-form-field>\r\n                } @else {\r\n                    {{ element.description }}\r\n                }\r\n            </td>\r\n        </ng-container>\r\n        <ng-container matColumnDef=\"totalPoints\">\r\n            <th mat-header-cell *matHeaderCellDef>Points</th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                @if (element.isEditRow) {\r\n                    <mat-form-field subscriptSizing=\"dynamic\" class=\"input-add\" appearance=\"outline\">\r\n                        <input matInput [(ngModel)]=\"pointRow.totalPoints\"\r\n                            placeholder=\"Enter points , eg 50\" type=\"number\">\r\n                    </mat-form-field>\r\n                } @else {\r\n                    {{ element.totalPoints }}\r\n                }\r\n            </td>\r\n        </ng-container>\r\n        <ng-container matColumnDef=\"pointType\">\r\n            <th mat-header-cell *matHeaderCellDef>Point Type</th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                @if (element.isEditRow) {\r\n                    <mat-form-field subscriptSizing=\"dynamic\" class=\"input-add\" appearance=\"outline\">\r\n                        <mat-select (selectionChange)=\"selectPointType($event)\" ngDefaultControl\r\n                            [value]=\"pointRow.pointType\"\r\n                            placeholder=\"Select\">\r\n                            @for (type of inputConfig()?.adjudicationPointTypes || []; track $index) {\r\n                            <mat-option [value]=\"type\">{{ type }}</mat-option>\r\n                            }\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                } @else {\r\n                    {{ element.pointType }}\r\n                }\r\n            </td>\r\n        </ng-container>\r\n        <ng-container matColumnDef=\"actions\" [stickyEnd]=\"true\">\r\n            <th mat-header-cell *matHeaderCellDef></th>\r\n            <td mat-cell *matCellDef=\"let element\">\r\n                <span style=\"display: flex; justify-content: center;\">\r\n                    @if (element.isEditRow) {\r\n                    <button matTooltip=\"Save Point in Edit\" color=\"primary\" style=\"white-space: nowrap;\r\n    height: 26px;\r\n    margin-bottom: 0px;\" mat-flat-button (click)=\"savePoints()\" [disabled]=\"!pointInEditIsValid || inputConfig()?.disabled || inputConfig()?.readonly\">\r\n                        <span style=\"font-size: 0.875em;\">\r\n                            save\r\n                        </span>\r\n                    </button>\r\n                    } @else {\r\n                    <button mat-icon-button (click)=\"edit(element)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button mat-icon-button (click)=\"remove(element)\">\r\n                        <mat-icon>delete_forever</mat-icon>\r\n                    </button>\r\n                    }\r\n                </span>\r\n            </td>\r\n        </ng-container>\r\n        <tr mat-header-row *matHeaderRowDef=\"cols()\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: cols()\"></tr>\r\n    </table>\r\n</div>\r\n", styles: [".input-add{width:100%}th,td{padding:4px}mat-hint{text-align:start}:host .glass{background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mat-column-totalPoints{width:100px!important;max-width:100px!important}.mat-column-pointType{width:180px!important;max-width:180px!important}.mat-column-actions{width:78px!important;max-width:78px!important}li{font-size:.75em}ol{margin-top:8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], pointsChange: [{ type: i0.Output, args: ["pointsChange"] }] } });
+
+function getColorForNumber(targetNumber, numbers, asc = true) {
+    if (numbers.length === 0) {
+        throw new Error("The numbers array must not be empty.");
+    }
+    // Avoid sorting the original array
+    const sortedNumbers = [...numbers].sort((a, b) => asc ? a - b : b - a);
+    const min = sortedNumbers[0];
+    const max = sortedNumbers[sortedNumbers.length - 1];
+    if (!min || !max) {
+        return "rgb(173, 173, 173)";
+    }
+    if (min === max) {
+        return "rgb(173, 173, 173)"; // Return gray if there is no range
+    }
+    const interpolateColor = (value) => {
+        const fraction = (value - min) / (max - min);
+        const colors = [
+            { color: [247, 0, 0], pos: 0.0 }, // Red
+            { color: [247, 187, 0], pos: 0.25 }, // Orange
+            { color: [247, 247, 0], pos: 0.5 }, // Yellow
+            { color: [207, 247, 0], pos: 0.75 }, // Light green
+            { color: [96, 247, 0], pos: 1.0 } // Green
+        ];
+        for (let i = 0; i < colors.length - 1; i++) {
+            const nextColor = colors[i + 1];
+            const currentColor = colors[i];
+            if (currentColor && nextColor && fraction <= nextColor.pos) {
+                const range = nextColor.pos - currentColor.pos;
+                const localFraction = (fraction - currentColor.pos) / range;
+                const r = Math.round(currentColor.color[0] + localFraction * (nextColor.color[0] - currentColor.color[0]));
+                const g = Math.round(currentColor.color[1] + localFraction * (nextColor.color[1] - currentColor.color[1]));
+                const b = Math.round(currentColor.color[2] + localFraction * (nextColor.color[2] - currentColor.color[2]));
+                return `rgb(${r}, ${g}, ${b})`;
+            }
+        }
+        return `rgb(${colors[colors.length - 1]?.color[0]}, ${colors[colors.length - 1]?.color[1]}, ${colors[colors.length - 1]?.color[2]},0.6)`;
+    };
+    return interpolateColor(targetNumber);
+}
+
+class SubmissionReviewDialogComponent {
+    constructor() {
+        this.dialogRef = inject(MatDialogRef);
+        this.data = inject(MAT_DIALOG_DATA);
+    }
+    get notesInputConfig() {
+        return {
+            id: 'adj_microFlow_review_notes',
+            label: 'Notes',
+            readonly: this.data.readonly,
+            required: false,
+            formControlName: 'adj_microFlow_review_notes',
+        };
+    }
+    get respondentName() {
+        const raw = this.data.row[this.data.respondentNameKey];
+        return typeof raw === 'string' ? raw : '';
+    }
+    notesChanged(notes) {
+        this.changedNotes = notes;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SubmissionReviewDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: SubmissionReviewDialogComponent, isStandalone: true, selector: "lib-submission-review-dialog", ngImport: i0, template: "<span mat-dialog-title>\r\n    Review Feedback For <span class=\"bidder-name\">{{  respondentName }}</span>\r\n</span>\r\n\r\n<div class=\"dialog-instructions\">\r\n    <p>\r\n        Your notes will be visible to the respondent. Provide <strong>clear, constructive feedback</strong> to\r\n        guide their future submissions.\r\n    </p>\r\n</div>\r\n<mat-dialog-content style=\"padding-bottom: 8px;padding-bottom: 8px\">\r\n    <mat-form-field floatLabel=\"always\" subscriptSizing=\"dynamic\" style=\"width: 100%;\r\n                  display: absolute;\r\n                  left: 0;\r\n                  margin-bottom: 8px;\r\n                  margin-top: 8px;\r\n                  border-radius:16px;\" appearance=\"outline\">\r\n        <lib-editor-js-input [value]=\"data.row['adj_microFlow_review_notes'] || data.activeRowNotes\"\r\n            (valueChanged)=\"notesChanged($event)\" ngDefaultControl [inputConfig]=\"notesInputConfig\"\r\n            [required]=\"notesInputConfig.required\">\r\n        </lib-editor-js-input>\r\n        <mat-hint>\r\n            <strong>Tip:</strong> Use bold, lists, and tables to structure your feedback.\r\n        </mat-hint>\r\n    </mat-form-field>\r\n</mat-dialog-content>\r\n\r\n\r\n<mat-dialog-actions align=\"end\">\r\n    <button mat-dialog-close mat-button >\r\n        Cancel\r\n    </button>\r\n        @if( !data.readonly){\r\n    <button mat-flat-button\r\n        [mat-dialog-close]=\"changedNotes\"\r\n    >\r\n        Save Feedback\r\n    </button>}\r\n</mat-dialog-actions>", styles: [":host{display:block;min-width:500px;max-width:700px}.bidder-name{font-weight:500}.summary-bar{margin-bottom:24px}.summary-bar h3{margin-bottom:8px;font-weight:500}.score-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;gap:16px}.score-description{flex:1;margin-right:16px;line-height:1.4}.score-input{flex-shrink:0;width:150px}.mat-expansion-panel-body .score-item:last-child+mat-divider{display:none}mat-dialog-actions{padding:16px 24px}.mat-mdc-form-field-error{font-size:.8125em}.dialog-instructions{margin-top:-8px;margin-bottom:24px;max-width:95%;padding-left:24px;padding-right:24px}li{font-size:.75em}ol,ul{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: EditorJsInputComponent, selector: "lib-editor-js-input", inputs: ["inputConfig", "value"], outputs: ["valueChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SubmissionReviewDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-submission-review-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [MatDialogModule, MatFormFieldModule, MatButtonModule, EditorJsInputComponent], template: "<span mat-dialog-title>\r\n    Review Feedback For <span class=\"bidder-name\">{{  respondentName }}</span>\r\n</span>\r\n\r\n<div class=\"dialog-instructions\">\r\n    <p>\r\n        Your notes will be visible to the respondent. Provide <strong>clear, constructive feedback</strong> to\r\n        guide their future submissions.\r\n    </p>\r\n</div>\r\n<mat-dialog-content style=\"padding-bottom: 8px;padding-bottom: 8px\">\r\n    <mat-form-field floatLabel=\"always\" subscriptSizing=\"dynamic\" style=\"width: 100%;\r\n                  display: absolute;\r\n                  left: 0;\r\n                  margin-bottom: 8px;\r\n                  margin-top: 8px;\r\n                  border-radius:16px;\" appearance=\"outline\">\r\n        <lib-editor-js-input [value]=\"data.row['adj_microFlow_review_notes'] || data.activeRowNotes\"\r\n            (valueChanged)=\"notesChanged($event)\" ngDefaultControl [inputConfig]=\"notesInputConfig\"\r\n            [required]=\"notesInputConfig.required\">\r\n        </lib-editor-js-input>\r\n        <mat-hint>\r\n            <strong>Tip:</strong> Use bold, lists, and tables to structure your feedback.\r\n        </mat-hint>\r\n    </mat-form-field>\r\n</mat-dialog-content>\r\n\r\n\r\n<mat-dialog-actions align=\"end\">\r\n    <button mat-dialog-close mat-button >\r\n        Cancel\r\n    </button>\r\n        @if( !data.readonly){\r\n    <button mat-flat-button\r\n        [mat-dialog-close]=\"changedNotes\"\r\n    >\r\n        Save Feedback\r\n    </button>}\r\n</mat-dialog-actions>", styles: [":host{display:block;min-width:500px;max-width:700px}.bidder-name{font-weight:500}.summary-bar{margin-bottom:24px}.summary-bar h3{margin-bottom:8px;font-weight:500}.score-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;gap:16px}.score-description{flex:1;margin-right:16px;line-height:1.4}.score-input{flex-shrink:0;width:150px}.mat-expansion-panel-body .score-item:last-child+mat-divider{display:none}mat-dialog-actions{padding:16px 24px}.mat-mdc-form-field-error{font-size:.8125em}.dialog-instructions{margin-top:-8px;margin-bottom:24px;max-width:95%;padding-left:24px;padding-right:24px}li{font-size:.75em}ol,ul{margin-top:8px}\n"] }]
+        }] });
+
+class SubmissionReviewComponent {
+    constructor() {
+        this.#config = inject(NGX_T_FORMS_CONFIG_TOKEN);
+        this.#destroyRef = inject(DestroyRef);
+        this.dialog = inject(MatDialog);
+        this.#refreshTrigger = new BehaviorSubject(undefined);
+        // A stream to push updates of the review values (`this.value`)
+        this.#valueChanges$ = new BehaviorSubject([]);
+        this.#valueSignal = signal([], ...(ngDevMode ? [{ debugName: "#valueSignal" }] : /* istanbul ignore next */ []));
+        this.#value = [];
+        this.inputConfig = input(undefined, ...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        /** The current review payload. Null while loading. */
+        // Parent (`workflow-adjudication-reactive-input`) passes a `WorkflowAdjudicationValue | null`
+        // union that includes three incompatible shapes (score-sheet array, micro-flow review array,
+        // response-elected-supplier object). This component only consumes the micro-flow branch; the
+        // input must remain `any` until parent template typing is split per micro-flow.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO(phase-4): split parent template by adjudication step type, then narrow this input.
+        this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.valueBridge = effect(() => {
+            const next = this.value() ?? [];
+            if (_isEqual(next, this.#value))
+                return;
+            this.#value = next;
+            this.#valueSignal.set(next);
+            this.#valueChanges$.next(next);
+        }, ...(ngDevMode ? [{ debugName: "valueBridge" }] : /* istanbul ignore next */ []));
+        this.reviewChange = output();
+        this.selected = '';
+        this.columnMapping = undefined;
+        this.submissions = [];
+        this.#initialState = {
+            loading: true,
+            submissions: [],
+            columnMapping: { respondentNameKey: '', respondentCodeKey: '' },
+            displayCols: [],
+            displayColumns: [],
+            error: undefined,
+        };
+        // Stream for the initial data fetch. Only re-runs when `refreshTrigger` is fired.
+        this.#fetchedData$ = this.#refreshTrigger.pipe(switchMap(() => this.#config.formBuilder.getCurrentStepMicroflowSubmissions().pipe(take(1))), shareReplay(1));
+        /**
+         * REFACTORED: The new vm$ combines the one-time fetched data with the ongoing stream
+         * of local review changes (`valueChanges$`). This prevents re-fetching from the server
+         * every time a status or note is changed.
+         */
+        this.vm$ = combineLatest([
+            this.#fetchedData$,
+            this.#valueChanges$
+        ]).pipe(map(([res, reviewValues]) => {
+            const { submissions, columnMapping } = res;
+            this.columnMapping = columnMapping;
+            this.submissions = submissions;
+            // FIX: Pass reviewValues as an argument to make the function pure.
+            const enrichedSubmissions = this.#enrichSubmissionsData(submissions, columnMapping, reviewValues) || this.#value || [];
+            const calcKey = columnMapping.responsePreferenceCalculationKey || 'adjudicationPricePreferenceCalculation';
+            const sortedSubmissions = [...enrichedSubmissions].sort((a, b) => Number(b[calcKey]) - Number(a[calcKey]));
+            const newVm = {
+                loading: false,
+                submissions: sortedSubmissions || this.#value,
+                columnMapping: columnMapping,
+                displayCols: [columnMapping.respondentNameKey, 'adjudicationPricePreferenceCalculation', 'status', 'actions'],
+                displayColumns: [
+                    { label: 'name', formControlName: columnMapping.respondentNameKey, type: InputDataTypes.String },
+                    { label: 'Preference', formControlName: 'adjudicationPricePreferenceCalculation', type: InputDataTypes.Number, showColor: true },
+                    { label: 'Actions', formControlName: 'actions', type: InputDataTypes.String },
+                    { label: 'status and Notes', formControlName: 'status', type: 'actions' },
+                ],
+                error: undefined,
+            };
+            return newVm;
+        }), startWith(this.#initialState), catchError(() => {
+            return of({ ...this.#initialState, loading: false, error: 'Failed to load submissions.' });
+        }), shareReplay(1));
+        this.reviewStatuses = [
+            {
+                label: '✅ Compliant',
+                value: 'compliant',
+                color: 'var(--mat-sys-primary)',
+            },
+            {
+                label: '❌ Non-compliant',
+                value: 'non-compliant',
+                color: 'var(--mat-sys-error)',
+            },
+        ];
+        this.maxLimit = computed(() => {
+            const hasMax = this.inputConfig()?.maxLength;
+            if (!hasMax || isNaN(Number(hasMax))) {
+                return undefined;
+            }
+            return Number(hasMax);
+        }, ...(ngDevMode ? [{ debugName: "maxLimit" }] : /* istanbul ignore next */ []));
+        this.notesOpenForRowId = null;
+        this.bulkOperations = [
+            {
+                label: '✅ Set all to Compliant',
+                value: 'compliant',
+                color: 'var(--mat-sys-primary)',
+            },
+            {
+                label: '❌ Set all to Non-compliant',
+                value: 'non-compliant',
+                color: 'var(--mat-sys-error)',
+            },
+            {
+                label: '🔄 Reset all ',
+                value: 'reset',
+                color: 'var(--mat-sys-secondary)',
+            }
+        ];
+        this.bulkStatus = computed(() => {
+            // Re-read on submissions and value changes via the signal
+            void this.#valueSignal();
+            const allCompliant = this.submissions.every((s) => s['adj_microFlow_review'] === 'compliant');
+            if (allCompliant) {
+                return 'compliant';
+            }
+            const allNonCompliant = this.submissions.every((s) => s['adj_microFlow_review'] === 'non-compliant');
+            if (allNonCompliant) {
+                return 'non-compliant';
+            }
+            return 'mixed';
+        }, ...(ngDevMode ? [{ debugName: "bulkStatus" }] : /* istanbul ignore next */ []));
+    }
+    #config;
+    #destroyRef;
+    #refreshTrigger;
+    // A stream to push updates of the review values (`this.value`)
+    #valueChanges$;
+    #valueSignal;
+    #value;
+    #initialState;
+    // Stream for the initial data fetch. Only re-runs when `refreshTrigger` is fired.
+    #fetchedData$;
+    loadMicroSubmissions() {
+        this.#refreshTrigger.next();
+    }
+    /**
+     * REFACTORED: Now accepts `reviewValues` as a parameter instead of relying on `this.value`.
+     */
+    #enrichSubmissionsData(submissions, cols, reviewValues) {
+        const numberSets = new Map();
+        numberSets.set(cols.responsePreferenceCalculationKey || 'adjudicationPricePreferenceCalculation', submissions.map((s) => Number(s[cols.responsePreferenceCalculationKey || 'adjudicationPricePreferenceCalculation'] || 0)));
+        // NOTE(phase-4): the legacy fallback assigns review-value rows into a submission-shaped slot —
+        // the two only share `id`, so most downstream property reads degrade to undefined. Preserved
+        // for behavioural parity. `ISubmission` extends `Record<string, any>`, so review-value entries
+        // satisfy the structural shape (with most fields as undefined). Flagged as a pre-existing
+        // latent defect — out of scope for Phase 4 type tightening.
+        const list = submissions.length > 0
+            ? submissions
+            : (this.#value ?? []);
+        return list.map((submission) => {
+            const priceCalcKey = cols.responsePreferenceCalculationKey || 'adjudicationPricePreferenceCalculation';
+            const numbers = numberSets.get(priceCalcKey) || [];
+            const color = numbers.length === 0 ? submission.adjudicationPricePreferenceCalculationColor : this.#getColorString(submission[priceCalcKey], numbers);
+            const backgroundShades = numbers.length === 0 ? submission['backgroundShades'] : { [priceCalcKey]: this.#getScoreShade(color ?? '') };
+            // Use the passed `reviewValues` argument
+            // T-A widened upstream `adj_microFlow_review_notes` to `unknown` (consumer-side narrowing).
+            // The local consumer expects an OutputData payload; narrow with a cast at the boundary.
+            const submissionReview = (reviewValues?.find((v) => v.id === submission.id) ?? {});
+            return {
+                ...submission,
+                submissionIsReviewed: !!submissionReview,
+                adj_microFlow_review_notes: submissionReview?.adj_microFlow_review_notes || '',
+                submissionHasReviewNotes: !!submissionReview?.adj_microFlow_review_notes,
+                adj_microFlow_review: submissionReview?.['adj_microFlow_review'],
+                adjudicationPricePreferenceCalculationColor: color,
+                adjudicationPricePreferenceCalculation: submission[cols.responsePreferenceCalculationKey || 'adjudicationPricePreferenceCalculation'],
+                backgroundShades
+            };
+        });
+    }
+    #getColorString(target, numbers) {
+        return getColorForNumber(target, numbers, true);
+    }
+    #getScoreShade(rgbColor) {
+        if (!rgbColor)
+            return '';
+        return rgbColor.replace('rgb', 'rgba').replace(')', `, 0.1)`);
+    }
+    viewMicroSubmission(res) {
+        const alreadyInValue = this.#value?.find((v) => v.id === res.id);
+        if (!alreadyInValue) {
+            const newReview = this.#buildReviewRecord(res, undefined);
+            const newValue = [...(this.#value || []), newReview];
+            this.reviewChange.emit(newValue);
+        }
+        this.#config.formBuilder['previewWorkflowDocument'](res.id);
+    }
+    /**
+     * Builds a review record from a submission row. Status, createdAt and updatedAt are
+     * all optional on the shared `WorkflowAdjudicationMicroFlowReviewValue` type, so
+     * `undefined` flows through naturally without any casts.
+     */
+    #buildReviewRecord(res, status) {
+        const cm = this.columnMapping;
+        const createdAt = res[cm?.responseDateKey || 'createdAt'] || undefined;
+        const updatedAt = res[cm?.responseDateKey || 'updatedAt'] || undefined;
+        return {
+            id: res.id,
+            adj_microFlow_review: status,
+            nameOfBidder: res[cm?.respondentNameKey || ''] || '',
+            supplierNumber: res[cm?.respondentCodeKey || ''] || '',
+            createdAt,
+            updatedAt,
+            adjudicationPricePreferenceCalculation: res[cm?.responsePreferenceCalculationKey || 'adjudicationPricePreferenceCalculation'] || 0,
+            reference: res['reference'] || '',
+        };
+    }
+    setResponseStatus(res, status) {
+        const alreadyInValue = this.#value?.find((v) => v.id === res.id);
+        const statusValue = status.value;
+        if (!alreadyInValue) {
+            const newReview = this.#buildReviewRecord(res, statusValue);
+            this.reviewChange.emit([...(this.#value || []), newReview]);
+            this.reachedMax([...(this.#value || []), newReview]);
+            return;
+        }
+        const newValue = (this.#value || []).map((v) => {
+            if (v.id === res.id) {
+                return { ...v, adj_microFlow_review: statusValue };
+            }
+            return v;
+        });
+        this.reviewChange.emit(newValue);
+        this.reachedMax(newValue);
+    }
+    reachedMax(newValue) {
+        const hasMax = this.inputConfig()?.maxLength;
+        if (!hasMax || isNaN(Number(hasMax))) {
+            return; // No limit set, do nothin
+        }
+        const allCompetentSubmissions = newValue?.filter((v) => v.adj_microFlow_review === 'compliant').length || 0;
+        if (!(allCompetentSubmissions >= (Number(hasMax) || 1))) {
+            return;
+        }
+        const missingSubmission = this.submissions
+            .filter((s) => !newValue?.find((v) => v.id === s.id))
+            .map((s) => this.#buildReviewRecord(s, 'non-compliant'));
+        const unique = new Set([...(newValue || []), ...missingSubmission]);
+        this.reviewChange.emit(Array.from(unique));
+    }
+    // FIX: A Map to hold notes being edited, keyed by row ID. This prevents shared state.
+    /**
+     * REFACTORED: Saves the notes from the `notesBeingEdited` map.
+     */
+    notesBlur(notesToSave) {
+        if (!this.notesOpenForRowId || !notesToSave) {
+            this.notesOpenForRowId = null;
+            return;
+        }
+        const alreadyInValue = this.#value?.find((v) => v.id === this.notesOpenForRowId);
+        if (!alreadyInValue) {
+            const newReview = {
+                id: this.notesOpenForRowId,
+                adj_microFlow_review_notes: notesToSave,
+                adj_microFlow_review: undefined,
+                nameOfBidder: '',
+                supplierNumber: '',
+                createdAt: undefined,
+                updatedAt: undefined,
+                adjudicationPricePreferenceCalculation: 0,
+                reference: '',
+            };
+            this.reviewChange.emit([...(this.#value || []), newReview]);
+        }
+        else {
+            const newValue = (this.#value ?? []).map((v) => {
+                if (v.id === this.notesOpenForRowId) {
+                    return { ...v, adj_microFlow_review_notes: notesToSave };
+                }
+                return v;
+            });
+            this.reviewChange.emit(newValue);
+        }
+        // Clean up and close the overlay
+    }
+    bulkStatusChanged(event) {
+        const newStatus = event.value;
+        if (newStatus === 'reset') {
+            this.reviewChange.emit([]);
+            return;
+        }
+        // Create a Map of existing values for efficient O(1) lookup
+        const existingValueMap = new Map((this.#value ?? []).map(v => [v.id, v]));
+        // Destructure column keys with fallbacks for cleaner access
+        const { respondentNameKey = '', respondentCodeKey = '', responseDateKey = 'createdAt', responsePreferenceCalculationKey = 'adjudicationPricePreferenceCalculation', } = this.columnMapping || {};
+        let allItems = this.submissions.map(s => {
+            // Efficiently look up the existing value using the Map
+            const existingValue = existingValueMap.get(s.id);
+            // If it exists, spread its properties to preserve them and update the status
+            if (existingValue) {
+                return { ...existingValue, adj_microFlow_review: newStatus };
+            }
+            // Otherwise, create a new object from the submission data
+            return {
+                id: s.id,
+                adj_microFlow_review: newStatus,
+                nameOfBidder: s[respondentNameKey] || '',
+                supplierNumber: s[respondentCodeKey] || '',
+                createdAt: s[responseDateKey] || undefined,
+                updatedAt: s[this.columnMapping?.responseDateKey || 'updatedAt'] || undefined,
+                adjudicationPricePreferenceCalculation: s[responsePreferenceCalculationKey] || 0,
+                reference: s['reference'] || '',
+            };
+        });
+        // Apply the compliance limit if necessary
+        const limit = this.maxLimit();
+        if (limit !== undefined && newStatus === 'compliant') {
+            // Sort by preference calculation, highest first
+            allItems.sort((a, b) => (b.adjudicationPricePreferenceCalculation ?? 0) - (a.adjudicationPricePreferenceCalculation ?? 0));
+            // Mark items beyond the limit as 'non-compliant'
+            allItems = allItems.map((item, index) => {
+                if (index >= limit) {
+                    return { ...item, adj_microFlow_review: 'non-compliant' };
+                }
+                return item;
+            });
+        }
+        this.reviewChange.emit(allItems);
+    }
+    openNotes(row) {
+        this.notesOpenForRowId = row.id;
+        const stringfiedTemplate = JSON.stringify(this.inputConfig()?.adjudicationReviewFeedbackTemplate);
+        const template = stringfiedTemplate?.replace(/\$bidderName/g, row[this.columnMapping?.respondentNameKey || ''])
+            ?.replace(/\$bidderCode/g, row[this.columnMapping?.respondentCodeKey || ''])
+            ?.replace(/\$responseDate/g, row[this.columnMapping?.responseDateKey || ''])
+            ?.replace(/\$responsePreferenceCalculation/g, row[this.columnMapping?.responsePreferenceCalculationKey || ''] || '0');
+        this.dialog.open(SubmissionReviewDialogComponent, {
+            height: 'fit-content',
+            data: {
+                row,
+                respondentNameKey: this.columnMapping?.respondentNameKey || '',
+                respondentCodeKey: this.columnMapping?.respondentCodeKey || '',
+                readonly: this.inputConfig()?.readonly || false,
+                activeRowNotes: JSON.parse(template || '{}')
+            },
+            autoFocus: false,
+            disableClose: true
+        }).afterClosed().pipe(take(1), tap((result) => {
+            this.notesBlur(result);
+        }), takeUntilDestroyed(this.#destroyRef)).subscribe();
+    }
+    canChangeStatus(row) {
+        if (row['adj_microFlow_review'] === 'compliant')
+            return true;
+        const maxLength = this.inputConfig()?.maxLength;
+        // check if max exists and is a number
+        if (!maxLength || isNaN(Number(maxLength))) {
+            return true; // No limit set, allow status change
+        }
+        const allCompetentSubmissions = this.#value?.filter((v) => v.adj_microFlow_review === 'compliant').length || 0;
+        return allCompetentSubmissions < (Number(maxLength) || 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SubmissionReviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: SubmissionReviewComponent, isStandalone: true, selector: "lib-submission-review", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reviewChange: "reviewChange" }, ngImport: i0, template: "@if (vm$ | async; as vm) {\r\n\r\n  @if (vm.loading) {\r\n    <div style=\"display: flex; justify-content: center; align-items: center; padding:24px;width: 100%;\">\r\n      <mat-spinner></mat-spinner>\r\n    </div>\r\n  } @else if (vm.error) {\r\n    <div class=\"info-card error-card\">\r\n      <h5 class=\"info-title\">\u274C Failed to load data</h5>\r\n      <p>{{ vm.error }}</p>\r\n      <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\">\r\n        Try Again\r\n      </button>\r\n    </div>\r\n  } @else {\r\n    @if (!vm.displayCols.length) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2699\uFE0F This step needs to be configured to show data.</h5>\r\n        <ol>\r\n          <li>\r\n            <strong>Why you're seeing this:</strong>\r\n            <ul>\r\n              <li>This component is designed for a <strong>\"Submission Review\"</strong> workflow step.</li>\r\n              <li>It's currently missing the required column setup.</li>\r\n            </ul>\r\n          </li>\r\n          <li>\r\n            <strong>What to do (for Administrators):</strong>\r\n            To fix this, go to the <strong>Workflow Builder</strong> and for this specific step, <strong>map the display\r\n              columns</strong> to the desired submission data (e.g., form fields or document keys).\r\n          </li>\r\n        </ol>\r\n      </div>\r\n    } @else if (!vm.submissions.length) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2139\uFE0F There are no submissions to display.</h5>\r\n        <ul>\r\n          <li>This can happen if <strong>no one has responded</strong> yet, or if the <strong>submission closing date has\r\n              passed</strong>.</li>\r\n          <li>If you are expecting to see submissions, try clicking the <strong>Refresh</strong> button.</li>\r\n        </ul>\r\n        <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\" class=\"load-button\">\r\n          Refresh\r\n        </button>\r\n      </div>\r\n    } @else {\r\n      @if (!value() || (value()?.length ?? 0) === 0) {\r\n        <!-- value() typed `any` per parent's mixed union; length check survives null -->\r\n\r\n        <div class=\"info-card\">\r\n          <h5 class=\"info-title\">\uD83D\uDCDD How to Review Submissions</h5>\r\n          <ol>\r\n            <li>\r\n              <strong>View Response:</strong> Click the <strong>Preview</strong> (<mat-icon\r\n                class=\"smallIcon\">preview</mat-icon>) icon to see the full submission.\r\n            </li>\r\n            <li>\r\n              <strong>Set Status:</strong> Use the dropdown to select <strong>Compliant</strong> or\r\n              <strong>Non-compliant</strong>.\r\n            </li>\r\n            <li>\r\n              <strong>Add Note (If Non-compliant):</strong>\r\n              <ul>\r\n                <li>If you select <strong>Non-compliant</strong>, you <strong>must</strong> add a note.</li>\r\n                <li>Click the <strong>Add Note</strong> (<mat-icon class=\"smallIcon\">add_comment</mat-icon>) icon, write your\r\n                  feedback, and hit <strong>Save Feedback</strong>. Your note will be visible to the applicant.</li>\r\n              </ul>\r\n            </li>\r\n          </ol>\r\n        </div>\r\n      }\r\n      <table mat-table [dataSource]=\"vm.submissions\">\r\n        @for (col of vm.displayColumns; track col.formControlName) {\r\n          <ng-container [matColumnDef]=\"col.formControlName\">\r\n            <th mat-header-cell *matHeaderCellDef style=\"padding:4px\">\r\n\r\n              @if (col.formControlName === 'status' && !inputConfig()?.readonly) {\r\n                <mat-form-field floatLabel=\"always\" subscriptSizing=\"dynamic\" style=\"width: 100%;\r\n                    margin-bottom: 8px;\r\n                    margin-top: 8px;\r\n                    border-radius:16px;\" appearance=\"outline\">\r\n                  <mat-label>\r\n                    Bulk Status Selection\r\n                  </mat-label>\r\n                  <mat-select\r\n                    [style.color]=\"bulkStatus() === 'non-compliant' ? 'var(--mat-sys-error)' : bulkStatus()==='compliant'? 'var(--mat-sys-primary)' : ''\"\r\n                    (selectionChange)=\"bulkStatusChanged($event)\" ngDefaultControl [value]=\"bulkStatus()\"\r\n                    placeholder=\" Select Status\">\r\n                    @for (type of bulkOperations || []; track type) {\r\n                      <mat-option [value]=\"type.value\">{{type.label}}</mat-option>\r\n                    }\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              } @else {\r\n                {{ col.label }}\r\n              }\r\n            </th>\r\n            <td mat-cell *matCellDef=\"let row\" mat-ripple class=\"table-cell\" [class.selected-row]=\"selected === row.id\"\r\n              (click)=\"$event.stopPropagation()\" [class.price-preference-cell]=\"true\"\r\n              [style.border-bottom-color]=\"row.adjudicationPricePreferenceCalculationColor\"\r\n              [style.background]=\"row.backgroundShades?.[col.formControlName]\">\r\n\r\n              @if (col.formControlName === 'actions') {\r\n                <span style=\"display: flex; align-items: center;\">\r\n                  <button matTooltipPosition=\"before\"\r\n                    [matTooltip]=\"`View and review **` + row[vm.columnMapping.respondentNameKey]+ `** 's' Submission`\"\r\n                    (click)=\"viewMicroSubmission(row)\" mat-icon-button>\r\n                    <mat-icon>preview</mat-icon>\r\n                  </button>\r\n                  @if (!(inputConfig()?.readonly) || (inputConfig()?.readonly) && !!row['submissionHasReviewNotes']) {\r\n                    <button (click)=\"openNotes(row)\" cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" matTooltipPosition=\"after\"\r\n                      [matTooltip]=\"\r\n                        `Add a review note for **` + row[vm.columnMapping.respondentNameKey] + `**`\" mat-icon-button>\r\n                      <mat-icon [style.color]=\"\r\n                        notesOpenForRowId === row.id ? 'var(--mat-sys-primary)' : (row['adj_microFlow_review']==='non-compliant' && !row['adj_microFlow_review_notes']?'var(--mat-sys-error)':'')\r\n                        \">\r\n                        {{ !row['submissionHasReviewNotes']? 'add_comment' : 'comment' }}\r\n                      </mat-icon>\r\n                    </button>\r\n                  }\r\n                </span>\r\n              } @else if (col.formControlName === 'status') {\r\n                <mat-form-field floatLabel=\"always\" subscriptSizing=\"dynamic\" style=\"width: 100%;\r\n                    margin-bottom: 8px;\r\n                    margin-top: 8px;\r\n                    border-radius:16px;\" appearance=\"outline\">\r\n                  <mat-select [disabled]=\"!canChangeStatus(row) ||  inputConfig()?.readonly === true\"\r\n                    [style.color]=\"row['adj_microFlow_review'] === 'non-compliant' ? 'var(--mat-sys-error)' : row['adj_microFlow_review']==='compliant'? 'var(--mat-sys-primary)' : ''\"\r\n                    (selectionChange)=\"setResponseStatus(row,$event)\" ngDefaultControl [value]=\"row.adj_microFlow_review\"\r\n                    placeholder=\" Select Status\">\r\n                    @for (type of reviewStatuses || []; track type) {\r\n                      <mat-option [value]=\"type.value\">{{type.label}}</mat-option>\r\n                    }\r\n                  </mat-select>\r\n                  @if (row['adj_microFlow_review']==='non-compliant' && !row['adj_microFlow_review_notes']) {\r\n                    <mat-hint style=\"color:var(--mat-sys-error)\">\r\n                      Rejection reason is required. Add a review note.\r\n                    </mat-hint>\r\n                  }\r\n                </mat-form-field>\r\n              } @else {\r\n                @switch (col?.type) {\r\n                  @case ('daysAgo') {\r\n                    {{ row[col.formControlName] | daysAgo }}\r\n                  }\r\n                  @case ('number') {\r\n                    <div class=\"number-cell\">\r\n                      <span>\r\n                        {{ (row[col.formControlName] | number:'0.0-0' ) || 'N/A' }}\r\n                      </span>\r\n                      @if (col.showColor) {\r\n                        <mat-icon [style.color]=\"row.adjudicationPricePreferenceCalculationColor\">\r\n                          fiber_manual_record\r\n                        </mat-icon>\r\n                      }\r\n                    </div>\r\n                  }\r\n                  @default {\r\n                    @if ($index === 0) {\r\n                      <span class=\"main-submission-text\">\r\n                        <mat-icon style=\"font-size: 1em;height:16px;width:16px\">domain</mat-icon>\r\n                        <strong>\r\n                          {{ row[col.formControlName] }}\r\n                        </strong>\r\n                      </span>\r\n                      <span class=\"secondary-text\">\r\n                        <mat-icon>fingerprint</mat-icon>\r\n                        {{row[vm.columnMapping.respondentCodeKey]}}\r\n                        <mat-icon>more_time</mat-icon>\r\n                        {{ row[vm.columnMapping.responseDateKey ||''] | daysAgo}}\r\n                      </span>\r\n                    } @else {\r\n                      {{ row[col.formControlName] }}\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        <tr mat-header-row *matHeaderRowDef=\"vm.displayCols\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: vm.displayCols\"></tr>\r\n      </table>\r\n    }\r\n  }\r\n\r\n}\r\n", styles: [".number{display:flex;justify-content:space-between;align-items:center}li{font-size:.75em}ol,ul{margin-top:8px}.number-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-text{display:flex;align-items:center;white-space:pre;font-size:.75em;gap:8px;opacity:.8}.secondary-text mat-icon{font-size:.875em;width:14px;height:14px}.mat-column-adjudicationPricePreferenceCalculation{max-width:70px}.mat-column-actions{padding:0;max-width:80px}.mat-column-status{padding-left:8px;padding-right:8px;max-width:fit-content!important}.main-submission-text{display:flex;align-items:center;gap:8px;font-size:.875em}:host .notes-card{width:100%;max-width:480px;resize:both;height:fit-content}.smallIcon{font-size:.875em;width:14px;height:14px}.table-cell{padding-left:4px;padding-right:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: DaysAgoPipe, name: "daysAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SubmissionReviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-submission-review', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [
+                        AsyncPipe,
+                        DecimalPipe,
+                        FormsModule,
+                        OverlayModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule,
+                        MatRippleModule,
+                        MatSelectModule,
+                        MatTableModule,
+                        MatTooltipModule,
+                        DaysAgoPipe,
+                    ], template: "@if (vm$ | async; as vm) {\r\n\r\n  @if (vm.loading) {\r\n    <div style=\"display: flex; justify-content: center; align-items: center; padding:24px;width: 100%;\">\r\n      <mat-spinner></mat-spinner>\r\n    </div>\r\n  } @else if (vm.error) {\r\n    <div class=\"info-card error-card\">\r\n      <h5 class=\"info-title\">\u274C Failed to load data</h5>\r\n      <p>{{ vm.error }}</p>\r\n      <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\">\r\n        Try Again\r\n      </button>\r\n    </div>\r\n  } @else {\r\n    @if (!vm.displayCols.length) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2699\uFE0F This step needs to be configured to show data.</h5>\r\n        <ol>\r\n          <li>\r\n            <strong>Why you're seeing this:</strong>\r\n            <ul>\r\n              <li>This component is designed for a <strong>\"Submission Review\"</strong> workflow step.</li>\r\n              <li>It's currently missing the required column setup.</li>\r\n            </ul>\r\n          </li>\r\n          <li>\r\n            <strong>What to do (for Administrators):</strong>\r\n            To fix this, go to the <strong>Workflow Builder</strong> and for this specific step, <strong>map the display\r\n              columns</strong> to the desired submission data (e.g., form fields or document keys).\r\n          </li>\r\n        </ol>\r\n      </div>\r\n    } @else if (!vm.submissions.length) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2139\uFE0F There are no submissions to display.</h5>\r\n        <ul>\r\n          <li>This can happen if <strong>no one has responded</strong> yet, or if the <strong>submission closing date has\r\n              passed</strong>.</li>\r\n          <li>If you are expecting to see submissions, try clicking the <strong>Refresh</strong> button.</li>\r\n        </ul>\r\n        <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\" class=\"load-button\">\r\n          Refresh\r\n        </button>\r\n      </div>\r\n    } @else {\r\n      @if (!value() || (value()?.length ?? 0) === 0) {\r\n        <!-- value() typed `any` per parent's mixed union; length check survives null -->\r\n\r\n        <div class=\"info-card\">\r\n          <h5 class=\"info-title\">\uD83D\uDCDD How to Review Submissions</h5>\r\n          <ol>\r\n            <li>\r\n              <strong>View Response:</strong> Click the <strong>Preview</strong> (<mat-icon\r\n                class=\"smallIcon\">preview</mat-icon>) icon to see the full submission.\r\n            </li>\r\n            <li>\r\n              <strong>Set Status:</strong> Use the dropdown to select <strong>Compliant</strong> or\r\n              <strong>Non-compliant</strong>.\r\n            </li>\r\n            <li>\r\n              <strong>Add Note (If Non-compliant):</strong>\r\n              <ul>\r\n                <li>If you select <strong>Non-compliant</strong>, you <strong>must</strong> add a note.</li>\r\n                <li>Click the <strong>Add Note</strong> (<mat-icon class=\"smallIcon\">add_comment</mat-icon>) icon, write your\r\n                  feedback, and hit <strong>Save Feedback</strong>. Your note will be visible to the applicant.</li>\r\n              </ul>\r\n            </li>\r\n          </ol>\r\n        </div>\r\n      }\r\n      <table mat-table [dataSource]=\"vm.submissions\">\r\n        @for (col of vm.displayColumns; track col.formControlName) {\r\n          <ng-container [matColumnDef]=\"col.formControlName\">\r\n            <th mat-header-cell *matHeaderCellDef style=\"padding:4px\">\r\n\r\n              @if (col.formControlName === 'status' && !inputConfig()?.readonly) {\r\n                <mat-form-field floatLabel=\"always\" subscriptSizing=\"dynamic\" style=\"width: 100%;\r\n                    margin-bottom: 8px;\r\n                    margin-top: 8px;\r\n                    border-radius:16px;\" appearance=\"outline\">\r\n                  <mat-label>\r\n                    Bulk Status Selection\r\n                  </mat-label>\r\n                  <mat-select\r\n                    [style.color]=\"bulkStatus() === 'non-compliant' ? 'var(--mat-sys-error)' : bulkStatus()==='compliant'? 'var(--mat-sys-primary)' : ''\"\r\n                    (selectionChange)=\"bulkStatusChanged($event)\" ngDefaultControl [value]=\"bulkStatus()\"\r\n                    placeholder=\" Select Status\">\r\n                    @for (type of bulkOperations || []; track type) {\r\n                      <mat-option [value]=\"type.value\">{{type.label}}</mat-option>\r\n                    }\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              } @else {\r\n                {{ col.label }}\r\n              }\r\n            </th>\r\n            <td mat-cell *matCellDef=\"let row\" mat-ripple class=\"table-cell\" [class.selected-row]=\"selected === row.id\"\r\n              (click)=\"$event.stopPropagation()\" [class.price-preference-cell]=\"true\"\r\n              [style.border-bottom-color]=\"row.adjudicationPricePreferenceCalculationColor\"\r\n              [style.background]=\"row.backgroundShades?.[col.formControlName]\">\r\n\r\n              @if (col.formControlName === 'actions') {\r\n                <span style=\"display: flex; align-items: center;\">\r\n                  <button matTooltipPosition=\"before\"\r\n                    [matTooltip]=\"`View and review **` + row[vm.columnMapping.respondentNameKey]+ `** 's' Submission`\"\r\n                    (click)=\"viewMicroSubmission(row)\" mat-icon-button>\r\n                    <mat-icon>preview</mat-icon>\r\n                  </button>\r\n                  @if (!(inputConfig()?.readonly) || (inputConfig()?.readonly) && !!row['submissionHasReviewNotes']) {\r\n                    <button (click)=\"openNotes(row)\" cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" matTooltipPosition=\"after\"\r\n                      [matTooltip]=\"\r\n                        `Add a review note for **` + row[vm.columnMapping.respondentNameKey] + `**`\" mat-icon-button>\r\n                      <mat-icon [style.color]=\"\r\n                        notesOpenForRowId === row.id ? 'var(--mat-sys-primary)' : (row['adj_microFlow_review']==='non-compliant' && !row['adj_microFlow_review_notes']?'var(--mat-sys-error)':'')\r\n                        \">\r\n                        {{ !row['submissionHasReviewNotes']? 'add_comment' : 'comment' }}\r\n                      </mat-icon>\r\n                    </button>\r\n                  }\r\n                </span>\r\n              } @else if (col.formControlName === 'status') {\r\n                <mat-form-field floatLabel=\"always\" subscriptSizing=\"dynamic\" style=\"width: 100%;\r\n                    margin-bottom: 8px;\r\n                    margin-top: 8px;\r\n                    border-radius:16px;\" appearance=\"outline\">\r\n                  <mat-select [disabled]=\"!canChangeStatus(row) ||  inputConfig()?.readonly === true\"\r\n                    [style.color]=\"row['adj_microFlow_review'] === 'non-compliant' ? 'var(--mat-sys-error)' : row['adj_microFlow_review']==='compliant'? 'var(--mat-sys-primary)' : ''\"\r\n                    (selectionChange)=\"setResponseStatus(row,$event)\" ngDefaultControl [value]=\"row.adj_microFlow_review\"\r\n                    placeholder=\" Select Status\">\r\n                    @for (type of reviewStatuses || []; track type) {\r\n                      <mat-option [value]=\"type.value\">{{type.label}}</mat-option>\r\n                    }\r\n                  </mat-select>\r\n                  @if (row['adj_microFlow_review']==='non-compliant' && !row['adj_microFlow_review_notes']) {\r\n                    <mat-hint style=\"color:var(--mat-sys-error)\">\r\n                      Rejection reason is required. Add a review note.\r\n                    </mat-hint>\r\n                  }\r\n                </mat-form-field>\r\n              } @else {\r\n                @switch (col?.type) {\r\n                  @case ('daysAgo') {\r\n                    {{ row[col.formControlName] | daysAgo }}\r\n                  }\r\n                  @case ('number') {\r\n                    <div class=\"number-cell\">\r\n                      <span>\r\n                        {{ (row[col.formControlName] | number:'0.0-0' ) || 'N/A' }}\r\n                      </span>\r\n                      @if (col.showColor) {\r\n                        <mat-icon [style.color]=\"row.adjudicationPricePreferenceCalculationColor\">\r\n                          fiber_manual_record\r\n                        </mat-icon>\r\n                      }\r\n                    </div>\r\n                  }\r\n                  @default {\r\n                    @if ($index === 0) {\r\n                      <span class=\"main-submission-text\">\r\n                        <mat-icon style=\"font-size: 1em;height:16px;width:16px\">domain</mat-icon>\r\n                        <strong>\r\n                          {{ row[col.formControlName] }}\r\n                        </strong>\r\n                      </span>\r\n                      <span class=\"secondary-text\">\r\n                        <mat-icon>fingerprint</mat-icon>\r\n                        {{row[vm.columnMapping.respondentCodeKey]}}\r\n                        <mat-icon>more_time</mat-icon>\r\n                        {{ row[vm.columnMapping.responseDateKey ||''] | daysAgo}}\r\n                      </span>\r\n                    } @else {\r\n                      {{ row[col.formControlName] }}\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        <tr mat-header-row *matHeaderRowDef=\"vm.displayCols\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: vm.displayCols\"></tr>\r\n      </table>\r\n    }\r\n  }\r\n\r\n}\r\n", styles: [".number{display:flex;justify-content:space-between;align-items:center}li{font-size:.75em}ol,ul{margin-top:8px}.number-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-text{display:flex;align-items:center;white-space:pre;font-size:.75em;gap:8px;opacity:.8}.secondary-text mat-icon{font-size:.875em;width:14px;height:14px}.mat-column-adjudicationPricePreferenceCalculation{max-width:70px}.mat-column-actions{padding:0;max-width:80px}.mat-column-status{padding-left:8px;padding-right:8px;max-width:fit-content!important}.main-submission-text{display:flex;align-items:center;gap:8px;font-size:.875em}:host .notes-card{width:100%;max-width:480px;resize:both;height:fit-content}.smallIcon{font-size:.875em;width:14px;height:14px}.table-cell{padding-left:4px;padding-right:4px}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], reviewChange: [{ type: i0.Output, args: ["reviewChange"] }] } });
+
+/** Shows validation errors as soon as the control becomes dirty + invalid. */
+class ShowErrorOnDirtyMatcher {
+    isErrorState(control, _form) {
+        return !!(control && control.invalid && control.dirty);
+    }
+}
+class PointAssignmentDialogComponent {
+    constructor() {
+        this.dialogRef = inject(MatDialogRef);
+        this.data = inject(MAT_DIALOG_DATA);
+        this.#fb = inject(FormBuilder);
+        this.maxPossiblePoints = 0;
+        this.matcher = new ShowErrorOnDirtyMatcher();
+    }
+    #fb;
+    ngOnInit() {
+        this.#calculateMaxPoints();
+        this.pointsForm = this.#buildForm();
+        this.totalPoints$ = this.#createTotalPointsObservable();
+    }
+    correctMaxValue(event, groupKey, controlId, maxPoints) {
+        const inputElement = event.target;
+        const currentValue = parseFloat(inputElement.value);
+        if (currentValue > maxPoints) {
+            this.pointsForm.get([groupKey, controlId])?.patchValue(maxPoints);
+        }
+    }
+    #buildForm() {
+        const groupOfGroups = this.data.scoreSheetGroups.reduce((acc, group) => {
+            const scoresInGroup = this.data.groupedScoreSheet[group.key] || [];
+            const groupControls = scoresInGroup.reduce((ctrls, score) => {
+                const existingScore = this.data.row.adj_microFlow_assignedScore?.[score.id] ?? null;
+                ctrls[score.id] = new FormControl(existingScore, [
+                    Validators.required,
+                    Validators.min(0),
+                    Validators.max(score.totalPoints),
+                ]);
+                return ctrls;
+            }, {});
+            acc[group.key] = this.#fb.group(groupControls);
+            return acc;
+        }, {});
+        return this.#fb.group(groupOfGroups);
+    }
+    #calculateMaxPoints() {
+        this.maxPossiblePoints = Object.values(this.data.groupedScoreSheet)
+            .flat()
+            .reduce((acc, score) => acc + score.totalPoints, 0);
+    }
+    #createTotalPointsObservable() {
+        return this.pointsForm.valueChanges.pipe(startWith(this.pointsForm.value), map(formValue => {
+            let total = 0;
+            Object.values(formValue || {}).forEach((group) => {
+                if (group && typeof group === 'object') {
+                    Object.values(group).forEach(score => {
+                        total += Number(score) || 0;
+                    });
+                }
+            });
+            return total;
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PointAssignmentDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PointAssignmentDialogComponent, isStandalone: true, selector: "lib-point-assignment-dialog", ngImport: i0, template: "<span mat-dialog-title>\r\n    Assign Points for <span class=\"bidder-name\">{{ data.row['nameOfBidder'] }}</span>\r\n</span>\r\n  @if( !data.readonly){\r\n<div class=\"dialog-instructions\">\r\n    @if(!pointsForm.dirty && !pointsForm.touched){\r\n    <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\uD83D\uDCAF How to Assign Points\r\n\r\n        </h5>\r\n        <ol>\r\n            <li>\r\n                <strong>Enter a score</strong> for each item listed below.\r\n            </li>\r\n            <li>\r\n                <strong>Follow the rules:</strong>\r\n                <ul>\r\n                    <li>Your score cannot be higher than the maximum points shown (e.g., / 10).</li>\r\n                    <li>The <strong>\"Save Points\"</strong> button at the bottom will turn blue when everything is filled\r\n                        out correctly.</li>\r\n                </ul>\r\n            </li>\r\n            <li>\r\n                <strong>Click the blue \"Save Points\" button</strong> to finish.\r\n            </li>\r\n        </ol>\r\n    </div>\r\n    }\r\n    @else {\r\n    <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u270D\uFE0F Editing Your Scores</h5>\r\n        <ol>\r\n            <li>\r\n                <strong>You are viewing saved scores.</strong> To make a change, simply click on a score and type in a\r\n                new number.\r\n            </li>\r\n            <li>\r\n                The <strong>Total Points</strong> bar at the top will update as you make edits.\r\n            </li>\r\n            <li>\r\n                Click <strong>\"Save Points\"</strong> to confirm your changes when you're done.\r\n            </li>\r\n        </ol>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n  }\r\n\r\n\r\n<mat-dialog-content style=\"padding-bottom: 8px;padding-bottom: 8px\" [formGroup]=\"pointsForm\">\r\n    <div class=\"summary-bar\">\r\n        <h3>Total Points: {{ totalPoints$ | async }} / {{ maxPossiblePoints }}</h3>\r\n        <mat-progress-bar mode=\"determinate\"\r\n            [value]=\"((totalPoints$ | async) || 0) / maxPossiblePoints * 100\"></mat-progress-bar>\r\n    </div>\r\n\r\n    <mat-accordion multi>\r\n        @for (group of data.scoreSheetGroups; track group.key) {\r\n        <mat-expansion-panel [expanded]=\"true\" [formGroupName]=\"group.key\">\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>{{ group.name }}</mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            @for (score of data.groupedScoreSheet[group.key] || []; track score.id) {\r\n            <div class=\"score-item\">\r\n                <label [for]=\"score.id\" class=\"score-description\">{{ score.description }}</label>\r\n\r\n                <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\" class=\"score-input\">\r\n                    <mat-label>Score</mat-label>\r\n                    <input [disabled]=\"data.readonly\" matInput type=\"number\" placeholder=\"0\" [id]=\"score.id\"\r\n                        [formControlName]=\"score.id\" [max]=\"score.totalPoints\" min=\"0\" [errorStateMatcher]=\"matcher\"\r\n                        (input)=\"correctMaxValue($event, group.key, score.id, score.totalPoints)\" />\r\n                    <span matSuffix>\r\n                        <span style=\"min-width: 58px; display:flex\">\r\n                            / {{ score.totalPoints }}\r\n                        </span>\r\n                    </span>\r\n\r\n                    @if (pointsForm.get(group.key)?.get(score.id)?.hasError('required')) {\r\n                    <mat-error>A score is required.</mat-error>\r\n                    }\r\n                    @if (pointsForm.get(group.key)?.get(score.id)?.hasError('max')) {\r\n                    <mat-error>Score cannot exceed {{ score.totalPoints }}.</mat-error>\r\n                    }\r\n                    @if (pointsForm.get(group.key)?.get(score.id)?.hasError('min')) {\r\n                    <mat-error>Score cannot be negative.</mat-error>\r\n                    }\r\n                </mat-form-field>\r\n            </div>\r\n            <mat-divider></mat-divider>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions align=\"end\">\r\n    <button mat-button mat-dialog-close>Cancel</button>\r\n    @if( !data.readonly){\r\n    <button mat-flat-button color=\"primary\" \r\n    [mat-dialog-close]=\"pointsForm.getRawValue()\"\r\n        [disabled]=\"pointsForm.invalid\">\r\n        Save Points\r\n    </button>\r\n    }\r\n\r\n</mat-dialog-actions>", styles: [":host{display:block;min-width:500px;max-width:700px}.bidder-name{font-weight:500}.summary-bar{margin-bottom:24px}.summary-bar h3{margin-bottom:8px;font-weight:500}.score-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;gap:16px}.score-description{flex:1;margin-right:16px;line-height:1.4}.score-input{flex-shrink:0;width:150px}.mat-expansion-panel-body .score-item:last-child+mat-divider{display:none}mat-dialog-actions{padding:16px 24px}.mat-mdc-form-field-error{font-size:.8125em}.dialog-instructions{margin-top:-8px;margin-bottom:24px;max-width:95%;padding-left:24px;padding-right:24px}li{font-size:.75em}ol,ul{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5$3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PointAssignmentDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-point-assignment-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [
+                        AsyncPipe,
+                        ReactiveFormsModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatProgressBarModule,
+                        MatExpansionModule,
+                        MatDividerModule,
+                    ], template: "<span mat-dialog-title>\r\n    Assign Points for <span class=\"bidder-name\">{{ data.row['nameOfBidder'] }}</span>\r\n</span>\r\n  @if( !data.readonly){\r\n<div class=\"dialog-instructions\">\r\n    @if(!pointsForm.dirty && !pointsForm.touched){\r\n    <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\uD83D\uDCAF How to Assign Points\r\n\r\n        </h5>\r\n        <ol>\r\n            <li>\r\n                <strong>Enter a score</strong> for each item listed below.\r\n            </li>\r\n            <li>\r\n                <strong>Follow the rules:</strong>\r\n                <ul>\r\n                    <li>Your score cannot be higher than the maximum points shown (e.g., / 10).</li>\r\n                    <li>The <strong>\"Save Points\"</strong> button at the bottom will turn blue when everything is filled\r\n                        out correctly.</li>\r\n                </ul>\r\n            </li>\r\n            <li>\r\n                <strong>Click the blue \"Save Points\" button</strong> to finish.\r\n            </li>\r\n        </ol>\r\n    </div>\r\n    }\r\n    @else {\r\n    <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u270D\uFE0F Editing Your Scores</h5>\r\n        <ol>\r\n            <li>\r\n                <strong>You are viewing saved scores.</strong> To make a change, simply click on a score and type in a\r\n                new number.\r\n            </li>\r\n            <li>\r\n                The <strong>Total Points</strong> bar at the top will update as you make edits.\r\n            </li>\r\n            <li>\r\n                Click <strong>\"Save Points\"</strong> to confirm your changes when you're done.\r\n            </li>\r\n        </ol>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n  }\r\n\r\n\r\n<mat-dialog-content style=\"padding-bottom: 8px;padding-bottom: 8px\" [formGroup]=\"pointsForm\">\r\n    <div class=\"summary-bar\">\r\n        <h3>Total Points: {{ totalPoints$ | async }} / {{ maxPossiblePoints }}</h3>\r\n        <mat-progress-bar mode=\"determinate\"\r\n            [value]=\"((totalPoints$ | async) || 0) / maxPossiblePoints * 100\"></mat-progress-bar>\r\n    </div>\r\n\r\n    <mat-accordion multi>\r\n        @for (group of data.scoreSheetGroups; track group.key) {\r\n        <mat-expansion-panel [expanded]=\"true\" [formGroupName]=\"group.key\">\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>{{ group.name }}</mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            @for (score of data.groupedScoreSheet[group.key] || []; track score.id) {\r\n            <div class=\"score-item\">\r\n                <label [for]=\"score.id\" class=\"score-description\">{{ score.description }}</label>\r\n\r\n                <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\" class=\"score-input\">\r\n                    <mat-label>Score</mat-label>\r\n                    <input [disabled]=\"data.readonly\" matInput type=\"number\" placeholder=\"0\" [id]=\"score.id\"\r\n                        [formControlName]=\"score.id\" [max]=\"score.totalPoints\" min=\"0\" [errorStateMatcher]=\"matcher\"\r\n                        (input)=\"correctMaxValue($event, group.key, score.id, score.totalPoints)\" />\r\n                    <span matSuffix>\r\n                        <span style=\"min-width: 58px; display:flex\">\r\n                            / {{ score.totalPoints }}\r\n                        </span>\r\n                    </span>\r\n\r\n                    @if (pointsForm.get(group.key)?.get(score.id)?.hasError('required')) {\r\n                    <mat-error>A score is required.</mat-error>\r\n                    }\r\n                    @if (pointsForm.get(group.key)?.get(score.id)?.hasError('max')) {\r\n                    <mat-error>Score cannot exceed {{ score.totalPoints }}.</mat-error>\r\n                    }\r\n                    @if (pointsForm.get(group.key)?.get(score.id)?.hasError('min')) {\r\n                    <mat-error>Score cannot be negative.</mat-error>\r\n                    }\r\n                </mat-form-field>\r\n            </div>\r\n            <mat-divider></mat-divider>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions align=\"end\">\r\n    <button mat-button mat-dialog-close>Cancel</button>\r\n    @if( !data.readonly){\r\n    <button mat-flat-button color=\"primary\" \r\n    [mat-dialog-close]=\"pointsForm.getRawValue()\"\r\n        [disabled]=\"pointsForm.invalid\">\r\n        Save Points\r\n    </button>\r\n    }\r\n\r\n</mat-dialog-actions>", styles: [":host{display:block;min-width:500px;max-width:700px}.bidder-name{font-weight:500}.summary-bar{margin-bottom:24px}.summary-bar h3{margin-bottom:8px;font-weight:500}.score-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;gap:16px}.score-description{flex:1;margin-right:16px;line-height:1.4}.score-input{flex-shrink:0;width:150px}.mat-expansion-panel-body .score-item:last-child+mat-divider{display:none}mat-dialog-actions{padding:16px 24px}.mat-mdc-form-field-error{font-size:.8125em}.dialog-instructions{margin-top:-8px;margin-bottom:24px;max-width:95%;padding-left:24px;padding-right:24px}li{font-size:.75em}ol,ul{margin-top:8px}\n"] }]
+        }] });
+
+class PointAssignmentComponent {
+    constructor() {
+        this.#config = inject(NGX_T_FORMS_CONFIG_TOKEN);
+        this.#dialog = inject(MatDialog);
+        this.#destroyRef = inject(DestroyRef);
+        this.#refreshTrigger = new BehaviorSubject(undefined);
+        // A stream to push updates of the review values (`this.value`)
+        this.#valueChanges$ = new BehaviorSubject([]);
+        this.#initialState = {
+            loading: true,
+            submissions: [],
+            columnMapping: {},
+            displayCols: [],
+            displayColumns: [],
+            error: undefined,
+        };
+        this.#valueSignal = signal([], ...(ngDevMode ? [{ debugName: "#valueSignal" }] : /* istanbul ignore next */ []));
+        this.inputConfig = input(undefined, ...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        // NOTE(phase-4): Trap 6 — parent (`workflow-adjudication-reactive-input`) binds a
+        // `WorkflowAdjudicationValue | null` union of three incompatible shapes. Until the parent
+        // template is split per adjudication step type, this input must remain `any`; narrow
+        // inside `valueBridge`.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO(phase-4): split parent template by adjudication step, then narrow this input.
+        this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.valueBridge = effect(() => {
+            const raw = this.value();
+            const next = Array.isArray(raw) ? raw : [];
+            if (_isEqual(next, this.#valueSignal()))
+                return;
+            this.#valueSignal.set(next);
+            this.#valueChanges$.next(next);
+        }, ...(ngDevMode ? [{ debugName: "valueBridge" }] : /* istanbul ignore next */ []));
+        // NOTE(phase-4): Trap 6 — emitter forwards enriched `ISubmission[]` rows (with score-sheet
+        // augmentation) back to the parent which then writes through the `WorkflowAdjudicationValue`
+        // union. D-013: the parent (`workflow-adjudication-reactive-input`) `(pointsChange)="setValue($event)"`
+        // binding only typechecks under strictTemplates if `$event` is assignable to that union; the
+        // enriched `ISubmission[]` payload matches no single branch (missing formControlName/totalPoints/
+        // description), so the emitted type must stay `any[]` to preserve parity. Narrows when the parent
+        // template is split per adjudication step type.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO(phase-4): split parent template by adjudication step, then narrow this emitter.
+        this.pointsChange = output();
+        // Stream for the initial data fetch. Only re-runs when `refreshTrigger` is fired.
+        this.#fetchedData$ = this.#refreshTrigger.pipe(switchMap(() => this.#config.formBuilder.getCurrentStepMicroflowSubmissions().pipe(take(1))), shareReplay(1));
+        this.vm$ = combineLatest([
+            this.#fetchedData$,
+            this.#valueChanges$,
+        ]).pipe(map(([res, reviewValues]) => {
+            const { columnMapping, submissions, scoreSheet } = res;
+            // group scoresheet by pointType
+            const groupedScoreSheet = (scoreSheet || []).reduce((acc, curr) => {
+                const pointType = curr.pointType || 'default';
+                if (!acc[pointType]) {
+                    acc[pointType] = [];
+                }
+                acc[pointType].push(curr);
+                return acc;
+            }, {});
+            const dataModel = {
+                submissions: this.#enrichSubmissionsData(submissions || [], reviewValues),
+                loading: false,
+                error: undefined,
+                groupedScoreSheet,
+                scoreSheetGroups: Object.keys(groupedScoreSheet).map((key) => ({
+                    name: key.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2'),
+                    key,
+                })),
+                columnMapping,
+                displayCols: [
+                    'nameOfBidder',
+                    'adj_microFlow_review',
+                    'adjudicationPricePreferenceCalculation',
+                    'adj_microFlow_scoreSheetTotalPoints',
+                    'actions',
+                ],
+                displayColumns: [
+                    { label: 'name', formControlName: 'nameOfBidder', type: 'string' },
+                    { label: 'Pref Calc', formControlName: 'adjudicationPricePreferenceCalculation', type: 'number', showColor: true },
+                    { label: 'status', formControlName: 'adj_microFlow_review', type: 'string' },
+                    { label: 'Score', formControlName: 'adj_microFlow_scoreSheetTotalPoints', type: 'number', showColor: true },
+                    { label: '', formControlName: 'actions', type: 'string' },
+                ],
+            };
+            return { ...dataModel };
+        }), startWith(this.#initialState), catchError(() => of({ ...this.#initialState, loading: false, error: 'Failed to load submissions.' })), shareReplay(1));
+        this.readonly = computed(() => this.inputConfig()?.readonly ?? false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    }
+    #config;
+    #dialog;
+    #destroyRef;
+    #refreshTrigger;
+    // A stream to push updates of the review values (`this.value`)
+    #valueChanges$;
+    #initialState;
+    #valueSignal;
+    // Stream for the initial data fetch. Only re-runs when `refreshTrigger` is fired.
+    #fetchedData$;
+    loadMicroSubmissions() {
+        this.#refreshTrigger.next();
+    }
+    viewMicroSubmission(res) {
+        this.#config.formBuilder['previewWorkflowDocument'](res.id);
+    }
+    #enrichSubmissionsData(submissions, reviewValues) {
+        const numberSets = new Map();
+        numberSets.set('adjudicationPricePreferenceCalculation', submissions.map((s) => Number(s['adjudicationPricePreferenceCalculation'] || 0)));
+        const list = submissions.length > 0 ? submissions : (reviewValues || []);
+        return list.map((submission) => {
+            const numbers = numberSets.get('adjudicationPricePreferenceCalculation') || [];
+            const color = numbers.length === 0
+                ? submission['adjudicationPricePreferenceCalculationColor']
+                : this.#getColorString(submission['adjudicationPricePreferenceCalculation'], numbers);
+            const backgroundShades = { ['adjudicationPricePreferenceCalculation']: this.#getScoreShade(color ?? '') };
+            const existing = this.#valueSignal()?.find((v) => v.id === submission.id);
+            return {
+                ...submission,
+                adj_microFlow_review: submission['adj_microFlow_review'] === 'compliant' ? '✅' : '❌',
+                adjudicationPricePreferenceCalculationColor: color,
+                backgroundShades,
+                ...existing,
+            };
+        });
+    }
+    #getScoreShade(rgbColor) {
+        if (!rgbColor)
+            return '';
+        return rgbColor.replace('rgb', 'rgba').replace(')', `, 0.1)`);
+    }
+    #getColorString(target, numbers) {
+        return getColorForNumber(target, numbers, true);
+    }
+    openPointAssignmentDialog(row, groupedScoreSheet, scoreSheetGroups) {
+        this.#dialog
+            .open(PointAssignmentDialogComponent, {
+            height: 'fit-content',
+            data: {
+                row,
+                groupedScoreSheet,
+                scoreSheetGroups,
+                readonly: this.inputConfig()?.readonly || false,
+            },
+            autoFocus: false,
+            disableClose: true,
+        })
+            .afterClosed()
+            .pipe(take(1), switchMap((result) => {
+            if (!result)
+                return of(null);
+            // Update the value with the new point assignments
+            const assignment = Object.values(result).reduce((acc, curr) => {
+                acc = { ...acc, ...curr };
+                return acc;
+            }, {});
+            row['adj_microFlow_assignedScore'] = assignment;
+            const currentList = this.#valueSignal() ?? [];
+            const alreadyInValue = currentList.find((v) => v.id === row.id);
+            let newValue;
+            if (!alreadyInValue) {
+                newValue = [
+                    ...currentList,
+                    {
+                        ...row,
+                        adj_microFlow_assignedScore: assignment,
+                        adj_microFlow_scoreSheetTotalPoints: Object.values(assignment).reduce((acc, curr) => acc + curr, 0),
+                    },
+                ];
+            }
+            else {
+                newValue = currentList.map((v) => {
+                    if (v.id === row.id) {
+                        return {
+                            ...v,
+                            adj_microFlow_scoreSheetTotalPoints: Object.values(assignment).reduce((acc, curr) => acc + curr, 0),
+                            adj_microFlow_assignedScore: assignment,
+                        };
+                    }
+                    return v;
+                });
+            }
+            return of(newValue);
+        }), tap((newValue) => {
+            if (!newValue || this.inputConfig()?.readonly)
+                return;
+            this.pointsChange.emit(newValue);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PointAssignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PointAssignmentComponent, isStandalone: true, selector: "lib-point-assignment", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pointsChange: "pointsChange" }, ngImport: i0, template: "@if (vm$ | async; as vm) {\r\n  @if (vm.loading) {\r\n    <div style=\"display: flex; justify-content: center; align-items: center; padding:24px;width: 100%;\">\r\n      <mat-spinner></mat-spinner>\r\n    </div>\r\n  } @else if (vm.error) {\r\n    <div class=\"info-card error-card\">\r\n      <h5 class=\"info-title\">\u274C Failed to load data</h5>\r\n      <p>{{ vm.error }}</p>\r\n      <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\">\r\n        Try Again\r\n      </button>\r\n    </div>\r\n  } @else {\r\n    @if (vm.submissions.length === 0) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2139\uFE0F There are no submissions to display.</h5>\r\n        <ul>\r\n          <li>This can happen if <strong>no one has responded</strong> yet, or if <strong>none of the submission were\r\n              compliant </strong>.</li>\r\n          <li>If you are expecting to see submissions, try clicking the <strong>Refresh</strong> button.</li>\r\n        </ul>\r\n        <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\" class=\"load-button\">\r\n          Refresh\r\n        </button>\r\n      </div>\r\n    } @else {\r\n      @if (!value || value.length === 0) {\r\n        <div class=\"info-card\">\r\n          <h5 class=\"info-title\">\uD83D\uDCDD How to Review Submissions</h5>\r\n          <ol>\r\n            <li>\r\n              <strong>View Response:</strong> Click the <strong>Preview</strong> (<mat-icon\r\n                class=\"smallIcon\">preview</mat-icon>) icon to see the full submission.\r\n            </li>\r\n            <li>\r\n              <strong>Set Status:</strong> Use the dropdown to select <strong>Compliant</strong> or\r\n              <strong>Non-compliant</strong>.\r\n            </li>\r\n            <li>\r\n              <strong>Add Note (If Non-compliant):</strong>\r\n              <ul>\r\n                <li>If you select <strong>Non-compliant</strong>, you <strong>must</strong> add a note.</li>\r\n                <li>Click the <strong>Add Note</strong> (<mat-icon class=\"smallIcon\">add_comment</mat-icon>) icon, write your\r\n                  feedback, and hit <strong>Save Feedback</strong>. Your note will be visible to the applicant.</li>\r\n              </ul>\r\n            </li>\r\n          </ol>\r\n        </div>\r\n      }\r\n      <table mat-table [dataSource]=\"vm.submissions\">\r\n        @for (col of vm.displayColumns; track col.formControlName) {\r\n          <ng-container [matColumnDef]=\"col.formControlName\">\r\n            <th mat-header-cell *matHeaderCellDef style=\"padding:4px\">\r\n              {{ col.label }}\r\n            </th>\r\n            <td mat-cell *matCellDef=\"let row\" mat-ripple class=\"table-cell\" (click)=\"$event.stopPropagation()\"\r\n              [class.price-preference-cell]=\"true\"\r\n              [style.border-bottom-color]=\"row.adjudicationPricePreferenceCalculationColor\"\r\n              [style.background]=\"row.backgroundShades?.[col.formControlName]\">\r\n              @if (col.formControlName === 'actions') {\r\n                <span style=\"display: flex; align-items: center;\">\r\n                  <button matTooltipPosition=\"before\"\r\n                    [matTooltip]=\"'View and review **' + row[vm.columnMapping.respondentNameKey] + '\\'s\\' Submission'\"\r\n                    (click)=\"viewMicroSubmission(row)\" mat-icon-button>\r\n                    <mat-icon>preview</mat-icon>\r\n                  </button>\r\n                </span>\r\n              } @else if (col.formControlName === 'adj_microFlow_scoreSheetTotalPoints') {\r\n                <button\r\n                  (click)=\"openPointAssignmentDialog(row, vm?.groupedScoreSheet, vm.scoreSheetGroups)\"\r\n                  [id]=\"row.id\" mat-stroked-button>\r\n                  {{ (row[col.formControlName] | number:'0.0-0') || 'Assign Points' }}\r\n                </button>\r\n              } @else {\r\n                @switch (col?.type) {\r\n                  @case ('daysAgo') {\r\n                    {{ row[col.formControlName] | daysAgo }}\r\n                  }\r\n                  @case ('number') {\r\n                    {{ (row[col.formControlName] | number:'0.0-0') || 'N/A' }}\r\n                  }\r\n                  @default {\r\n                    @if ($index === 0) {\r\n                      <span class=\"main-submission-text\">\r\n                        <mat-icon style=\"font-size: 1em;height:16px;width:16px\">domain</mat-icon>\r\n                        <strong>\r\n                          {{ row[col.formControlName] }}\r\n                        </strong>\r\n                      </span>\r\n                      <span class=\"secondary-text\">\r\n                        <mat-icon>fingerprint</mat-icon>\r\n                        {{ row[vm.columnMapping.respondentCodeKey] }}\r\n                        <mat-icon>more_time</mat-icon>\r\n                        {{ row[vm.columnMapping.responseDateKey || ''] | daysAgo }}\r\n                      </span>\r\n                    } @else {\r\n                      {{ row[col.formControlName] }}\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        <tr mat-header-row *matHeaderRowDef=\"vm.displayCols\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: vm.displayCols\"></tr>\r\n      </table>\r\n    }\r\n  }\r\n}\r\n", styles: [".number{display:flex;justify-content:space-between;align-items:center}li{font-size:.75em}ol,ul{margin-top:8px}.number-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-text{display:flex;align-items:center;white-space:pre;font-size:.75em;gap:8px;opacity:.8}.secondary-text mat-icon{font-size:.875em;width:14px;height:14px}.mat-column-adj_microFlow_review{max-width:18px;text-align:center}.mat-column-nameOfBidder{max-width:90px}.mat-column-actions{padding:0;max-width:80px}.mat-column-status{padding-left:8px;padding-right:8px;max-width:fit-content!important}.main-submission-text{display:flex;align-items:center;gap:8px;font-size:.875em}:host .notes-card{width:100%;max-width:480px;resize:both;height:fit-content}.smallIcon{font-size:.875em;width:14px;height:14px}.table-cell{padding-left:4px;padding-right:4px}.mat-column-adjudicationPricePreferenceCalculation{max-width:18px;text-align:center}.mat-column-adj_microFlow_scoreSheetTotalPoints{width:148px;text-align:center}.mat-column-actions{max-width:14px;text-align:center}.ngx-t-forms-point-assignment-menu{width:fit-content!important;max-width:400px!important}.point-assignment-menu{padding-left:28px;padding-right:28px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: DaysAgoPipe, name: "daysAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PointAssignmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-point-assignment', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [
+                        AsyncPipe,
+                        DecimalPipe,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatRippleModule,
+                        MatTableModule,
+                        MatTooltipModule,
+                        DaysAgoPipe,
+                    ], template: "@if (vm$ | async; as vm) {\r\n  @if (vm.loading) {\r\n    <div style=\"display: flex; justify-content: center; align-items: center; padding:24px;width: 100%;\">\r\n      <mat-spinner></mat-spinner>\r\n    </div>\r\n  } @else if (vm.error) {\r\n    <div class=\"info-card error-card\">\r\n      <h5 class=\"info-title\">\u274C Failed to load data</h5>\r\n      <p>{{ vm.error }}</p>\r\n      <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\">\r\n        Try Again\r\n      </button>\r\n    </div>\r\n  } @else {\r\n    @if (vm.submissions.length === 0) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2139\uFE0F There are no submissions to display.</h5>\r\n        <ul>\r\n          <li>This can happen if <strong>no one has responded</strong> yet, or if <strong>none of the submission were\r\n              compliant </strong>.</li>\r\n          <li>If you are expecting to see submissions, try clicking the <strong>Refresh</strong> button.</li>\r\n        </ul>\r\n        <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\" class=\"load-button\">\r\n          Refresh\r\n        </button>\r\n      </div>\r\n    } @else {\r\n      @if (!value || value.length === 0) {\r\n        <div class=\"info-card\">\r\n          <h5 class=\"info-title\">\uD83D\uDCDD How to Review Submissions</h5>\r\n          <ol>\r\n            <li>\r\n              <strong>View Response:</strong> Click the <strong>Preview</strong> (<mat-icon\r\n                class=\"smallIcon\">preview</mat-icon>) icon to see the full submission.\r\n            </li>\r\n            <li>\r\n              <strong>Set Status:</strong> Use the dropdown to select <strong>Compliant</strong> or\r\n              <strong>Non-compliant</strong>.\r\n            </li>\r\n            <li>\r\n              <strong>Add Note (If Non-compliant):</strong>\r\n              <ul>\r\n                <li>If you select <strong>Non-compliant</strong>, you <strong>must</strong> add a note.</li>\r\n                <li>Click the <strong>Add Note</strong> (<mat-icon class=\"smallIcon\">add_comment</mat-icon>) icon, write your\r\n                  feedback, and hit <strong>Save Feedback</strong>. Your note will be visible to the applicant.</li>\r\n              </ul>\r\n            </li>\r\n          </ol>\r\n        </div>\r\n      }\r\n      <table mat-table [dataSource]=\"vm.submissions\">\r\n        @for (col of vm.displayColumns; track col.formControlName) {\r\n          <ng-container [matColumnDef]=\"col.formControlName\">\r\n            <th mat-header-cell *matHeaderCellDef style=\"padding:4px\">\r\n              {{ col.label }}\r\n            </th>\r\n            <td mat-cell *matCellDef=\"let row\" mat-ripple class=\"table-cell\" (click)=\"$event.stopPropagation()\"\r\n              [class.price-preference-cell]=\"true\"\r\n              [style.border-bottom-color]=\"row.adjudicationPricePreferenceCalculationColor\"\r\n              [style.background]=\"row.backgroundShades?.[col.formControlName]\">\r\n              @if (col.formControlName === 'actions') {\r\n                <span style=\"display: flex; align-items: center;\">\r\n                  <button matTooltipPosition=\"before\"\r\n                    [matTooltip]=\"'View and review **' + row[vm.columnMapping.respondentNameKey] + '\\'s\\' Submission'\"\r\n                    (click)=\"viewMicroSubmission(row)\" mat-icon-button>\r\n                    <mat-icon>preview</mat-icon>\r\n                  </button>\r\n                </span>\r\n              } @else if (col.formControlName === 'adj_microFlow_scoreSheetTotalPoints') {\r\n                <button\r\n                  (click)=\"openPointAssignmentDialog(row, vm?.groupedScoreSheet, vm.scoreSheetGroups)\"\r\n                  [id]=\"row.id\" mat-stroked-button>\r\n                  {{ (row[col.formControlName] | number:'0.0-0') || 'Assign Points' }}\r\n                </button>\r\n              } @else {\r\n                @switch (col?.type) {\r\n                  @case ('daysAgo') {\r\n                    {{ row[col.formControlName] | daysAgo }}\r\n                  }\r\n                  @case ('number') {\r\n                    {{ (row[col.formControlName] | number:'0.0-0') || 'N/A' }}\r\n                  }\r\n                  @default {\r\n                    @if ($index === 0) {\r\n                      <span class=\"main-submission-text\">\r\n                        <mat-icon style=\"font-size: 1em;height:16px;width:16px\">domain</mat-icon>\r\n                        <strong>\r\n                          {{ row[col.formControlName] }}\r\n                        </strong>\r\n                      </span>\r\n                      <span class=\"secondary-text\">\r\n                        <mat-icon>fingerprint</mat-icon>\r\n                        {{ row[vm.columnMapping.respondentCodeKey] }}\r\n                        <mat-icon>more_time</mat-icon>\r\n                        {{ row[vm.columnMapping.responseDateKey || ''] | daysAgo }}\r\n                      </span>\r\n                    } @else {\r\n                      {{ row[col.formControlName] }}\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        <tr mat-header-row *matHeaderRowDef=\"vm.displayCols\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: vm.displayCols\"></tr>\r\n      </table>\r\n    }\r\n  }\r\n}\r\n", styles: [".number{display:flex;justify-content:space-between;align-items:center}li{font-size:.75em}ol,ul{margin-top:8px}.number-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-text{display:flex;align-items:center;white-space:pre;font-size:.75em;gap:8px;opacity:.8}.secondary-text mat-icon{font-size:.875em;width:14px;height:14px}.mat-column-adj_microFlow_review{max-width:18px;text-align:center}.mat-column-nameOfBidder{max-width:90px}.mat-column-actions{padding:0;max-width:80px}.mat-column-status{padding-left:8px;padding-right:8px;max-width:fit-content!important}.main-submission-text{display:flex;align-items:center;gap:8px;font-size:.875em}:host .notes-card{width:100%;max-width:480px;resize:both;height:fit-content}.smallIcon{font-size:.875em;width:14px;height:14px}.table-cell{padding-left:4px;padding-right:4px}.mat-column-adjudicationPricePreferenceCalculation{max-width:18px;text-align:center}.mat-column-adj_microFlow_scoreSheetTotalPoints{width:148px;text-align:center}.mat-column-actions{max-width:14px;text-align:center}.ngx-t-forms-point-assignment-menu{width:fit-content!important;max-width:400px!important}.point-assignment-menu{padding-left:28px;padding-right:28px}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], pointsChange: [{ type: i0.Output, args: ["pointsChange"] }] } });
+
+function toSupplierValue(input) {
+    // Runtime guard — the parent supplies a union of array / object payloads.
+    return Array.isArray(input) ? input : [];
+}
+class SupplierSelectionComponent {
+    constructor() {
+        this.inputConfig = input(undefined, ...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        // Phase-4 TODO: parent (workflow-adjudication-reactive-input) accepts broader `WorkflowAdjudicationValue` union.
+        // Emitting narrower `SupplierRow[]` is structurally compatible at runtime; output widened to `any` for template typecheck (Trap 6).
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.supplierSelection = output();
+        this.#config = inject(NGX_T_FORMS_CONFIG_TOKEN);
+        this.#destroyRef = inject(DestroyRef);
+        this.#dialog = inject(MatDialog);
+        this.#refreshTrigger = new BehaviorSubject(undefined);
+        // A stream to push updates of the review values (`this.value`)
+        this.#valueChanges$ = new BehaviorSubject([]);
+        this.#initialState = {
+            loading: true,
+            submissions: [],
+            columnMapping: {},
+            displayCols: [],
+            displayColumns: [],
+            error: undefined,
+        };
+        this.#value = [];
+        // NOTE(phase-4): Trap 6 — parent (`workflow-adjudication-reactive-input`) binds a
+        // `WorkflowAdjudicationValue | null` union of three incompatible shapes. The template
+        // also reads `value.length` directly. Until parent template is split per adjudication step
+        // the input must remain `any`; narrow inside the `valueBridge` via `toSupplierValue`.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO(phase-4): split parent template by adjudication step, then narrow this input.
+        this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.valueBridge = effect(() => {
+            const next = toSupplierValue(this.value());
+            if (_isEqual(next, this.#value))
+                return;
+            this.#value = next;
+            this.#valueChanges$.next(this.#value);
+        }, ...(ngDevMode ? [{ debugName: "valueBridge" }] : /* istanbul ignore next */ []));
+        this.#fetchedData$ = this.#refreshTrigger.pipe(switchMap(() => this.#config.formBuilder.getCurrentStepMicroflowSubmissions().pipe(take(1))), shareReplay(1));
+        this.vm$ = combineLatest([
+            this.#fetchedData$,
+            this.#valueChanges$,
+        ]).pipe(map(([res, reviewValues]) => {
+            const { columnMapping, submissions, scoreSheet, adjudicationPricePreferenceCalculationFormula, } = res;
+            //group scoreSheet by pointType
+            const groupedScoreSheet = (scoreSheet || []).reduce((acc, curr) => {
+                const pointType = curr.pointType || 'default';
+                if (!acc[pointType]) {
+                    acc[pointType] = [];
+                }
+                acc[pointType].push(curr);
+                return acc;
+            }, {});
+            const totalPossibleScore = (scoreSheet || []).reduce((acc, curr) => acc + curr.totalPoints, 0);
+            const maxPointsAwarded = adjudicationPricePreferenceCalculationFormula ===
+                '80(1-((totalBidPrice-Pmin)/(Pmin)))'
+                ? 20
+                : adjudicationPricePreferenceCalculationFormula ===
+                    '90(1-((totalBidPrice-Pmin)/(Pmin)))'
+                    ? 10
+                    : 100;
+            const dataModel = {
+                submissions: this.#enrichSubmissionsData(submissions || [], reviewValues, totalPossibleScore, maxPointsAwarded),
+                loading: false,
+                error: undefined,
+                groupedScoreSheet,
+                scoreSheetGroups: Object.keys(groupedScoreSheet).map((key) => ({
+                    name: key
+                        .replace(/([a-z])([A-Z])/g, '$1 $2')
+                        .replace(/([A-Z])([A-Z][a-z])/g, '$1 $2'),
+                    key: key,
+                })),
+                maxPointsAwarded,
+                totalPossibleScore,
+                columnMapping: columnMapping,
+                displayCols: [
+                    'nameOfBidder',
+                    'adjudicationPricePreferenceCalculation',
+                    'adj_microFlow_pointsAwarded',
+                    'adj_microFlow_pricePointCalculation',
+                    'actions',
+                    'adj_microFlow_supplierAppointed',
+                ],
+                displayColumns: [
+                    { label: 'name', formControlName: 'nameOfBidder', type: InputDataTypes.String },
+                    {
+                        label: `${100 - maxPointsAwarded}`,
+                        formControlName: 'adjudicationPricePreferenceCalculation',
+                        type: InputDataTypes.Number,
+                    },
+                    {
+                        label: `${maxPointsAwarded}`,
+                        formControlName: 'adj_microFlow_pointsAwarded',
+                        type: InputDataTypes.Number,
+                    },
+                    {
+                        label: 'Total',
+                        formControlName: 'adj_microFlow_pricePointCalculation',
+                        type: InputDataTypes.Number,
+                    },
+                    // `actions` is an internal cell type used by the template `@switch`; widened locally in `tableCols`.
+                    { label: '', formControlName: 'actions', type: 'actions' },
+                    {
+                        label: 'Appointed',
+                        formControlName: 'adj_microFlow_supplierAppointed',
+                        type: InputDataTypes.Boolean,
+                        showColor: true,
+                    },
+                ],
+            };
+            return {
+                ...dataModel,
+            };
+        }), startWith(this.#initialState), catchError(() => {
+            return of({
+                ...this.#initialState,
+                loading: false,
+                error: 'Failed to load submissions.',
+            });
+        }), shareReplay(1));
+    }
+    #config;
+    #destroyRef;
+    #dialog;
+    #refreshTrigger;
+    // A stream to push updates of the review values (`this.value`)
+    #valueChanges$;
+    #initialState;
+    #value;
+    #fetchedData$;
+    loadMicroSubmissions() {
+        this.#refreshTrigger.next();
+    }
+    viewMicroSubmission(res) {
+        this.#config.formBuilder['previewWorkflowDocument'](res.id);
+    }
+    #enrichSubmissionsData(submissions, value, totalPossibleScore, maxPointsAwarded) {
+        // 1. Handle edge cases first for clarity.
+        // 2. Improve performance by creating a lookup map to avoid O(n^2) complexity.
+        // This is much faster than using .find() inside a loop.
+        const valueMap = new Map(this.#value?.map((v) => [v.id, v]) || []);
+        const list = submissions.length > 0 ? submissions : (value || []);
+        // 3. First pass: Enrich submissions with calculated scores.
+        const enrichedSubmissions = list.map((submission) => {
+            const v = valueMap.get(submission.id);
+            // Use nullish coalescing (??) for cleaner fallback logic.
+            const totalPoints = v?.['adj_microFlow_scoreSheetTotalPoints'] ??
+                submission?.['adj_microFlow_scoreSheetTotalPoints'] ??
+                0;
+            // Simplify calculation: remove unnecessary try-catch. Division by zero in JS results
+            // in Infinity, not an error. The check for totalPossibleScore > 0 handles this.
+            const pointsAwarded = totalPossibleScore > 0
+                ? (totalPoints / totalPossibleScore) * maxPointsAwarded
+                : 0;
+            const pricePointCalculation = (Number(submission['adjudicationPricePreferenceCalculation'] ?? 0)) + pointsAwarded;
+            return {
+                ...submission,
+                ...v,
+                adj_microFlow_pointsAwarded: pointsAwarded,
+                adj_microFlow_pricePointCalculation: pricePointCalculation,
+            };
+        });
+        // 4. Define keys to process to avoid repetition (DRY principle).
+        const keysToColor = ['adj_microFlow_pricePointCalculation'];
+        // 5. Correctly build the number sets from the *newly enriched* data.
+        const numberSets = new Map();
+        for (const key of keysToColor) {
+            const values = enrichedSubmissions.map((s) => Number(s[key] ?? 0));
+            numberSets.set(key, values);
+        }
+        // 6. Second pass: Add colors and shades based on the complete dataset.
+        return enrichedSubmissions.map((submission) => {
+            const colColors = {};
+            const backgroundShades = {
+                ...(submission.backgroundShades ?? {}),
+            };
+            for (const key of keysToColor) {
+                const scoreValue = Number(submission[key] ?? 0);
+                const allScores = numberSets.get(key) || [];
+                const color = this.#getColorString(scoreValue, allScores);
+                colColors[key] = color;
+                backgroundShades[key] = this.#getScoreShade(color);
+            }
+            backgroundShades['adjudicationPricePreferenceCalculation'] = '';
+            return {
+                ...submission,
+                colColors,
+                backgroundShades,
+            };
+        });
+    }
+    #getScoreShade(rgbColor) {
+        if (!rgbColor)
+            return '';
+        return rgbColor.replace('rgb', 'rgba').replace(')', `, 0.1)`);
+    }
+    #getColorString(target, numbers) {
+        return getColorForNumber(target, numbers, true);
+    }
+    openPointAssignmentDialog(row, groupedScoreSheet, scoreSheetGroups) {
+        this.#dialog
+            .open(PointAssignmentDialogComponent, {
+            height: 'fit-content',
+            data: {
+                row,
+                groupedScoreSheet,
+                scoreSheetGroups,
+            },
+            autoFocus: false,
+            disableClose: true,
+        })
+            .afterClosed()
+            .pipe(take(1), switchMap((result) => {
+            if (!result)
+                return of(null);
+            // Update the value with the new point assignments
+            const assignment = Object.values(result).reduce((acc, curr) => {
+                acc = {
+                    ...acc,
+                    ...curr,
+                };
+                return acc;
+            }, {});
+            row['adj_microFlow_assignedScore'] = assignment;
+            const alreadyInValue = this.#value?.find((v) => v.id === row.id);
+            let newValue;
+            if (!alreadyInValue) {
+                newValue = [
+                    ...(this.#value || []),
+                    {
+                        ...row,
+                        adj_microFlow_assignedScore: assignment,
+                        adj_microFlow_scoreSheetTotalPoints: Object.values(assignment).reduce((acc, curr) => acc + curr, 0),
+                    },
+                ];
+            }
+            else {
+                newValue =
+                    this.#value?.map((v) => {
+                        if (v.id === row.id) {
+                            return {
+                                ...v,
+                                adj_microFlow_scoreSheetTotalPoints: Object.values(assignment).reduce((acc, curr) => acc + curr, 0),
+                                adj_microFlow_assignedScore: assignment,
+                            };
+                        }
+                        return v;
+                    }) || [];
+            }
+            return of(newValue);
+        }), tap((newValue) => {
+            if (!newValue)
+                return;
+            this.supplierSelection.emit(newValue);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe();
+    }
+    appointASupplier(row) {
+        if (this.inputConfig()?.readonly) {
+            return;
+        }
+        if (row['adj_microFlow_supplierAppointed']) {
+            row['adj_microFlow_supplierAppointed'] = false;
+        }
+        else {
+            row['adj_microFlow_supplierAppointed'] = true;
+        }
+        const alreadyInValue = this.#value?.find((v) => v.id === row.id);
+        let newValue;
+        if (!alreadyInValue) {
+            const otherRows = this.#value?.map((v) => ({
+                ...v,
+                adj_microFlow_supplierAppointed: false,
+            }));
+            newValue = [...(otherRows || []), row];
+        }
+        else {
+            newValue =
+                this.#value?.map((v) => {
+                    if (v.id === row.id) {
+                        return {
+                            ...v,
+                            adj_microFlow_supplierAppointed: row['adj_microFlow_supplierAppointed'],
+                        };
+                    }
+                    return {
+                        ...v,
+                        adj_microFlow_supplierAppointed: false,
+                    };
+                }) || [];
+        }
+        if (newValue) {
+            this.supplierSelection.emit(newValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SupplierSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: SupplierSelectionComponent, isStandalone: true, selector: "lib-supplier-selection", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { supplierSelection: "supplierSelection" }, ngImport: i0, template: "@if (vm$ | async; as vm) {\r\n  @if (vm.loading) {\r\n    <div style=\"display: flex; justify-content: center; align-items: center; padding:24px;width: 100%;\">\r\n      <mat-spinner></mat-spinner>\r\n    </div>\r\n  } @else if (vm.error) {\r\n    <div class=\"info-card error-card\">\r\n      <h5 class=\"info-title\">\u274C Failed to load data</h5>\r\n      <p>{{ vm.error }}</p>\r\n      <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\">\r\n        Try Again\r\n      </button>\r\n    </div>\r\n  } @else {\r\n\r\n    @if (vm.submissions.length === 0) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2139\uFE0F There are no submissions to display.</h5>\r\n        <ul>\r\n          <li>This can happen if <strong>no one has responded</strong> yet, or if <strong>none of the submission were\r\n              compliant </strong>.</li>\r\n          <li>If you are expecting to see submissions, try clicking the <strong>Refresh</strong> button.</li>\r\n        </ul>\r\n        <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\" class=\"load-button\">\r\n          Refresh\r\n        </button>\r\n      </div>\r\n    } @else {\r\n\r\n      @if (!value || value.length === 0) {\r\n        <div class=\"info-card\">\r\n          <h5 class=\"info-title\">\uD83D\uDCDD How to Appoint</h5>\r\n          <ol>\r\n            <li>\r\n              <strong>View Response:</strong> Click the <strong>Preview</strong> (<mat-icon\r\n                class=\"smallIcon\">preview</mat-icon>) icon to see the full submission.\r\n            </li>\r\n            <li>\r\n              <strong>Appoint:</strong> Click the  <strong>Appoint</strong>  button to appoint the supplier.\r\n            </li>\r\n\r\n          </ol>\r\n        </div>\r\n      }\r\n      <table mat-table [dataSource]=\"vm.submissions\">\r\n        @for (col of vm.displayColumns; track col.formControlName) {\r\n          <ng-container [matColumnDef]=\"col.formControlName\">\r\n            <th mat-header-cell *matHeaderCellDef style=\"padding:4px\">\r\n              {{ col.label }}\r\n            </th>\r\n            <td mat-cell *matCellDef=\"let row\" mat-ripple class=\"table-cell\" (click)=\"$event.stopPropagation()\"\r\n              [class.price-preference-cell]=\"true\" [style.border-bottom-color]=\"row.colColors[col.formControlName]\"\r\n              [style.background]=\"row.backgroundShades?.[col.formControlName]\">\r\n              @if (col.formControlName === 'actions') {\r\n                <span style=\"display: flex; align-items: center;\">\r\n                  <button matTooltipPosition=\"before\"\r\n                    [matTooltip]=\"`View and review **` + row[vm.columnMapping.respondentNameKey]+ `** 's' Submission`\"\r\n                    (click)=\"viewMicroSubmission(row)\" mat-icon-button>\r\n                    <mat-icon>preview</mat-icon>\r\n                  </button>\r\n                </span>\r\n              } @else if (col.formControlName === 'adj_microFlow_supplierAppointed') {\r\n                @if (row[col.formControlName] === true) {\r\n                  <button (click)=\"appointASupplier(row)\" mat-flat-button color=\"primary\">\r\n                    <mat-icon>\r\n                      check_circle\r\n                    </mat-icon>\r\n                    Appointed\r\n                  </button>\r\n                } @else {\r\n                  <button (click)=\"appointASupplier(row)\" mat-stroked-button>\r\n                    Appoint\r\n                  </button>\r\n                }\r\n              } @else {\r\n                @switch (col?.type) {\r\n                  @case ('daysAgo') {\r\n                    {{ row[col.formControlName] | daysAgo }}\r\n                  }\r\n                  @case ('number') {\r\n                    {{ (row[col.formControlName] | number:'0.0-0' ) || 'N/A' }}\r\n                  }\r\n                  @default {\r\n                    @if ($index === 0) {\r\n                      <span class=\"main-submission-text\">\r\n                        <mat-icon style=\"font-size: 1em;height:16px;width:16px\">domain</mat-icon>\r\n                        <strong>\r\n                          {{ row[col.formControlName] }}\r\n                        </strong>\r\n                      </span>\r\n                      <span class=\"secondary-text\">\r\n                        <mat-icon>fingerprint</mat-icon>\r\n                        {{ row[vm.columnMapping.respondentCodeKey] }}\r\n                        <mat-icon>more_time</mat-icon>\r\n                        {{ row[vm.columnMapping.responseDateKey ||''] | daysAgo }}\r\n                      </span>\r\n                    } @else {\r\n                      {{ row[col.formControlName] }}\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        <tr mat-header-row *matHeaderRowDef=\"vm.displayCols\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: vm.displayCols\"></tr>\r\n      </table>\r\n    }\r\n  }\r\n}\r\n", styles: [".number{display:flex;justify-content:space-between;align-items:center}li{font-size:.75em}ol,ul{margin-top:8px}.number-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-text{display:flex;align-items:center;white-space:pre;font-size:.75em;gap:8px;opacity:.8}.secondary-text mat-icon{font-size:.875em;width:14px;height:14px}.mat-column-adj_microFlow_review{max-width:18px;text-align:center}.mat-column-nameOfBidder{max-width:90px}.mat-column-actions{padding:0;max-width:80px}.mat-column-status{padding-left:8px;padding-right:8px;max-width:fit-content!important}.main-submission-text{display:flex;align-items:center;gap:8px;font-size:.875em}:host .notes-card{width:100%;max-width:480px;resize:both;height:fit-content}.smallIcon{font-size:.875em;width:14px;height:14px}.table-cell{padding-left:4px;padding-right:4px}.mat-column-adjudicationPricePreferenceCalculation,.mat-column-adj_microFlow_scoreSheetTotalPoints,.mat-column-adj_microFlow_pointsAwarded,.mat-column-adj_microFlow_pricePointCalculation{max-width:18px;text-align:center}.mat-column-adj_microFlow_supplierAppointed{max-width:50px;text-align:center}.mat-column-actions{max-width:14px;text-align:center}.ngx-t-forms-point-assignment-menu{width:fit-content!important;max-width:400px!important}.point-assignment-menu{padding-left:28px;padding-right:28px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: DaysAgoPipe, name: "daysAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SupplierSelectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-supplier-selection', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AsyncPipe,
+                        DecimalPipe,
+                        FormsModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatRippleModule,
+                        MatTableModule,
+                        MatTooltipModule,
+                        DaysAgoPipe,
+                    ], template: "@if (vm$ | async; as vm) {\r\n  @if (vm.loading) {\r\n    <div style=\"display: flex; justify-content: center; align-items: center; padding:24px;width: 100%;\">\r\n      <mat-spinner></mat-spinner>\r\n    </div>\r\n  } @else if (vm.error) {\r\n    <div class=\"info-card error-card\">\r\n      <h5 class=\"info-title\">\u274C Failed to load data</h5>\r\n      <p>{{ vm.error }}</p>\r\n      <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\">\r\n        Try Again\r\n      </button>\r\n    </div>\r\n  } @else {\r\n\r\n    @if (vm.submissions.length === 0) {\r\n      <div class=\"info-card\">\r\n        <h5 class=\"info-title\">\u2139\uFE0F There are no submissions to display.</h5>\r\n        <ul>\r\n          <li>This can happen if <strong>no one has responded</strong> yet, or if <strong>none of the submission were\r\n              compliant </strong>.</li>\r\n          <li>If you are expecting to see submissions, try clicking the <strong>Refresh</strong> button.</li>\r\n        </ul>\r\n        <button mat-raised-button color=\"primary\" (click)=\"loadMicroSubmissions()\" class=\"load-button\">\r\n          Refresh\r\n        </button>\r\n      </div>\r\n    } @else {\r\n\r\n      @if (!value || value.length === 0) {\r\n        <div class=\"info-card\">\r\n          <h5 class=\"info-title\">\uD83D\uDCDD How to Appoint</h5>\r\n          <ol>\r\n            <li>\r\n              <strong>View Response:</strong> Click the <strong>Preview</strong> (<mat-icon\r\n                class=\"smallIcon\">preview</mat-icon>) icon to see the full submission.\r\n            </li>\r\n            <li>\r\n              <strong>Appoint:</strong> Click the  <strong>Appoint</strong>  button to appoint the supplier.\r\n            </li>\r\n\r\n          </ol>\r\n        </div>\r\n      }\r\n      <table mat-table [dataSource]=\"vm.submissions\">\r\n        @for (col of vm.displayColumns; track col.formControlName) {\r\n          <ng-container [matColumnDef]=\"col.formControlName\">\r\n            <th mat-header-cell *matHeaderCellDef style=\"padding:4px\">\r\n              {{ col.label }}\r\n            </th>\r\n            <td mat-cell *matCellDef=\"let row\" mat-ripple class=\"table-cell\" (click)=\"$event.stopPropagation()\"\r\n              [class.price-preference-cell]=\"true\" [style.border-bottom-color]=\"row.colColors[col.formControlName]\"\r\n              [style.background]=\"row.backgroundShades?.[col.formControlName]\">\r\n              @if (col.formControlName === 'actions') {\r\n                <span style=\"display: flex; align-items: center;\">\r\n                  <button matTooltipPosition=\"before\"\r\n                    [matTooltip]=\"`View and review **` + row[vm.columnMapping.respondentNameKey]+ `** 's' Submission`\"\r\n                    (click)=\"viewMicroSubmission(row)\" mat-icon-button>\r\n                    <mat-icon>preview</mat-icon>\r\n                  </button>\r\n                </span>\r\n              } @else if (col.formControlName === 'adj_microFlow_supplierAppointed') {\r\n                @if (row[col.formControlName] === true) {\r\n                  <button (click)=\"appointASupplier(row)\" mat-flat-button color=\"primary\">\r\n                    <mat-icon>\r\n                      check_circle\r\n                    </mat-icon>\r\n                    Appointed\r\n                  </button>\r\n                } @else {\r\n                  <button (click)=\"appointASupplier(row)\" mat-stroked-button>\r\n                    Appoint\r\n                  </button>\r\n                }\r\n              } @else {\r\n                @switch (col?.type) {\r\n                  @case ('daysAgo') {\r\n                    {{ row[col.formControlName] | daysAgo }}\r\n                  }\r\n                  @case ('number') {\r\n                    {{ (row[col.formControlName] | number:'0.0-0' ) || 'N/A' }}\r\n                  }\r\n                  @default {\r\n                    @if ($index === 0) {\r\n                      <span class=\"main-submission-text\">\r\n                        <mat-icon style=\"font-size: 1em;height:16px;width:16px\">domain</mat-icon>\r\n                        <strong>\r\n                          {{ row[col.formControlName] }}\r\n                        </strong>\r\n                      </span>\r\n                      <span class=\"secondary-text\">\r\n                        <mat-icon>fingerprint</mat-icon>\r\n                        {{ row[vm.columnMapping.respondentCodeKey] }}\r\n                        <mat-icon>more_time</mat-icon>\r\n                        {{ row[vm.columnMapping.responseDateKey ||''] | daysAgo }}\r\n                      </span>\r\n                    } @else {\r\n                      {{ row[col.formControlName] }}\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        <tr mat-header-row *matHeaderRowDef=\"vm.displayCols\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: vm.displayCols\"></tr>\r\n      </table>\r\n    }\r\n  }\r\n}\r\n", styles: [".number{display:flex;justify-content:space-between;align-items:center}li{font-size:.75em}ol,ul{margin-top:8px}.number-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-text{display:flex;align-items:center;white-space:pre;font-size:.75em;gap:8px;opacity:.8}.secondary-text mat-icon{font-size:.875em;width:14px;height:14px}.mat-column-adj_microFlow_review{max-width:18px;text-align:center}.mat-column-nameOfBidder{max-width:90px}.mat-column-actions{padding:0;max-width:80px}.mat-column-status{padding-left:8px;padding-right:8px;max-width:fit-content!important}.main-submission-text{display:flex;align-items:center;gap:8px;font-size:.875em}:host .notes-card{width:100%;max-width:480px;resize:both;height:fit-content}.smallIcon{font-size:.875em;width:14px;height:14px}.table-cell{padding-left:4px;padding-right:4px}.mat-column-adjudicationPricePreferenceCalculation,.mat-column-adj_microFlow_scoreSheetTotalPoints,.mat-column-adj_microFlow_pointsAwarded,.mat-column-adj_microFlow_pricePointCalculation{max-width:18px;text-align:center}.mat-column-adj_microFlow_supplierAppointed{max-width:50px;text-align:center}.mat-column-actions{max-width:14px;text-align:center}.ngx-t-forms-point-assignment-menu{width:fit-content!important;max-width:400px!important}.point-assignment-menu{padding-left:28px;padding-right:28px}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: false }] }], supplierSelection: [{ type: i0.Output, args: ["supplierSelection"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+const customInputConfig = {
+    controlType: 'lib-workflow-adjudication-reactive-input',
+    nextId: 0,
+};
+class WorkflowAdjudicationReactiveInputComponent extends BaseCustomInput {
+    get empty() {
+        return this.value === null || this.value === undefined || Object.keys(this.value).length === 0;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    constructor() {
+        super(inject(NgControl, { self: true, optional: true }), inject(ElementRef), customInputConfig);
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.editorMode = input(false, ...(ngDevMode ? [{ debugName: "editorMode" }] : /* istanbul ignore next */ []));
+        this.formBuilderFunctions = input(undefined, ...(ngDevMode ? [{ debugName: "formBuilderFunctions" }] : /* istanbul ignore next */ []));
+        this.adjudicationSteps = AdjudicationSteps;
+    }
+    setValue(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: WorkflowAdjudicationReactiveInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: WorkflowAdjudicationReactiveInputComponent, isStandalone: true, selector: "lib-workflow-adjudication-reactive-input", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null }, editorMode: { classPropertyName: "editorMode", publicName: "editorMode", isSignal: true, isRequired: false, transformFunction: null }, formBuilderFunctions: { classPropertyName: "formBuilderFunctions", publicName: "formBuilderFunctions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: WorkflowAdjudicationReactiveInputComponent }], usesInheritance: true, ngImport: i0, template: "@switch (inputConfig().adjudicationStep) {\r\n@case (adjudicationSteps.ScoreCreation) {\r\n<lib-points-creation [inputConfig]=\"inputConfig()\" [value]=\"value\" (pointsChange)=\"setValue($event)\">\r\n</lib-points-creation>\r\n}\r\n@case (adjudicationSteps.SubMissionReview) {\r\n<lib-submission-review [inputConfig]=\"inputConfig()\" [value]=\"value\"\r\n    (reviewChange)=\"setValue($event)\"></lib-submission-review>\r\n}\r\n@case (adjudicationSteps.SupplierSelection) {\r\n<lib-supplier-selection [inputConfig]=\"inputConfig()\" [value]=\"value\"\r\n    (supplierSelection)=\"setValue($event)\"></lib-supplier-selection>\r\n}\r\n@case (adjudicationSteps.PointAssignment) {\r\n<lib-point-assignment [inputConfig]=\"inputConfig()\" [value]=\"value\"\r\n    (pointsChange)=\"setValue($event)\"></lib-point-assignment>\r\n}\r\n@default {\r\n<h6>\r\n    {{ inputConfig().adjudicationStep | titlecase }} is not implemented yet.\r\n</h6>\r\n}\r\n}\r\n", styles: [".input-add{width:100%}th,td{padding:4px}mat-hint{text-align:start}.glass{background:#ffffff40!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mat-column-totalPoints{width:100px!important;max-width:100px!important}.mat-column-pointType{width:180px!important;max-width:180px!important}.mat-column-actions{width:78px!important;max-width:78px!important}li{font-size:.75em}ol{margin-top:8px}\n"], dependencies: [{ kind: "component", type: PointsCreationComponent, selector: "lib-points-creation", inputs: ["inputConfig", "value"], outputs: ["pointsChange"] }, { kind: "component", type: SubmissionReviewComponent, selector: "lib-submission-review", inputs: ["inputConfig", "value"], outputs: ["reviewChange"] }, { kind: "component", type: SupplierSelectionComponent, selector: "lib-supplier-selection", inputs: ["inputConfig", "value"], outputs: ["supplierSelection"] }, { kind: "component", type: PointAssignmentComponent, selector: "lib-point-assignment", inputs: ["inputConfig", "value"], outputs: ["pointsChange"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: WorkflowAdjudicationReactiveInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-workflow-adjudication-reactive-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        '[class.floating]': 'shouldLabelFloat',
+                        '[id]': 'id',
+                    }, imports: [
+                        TitleCasePipe,
+                        PointsCreationComponent,
+                        SubmissionReviewComponent,
+                        SupplierSelectionComponent,
+                        PointAssignmentComponent,
+                    ], providers: [{ provide: MatFormFieldControl, useExisting: WorkflowAdjudicationReactiveInputComponent }], template: "@switch (inputConfig().adjudicationStep) {\r\n@case (adjudicationSteps.ScoreCreation) {\r\n<lib-points-creation [inputConfig]=\"inputConfig()\" [value]=\"value\" (pointsChange)=\"setValue($event)\">\r\n</lib-points-creation>\r\n}\r\n@case (adjudicationSteps.SubMissionReview) {\r\n<lib-submission-review [inputConfig]=\"inputConfig()\" [value]=\"value\"\r\n    (reviewChange)=\"setValue($event)\"></lib-submission-review>\r\n}\r\n@case (adjudicationSteps.SupplierSelection) {\r\n<lib-supplier-selection [inputConfig]=\"inputConfig()\" [value]=\"value\"\r\n    (supplierSelection)=\"setValue($event)\"></lib-supplier-selection>\r\n}\r\n@case (adjudicationSteps.PointAssignment) {\r\n<lib-point-assignment [inputConfig]=\"inputConfig()\" [value]=\"value\"\r\n    (pointsChange)=\"setValue($event)\"></lib-point-assignment>\r\n}\r\n@default {\r\n<h6>\r\n    {{ inputConfig().adjudicationStep | titlecase }} is not implemented yet.\r\n</h6>\r\n}\r\n}\r\n", styles: [".input-add{width:100%}th,td{padding:4px}mat-hint{text-align:start}.glass{background:#ffffff40!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mat-column-totalPoints{width:100px!important;max-width:100px!important}.mat-column-pointType{width:180px!important;max-width:180px!important}.mat-column-actions{width:78px!important;max-width:78px!important}li{font-size:.75em}ol{margin-top:8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }], editorMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorMode", required: false }] }], formBuilderFunctions: [{ type: i0.Input, args: [{ isSignal: true, alias: "formBuilderFunctions", required: false }] }] } });
+
+/** Wraps a workflow-adjudication reactive control inside a `mat-form-field`. */
+class WorkflowAdjudicationComponent {
+    constructor() {
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : /* istanbul ignore next */ []));
+        this.editorMode = input(false, ...(ngDevMode ? [{ debugName: "editorMode" }] : /* istanbul ignore next */ []));
+        this.formBuilderFunctions = input(undefined, ...(ngDevMode ? [{ debugName: "formBuilderFunctions" }] : /* istanbul ignore next */ []));
+        this.reload = output();
+        this.errorMessage = computed(() => getInputErrorMessage(this.inputConfig(), this.formGroup()), ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: WorkflowAdjudicationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: WorkflowAdjudicationComponent, isStandalone: true, selector: "lib-workflow-adjudication", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, editorMode: { classPropertyName: "editorMode", publicName: "editorMode", isSignal: true, isRequired: false, transformFunction: null }, formBuilderFunctions: { classPropertyName: "formBuilderFunctions", publicName: "formBuilderFunctions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reload: "reload" }, ngImport: i0, template: "<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field\r\n      [appearance]=\"inputConfig.appearance || 'fill'\"\r\n      [floatLabel]=\"'always'\"\r\n      subscriptSizing=\"dynamic\"\r\n    >\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-workflow-adjudication-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [required]=\"inputConfig.required\"\r\n        [formGroup]=\"formGroup()\"\r\n        [editorMode]=\"editorMode()\"\r\n        [formBuilderFunctions]=\"formBuilderFunctions()\"\r\n      ></lib-workflow-adjudication-reactive-input>\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n", styles: ["mat-form-field{width:100%}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }, { kind: "component", type: WorkflowAdjudicationReactiveInputComponent, selector: "lib-workflow-adjudication-reactive-input", inputs: ["inputConfig", "editorMode", "formBuilderFunctions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: WorkflowAdjudicationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-workflow-adjudication', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        TFormInputStatusComponent,
+                        WorkflowAdjudicationReactiveInputComponent,
+                    ], template: "<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field\r\n      [appearance]=\"inputConfig.appearance || 'fill'\"\r\n      [floatLabel]=\"'always'\"\r\n      subscriptSizing=\"dynamic\"\r\n    >\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-workflow-adjudication-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [required]=\"inputConfig.required\"\r\n        [formGroup]=\"formGroup()\"\r\n        [editorMode]=\"editorMode()\"\r\n        [formBuilderFunctions]=\"formBuilderFunctions()\"\r\n      ></lib-workflow-adjudication-reactive-input>\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n", styles: ["mat-form-field{width:100%}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], editorMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorMode", required: false }] }], formBuilderFunctions: [{ type: i0.Input, args: [{ isSignal: true, alias: "formBuilderFunctions", required: false }] }], reload: [{ type: i0.Output, args: ["reload"] }] } });
+
+export { WorkflowAdjudicationComponent };
+//# sourceMappingURL=ngx-t-forms-workflow-adjudication.component-CPvwm7f4.mjs.map