@cqa-lib/cqa-ui 1.1.520 → 1.1.521

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

@@ -46760,6 +46760,289 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Output
             }] } });
 
+class PermissionToggleComponent {
+    constructor() {
+        this.value = 'RW';
+        this.disabled = false;
+        this.roTooltip = 'Read only — click to allow writes';
+        this.rwTooltip = 'Read / write — click to lock';
+        this.valueChange = new EventEmitter();
+    }
+    onClick(next, event) {
+        event.stopPropagation();
+        if (this.disabled || next === this.value) {
+            return;
+        }
+        this.value = next;
+        this.valueChange.emit(next);
+    }
+}
+PermissionToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PermissionToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PermissionToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: PermissionToggleComponent, selector: "cqa-permission-toggle", inputs: { value: "value", disabled: "disabled", roTooltip: "roTooltip", rwTooltip: "rwTooltip" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    <div class="cqa-ui-root" style="display:inline-flex;">
+      <div class="cqa-permission-toggle" [class.cqa-permission-toggle--disabled]="disabled">
+        <button
+          type="button"
+          class="cqa-perm-pill cqa-perm-pill--ro"
+          [class.active]="value === 'RO'"
+          [disabled]="disabled"
+          [title]="roTooltip"
+          (click)="onClick('RO', $event)">
+          <mat-icon class="cqa-perm-icon">lock</mat-icon>RO
+        </button>
+        <button
+          type="button"
+          class="cqa-perm-pill cqa-perm-pill--rw"
+          [class.active]="value === 'RW'"
+          [disabled]="disabled"
+          [title]="rwTooltip"
+          (click)="onClick('RW', $event)">
+          <mat-icon class="cqa-perm-icon">edit</mat-icon>RW
+        </button>
+      </div>
+    </div>
+  `, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PermissionToggleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cqa-permission-toggle',
+                    template: `
+    <div class="cqa-ui-root" style="display:inline-flex;">
+      <div class="cqa-permission-toggle" [class.cqa-permission-toggle--disabled]="disabled">
+        <button
+          type="button"
+          class="cqa-perm-pill cqa-perm-pill--ro"
+          [class.active]="value === 'RO'"
+          [disabled]="disabled"
+          [title]="roTooltip"
+          (click)="onClick('RO', $event)">
+          <mat-icon class="cqa-perm-icon">lock</mat-icon>RO
+        </button>
+        <button
+          type="button"
+          class="cqa-perm-pill cqa-perm-pill--rw"
+          [class.active]="value === 'RW'"
+          [disabled]="disabled"
+          [title]="rwTooltip"
+          (click)="onClick('RW', $event)">
+          <mat-icon class="cqa-perm-icon">edit</mat-icon>RW
+        </button>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], roTooltip: [{
+                type: Input
+            }], rwTooltip: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class NewGlobalVariableDialogComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.mode = 'create';
+        this.existingNames = [];
+        this.typeOptions = ['String', 'Number', 'Boolean', 'Password'];
+        this.typeDropdownOptions = [
+            { label: 'String', value: 'String' },
+            { label: 'Number', value: 'Number' },
+            { label: 'Boolean', value: 'Boolean' },
+            { label: 'Password', value: 'Password' },
+        ];
+        this.permissionSegments = [
+            { label: 'RO', value: 'RO', icon: 'lock' },
+            { label: 'RW', value: 'RW', icon: 'edit' },
+        ];
+        this.name = '';
+        this.type = 'String';
+        this.value = '';
+        this.readWriteMode = 'RW';
+        this.description = '';
+        this.passwordTouched = false;
+        this.nameError = null;
+        this.valueError = null;
+    }
+    ngOnInit() {
+        var _a, _b, _c, _d, _e;
+        if (this.initialValue) {
+            this.name = (_a = this.initialValue.name) !== null && _a !== void 0 ? _a : '';
+            this.type = (_b = this.initialValue.type) !== null && _b !== void 0 ? _b : 'String';
+            this.value = (_c = this.initialValue.value) !== null && _c !== void 0 ? _c : '';
+            this.readWriteMode = (_d = this.initialValue.readWriteMode) !== null && _d !== void 0 ? _d : 'RW';
+            this.description = (_e = this.initialValue.description) !== null && _e !== void 0 ? _e : '';
+        }
+        if (this.type === 'Boolean' && this.value !== 'true' && this.value !== 'false') {
+            this.value = 'false';
+        }
+        if (this.mode === 'edit' && this.type === 'Password') {
+            this.value = '';
+        }
+    }
+    get title() {
+        return this.mode === 'edit' ? 'Edit global variable' : 'New global variable';
+    }
+    get subtitle() {
+        return 'Workspace-wide — accessible from any test case, any environment.';
+    }
+    get primaryButtonLabel() {
+        return this.mode === 'edit' ? 'Save changes' : 'Create variable';
+    }
+    get isBoolean() {
+        return this.type === 'Boolean';
+    }
+    get isPassword() {
+        return this.type === 'Password';
+    }
+    get isNumber() {
+        return this.type === 'Number';
+    }
+    get valuePlaceholder() {
+        if (this.isPassword && this.mode === 'edit') {
+            return '•••••• (leave blank to keep existing)';
+        }
+        return '';
+    }
+    get nameHelperText() {
+        if (this.nameError) {
+            return this.nameError;
+        }
+        return 'Names must be unique across the entire workspace (primary key — no duplicates).';
+    }
+    get nameErrorsArray() {
+        return this.nameError ? [this.nameError] : [];
+    }
+    get valueErrorsArray() {
+        return this.valueError ? [this.valueError] : [];
+    }
+    get booleanOptions() {
+        return [
+            { label: 'true', value: 'true' },
+            { label: 'false', value: 'false' },
+        ];
+    }
+    get booleanDropdownOptions() {
+        return this.booleanOptions;
+    }
+    onNameChange(next) {
+        this.name = next;
+        this.nameError = null;
+        this.cdr.markForCheck();
+    }
+    onTypeChange(next) {
+        if (!next) {
+            return;
+        }
+        this.type = next;
+        if (this.type === 'Boolean' && this.value !== 'true' && this.value !== 'false') {
+            this.value = 'false';
+        }
+        if (this.type === 'Password') {
+            this.passwordTouched = false;
+            if (this.mode === 'edit') {
+                this.value = '';
+            }
+        }
+        this.valueError = null;
+        this.cdr.markForCheck();
+    }
+    onPermissionChange(next) {
+        this.readWriteMode = next === 'RO' ? 'RO' : 'RW';
+        this.cdr.markForCheck();
+    }
+    onValueChange(next) {
+        this.value = next;
+        if (this.isPassword) {
+            this.passwordTouched = true;
+        }
+        this.valueError = null;
+        this.cdr.markForCheck();
+    }
+    onBooleanValueChange(next) {
+        this.value = next;
+        this.cdr.markForCheck();
+    }
+    onDescriptionChange(next) {
+        this.description = next;
+        this.cdr.markForCheck();
+    }
+    /**
+     * Called by the host (via DialogRef.getComponentInstance()) when the primary
+     * button is clicked. Returns the captured value when valid, or null when the
+     * form has errors — in which case the host should leave the dialog open.
+     */
+    getValue() {
+        const trimmedName = this.name.trim();
+        if (!trimmedName) {
+            this.nameError = 'Name is required.';
+        }
+        else if (this.isDuplicateName(trimmedName)) {
+            this.nameError = 'A global variable with this name already exists — names must be unique.';
+        }
+        else {
+            this.nameError = null;
+        }
+        if (this.isNumber && this.value && !this.isValidNumber(this.value)) {
+            this.valueError = 'Value must be a number.';
+        }
+        else {
+            this.valueError = null;
+        }
+        if (this.nameError || this.valueError) {
+            this.cdr.markForCheck();
+            return null;
+        }
+        const omitPasswordValue = this.isPassword && this.mode === 'edit' && !this.passwordTouched;
+        return {
+            name: trimmedName,
+            type: this.type,
+            value: omitPasswordValue ? null : this.serializeValue(),
+            readWriteMode: this.readWriteMode,
+            description: this.description ? this.description : null,
+        };
+    }
+    serializeValue() {
+        var _a;
+        if (this.isBoolean) {
+            return this.value === 'true' ? 'true' : 'false';
+        }
+        return (_a = this.value) !== null && _a !== void 0 ? _a : '';
+    }
+    isDuplicateName(candidate) {
+        var _a, _b, _c;
+        const existing = ((_a = this.existingNames) !== null && _a !== void 0 ? _a : []).map(n => (n !== null && n !== void 0 ? n : '').trim());
+        if (this.mode === 'edit') {
+            const original = ((_c = (_b = this.initialValue) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : '').trim();
+            return candidate !== original && existing.includes(candidate);
+        }
+        return existing.includes(candidate);
+    }
+    isValidNumber(raw) {
+        const trimmed = raw.trim();
+        if (!trimmed) {
+            return true;
+        }
+        return !Number.isNaN(Number(trimmed));
+    }
+}
+NewGlobalVariableDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NewGlobalVariableDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+NewGlobalVariableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NewGlobalVariableDialogComponent, selector: "cqa-new-global-variable-dialog", inputs: { mode: "mode", initialValue: "initialValue", existingNames: "existingNames" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Name -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Name\"\n      placeholder=\"e.g. ihg_api_key\"\n      type=\"text\"\n      [value]=\"name\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"nameErrorsArray\"\n      inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNameChange($event)\">\n    </cqa-custom-input>\n    <span *ngIf=\"!nameError\"\n      class=\"cqa-text-xs cqa-text-gray-500 cqa-mt-1\">\n      Names must be unique across the entire workspace (primary key \u2014 no duplicates).\n    </span>\n  </div>\n\n  <!-- Type + Permission row -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Type</label>\n      <cqa-dropdown-button\n        [options]=\"typeDropdownOptions\"\n        [selectedValue]=\"type\"\n        (selectionChange)=\"onTypeChange($event)\">\n      </cqa-dropdown-button>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Permission</label>\n      <div class=\"cqa-pt-0.5\">\n        <cqa-permission-toggle\n          [value]=\"readWriteMode\"\n          (valueChange)=\"onPermissionChange($event)\">\n        </cqa-permission-toggle>\n      </div>\n    </div>\n  </div>\n\n  <!-- Value -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <ng-container *ngIf=\"isBoolean; else nonBooleanValue\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Value</label>\n      <cqa-dropdown-button\n        [options]=\"booleanDropdownOptions\"\n        [selectedValue]=\"value\"\n        (selectionChange)=\"onBooleanValueChange($event)\">\n      </cqa-dropdown-button>\n    </ng-container>\n    <ng-template #nonBooleanValue>\n      <cqa-custom-input\n        label=\"Value\"\n        [type]=\"isPassword ? 'password' : 'text'\"\n        [value]=\"value\"\n        [placeholder]=\"valuePlaceholder\"\n        [fullWidth]=\"true\"\n        [errors]=\"valueErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onValueChange($event)\">\n      </cqa-custom-input>\n    </ng-template>\n  </div>\n\n  <!-- Description -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-textarea\n      label=\"Description\"\n      placeholder=\"What is this variable used for?\"\n      [value]=\"description\"\n      [rows]=\"2\"\n      [fullWidth]=\"true\"\n      (valueChange)=\"onDescriptionChange($event)\">\n    </cqa-custom-textarea>\n  </div>\n\n</div>\n", components: [{ type: CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: DropdownButtonComponent, selector: "cqa-dropdown-button", inputs: ["label", "options", "selectedValue", "disabled", "placeholder"], outputs: ["selectionChange", "opened", "closed"] }, { type: PermissionToggleComponent, selector: "cqa-permission-toggle", inputs: ["value", "disabled", "roTooltip", "rwTooltip"], outputs: ["valueChange"] }, { type: CustomTextareaComponent, selector: "cqa-custom-textarea", inputs: ["label", "placeholder", "value", "enableMarkdown", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "rows", "cols", "resize", "textareaInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NewGlobalVariableDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-new-global-variable-dialog', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cqa-ui-root', style: 'display:block;width:100%;' }, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Name -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Name\"\n      placeholder=\"e.g. ihg_api_key\"\n      type=\"text\"\n      [value]=\"name\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"nameErrorsArray\"\n      inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNameChange($event)\">\n    </cqa-custom-input>\n    <span *ngIf=\"!nameError\"\n      class=\"cqa-text-xs cqa-text-gray-500 cqa-mt-1\">\n      Names must be unique across the entire workspace (primary key \u2014 no duplicates).\n    </span>\n  </div>\n\n  <!-- Type + Permission row -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Type</label>\n      <cqa-dropdown-button\n        [options]=\"typeDropdownOptions\"\n        [selectedValue]=\"type\"\n        (selectionChange)=\"onTypeChange($event)\">\n      </cqa-dropdown-button>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Permission</label>\n      <div class=\"cqa-pt-0.5\">\n        <cqa-permission-toggle\n          [value]=\"readWriteMode\"\n          (valueChange)=\"onPermissionChange($event)\">\n        </cqa-permission-toggle>\n      </div>\n    </div>\n  </div>\n\n  <!-- Value -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <ng-container *ngIf=\"isBoolean; else nonBooleanValue\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Value</label>\n      <cqa-dropdown-button\n        [options]=\"booleanDropdownOptions\"\n        [selectedValue]=\"value\"\n        (selectionChange)=\"onBooleanValueChange($event)\">\n      </cqa-dropdown-button>\n    </ng-container>\n    <ng-template #nonBooleanValue>\n      <cqa-custom-input\n        label=\"Value\"\n        [type]=\"isPassword ? 'password' : 'text'\"\n        [value]=\"value\"\n        [placeholder]=\"valuePlaceholder\"\n        [fullWidth]=\"true\"\n        [errors]=\"valueErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onValueChange($event)\">\n      </cqa-custom-input>\n    </ng-template>\n  </div>\n\n  <!-- Description -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-textarea\n      label=\"Description\"\n      placeholder=\"What is this variable used for?\"\n      [value]=\"description\"\n      [rows]=\"2\"\n      [fullWidth]=\"true\"\n      (valueChange)=\"onDescriptionChange($event)\">\n    </cqa-custom-textarea>\n  </div>\n\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { mode: [{
+                type: Input
+            }], initialValue: [{
+                type: Input
+            }], existingNames: [{
+                type: Input
+            }] } });
+
 class UiKitModule {
     constructor(iconRegistry) {
         iconRegistry.registerFontClassAlias('material-symbols-outlined', 'material-symbols-outlined');
@@ -46855,6 +47138,8 @@ UiKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         SessionRestorationDialogComponent,
         CaptureVideoDialogComponent,
         SubStepsConfirmationDialogComponent,
+        NewGlobalVariableDialogComponent,
+        PermissionToggleComponent,
         ExportCodeModalComponent,
         ProgressIndicatorComponent,
         StepProgressCardComponent,
@@ -47031,6 +47316,8 @@ UiKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         SessionRestorationDialogComponent,
         CaptureVideoDialogComponent,
         SubStepsConfirmationDialogComponent,
+        NewGlobalVariableDialogComponent,
+        PermissionToggleComponent,
         ExportCodeModalComponent,
         ProgressIndicatorComponent,
         StepProgressCardComponent,
@@ -47252,6 +47539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         SessionRestorationDialogComponent,
                         CaptureVideoDialogComponent,
                         SubStepsConfirmationDialogComponent,
+                        NewGlobalVariableDialogComponent,
+                        PermissionToggleComponent,
                         ExportCodeModalComponent,
                         ProgressIndicatorComponent,
                         StepProgressCardComponent,
@@ -47434,6 +47723,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         SessionRestorationDialogComponent,
                         CaptureVideoDialogComponent,
                         SubStepsConfirmationDialogComponent,
+                        NewGlobalVariableDialogComponent,
+                        PermissionToggleComponent,
                         ExportCodeModalComponent,
                         ProgressIndicatorComponent,
                         StepProgressCardComponent,
@@ -48269,5 +48560,5 @@ function buildTestCaseDetailsFromApi(data, options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ADVANCED_SUBFIELDS_BY_TYPE, ADVANCED_TOGGLE_KEYS, AIActionStepComponent, AIAgentStepComponent, API_EDIT_STEP_LABELS, ActionMenuButtonComponent, AddPrerequisiteCasesSectionComponent, AdvancedVariablesFormComponent, AiDebugAlertComponent, AiLogsWithReasoningComponent, AiPromptCardComponent, AiReasoningComponent, ApiEditStepComponent, ApiMockingCardComponent, ApiStepComponent, AutocompleteComponent, BadgeComponent, BasicStepComponent, BreakpointsModalComponent, ButtonComponent, CUSTOM_EDIT_STEP_DATA, CUSTOM_EDIT_STEP_EDIT_IN_DEPTH, CUSTOM_EDIT_STEP_REF, CUSTOM_ELEMENT_POPUP_REF, CaptureVideoDialogComponent, ChangeHistoryComponent, ChartCardComponent, CodeEditorComponent, ColumnVisibilityComponent, CompareRunsComponent, ConditionBranchEditorComponent, ConditionDebugStepComponent, ConditionStepComponent, ConfigurationCardComponent, ConsoleAlertComponent, CoverageModuleCardComponent, CreateStepGroupComponent, CustomEditStepComponent, CustomEditStepRef, CustomEditStepService, CustomInputComponent, CustomTextareaComponent, CustomToggleComponent, DEFAULT_METADATA_COLOR, DEFAULT_PRIORITY_COLOR_CONFIG, DEFAULT_STATUS_COLOR_CONFIG, DIALOG_DATA, DIALOG_REF, DashboardHeaderComponent, DaterangepickerComponent, DaterangepickerDirective, DbQueryExecutionItemComponent, DbVerificationStepComponent, DeleteStepsComponent, DetailDrawerComponent, DetailDrawerTabComponent, DetailDrawerTabContentDirective, DetailSidePanelComponent, DialogComponent, DialogRef, DialogService, DocumentVerificationStepComponent, DropdownButtonComponent, DynamicCellContainerDirective, DynamicCellTemplateDirective, DynamicFilterComponent, DynamicHeaderTemplateDirective, DynamicSelectFieldComponent, DynamicTableComponent, ELEMENT_POPUP_DATA, ELEMENT_POPUP_EDIT_IN_DEPTH, EMPTY_STATE_IMAGES, EMPTY_STATE_PRESETS, ElementFormComponent, ElementListComponent, ElementPopupComponent, ElementPopupRef, ElementPopupService, EmptyStateComponent, ErrorModalComponent, ExecutionResultModalComponent, ExportCodeModalComponent, FailedStepCardComponent, FailedStepComponent, FailedTestCasesCardComponent, FileDownloadStepComponent, FileUploadComponent, FullTableLoaderComponent, HeatErrorMapCellComponent, InsightCardComponent, ItemListComponent, IterationsLoopComponent, JumpToStepModalComponent, LiveConversationComponent, LiveExecutionStepComponent, LoopStepComponent, MONACO_LANGUAGE_MAP, MainStepCollapseComponent, MetricsCardComponent, MixedVariableInputComponent, NetworkRequestComponent, NewVersionHistoryDetailComponent, OtherButtonComponent, PRIORITY_COLORS, PaginationComponent, ProgressIndicatorComponent, ProgressTextCardComponent, QuestionnaireListComponent, RESULT_COLORS, RadioCardGroupComponent, RecordingBannerComponent, ReviewRecordedStepsModalComponent, RunExecutionAlertComponent, RunHistoryCardComponent, STATUS_COLORS, STEP_DETAILS_DRAWER_DATA, STEP_DETAILS_DRAWER_REF, STEP_DETAILS_FIELDS_BY_TYPE, STEP_DETAILS_FIELD_META, STEP_DETAILS_MODAL_DATA, STEP_DETAILS_MODAL_REF, SearchBarComponent, SegmentControlComponent, SelectedFiltersComponent, SelfHealAnalysisComponent, SessionChangesModalComponent, SessionRestorationDialogComponent, SimulatorComponent, StepBuilderActionComponent, StepBuilderAiAgentComponent, StepBuilderConditionComponent, StepBuilderCustomCodeComponent, StepBuilderDatabaseComponent, StepBuilderDocumentComponent, StepBuilderDocumentGenerationTemplateStepComponent, StepBuilderGroupComponent, StepBuilderLoopComponent, StepBuilderRecordStepComponent, StepDetailsDrawerComponent, StepDetailsDrawerRef, StepDetailsDrawerService, StepDetailsModalComponent, StepDetailsModalRef, StepDetailsModalService, StepGroupComponent, StepProgressCardComponent, StepRendererComponent, StepStatusCardComponent, StepTypes, StepperComponent, SubStepsConfirmationDialogComponent, TEST_CASE_DETAILS_FIELD_MAP, TEST_CASE_DETAILS_SELECT_KEYS, TEST_DATA_MODAL_DATA, TEST_DATA_MODAL_EDIT_IN_DEPTH, TEST_DATA_MODAL_REF, TableActionToolbarComponent, TableDataLoaderComponent, TableTemplateComponent, TailwindOverlayContainer, TemplateVariablesFormComponent, TestCaseAiAgentStepComponent, TestCaseAiVerifyStepComponent, TestCaseApiStepComponent, TestCaseConditionStepComponent, TestCaseCustomCodeStepComponent, TestCaseDatabaseStepComponent, TestCaseDetailsComponent, TestCaseDetailsEditComponent, TestCaseDetailsRendererComponent, TestCaseLinkCellComponent, TestCaseLoopStepComponent, TestCaseNormalStepComponent, TestCaseRestoreSessionStepComponent, TestCaseScreenshotStepComponent, TestCaseScrollStepComponent, TestCaseStepGroupComponent, TestCaseUploadStepComponent, TestCaseVerifyUrlStepComponent, TestDataModalComponent, TestDataModalRef, TestDataModalService, TestDistributionCardComponent, UiKitModule, UpdatedFailedStepComponent, VersionHistoryCompareComponent, VersionHistoryDetailComponent, VersionHistoryListComponent, VersionHistoryRestoreConfirmComponent, ViewCompareButtonComponent, ViewMoreFailedStepButtonComponent, VisualComparisonComponent, VisualDifferenceModalComponent, WorkspaceSelectorComponent, buildTestCaseDetailsFromApi, getDynamicFieldsFromLegacyConfig, getEmptyStatePreset, getMetadataColor, getMetadataValueStyle, getStepDetailsStepType, humanizeVariableKey, isAiAgentStepConfig, isAiVerifyStepConfig, isApiStepConfig, isConditionStepConfig, isCustomCodeStepConfig, isDatabaseStepConfig, isLoopStepConfig, isNormalStepConfig, isRestoreSessionStepConfig, isScreenshotStepConfig, isScrollStepConfig, isStepGroupConfig, isUploadStepConfig, isVerifyUrlStepConfig, mapApiVariablesToDynamicFields };
+export { ADVANCED_SUBFIELDS_BY_TYPE, ADVANCED_TOGGLE_KEYS, AIActionStepComponent, AIAgentStepComponent, API_EDIT_STEP_LABELS, ActionMenuButtonComponent, AddPrerequisiteCasesSectionComponent, AdvancedVariablesFormComponent, AiDebugAlertComponent, AiLogsWithReasoningComponent, AiPromptCardComponent, AiReasoningComponent, ApiEditStepComponent, ApiMockingCardComponent, ApiStepComponent, AutocompleteComponent, BadgeComponent, BasicStepComponent, BreakpointsModalComponent, ButtonComponent, CUSTOM_EDIT_STEP_DATA, CUSTOM_EDIT_STEP_EDIT_IN_DEPTH, CUSTOM_EDIT_STEP_REF, CUSTOM_ELEMENT_POPUP_REF, CaptureVideoDialogComponent, ChangeHistoryComponent, ChartCardComponent, CodeEditorComponent, ColumnVisibilityComponent, CompareRunsComponent, ConditionBranchEditorComponent, ConditionDebugStepComponent, ConditionStepComponent, ConfigurationCardComponent, ConsoleAlertComponent, CoverageModuleCardComponent, CreateStepGroupComponent, CustomEditStepComponent, CustomEditStepRef, CustomEditStepService, CustomInputComponent, CustomTextareaComponent, CustomToggleComponent, DEFAULT_METADATA_COLOR, DEFAULT_PRIORITY_COLOR_CONFIG, DEFAULT_STATUS_COLOR_CONFIG, DIALOG_DATA, DIALOG_REF, DashboardHeaderComponent, DaterangepickerComponent, DaterangepickerDirective, DbQueryExecutionItemComponent, DbVerificationStepComponent, DeleteStepsComponent, DetailDrawerComponent, DetailDrawerTabComponent, DetailDrawerTabContentDirective, DetailSidePanelComponent, DialogComponent, DialogRef, DialogService, DocumentVerificationStepComponent, DropdownButtonComponent, DynamicCellContainerDirective, DynamicCellTemplateDirective, DynamicFilterComponent, DynamicHeaderTemplateDirective, DynamicSelectFieldComponent, DynamicTableComponent, ELEMENT_POPUP_DATA, ELEMENT_POPUP_EDIT_IN_DEPTH, EMPTY_STATE_IMAGES, EMPTY_STATE_PRESETS, ElementFormComponent, ElementListComponent, ElementPopupComponent, ElementPopupRef, ElementPopupService, EmptyStateComponent, ErrorModalComponent, ExecutionResultModalComponent, ExportCodeModalComponent, FailedStepCardComponent, FailedStepComponent, FailedTestCasesCardComponent, FileDownloadStepComponent, FileUploadComponent, FullTableLoaderComponent, HeatErrorMapCellComponent, InsightCardComponent, ItemListComponent, IterationsLoopComponent, JumpToStepModalComponent, LiveConversationComponent, LiveExecutionStepComponent, LoopStepComponent, MONACO_LANGUAGE_MAP, MainStepCollapseComponent, MetricsCardComponent, MixedVariableInputComponent, NetworkRequestComponent, NewGlobalVariableDialogComponent, NewVersionHistoryDetailComponent, OtherButtonComponent, PRIORITY_COLORS, PaginationComponent, PermissionToggleComponent, ProgressIndicatorComponent, ProgressTextCardComponent, QuestionnaireListComponent, RESULT_COLORS, RadioCardGroupComponent, RecordingBannerComponent, ReviewRecordedStepsModalComponent, RunExecutionAlertComponent, RunHistoryCardComponent, STATUS_COLORS, STEP_DETAILS_DRAWER_DATA, STEP_DETAILS_DRAWER_REF, STEP_DETAILS_FIELDS_BY_TYPE, STEP_DETAILS_FIELD_META, STEP_DETAILS_MODAL_DATA, STEP_DETAILS_MODAL_REF, SearchBarComponent, SegmentControlComponent, SelectedFiltersComponent, SelfHealAnalysisComponent, SessionChangesModalComponent, SessionRestorationDialogComponent, SimulatorComponent, StepBuilderActionComponent, StepBuilderAiAgentComponent, StepBuilderConditionComponent, StepBuilderCustomCodeComponent, StepBuilderDatabaseComponent, StepBuilderDocumentComponent, StepBuilderDocumentGenerationTemplateStepComponent, StepBuilderGroupComponent, StepBuilderLoopComponent, StepBuilderRecordStepComponent, StepDetailsDrawerComponent, StepDetailsDrawerRef, StepDetailsDrawerService, StepDetailsModalComponent, StepDetailsModalRef, StepDetailsModalService, StepGroupComponent, StepProgressCardComponent, StepRendererComponent, StepStatusCardComponent, StepTypes, StepperComponent, SubStepsConfirmationDialogComponent, TEST_CASE_DETAILS_FIELD_MAP, TEST_CASE_DETAILS_SELECT_KEYS, TEST_DATA_MODAL_DATA, TEST_DATA_MODAL_EDIT_IN_DEPTH, TEST_DATA_MODAL_REF, TableActionToolbarComponent, TableDataLoaderComponent, TableTemplateComponent, TailwindOverlayContainer, TemplateVariablesFormComponent, TestCaseAiAgentStepComponent, TestCaseAiVerifyStepComponent, TestCaseApiStepComponent, TestCaseConditionStepComponent, TestCaseCustomCodeStepComponent, TestCaseDatabaseStepComponent, TestCaseDetailsComponent, TestCaseDetailsEditComponent, TestCaseDetailsRendererComponent, TestCaseLinkCellComponent, TestCaseLoopStepComponent, TestCaseNormalStepComponent, TestCaseRestoreSessionStepComponent, TestCaseScreenshotStepComponent, TestCaseScrollStepComponent, TestCaseStepGroupComponent, TestCaseUploadStepComponent, TestCaseVerifyUrlStepComponent, TestDataModalComponent, TestDataModalRef, TestDataModalService, TestDistributionCardComponent, UiKitModule, UpdatedFailedStepComponent, VersionHistoryCompareComponent, VersionHistoryDetailComponent, VersionHistoryListComponent, VersionHistoryRestoreConfirmComponent, ViewCompareButtonComponent, ViewMoreFailedStepButtonComponent, VisualComparisonComponent, VisualDifferenceModalComponent, WorkspaceSelectorComponent, buildTestCaseDetailsFromApi, getDynamicFieldsFromLegacyConfig, getEmptyStatePreset, getMetadataColor, getMetadataValueStyle, getStepDetailsStepType, humanizeVariableKey, isAiAgentStepConfig, isAiVerifyStepConfig, isApiStepConfig, isConditionStepConfig, isCustomCodeStepConfig, isDatabaseStepConfig, isLoopStepConfig, isNormalStepConfig, isRestoreSessionStepConfig, isScreenshotStepConfig, isScrollStepConfig, isStepGroupConfig, isUploadStepConfig, isVerifyUrlStepConfig, mapApiVariablesToDynamicFields };
 //# sourceMappingURL=cqa-lib-cqa-ui.mjs.map