@cqa-lib/cqa-ui 1.1.39 → 1.1.40

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

@@ -8648,6 +8648,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Output
             }] } });
 
+class ProgressIndicatorComponent {
+    constructor() {
+        this.variant = 'progress';
+        this.label = 'Progress';
+        // Elapsed time specific inputs
+        this.value = '';
+        // Progress specific inputs
+        this.progress = 0;
+        this.size = 32; // Size of the spinner in pixels
+        this.strokeWidth = 4; // Width of the progress circle 
+        this.color = '#3F43EE';
+    }
+    // Calculate the stroke-dasharray and stroke-dashoffset for the SVG circle to represent the progress percentage
+    get circleStyles() {
+        const radius = (this.size - this.strokeWidth) / 2;
+        const circumference = 2 * Math.PI * radius;
+        const offset = circumference - (this.progress / 100) * circumference;
+        return {
+            strokeDasharray: `${circumference} ${circumference}`,
+            strokeDashoffset: offset,
+            r: radius,
+            cx: this.size / 2,
+            cy: this.size / 2
+        };
+    }
+    get cardStyles() {
+        return {
+            'border': `1px solid ${this.color}`
+        };
+    }
+}
+ProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ProgressIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ProgressIndicatorComponent, selector: "cqa-progress-indicator", inputs: { variant: "variant", label: "label", icon: "icon", value: "value", progress: "progress", size: "size", strokeWidth: "strokeWidth" }, ngImport: i0, template: "<div class=\"cqa-ui-root\">\n  <div \n    class=\"cqa-flex cqa-items-center cqa-gap-4 cqa-p-[21px] cqa-transition-colors cqa-w-1/2 cqa-rounded-xl cqa-bg-surface-default\"\n    [ngStyle]=\"cardStyles\">\n    \n    <!-- Progress Spinner SVG -->\n    <div class=\"cqa-flex-shrink-0\" *ngIf=\"variant === 'progress' && !icon\">\n      <svg \n        [attr.width]=\"size\" \n        [attr.height]=\"size\" \n        class=\"cqa-transform cqa--rotate-90\"\n        style=\"overflow: visible;\">\n        <!-- Background circle -->\n        <circle\n          [attr.cx]=\"circleStyles.cx\"\n          [attr.cy]=\"circleStyles.cy\"\n          [attr.r]=\"circleStyles.r\"\n          fill=\"none\"\n          stroke=\"#D8D9FC\"\n          [attr.stroke-width]=\"strokeWidth\"\n        />\n        <!-- Progress circle -->\n        <circle\n          [attr.cx]=\"circleStyles.cx\"\n          [attr.cy]=\"circleStyles.cy\"\n          [attr.r]=\"circleStyles.r\"\n          fill=\"none\"\n          [attr.stroke]=\"color\"\n          [attr.stroke-width]=\"strokeWidth\"\n          [attr.stroke-dasharray]=\"circleStyles.strokeDasharray\"\n          [attr.stroke-dashoffset]=\"circleStyles.strokeDashoffset\"\n          stroke-linecap=\"round\"\n          class=\"cqa-transition-all cqa-duration-300 cqa-ease-in-out\"\n        />\n      </svg>\n    </div>\n    <div class=\"cqa-flex-shrink-0\" *ngIf=\"icon\">\n      <mat-icon class=\"cqa-text-primary\">{{ icon }}</mat-icon>\n    </div>\n    \n    <!-- Text Content -->\n    <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n      <span class=\"cqa-text-sm cqa-font-normal cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary-hover\">\n        {{ label }}\n      </span>\n      <span *ngIf=\"variant === 'progress'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n        {{ progress }}%\n      </span>\n      <span *ngIf=\"variant === 'elapsed-time'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n        {{ value }}\n      </span>\n    </div>\n  </div>\n</div>", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-progress-indicator', template: "<div class=\"cqa-ui-root\">\n  <div \n    class=\"cqa-flex cqa-items-center cqa-gap-4 cqa-p-[21px] cqa-transition-colors cqa-w-1/2 cqa-rounded-xl cqa-bg-surface-default\"\n    [ngStyle]=\"cardStyles\">\n    \n    <!-- Progress Spinner SVG -->\n    <div class=\"cqa-flex-shrink-0\" *ngIf=\"variant === 'progress' && !icon\">\n      <svg \n        [attr.width]=\"size\" \n        [attr.height]=\"size\" \n        class=\"cqa-transform cqa--rotate-90\"\n        style=\"overflow: visible;\">\n        <!-- Background circle -->\n        <circle\n          [attr.cx]=\"circleStyles.cx\"\n          [attr.cy]=\"circleStyles.cy\"\n          [attr.r]=\"circleStyles.r\"\n          fill=\"none\"\n          stroke=\"#D8D9FC\"\n          [attr.stroke-width]=\"strokeWidth\"\n        />\n        <!-- Progress circle -->\n        <circle\n          [attr.cx]=\"circleStyles.cx\"\n          [attr.cy]=\"circleStyles.cy\"\n          [attr.r]=\"circleStyles.r\"\n          fill=\"none\"\n          [attr.stroke]=\"color\"\n          [attr.stroke-width]=\"strokeWidth\"\n          [attr.stroke-dasharray]=\"circleStyles.strokeDasharray\"\n          [attr.stroke-dashoffset]=\"circleStyles.strokeDashoffset\"\n          stroke-linecap=\"round\"\n          class=\"cqa-transition-all cqa-duration-300 cqa-ease-in-out\"\n        />\n      </svg>\n    </div>\n    <div class=\"cqa-flex-shrink-0\" *ngIf=\"icon\">\n      <mat-icon class=\"cqa-text-primary\">{{ icon }}</mat-icon>\n    </div>\n    \n    <!-- Text Content -->\n    <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n      <span class=\"cqa-text-sm cqa-font-normal cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary-hover\">\n        {{ label }}\n      </span>\n      <span *ngIf=\"variant === 'progress'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n        {{ progress }}%\n      </span>\n      <span *ngIf=\"variant === 'elapsed-time'\" class=\"cqa-text-2xl cqa-font-bold cqa-leading-tight cqa-tracking-[-0.2px] cqa-text-primary\">\n        {{ value }}\n      </span>\n    </div>\n  </div>\n</div>", styles: [] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], strokeWidth: [{
+                type: Input
+            }] } });
+
+class StepProgressCardComponent {
+    constructor() {
+        this.currentStep = 4;
+        this.totalSteps = 6;
+        this.subText = 'This may take up to 30s. Preparing environment and dependencies...';
+    }
+    get progressPercentage() {
+        return (this.currentStep / this.totalSteps) * 100;
+    }
+    get stepText() {
+        return `Step ${this.currentStep} of ${this.totalSteps}`;
+    }
+}
+StepProgressCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StepProgressCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepProgressCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: StepProgressCardComponent, selector: "cqa-step-progress-card", inputs: { currentStep: "currentStep", totalSteps: "totalSteps", subText: "subText" }, ngImport: i0, template: "<div class=\"cqa-ui-root\">\n  <div class=\"cqa-px-[25px] cqa-py-3 cqa-rounded-[14px] cqa-bg-surface-default cqa-flex cqa-flex-col cqa-gap-2 cqa-relative cqa-shadow\"\n    [ngStyle]=\"{ border: '1px solid #E5E7EB' }\">\n    <!-- Card Header with Title and Step Info -->\n    <div class=\"cqa-flex cqa-justify-between cqa-items-center cqa-gap-2\">\n      <span class=\"cqa-font-normal cqa-text-base cqa-leading-6 cqa-text-[#364153]\">Setup Progress</span>\n      <span class=\"cqa-font-normal cqa-text-sm cqa-leading-[18px] cqa-text-metadata-key\">{{ stepText }}</span>\n    </div>\n\n    <!-- Progress Bar -->\n    <div class=\"cqa-flex cqa-items-center cqa-gap-2\">\n      <div class=\"cqa-w-full cqa-h-[10px] cqa-rounded-full cqa-bg-primary-surface cqa-overflow-hidden cqa-relative\">\n        <div \n          class=\"cqa-h-full cqa-bg-primary cqa-rounded-full cqa-transition-all cqa-duration-300 cqa-ease-in-out\" \n          [style.width.%]=\"progressPercentage\">\n        </div>\n      </div>\n    </div>\n\n    <!-- Sub Text -->\n    <div class=\"cqa-font-normal cqa-text-xs cqa-text-metadata-key cqa-mt-2 cqa-truncate cqa-whitespace-nowrap cqa-leading-tight\">\n        {{ subText }}\n    </div>\n  </div>\n</div>\n", directives: [{ type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StepProgressCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-step-progress-card', template: "<div class=\"cqa-ui-root\">\n  <div class=\"cqa-px-[25px] cqa-py-3 cqa-rounded-[14px] cqa-bg-surface-default cqa-flex cqa-flex-col cqa-gap-2 cqa-relative cqa-shadow\"\n    [ngStyle]=\"{ border: '1px solid #E5E7EB' }\">\n    <!-- Card Header with Title and Step Info -->\n    <div class=\"cqa-flex cqa-justify-between cqa-items-center cqa-gap-2\">\n      <span class=\"cqa-font-normal cqa-text-base cqa-leading-6 cqa-text-[#364153]\">Setup Progress</span>\n      <span class=\"cqa-font-normal cqa-text-sm cqa-leading-[18px] cqa-text-metadata-key\">{{ stepText }}</span>\n    </div>\n\n    <!-- Progress Bar -->\n    <div class=\"cqa-flex cqa-items-center cqa-gap-2\">\n      <div class=\"cqa-w-full cqa-h-[10px] cqa-rounded-full cqa-bg-primary-surface cqa-overflow-hidden cqa-relative\">\n        <div \n          class=\"cqa-h-full cqa-bg-primary cqa-rounded-full cqa-transition-all cqa-duration-300 cqa-ease-in-out\" \n          [style.width.%]=\"progressPercentage\">\n        </div>\n      </div>\n    </div>\n\n    <!-- Sub Text -->\n    <div class=\"cqa-font-normal cqa-text-xs cqa-text-metadata-key cqa-mt-2 cqa-truncate cqa-whitespace-nowrap cqa-leading-tight\">\n        {{ subText }}\n    </div>\n  </div>\n</div>\n", styles: [] }]
+        }], propDecorators: { currentStep: [{
+                type: Input
+            }], totalSteps: [{
+                type: Input
+            }], subText: [{
+                type: Input
+            }] } });
+
+class StepStatusCardComponent {
+    constructor() {
+        this.title = '';
+        this.description = '';
+        this.type = 'waiting';
+    }
+    get statusConfig() {
+        const configs = {
+            ready: {
+                borderColor: '#B9F8CF',
+                bgColor: '#F0FDF4',
+                iconColor: '#00A63E',
+                statusColor: '#008236',
+                statusBgColor: '#DCFCE7',
+                icon: 'check_circle',
+                label: 'Ready'
+            },
+            running: {
+                borderColor: '#D8D9FC',
+                bgColor: '#D8D9FC4D',
+                iconColor: '#1B1FEB',
+                statusColor: '#1216CC',
+                statusBgColor: '#D8D9FC',
+                icon: 'autorenew',
+                label: 'Running'
+            },
+            waiting: {
+                borderColor: '#E5E7EB',
+                bgColor: '#FFFFFF',
+                iconColor: '#99A1AF',
+                statusColor: '#4A5565',
+                statusBgColor: '#F3F4F6',
+                icon: 'schedule',
+                label: 'Waiting'
+            }
+        };
+        return configs[this.type];
+    }
+    get cardStyles() {
+        return {
+            'border': '1px solid ' + this.statusConfig.borderColor,
+            'background-color': this.statusConfig.bgColor
+        };
+    }
+}
+StepStatusCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StepStatusCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepStatusCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: StepStatusCardComponent, selector: "cqa-step-status-card", inputs: { title: "title", description: "description", type: "type", icon: "icon" }, ngImport: i0, template: "<div class=\"cqa-ui-root\">\n  <div \n    class=\"cqa-p-4 cqa-rounded-[14px] cqa-shadow cqa-flex cqa-items-center cqa-justify-between cqa-transition-all\"\n    [ngStyle]=\"cardStyles\">\n    \n    <!-- Left Section: Icon and Text -->\n    <div class=\"cqa-flex cqa-items-start cqa-gap-3 cqa-flex-1\">\n      <!-- Icon -->\n      <div class=\"cqa-flex-shrink-0 cqa-mt-1\">\n        <mat-icon \n          class=\"cqa-text-[20px] cqa-w-5 cqa-h-5\"\n          [ngStyle]=\"{ color: statusConfig.iconColor }\">\n          {{ icon || statusConfig.icon }}\n        </mat-icon>\n      </div>\n      \n      <!-- Text Content -->\n      <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n        <span class=\"cqa-text-base cqa-leading-6 cqa-text-[#101828] cqa-tracking-normal\">\n          {{ title }}\n        </span>\n        <span class=\"cqa-text-sm cqa-font-normal cqa-leading-[18px] cqa-text-[#4A5565] cqa-tracking-normal\">\n          {{ description }}\n        </span>\n      </div>\n    </div>\n    \n    <!-- Right Section: Status Badge -->\n    <div class=\"cqa-flex-shrink-0\">\n      <span \n        class=\"cqa-px-2 cqa-py-0.5 cqa-rounded-lg cqa-text-xs cqa-font-medium cqa-leading-4 cqa-tracking-normal\"\n        [ngStyle]=\"{ color: statusConfig.statusColor, backgroundColor: statusConfig.statusBgColor}\">\n        {{ statusConfig.label }}\n      </span>\n    </div>\n  </div>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StepStatusCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-step-status-card', template: "<div class=\"cqa-ui-root\">\n  <div \n    class=\"cqa-p-4 cqa-rounded-[14px] cqa-shadow cqa-flex cqa-items-center cqa-justify-between cqa-transition-all\"\n    [ngStyle]=\"cardStyles\">\n    \n    <!-- Left Section: Icon and Text -->\n    <div class=\"cqa-flex cqa-items-start cqa-gap-3 cqa-flex-1\">\n      <!-- Icon -->\n      <div class=\"cqa-flex-shrink-0 cqa-mt-1\">\n        <mat-icon \n          class=\"cqa-text-[20px] cqa-w-5 cqa-h-5\"\n          [ngStyle]=\"{ color: statusConfig.iconColor }\">\n          {{ icon || statusConfig.icon }}\n        </mat-icon>\n      </div>\n      \n      <!-- Text Content -->\n      <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n        <span class=\"cqa-text-base cqa-leading-6 cqa-text-[#101828] cqa-tracking-normal\">\n          {{ title }}\n        </span>\n        <span class=\"cqa-text-sm cqa-font-normal cqa-leading-[18px] cqa-text-[#4A5565] cqa-tracking-normal\">\n          {{ description }}\n        </span>\n      </div>\n    </div>\n    \n    <!-- Right Section: Status Badge -->\n    <div class=\"cqa-flex-shrink-0\">\n      <span \n        class=\"cqa-px-2 cqa-py-0.5 cqa-rounded-lg cqa-text-xs cqa-font-medium cqa-leading-4 cqa-tracking-normal\"\n        [ngStyle]=\"{ color: statusConfig.statusColor, backgroundColor: statusConfig.statusBgColor}\">\n        {{ statusConfig.label }}\n      </span>\n    </div>\n  </div>\n</div>\n", styles: [] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
 class UiKitModule {
     constructor(iconRegistry) {
         iconRegistry.registerFontClassAlias('material-symbols-outlined', 'material-symbols-outlined');
@@ -8716,7 +8854,10 @@ UiKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         CustomInputComponent,
         CustomTextareaComponent,
         AiReasoningComponent,
-        ExecutionResultModalComponent], imports: [CommonModule,
+        ExecutionResultModalComponent,
+        ProgressIndicatorComponent,
+        StepProgressCardComponent,
+        StepStatusCardComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         MatIconModule,
@@ -8793,7 +8934,10 @@ UiKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         CustomInputComponent,
         CustomTextareaComponent,
         AiReasoningComponent,
-        ExecutionResultModalComponent] });
+        ExecutionResultModalComponent,
+        ProgressIndicatorComponent,
+        StepProgressCardComponent,
+        StepStatusCardComponent] });
 UiKitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiKitModule, providers: [
         { provide: OverlayContainer, useClass: TailwindOverlayContainer },
         {
@@ -8896,7 +9040,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         CustomInputComponent,
                         CustomTextareaComponent,
                         AiReasoningComponent,
-                        ExecutionResultModalComponent
+                        ExecutionResultModalComponent,
+                        ProgressIndicatorComponent,
+                        StepProgressCardComponent,
+                        StepStatusCardComponent
                     ],
                     imports: [
                         CommonModule,
@@ -8979,7 +9126,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         CustomInputComponent,
                         CustomTextareaComponent,
                         AiReasoningComponent,
-                        ExecutionResultModalComponent
+                        ExecutionResultModalComponent,
+                        ProgressIndicatorComponent,
+                        StepProgressCardComponent,
+                        StepStatusCardComponent
                     ],
                     providers: [
                         { provide: OverlayContainer, useClass: TailwindOverlayContainer },
@@ -9136,5 +9286,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AIAgentStepComponent, ActionMenuButtonComponent, AiDebugAlertComponent, AiReasoningComponent, ApiStepComponent, BadgeComponent, BasicStepComponent, ButtonComponent, ChartCardComponent, ColumnVisibilityComponent, CompareRunsComponent, ConditionStepComponent, ConfigurationCardComponent, ConsoleAlertComponent, CoverageModuleCardComponent, CustomInputComponent, CustomTextareaComponent, DEFAULT_METADATA_COLOR, DIALOG_DATA, DIALOG_REF, DashboardHeaderComponent, DaterangepickerComponent, DaterangepickerDirective, DialogComponent, DialogRef, DialogService, DocumentVerificationStepComponent, DropdownButtonComponent, DynamicCellContainerDirective, DynamicCellTemplateDirective, DynamicFilterComponent, DynamicHeaderTemplateDirective, DynamicSelectFieldComponent, DynamicTableComponent, EMPTY_STATE_IMAGES, EMPTY_STATE_PRESETS, EmptyStateComponent, ExecutionResultModalComponent, FailedStepCardComponent, FailedStepComponent, FailedTestCasesCardComponent, FileDownloadStepComponent, FullTableLoaderComponent, HeatErrorMapCellComponent, InsightCardComponent, IterationsLoopComponent, LoopStepComponent, MainStepCollapseComponent, MetricsCardComponent, NetworkRequestComponent, OtherButtonComponent, PRIORITY_COLORS, PaginationComponent, ProgressTextCardComponent, RESULT_COLORS, RunHistoryCardComponent, STATUS_COLORS, SearchBarComponent, SegmentControlComponent, SelectedFiltersComponent, SelfHealAnalysisComponent, SimulatorComponent, StepGroupComponent, StepRendererComponent, TableActionToolbarComponent, TableDataLoaderComponent, TableTemplateComponent, TailwindOverlayContainer, TestDistributionCardComponent, UiKitModule, UpdatedFailedStepComponent, ViewMoreFailedStepButtonComponent, VisualComparisonComponent, VisualDifferenceModalComponent, getEmptyStatePreset, getMetadataColor, getMetadataValueStyle };
+export { AIAgentStepComponent, ActionMenuButtonComponent, AiDebugAlertComponent, AiReasoningComponent, ApiStepComponent, BadgeComponent, BasicStepComponent, ButtonComponent, ChartCardComponent, ColumnVisibilityComponent, CompareRunsComponent, ConditionStepComponent, ConfigurationCardComponent, ConsoleAlertComponent, CoverageModuleCardComponent, CustomInputComponent, CustomTextareaComponent, DEFAULT_METADATA_COLOR, DIALOG_DATA, DIALOG_REF, DashboardHeaderComponent, DaterangepickerComponent, DaterangepickerDirective, DialogComponent, DialogRef, DialogService, DocumentVerificationStepComponent, DropdownButtonComponent, DynamicCellContainerDirective, DynamicCellTemplateDirective, DynamicFilterComponent, DynamicHeaderTemplateDirective, DynamicSelectFieldComponent, DynamicTableComponent, EMPTY_STATE_IMAGES, EMPTY_STATE_PRESETS, EmptyStateComponent, ExecutionResultModalComponent, FailedStepCardComponent, FailedStepComponent, FailedTestCasesCardComponent, FileDownloadStepComponent, FullTableLoaderComponent, HeatErrorMapCellComponent, InsightCardComponent, IterationsLoopComponent, LoopStepComponent, MainStepCollapseComponent, MetricsCardComponent, NetworkRequestComponent, OtherButtonComponent, PRIORITY_COLORS, PaginationComponent, ProgressIndicatorComponent, ProgressTextCardComponent, RESULT_COLORS, RunHistoryCardComponent, STATUS_COLORS, SearchBarComponent, SegmentControlComponent, SelectedFiltersComponent, SelfHealAnalysisComponent, SimulatorComponent, StepGroupComponent, StepProgressCardComponent, StepRendererComponent, StepStatusCardComponent, TableActionToolbarComponent, TableDataLoaderComponent, TableTemplateComponent, TailwindOverlayContainer, TestDistributionCardComponent, UiKitModule, UpdatedFailedStepComponent, ViewMoreFailedStepButtonComponent, VisualComparisonComponent, VisualDifferenceModalComponent, getEmptyStatePreset, getMetadataColor, getMetadataValueStyle };
 //# sourceMappingURL=cqa-lib-cqa-ui.mjs.map