@cqa-lib/cqa-ui 1.1.434 → 1.1.436

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -40050,6 +40050,7 @@ class TestCaseDetailsEditComponent {
             if (section.title === 'AI Configuration') {
                 const enableAiSmartnessValue = this.editForm.get('enableAiSmartness')?.value;
                 const defaultAiActionValue = this.editForm.get('defaultAiAction')?.value;
+                const knowledgeBaseValue = this.editForm.get('knowledgeBaseDefaultTestCase')?.value;
                 const items = section.items.map((item) => {
                     if (item.label === 'Enable AI metadata collection')
                         return { ...item, value: useAiMetadata };
@@ -40057,6 +40058,8 @@ class TestCaseDetailsEditComponent {
                         return { ...item, value: enableAiSmartnessValue };
                     if (item.label === 'Default AI Action' && defaultAiActionValue != null && defaultAiActionValue !== '')
                         return { ...item, value: defaultAiActionValue };
+                    if (item.label === 'Knowledge Base Default Test Case' && knowledgeBaseValue != null && knowledgeBaseValue !== '')
+                        return { ...item, value: knowledgeBaseValue };
                     return item;
                 });
                 return { ...section, items };
@@ -42483,6 +42486,7 @@ class VersionHistoryCompareComponent {
         this.compareFromId = null;
         this.compareToId = null;
         this.formatValueHtmlFn = (v) => String(v ?? '');
+        this.fieldLabelMap = {};
         this.swapVersions = new EventEmitter();
         this.closeComparison = new EventEmitter();
         this.compareFromChange = new EventEmitter();
@@ -42494,6 +42498,12 @@ class VersionHistoryCompareComponent {
             this.groupedStepChanges = this.buildGroupedStepChanges();
         }
     }
+    getFieldLabel(field) {
+        if (!field) {
+            return 'field';
+        }
+        return this.fieldLabelMap[field] || field;
+    }
     buildGroupedStepChanges() {
         const changes = this.compareResult?.stepChanges || [];
         if (!changes.length) {
@@ -42524,10 +42534,10 @@ class VersionHistoryCompareComponent {
     }
 }
 VersionHistoryCompareComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VersionHistoryCompareComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VersionHistoryCompareComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: VersionHistoryCompareComponent, selector: "cqa-version-history-compare", inputs: { compareResult: "compareResult", versions: "versions", compareFromId: "compareFromId", compareToId: "compareToId", formatValueHtmlFn: "formatValueHtmlFn" }, outputs: { swapVersions: "swapVersions", closeComparison: "closeComparison", compareFromChange: "compareFromChange", compareToChange: "compareToChange" }, usesOnChanges: true, ngImport: i0, template: "<div>\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-header\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 10px;\">\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap versions\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M4 2L4 14M4 14L1 11M4 14L7 11M12 14L12 2M12 2L9 5M12 2L15 5\" stroke=\"#667085\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <span class=\"cqa-vh-compare-title\">Version Comparison</span>\n      <cqa-badge *ngIf=\"compareResult\" [label]=\"compareResult.totalDifferences + ' differences'\" size=\"small\"\n        variant=\"info\" backgroundColor=\"#EFF4FF\" textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n    </div>\n    <cqa-button variant=\"outlined\" text=\"Close\" (clicked)=\"closeComparison.emit()\"></cqa-button>\n  </div>\n\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-selectors\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 8px; flex: 1; min-width: 0;\">\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareFromId\" (ngModelChange)=\"compareFromChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M2 5H14M14 5L11 2M14 5L11 8M14 11H2M2 11L5 8M2 11L5 14\" stroke=\"#3f43ee\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareToId\" (ngModelChange)=\"compareToChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n    </div>\n  </div>\n\n  <div *ngIf=\"!compareResult\" class=\"cqa-vh-compare-loading\">\n    Loading comparison...\n  </div>\n\n  <ng-container *ngIf=\"compareResult\">\n    <div class=\"d-flex align-items-center cqa-vh-compare-summary-badges\">\n      <cqa-badge [label]=\"'+ ' + compareResult.summary.added + ' added'\" size=\"small\" backgroundColor=\"#ECFDF3\"\n        textColor=\"#027A48\" borderColor=\"#A7F3D0\"></cqa-badge>\n      <cqa-badge [label]=\"'~ ' + compareResult.summary.modified + ' modified'\" size=\"small\" backgroundColor=\"#FFFAEB\"\n        textColor=\"#B54708\" borderColor=\"#FEDF89\"></cqa-badge>\n      <cqa-badge [label]=\"'- ' + compareResult.summary.removed + ' removed'\" size=\"small\" backgroundColor=\"#FEF3F2\"\n        textColor=\"#B42318\" borderColor=\"#FECDCA\"></cqa-badge>\n      <cqa-badge [label]=\"'= ' + compareResult.summary.unchanged + ' unchanged'\" size=\"small\" backgroundColor=\"#F2F4F7\"\n        textColor=\"#344054\" borderColor=\"#E4E7EC\"></cqa-badge>\n    </div>\n\n    <ng-container *ngIf=\"compareResult.testCaseChanges?.length || compareResult.stepChanges?.length; else noDiffs\">\n      <ng-container *ngIf=\"compareResult.testCaseChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\">\n          <span>Test Case Changes</span>\n          <cqa-badge [label]=\"compareResult.testCaseChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n        <div *ngFor=\"let change of compareResult.testCaseChanges\" class=\"cqa-vh-compare-diff-row\">\n          <div class=\"cqa-vh-compare-field-label\">{{ change.field }}</div>\n          <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0;\">\n            <div *ngIf=\"change.fromValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n            </div>\n            <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n            <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n            </div>\n            <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"compareResult.stepChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\"\n          [style.margin-top.px]=\"compareResult.testCaseChanges?.length ? 20 : 0\">\n          <span>Step Changes</span>\n          <cqa-badge [label]=\"compareResult.stepChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n\n        <ng-container *ngFor=\"let stepGroup of groupedStepChanges; let sgi = index\">\n          <div class=\"d-flex gap-2\">\n            <!-- Step sub-group header -->\n            <div class=\"cqa-vh-detail-step-group-header\" [style.margin-top.px]=\"sgi > 0 ? 14 : 4\">\n              <!-- <span class=\"cqa-vh-detail-step-group-label\">{{ stepGroup.label }}</span> -->\n              <cqa-badge [label]=\"stepGroup.label\" size=\"small\" backgroundColor=\"#EDF1F3\" textColor=\"#636A71\"\n                borderColor=\"#DBDEE1\"></cqa-badge>\n            </div>\n\n            <!-- Changes within this step -->\n            <div class=\"cqa-vh-compare-diff-row-container\">\n              <div *ngFor=\"let change of stepGroup.changes\"\n                class=\"cqa-vh-compare-diff-row cqa-vh-compare-diff-row--indented\">\n                <!-- <div class=\"cqa-vh-compare-field-label\">{{ change.field }}</div> -->\n                <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0; flex-grow:1;\">\n                  <div *ngIf=\"change.fromValue != null\"\n                    class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                  <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <ng-template #noDiffs>\n      <div class=\"cqa-vh-compare-empty\">\n        <cqa-empty-state title=\"No differences\" description=\"No differences between these versions.\"></cqa-empty-state>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>", components: [{ type: BadgeComponent, selector: "cqa-badge", inputs: ["type", "label", "icon", "iconLibrary", "variant", "size", "backgroundColor", "textColor", "borderColor", "iconBackgroundColor", "iconColor", "iconSize", "inlineStyles", "key", "value", "keyTextColor", "valueTextColor", "isLoading", "fullWidth", "centerContent", "title"] }, { type: ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }, { type: EmptyStateComponent, selector: "cqa-empty-state", inputs: ["preset", "imageUrl", "title", "description", "actions"], outputs: ["actionClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "date": i2.DatePipe } });
+VersionHistoryCompareComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: VersionHistoryCompareComponent, selector: "cqa-version-history-compare", inputs: { compareResult: "compareResult", versions: "versions", compareFromId: "compareFromId", compareToId: "compareToId", formatValueHtmlFn: "formatValueHtmlFn", fieldLabelMap: "fieldLabelMap" }, outputs: { swapVersions: "swapVersions", closeComparison: "closeComparison", compareFromChange: "compareFromChange", compareToChange: "compareToChange" }, usesOnChanges: true, ngImport: i0, template: "<div>\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-header\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 10px;\">\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap versions\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M4 2L4 14M4 14L1 11M4 14L7 11M12 14L12 2M12 2L9 5M12 2L15 5\" stroke=\"#667085\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <span class=\"cqa-vh-compare-title\">Version Comparison</span>\n      <cqa-badge *ngIf=\"compareResult\" [label]=\"compareResult.totalDifferences + ' differences'\" size=\"small\"\n        variant=\"info\" backgroundColor=\"#EFF4FF\" textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n    </div>\n    <cqa-button variant=\"outlined\" text=\"Close\" (clicked)=\"closeComparison.emit()\"></cqa-button>\n  </div>\n\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-selectors\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 8px; flex: 1; min-width: 0;\">\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareFromId\" (ngModelChange)=\"compareFromChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M2 5H14M14 5L11 2M14 5L11 8M14 11H2M2 11L5 8M2 11L5 14\" stroke=\"#3f43ee\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareToId\" (ngModelChange)=\"compareToChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n    </div>\n  </div>\n\n  <div *ngIf=\"!compareResult\" class=\"cqa-vh-compare-loading\">\n    Loading comparison...\n  </div>\n\n  <ng-container *ngIf=\"compareResult\">\n    <div class=\"d-flex align-items-center cqa-vh-compare-summary-badges\">\n      <cqa-badge [label]=\"'+ ' + compareResult.summary.added + ' added'\" size=\"small\" backgroundColor=\"#ECFDF3\"\n        textColor=\"#027A48\" borderColor=\"#A7F3D0\"></cqa-badge>\n      <cqa-badge [label]=\"'~ ' + compareResult.summary.modified + ' modified'\" size=\"small\" backgroundColor=\"#FFFAEB\"\n        textColor=\"#B54708\" borderColor=\"#FEDF89\"></cqa-badge>\n      <cqa-badge [label]=\"'- ' + compareResult.summary.removed + ' removed'\" size=\"small\" backgroundColor=\"#FEF3F2\"\n        textColor=\"#B42318\" borderColor=\"#FECDCA\"></cqa-badge>\n      <cqa-badge [label]=\"'= ' + compareResult.summary.unchanged + ' unchanged'\" size=\"small\" backgroundColor=\"#F2F4F7\"\n        textColor=\"#344054\" borderColor=\"#E4E7EC\"></cqa-badge>\n    </div>\n\n    <ng-container *ngIf=\"compareResult.testCaseChanges?.length || compareResult.stepChanges?.length; else noDiffs\">\n      <ng-container *ngIf=\"compareResult.testCaseChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\">\n          <span>Test Case Changes</span>\n          <cqa-badge [label]=\"compareResult.testCaseChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n        <div *ngFor=\"let change of compareResult.testCaseChanges\" class=\"cqa-vh-compare-diff-row\">\n          <div class=\"cqa-vh-compare-field-label\">{{ getFieldLabel(change.field) }}</div>\n          <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0;\">\n            <div *ngIf=\"change.fromValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n            </div>\n            <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n            <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n            </div>\n            <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"compareResult.stepChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\"\n          [style.margin-top.px]=\"compareResult.testCaseChanges?.length ? 20 : 0\">\n          <span>Step Changes</span>\n          <cqa-badge [label]=\"compareResult.stepChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n\n        <ng-container *ngFor=\"let stepGroup of groupedStepChanges; let sgi = index\">\n          <div class=\"d-flex gap-2\">\n            <!-- Step sub-group header -->\n            <div class=\"cqa-vh-detail-step-group-header\" [style.margin-top.px]=\"sgi > 0 ? 14 : 4\">\n              <!-- <span class=\"cqa-vh-detail-step-group-label\">{{ stepGroup.label }}</span> -->\n              <cqa-badge [label]=\"stepGroup.label\" size=\"small\" backgroundColor=\"#EDF1F3\" textColor=\"#636A71\"\n                borderColor=\"#DBDEE1\"></cqa-badge>\n            </div>\n\n            <!-- Changes within this step -->\n            <div class=\"cqa-vh-compare-diff-row-container\">\n              <div *ngFor=\"let change of stepGroup.changes\"\n                class=\"cqa-vh-compare-diff-row cqa-vh-compare-diff-row--indented\">\n                <!-- <div class=\"cqa-vh-compare-field-label\">{{ getFieldLabel(change.field) }}</div> -->\n                <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0; flex-grow:1;\">\n                  <div *ngIf=\"change.fromValue != null\"\n                    class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                  <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <ng-template #noDiffs>\n      <div class=\"cqa-vh-compare-empty\">\n        <cqa-empty-state title=\"No differences\" description=\"No differences between these versions.\"></cqa-empty-state>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>", components: [{ type: BadgeComponent, selector: "cqa-badge", inputs: ["type", "label", "icon", "iconLibrary", "variant", "size", "backgroundColor", "textColor", "borderColor", "iconBackgroundColor", "iconColor", "iconSize", "inlineStyles", "key", "value", "keyTextColor", "valueTextColor", "isLoading", "fullWidth", "centerContent", "title"] }, { type: ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }, { type: EmptyStateComponent, selector: "cqa-empty-state", inputs: ["preset", "imageUrl", "title", "description", "actions"], outputs: ["actionClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "date": i2.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VersionHistoryCompareComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cqa-version-history-compare', template: "<div>\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-header\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 10px;\">\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap versions\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M4 2L4 14M4 14L1 11M4 14L7 11M12 14L12 2M12 2L9 5M12 2L15 5\" stroke=\"#667085\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <span class=\"cqa-vh-compare-title\">Version Comparison</span>\n      <cqa-badge *ngIf=\"compareResult\" [label]=\"compareResult.totalDifferences + ' differences'\" size=\"small\"\n        variant=\"info\" backgroundColor=\"#EFF4FF\" textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n    </div>\n    <cqa-button variant=\"outlined\" text=\"Close\" (clicked)=\"closeComparison.emit()\"></cqa-button>\n  </div>\n\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-selectors\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 8px; flex: 1; min-width: 0;\">\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareFromId\" (ngModelChange)=\"compareFromChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M2 5H14M14 5L11 2M14 5L11 8M14 11H2M2 11L5 8M2 11L5 14\" stroke=\"#3f43ee\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareToId\" (ngModelChange)=\"compareToChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n    </div>\n  </div>\n\n  <div *ngIf=\"!compareResult\" class=\"cqa-vh-compare-loading\">\n    Loading comparison...\n  </div>\n\n  <ng-container *ngIf=\"compareResult\">\n    <div class=\"d-flex align-items-center cqa-vh-compare-summary-badges\">\n      <cqa-badge [label]=\"'+ ' + compareResult.summary.added + ' added'\" size=\"small\" backgroundColor=\"#ECFDF3\"\n        textColor=\"#027A48\" borderColor=\"#A7F3D0\"></cqa-badge>\n      <cqa-badge [label]=\"'~ ' + compareResult.summary.modified + ' modified'\" size=\"small\" backgroundColor=\"#FFFAEB\"\n        textColor=\"#B54708\" borderColor=\"#FEDF89\"></cqa-badge>\n      <cqa-badge [label]=\"'- ' + compareResult.summary.removed + ' removed'\" size=\"small\" backgroundColor=\"#FEF3F2\"\n        textColor=\"#B42318\" borderColor=\"#FECDCA\"></cqa-badge>\n      <cqa-badge [label]=\"'= ' + compareResult.summary.unchanged + ' unchanged'\" size=\"small\" backgroundColor=\"#F2F4F7\"\n        textColor=\"#344054\" borderColor=\"#E4E7EC\"></cqa-badge>\n    </div>\n\n    <ng-container *ngIf=\"compareResult.testCaseChanges?.length || compareResult.stepChanges?.length; else noDiffs\">\n      <ng-container *ngIf=\"compareResult.testCaseChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\">\n          <span>Test Case Changes</span>\n          <cqa-badge [label]=\"compareResult.testCaseChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n        <div *ngFor=\"let change of compareResult.testCaseChanges\" class=\"cqa-vh-compare-diff-row\">\n          <div class=\"cqa-vh-compare-field-label\">{{ change.field }}</div>\n          <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0;\">\n            <div *ngIf=\"change.fromValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n            </div>\n            <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n            <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n            </div>\n            <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"compareResult.stepChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\"\n          [style.margin-top.px]=\"compareResult.testCaseChanges?.length ? 20 : 0\">\n          <span>Step Changes</span>\n          <cqa-badge [label]=\"compareResult.stepChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n\n        <ng-container *ngFor=\"let stepGroup of groupedStepChanges; let sgi = index\">\n          <div class=\"d-flex gap-2\">\n            <!-- Step sub-group header -->\n            <div class=\"cqa-vh-detail-step-group-header\" [style.margin-top.px]=\"sgi > 0 ? 14 : 4\">\n              <!-- <span class=\"cqa-vh-detail-step-group-label\">{{ stepGroup.label }}</span> -->\n              <cqa-badge [label]=\"stepGroup.label\" size=\"small\" backgroundColor=\"#EDF1F3\" textColor=\"#636A71\"\n                borderColor=\"#DBDEE1\"></cqa-badge>\n            </div>\n\n            <!-- Changes within this step -->\n            <div class=\"cqa-vh-compare-diff-row-container\">\n              <div *ngFor=\"let change of stepGroup.changes\"\n                class=\"cqa-vh-compare-diff-row cqa-vh-compare-diff-row--indented\">\n                <!-- <div class=\"cqa-vh-compare-field-label\">{{ change.field }}</div> -->\n                <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0; flex-grow:1;\">\n                  <div *ngIf=\"change.fromValue != null\"\n                    class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                  <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <ng-template #noDiffs>\n      <div class=\"cqa-vh-compare-empty\">\n        <cqa-empty-state title=\"No differences\" description=\"No differences between these versions.\"></cqa-empty-state>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>", styles: [] }]
+            args: [{ selector: 'cqa-version-history-compare', template: "<div>\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-header\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 10px;\">\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap versions\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M4 2L4 14M4 14L1 11M4 14L7 11M12 14L12 2M12 2L9 5M12 2L15 5\" stroke=\"#667085\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <span class=\"cqa-vh-compare-title\">Version Comparison</span>\n      <cqa-badge *ngIf=\"compareResult\" [label]=\"compareResult.totalDifferences + ' differences'\" size=\"small\"\n        variant=\"info\" backgroundColor=\"#EFF4FF\" textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n    </div>\n    <cqa-button variant=\"outlined\" text=\"Close\" (clicked)=\"closeComparison.emit()\"></cqa-button>\n  </div>\n\n  <div class=\"d-flex align-items-center justify-content-between cqa-vh-compare-selectors\">\n    <div class=\"d-flex align-items-center\" style=\"gap: 8px; flex: 1; min-width: 0;\">\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareFromId\" (ngModelChange)=\"compareFromChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n      <span class=\"cqa-vh-compare-swap-btn\" (click)=\"swapVersions.emit()\" title=\"Swap\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M2 5H14M14 5L11 2M14 5L11 8M14 11H2M2 11L5 8M2 11L5 14\" stroke=\"#3f43ee\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      </span>\n      <select class=\"cqa-vh-compare-select\" [ngModel]=\"compareToId\" (ngModelChange)=\"compareToChange.emit($event)\">\n        <option *ngFor=\"let v of versions\" [ngValue]=\"v.id\">V{{ v.versionNumber }} \u00B7 {{ v.displayDate | date:'MMM d,\n          yyyy \u00B7 h:mm a' }}</option>\n      </select>\n    </div>\n  </div>\n\n  <div *ngIf=\"!compareResult\" class=\"cqa-vh-compare-loading\">\n    Loading comparison...\n  </div>\n\n  <ng-container *ngIf=\"compareResult\">\n    <div class=\"d-flex align-items-center cqa-vh-compare-summary-badges\">\n      <cqa-badge [label]=\"'+ ' + compareResult.summary.added + ' added'\" size=\"small\" backgroundColor=\"#ECFDF3\"\n        textColor=\"#027A48\" borderColor=\"#A7F3D0\"></cqa-badge>\n      <cqa-badge [label]=\"'~ ' + compareResult.summary.modified + ' modified'\" size=\"small\" backgroundColor=\"#FFFAEB\"\n        textColor=\"#B54708\" borderColor=\"#FEDF89\"></cqa-badge>\n      <cqa-badge [label]=\"'- ' + compareResult.summary.removed + ' removed'\" size=\"small\" backgroundColor=\"#FEF3F2\"\n        textColor=\"#B42318\" borderColor=\"#FECDCA\"></cqa-badge>\n      <cqa-badge [label]=\"'= ' + compareResult.summary.unchanged + ' unchanged'\" size=\"small\" backgroundColor=\"#F2F4F7\"\n        textColor=\"#344054\" borderColor=\"#E4E7EC\"></cqa-badge>\n    </div>\n\n    <ng-container *ngIf=\"compareResult.testCaseChanges?.length || compareResult.stepChanges?.length; else noDiffs\">\n      <ng-container *ngIf=\"compareResult.testCaseChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\">\n          <span>Test Case Changes</span>\n          <cqa-badge [label]=\"compareResult.testCaseChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n        <div *ngFor=\"let change of compareResult.testCaseChanges\" class=\"cqa-vh-compare-diff-row\">\n          <div class=\"cqa-vh-compare-field-label\">{{ getFieldLabel(change.field) }}</div>\n          <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0;\">\n            <div *ngIf=\"change.fromValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n            </div>\n            <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n            <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n              <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n            </div>\n            <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"compareResult.stepChanges?.length\">\n        <div class=\"d-flex align-items-center cqa-vh-compare-section-header\"\n          [style.margin-top.px]=\"compareResult.testCaseChanges?.length ? 20 : 0\">\n          <span>Step Changes</span>\n          <cqa-badge [label]=\"compareResult.stepChanges.length + ' diffs'\" size=\"small\" backgroundColor=\"#EFF4FF\"\n            textColor=\"#3f43ee\" borderColor=\"#C7D7FE\"></cqa-badge>\n        </div>\n\n        <ng-container *ngFor=\"let stepGroup of groupedStepChanges; let sgi = index\">\n          <div class=\"d-flex gap-2\">\n            <!-- Step sub-group header -->\n            <div class=\"cqa-vh-detail-step-group-header\" [style.margin-top.px]=\"sgi > 0 ? 14 : 4\">\n              <!-- <span class=\"cqa-vh-detail-step-group-label\">{{ stepGroup.label }}</span> -->\n              <cqa-badge [label]=\"stepGroup.label\" size=\"small\" backgroundColor=\"#EDF1F3\" textColor=\"#636A71\"\n                borderColor=\"#DBDEE1\"></cqa-badge>\n            </div>\n\n            <!-- Changes within this step -->\n            <div class=\"cqa-vh-compare-diff-row-container\">\n              <div *ngFor=\"let change of stepGroup.changes\"\n                class=\"cqa-vh-compare-diff-row cqa-vh-compare-diff-row--indented\">\n                <!-- <div class=\"cqa-vh-compare-field-label\">{{ getFieldLabel(change.field) }}</div> -->\n                <div style=\"display: flex; flex: 1; gap: 12px; min-width: 0; flex-grow:1;\">\n                  <div *ngIf=\"change.fromValue != null\"\n                    class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--removed\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.fromValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.fromValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                  <div *ngIf=\"change.toValue != null\" class=\"cqa-vh-compare-diff-cell cqa-vh-compare-diff-cell--added\">\n                    <div class=\"cqa-vh-compare-diff-cell-text\" [innerHTML]=\"formatValueHtmlFn(change.toValue)\"></div>\n                  </div>\n                  <div *ngIf=\"change.toValue == null\" class=\"cqa-vh-compare-diff-cell-empty\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <ng-template #noDiffs>\n      <div class=\"cqa-vh-compare-empty\">\n        <cqa-empty-state title=\"No differences\" description=\"No differences between these versions.\"></cqa-empty-state>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>", styles: [] }]
         }], propDecorators: { compareResult: [{
                 type: Input
             }], versions: [{
@@ -42538,6 +42548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], formatValueHtmlFn: [{
                 type: Input
+            }], fieldLabelMap: [{
+                type: Input
             }], swapVersions: [{
                 type: Output
             }], closeComparison: [{
@@ -42600,6 +42612,7 @@ class VersionHistoryRestoreConfirmComponent {
         this.newVersionNumber = 0;
         this.authorName = '';
         this.getChangeHeadlineFn = null;
+        this.fieldLabelMap = {};
     }
     getRestoreToLabel() {
         if (!this.restoringToVersion) {
@@ -42616,7 +42629,8 @@ class VersionHistoryRestoreConfirmComponent {
             d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
     }
     getChangeInfo(change) {
-        const field = change?.field || 'field';
+        const rawField = change?.field || 'field';
+        const field = this.fieldLabelMap[rawField] || rawField;
         const op = (change?.op || '').toLowerCase();
         const step = change?.stepId != null ? `Step #${change.stepId} ` : '';
         // Plain text versions used only for building the sentence
@@ -42683,7 +42697,7 @@ class VersionHistoryRestoreConfirmComponent {
     }
 }
 VersionHistoryRestoreConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VersionHistoryRestoreConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VersionHistoryRestoreConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: VersionHistoryRestoreConfirmComponent, selector: "cqa-version-history-restore-confirm", inputs: { restoringToVersion: "restoringToVersion", currentVersionNumber: "currentVersionNumber", newVersionNumber: "newVersionNumber", authorName: "authorName", getChangeHeadlineFn: "getChangeHeadlineFn" }, ngImport: i0, template: "<div class=\"cqa-vh-restore-confirm\">\n\n  <!-- Info grid -->\n  <div class=\"cqa-vh-restore-info-grid\">\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Restoring to</span>\n      <span class=\"cqa-vh-restore-info-value\">{{ getRestoreToLabel() }}</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">New version created</span>\n      <span class=\"cqa-vh-restore-info-value\">v{{ newVersionNumber }} (auto-incremented)</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Current version</span>\n      <span class=\"cqa-vh-restore-info-value\">v{{ currentVersionNumber }} \u2014 preserved in history</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Author</span>\n      <span class=\"cqa-vh-restore-info-value\">{{ authorName }}</span>\n    </div>\n  </div>\n\n  <!-- Changes that will be reverted -->\n  <div *ngIf=\"restoringToVersion?.changes?.length\">\n    <div class=\"cqa-vh-restore-changes-title\">Changes that will be reverted</div>\n    <div class=\"cqa-vh-restore-changes-list\">\n      <div *ngFor=\"let change of restoringToVersion.changes; let i = index\"\n        class=\"cqa-vh-restore-change-item\">\n\n        <div class=\"cqa-vh-restore-change-index\">{{ i + 1 }}</div>\n\n        <ng-container *ngIf=\"getChangeInfo(change) as info\">\n          <div class=\"cqa-vh-restore-change-body\">\n\n            <!-- Primary sentence -->\n            <span class=\"cqa-vh-restore-change-sentence\">{{ info.sentence }}</span>\n\n            <!-- From \u2192 To detail (replace only) -->\n            <div *ngIf=\"info.op === 'replace' && info.fromDisplay && info.toDisplay\"\n              class=\"cqa-vh-restore-change-detail\">\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--from\" [innerHTML]=\"info.fromDisplay\"></span>\n              <span class=\"cqa-vh-restore-change-detail-arrow\">\u2192</span>\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--to\" [innerHTML]=\"info.toDisplay\"></span>\n            </div>\n\n            <!-- Was: (remove only) -->\n            <div *ngIf=\"info.op === 'remove' && info.fromDisplay\" class=\"cqa-vh-restore-change-detail\">\n              <span class=\"cqa-vh-restore-change-detail-label\">Was:</span>\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--from\" [innerHTML]=\"info.fromDisplay\"></span>\n            </div>\n\n          </div>\n        </ng-container>\n\n      </div>\n    </div>\n  </div>\n\n  <!-- Preservation note -->\n  <div class=\"cqa-vh-restore-note\">\n    <span class=\"material-symbols-outlined cqa-vh-restore-note-icon\">info</span>\n    <span class=\"cqa-vh-restore-note-text\">\n      All version history will be fully preserved. This restore action will itself appear as a new version entry in the timeline.\n    </span>\n  </div>\n\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+VersionHistoryRestoreConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: VersionHistoryRestoreConfirmComponent, selector: "cqa-version-history-restore-confirm", inputs: { restoringToVersion: "restoringToVersion", currentVersionNumber: "currentVersionNumber", newVersionNumber: "newVersionNumber", authorName: "authorName", getChangeHeadlineFn: "getChangeHeadlineFn", fieldLabelMap: "fieldLabelMap" }, ngImport: i0, template: "<div class=\"cqa-vh-restore-confirm\">\n\n  <!-- Info grid -->\n  <div class=\"cqa-vh-restore-info-grid\">\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Restoring to</span>\n      <span class=\"cqa-vh-restore-info-value\">{{ getRestoreToLabel() }}</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">New version created</span>\n      <span class=\"cqa-vh-restore-info-value\">v{{ newVersionNumber }} (auto-incremented)</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Current version</span>\n      <span class=\"cqa-vh-restore-info-value\">v{{ currentVersionNumber }} \u2014 preserved in history</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Author</span>\n      <span class=\"cqa-vh-restore-info-value\">{{ authorName }}</span>\n    </div>\n  </div>\n\n  <!-- Changes that will be reverted -->\n  <div *ngIf=\"restoringToVersion?.changes?.length\">\n    <div class=\"cqa-vh-restore-changes-title\">Changes that will be reverted</div>\n    <div class=\"cqa-vh-restore-changes-list\">\n      <div *ngFor=\"let change of restoringToVersion.changes; let i = index\"\n        class=\"cqa-vh-restore-change-item\">\n\n        <div class=\"cqa-vh-restore-change-index\">{{ i + 1 }}</div>\n\n        <ng-container *ngIf=\"getChangeInfo(change) as info\">\n          <div class=\"cqa-vh-restore-change-body\">\n\n            <!-- Primary sentence -->\n            <span class=\"cqa-vh-restore-change-sentence\">{{ info.sentence }}</span>\n\n            <!-- From \u2192 To detail (replace only) -->\n            <div *ngIf=\"info.op === 'replace' && info.fromDisplay && info.toDisplay\"\n              class=\"cqa-vh-restore-change-detail\">\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--from\" [innerHTML]=\"info.fromDisplay\"></span>\n              <span class=\"cqa-vh-restore-change-detail-arrow\">\u2192</span>\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--to\" [innerHTML]=\"info.toDisplay\"></span>\n            </div>\n\n            <!-- Was: (remove only) -->\n            <div *ngIf=\"info.op === 'remove' && info.fromDisplay\" class=\"cqa-vh-restore-change-detail\">\n              <span class=\"cqa-vh-restore-change-detail-label\">Was:</span>\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--from\" [innerHTML]=\"info.fromDisplay\"></span>\n            </div>\n\n          </div>\n        </ng-container>\n\n      </div>\n    </div>\n  </div>\n\n  <!-- Preservation note -->\n  <div class=\"cqa-vh-restore-note\">\n    <span class=\"material-symbols-outlined cqa-vh-restore-note-icon\">info</span>\n    <span class=\"cqa-vh-restore-note-text\">\n      All version history will be fully preserved. This restore action will itself appear as a new version entry in the timeline.\n    </span>\n  </div>\n\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VersionHistoryRestoreConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cqa-version-history-restore-confirm', template: "<div class=\"cqa-vh-restore-confirm\">\n\n  <!-- Info grid -->\n  <div class=\"cqa-vh-restore-info-grid\">\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Restoring to</span>\n      <span class=\"cqa-vh-restore-info-value\">{{ getRestoreToLabel() }}</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">New version created</span>\n      <span class=\"cqa-vh-restore-info-value\">v{{ newVersionNumber }} (auto-incremented)</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Current version</span>\n      <span class=\"cqa-vh-restore-info-value\">v{{ currentVersionNumber }} \u2014 preserved in history</span>\n    </div>\n    <div class=\"cqa-vh-restore-info-row\">\n      <span class=\"cqa-vh-restore-info-label\">Author</span>\n      <span class=\"cqa-vh-restore-info-value\">{{ authorName }}</span>\n    </div>\n  </div>\n\n  <!-- Changes that will be reverted -->\n  <div *ngIf=\"restoringToVersion?.changes?.length\">\n    <div class=\"cqa-vh-restore-changes-title\">Changes that will be reverted</div>\n    <div class=\"cqa-vh-restore-changes-list\">\n      <div *ngFor=\"let change of restoringToVersion.changes; let i = index\"\n        class=\"cqa-vh-restore-change-item\">\n\n        <div class=\"cqa-vh-restore-change-index\">{{ i + 1 }}</div>\n\n        <ng-container *ngIf=\"getChangeInfo(change) as info\">\n          <div class=\"cqa-vh-restore-change-body\">\n\n            <!-- Primary sentence -->\n            <span class=\"cqa-vh-restore-change-sentence\">{{ info.sentence }}</span>\n\n            <!-- From \u2192 To detail (replace only) -->\n            <div *ngIf=\"info.op === 'replace' && info.fromDisplay && info.toDisplay\"\n              class=\"cqa-vh-restore-change-detail\">\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--from\" [innerHTML]=\"info.fromDisplay\"></span>\n              <span class=\"cqa-vh-restore-change-detail-arrow\">\u2192</span>\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--to\" [innerHTML]=\"info.toDisplay\"></span>\n            </div>\n\n            <!-- Was: (remove only) -->\n            <div *ngIf=\"info.op === 'remove' && info.fromDisplay\" class=\"cqa-vh-restore-change-detail\">\n              <span class=\"cqa-vh-restore-change-detail-label\">Was:</span>\n              <span class=\"cqa-vh-restore-change-detail-value cqa-vh-restore-change-detail-value--from\" [innerHTML]=\"info.fromDisplay\"></span>\n            </div>\n\n          </div>\n        </ng-container>\n\n      </div>\n    </div>\n  </div>\n\n  <!-- Preservation note -->\n  <div class=\"cqa-vh-restore-note\">\n    <span class=\"material-symbols-outlined cqa-vh-restore-note-icon\">info</span>\n    <span class=\"cqa-vh-restore-note-text\">\n      All version history will be fully preserved. This restore action will itself appear as a new version entry in the timeline.\n    </span>\n  </div>\n\n</div>\n", styles: [] }]
@@ -42697,6 +42711,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], getChangeHeadlineFn: [{
                 type: Input
+            }], fieldLabelMap: [{
+                type: Input
             }] } });
 
 class UiKitModule {