ngx-t-forms 2.0.28 → 2.0.29

package/fesm2022/{ngx-t-forms-pipeline-generator.component-CgpB8grY.mjs → ngx-t-forms-pipeline-generator.component-DBJEyCbd.mjs}

@@ -1,4 +1,4 @@
-import * as i2$4 from '@angular/common';
+import * as i2$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Component, inject, Injectable, ElementRef, ViewChild, HostBinding, Optional, Self } from '@angular/core';
@@ -6,15 +6,15 @@ import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { Subscription, BehaviorSubject, switchMap, map, take, catchError, finalize, throwError, tap, combineLatest, filter, Subject, takeUntil, distinctUntilChanged } from 'rxjs';
 import PipelineBuilder from 'db-aggregation-pipeline-builder';
-import { M as MatModulesModule, J as JsonEditorComponent, N as NGX_T_FORMS_CONFIG_TOKEN, b as TDynamicDataViewComponent, D as DaysAgoPipe } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
+import { M as MatModulesModule, J as JsonEditorComponent, N as NGX_T_FORMS_CONFIG_TOKEN, b as TDynamicDataViewComponent, D as DaysAgoPipe } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
 import * as i2 from '@angular/material/autocomplete';
 import * as i2$1 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/divider';
-import * as i2$2 from '@angular/material/icon';
-import * as i2$3 from '@angular/material/select';
-import * as i8 from '@angular/material/tooltip';
-import { TWorkflowPickerComponent } from './ngx-t-forms-t-workflow-picker.component-CUX4KlZd.mjs';
+import * as i3$1 from '@angular/material/icon';
+import * as i3$2 from '@angular/material/select';
+import * as i4$1 from '@angular/material/tooltip';
+import { TWorkflowPickerComponent } from './ngx-t-forms-t-workflow-picker.component-a4f1r8gH.mjs';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { HttpClient } from '@angular/common/http';
 import * as i10 from '@angular/cdk/overlay';
@@ -76,7 +76,6 @@ class AggregateStageEditorComponent {
         const { config, stage } = this.activeStage || {};
         // Check if config and stage are defined
         if (!config && config !== 0 || !stage) {
-            console.error('Config or stage is not defined', config, stage);
             this.activeStage.valid = false;
             return; // Early exit if validation fails
         }
@@ -93,7 +92,6 @@ class AggregateStageEditorComponent {
             // Catch and handle errors from validation
             this.configValidationError = error.message || JSON.stringify(error) || 'An unknown error occurred';
             this.activeStage.valid = false;
-            console.error('Validation Error:', this.configValidationError);
         }
     }
     canSaveConfig() {
@@ -118,7 +116,7 @@ class AggregateStageEditorComponent {
         this.deleteStage.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AggregateStageEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: AggregateStageEditorComponent, isStandalone: true, selector: "app-aggregate-stage-editor", inputs: { selectedStage: "selectedStage", isRunningPipeline: "isRunningPipeline" }, outputs: { saveStage: "saveStage", deleteStage: "deleteStage" }, ngImport: i0, template: "<mat-card style=\"margin-bottom:8px\">\n  <mat-card-content>\n\n    <h5>\n      Aggregate Pipeline Stage Configuration\n    </h5>\n\n\n\n    <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\n      <mat-label>Select Aggregate Stage</mat-label>\n      <mat-select matNativeControl [value]=\"selectedStage?.name\" (selectionChange)=\"handleChange($event)\"\n        placeholder=\"ChooseFunctionToRun\">\n        <mat-option *ngFor=\"let stage of allowedStages; trackBy: trackByStage\" [value]=\"stage.stage\">\n          {{stage.stage}}</mat-option>\n\n\n\n      </mat-select>\n      <mat-hint>\n        {{activeDescription ?\n        'Hover over the info icon to view stage details .'\n        : 'Please select an aggregation function from the list.'}}\n      </mat-hint>\n      <mat-hint *ngIf=\"activeDescription\" align=\"end\">\n        <mat-icon matTooltipHideDelay=\"1000\" [matTooltip]=\"activeDescription\" matSuffix>info</mat-icon>\n      </mat-hint>\n    </mat-form-field>\n\n\n\n    <div class=\"tree-instructions\" style=\"background: cornsilk;\" *ngIf=\"configValidationError\">\n      <mat-icon style=\"margin-top: 4px;margin-bottom:auto\" class=\"info-icon\" color=\"warn\">warning</mat-icon>\n      <span>{{ configValidationError }}</span>\n    </div>\n\n\n\n\n\n    <div class=\"config-container\" *ngIf=\"activeStage ||selectedStage?.config\">\n      <app-json-editor [value]=\"selectedStage?.config\" (valueChange)=\"handleConfigChange($event)\"></app-json-editor>\n    </div>\n\n    <br>\n\n\n\n  </mat-card-content>\n  <mat-divider>\n  </mat-divider>\n  <mat-card-actions>\n\n    <span class=\"spacer\"></span>\n    <button  color=\"warn\" [disabled]=\"isRunningPipeline\" mat-button (click)=\"deleteActive()\">\n      Delete\n      <mat-icon >delete</mat-icon>\n    </button>\n    <button style=\"margin-left:8px;\" color=\"primary\" mat-flat-button (click)=\"saveConfiguration()\"\n      [disabled]=\"isRunningPipeline ||!activeStage?.valid \">\n      Save\n      <mat-icon> save</mat-icon>\n    </button>\n  </mat-card-actions>\n</mat-card>", styles: [".title-icon{margin-right:8px;vertical-align:middle}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px!important;display:block}mat-form-field{min-width:100%;background:azure}.stageDescription{background:azure}.stage-button-container{display:flex;gap:4px;width:fit-content;align-items:center}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px;margin:8px auto auto}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i2$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: JsonEditorComponent, selector: "app-json-editor", inputs: ["value"], outputs: ["valueChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: AggregateStageEditorComponent, isStandalone: true, selector: "app-aggregate-stage-editor", inputs: { selectedStage: "selectedStage", isRunningPipeline: "isRunningPipeline" }, outputs: { saveStage: "saveStage", deleteStage: "deleteStage" }, ngImport: i0, template: "<mat-card style=\"margin-bottom:8px\">\n  <mat-card-content>\n\n    <h5>\n      Aggregate Pipeline Stage Configuration\n    </h5>\n\n\n\n    <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\n      <mat-label>Select Aggregate Stage</mat-label>\n      <mat-select matNativeControl [value]=\"selectedStage?.name\" (selectionChange)=\"handleChange($event)\"\n        placeholder=\"ChooseFunctionToRun\">\n        <mat-option *ngFor=\"let stage of allowedStages; trackBy: trackByStage\" [value]=\"stage.stage\">\n          {{stage.stage}}</mat-option>\n\n\n\n      </mat-select>\n      <mat-hint>\n        {{activeDescription ?\n        'Hover over the info icon to view stage details .'\n        : 'Please select an aggregation function from the list.'}}\n      </mat-hint>\n      <mat-hint *ngIf=\"activeDescription\" align=\"end\">\n        <mat-icon matTooltipHideDelay=\"1000\" [matTooltip]=\"activeDescription\" matSuffix>info</mat-icon>\n      </mat-hint>\n    </mat-form-field>\n\n\n\n    <div class=\"tree-instructions\" style=\"background: cornsilk;\" *ngIf=\"configValidationError\">\n      <mat-icon style=\"margin-top: 4px;margin-bottom:auto\" class=\"info-icon\" color=\"warn\">warning</mat-icon>\n      <span>{{ configValidationError }}</span>\n    </div>\n\n\n\n\n\n    <div class=\"config-container\" *ngIf=\"activeStage ||selectedStage?.config\">\n      <app-json-editor [value]=\"selectedStage?.config\" (valueChange)=\"handleConfigChange($event)\"></app-json-editor>\n    </div>\n\n    <br>\n\n\n\n  </mat-card-content>\n  <mat-divider>\n  </mat-divider>\n  <mat-card-actions>\n\n    <span class=\"spacer\"></span>\n    <button  color=\"warn\" [disabled]=\"isRunningPipeline\" mat-button (click)=\"deleteActive()\">\n      Delete\n      <mat-icon >delete</mat-icon>\n    </button>\n    <button style=\"margin-left:8px;\" color=\"primary\" mat-flat-button (click)=\"saveConfiguration()\"\n      [disabled]=\"isRunningPipeline ||!activeStage?.valid \">\n      Save\n      <mat-icon> save</mat-icon>\n    </button>\n  </mat-card-actions>\n</mat-card>", styles: [".title-icon{margin-right:8px;vertical-align:middle}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px!important;display:block}mat-form-field{min-width:100%;background:azure}.stageDescription{background:azure}.stage-button-container{display:flex;gap:4px;width:fit-content;align-items:center}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px;margin:8px auto auto}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: JsonEditorComponent, selector: "app-json-editor", inputs: ["value"], outputs: ["valueChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AggregateStageEditorComponent, decorators: [{
             type: Component,
@@ -199,7 +197,6 @@ class PipelineService {
      * @param error The error response from the HTTP request
      */
     handleError(error) {
-        console.error('An error occurred', error);
         // Return an observable with a user-facing error message
         return throwError(() => new Error('Something went wrong with the pipeline generation; please try again later.'));
     }
@@ -226,7 +223,6 @@ class PipelineService {
                 ? "Document schema is missing. Please ensure at least one document exists for the selected workflow."
                 : undefined;
             this.schemaLoadError$.next(error);
-            console.log("Workflow schema loaded,run pipeline");
             this.runActivePipeline();
         }), catchError((error) => {
             this.schemaLoadError$.next("Error loading schema");
@@ -247,20 +243,14 @@ class PipelineService {
     }
     onTextChange(event) {
         this.prompt$.next(event);
-        console.log(event);
     }
     promptSubmit() {
         // Use combineLatest to fetch the latest values from multiple sources
         combineLatest([this.schema$, this.threadId$, this.pipeline$, this.prompt$, this.chatHistory$])
-            .pipe(take(1), tap(([schema, threadId, pipeline, prompt, history]) => {
-            if (!schema || !prompt) {
-                console.warn(`Missing values: schema ${schema} prompt ${prompt}`);
-            }
-        }), filter(([schema, , , prompt]) => !!schema && !!prompt), switchMap(([schema, threadId, pipeline, prompt, history]) => {
+            .pipe(take(1), tap(() => { }), filter(([schema, , , prompt]) => !!schema && !!prompt), switchMap(([schema, threadId, pipeline, prompt, history]) => {
             // Use a shallow copy of the pipeline
             const previousError = history[history.length - 1]?.assistance?.error;
             const pipelineCopy = pipeline.map(stage => JSON.parse(JSON.stringify(stage))) || [];
-            console.info('Generating pipeline with prompt:', prompt, 'schema:', schema, 'threadId:', threadId, 'pipeline:', pipeline);
             return this.generatePipeline(prompt, schema, threadId, pipelineCopy, previousError).pipe(map((response) => ({ ...response, history, prompt })));
         }), tap((response) => {
             const { pipeline, threadId, history, prompt } = response;
@@ -276,10 +266,8 @@ class PipelineService {
             // Store threadID locally
             localStorage.setItem('threadId', threadId);
             // Run the active pipeline after all state updates are complete
-            console.log("prompt submitted run pipeline");
             this.runActivePipeline();
         }), catchError((error) => {
-            console.error('Error response:', error.message || error);
             return this.handleError(error);
         })).subscribe();
     }
@@ -292,8 +280,7 @@ class PipelineService {
         try {
             PipelineBuilder.validatePipeline(pipeline);
         }
-        catch (error) {
-            console.error(error, pipeline);
+        catch {
             return;
         }
         const workflowId = this.workflowId$.getValue();
@@ -303,7 +290,6 @@ class PipelineService {
         this.runPipeLine(pipeline, workflowId).pipe(take(1), tap(({ results }) => {
             this.pipeLineResult$.next(results);
         }), catchError((error) => {
-            console.error('Error response:', error);
             const err = JSON.parse(JSON.stringify(error));
             const errorMessage = err.error;
             if (errorMessage) {
@@ -343,10 +329,8 @@ class PipelineService {
             }
             return s;
         });
-        console.log("newPipeline", newPipeline);
         this.pipeline$.next(newPipeline);
         this.activeStage$.next(undefined);
-        console.log("stage saved run pipeline");
         this.runActivePipeline();
     }
     deleteStage(index) {
@@ -355,10 +339,8 @@ class PipelineService {
             return;
         }
         const newPipeline = pipeline.filter((s, i) => i !== index);
-        console.log("newPipeline", newPipeline);
         this.pipeline$.next(newPipeline);
         this.activeStage$.next(undefined);
-        console.log("stage deleted run pipeline");
         this.runActivePipeline();
     }
     get pipelineGeneralValid() {
@@ -423,7 +405,6 @@ class PipelineGeneratorComponent {
                     name: this._workflowName || 'Unnamed Pipeline',
                     "source": "mongoPipeline",
                 };
-                console.log('Pipeline config changed', newConfig);
                 this.valueChanged.emit(newConfig);
             });
         };
@@ -457,7 +438,6 @@ class PipelineGeneratorComponent {
         this.stateChanges.next();
     }
     markAsTouched() {
-        console.log('markAsTouched');
         if (!this.touched) {
             this.onTouched();
             this.touched = true;
@@ -472,7 +452,6 @@ class PipelineGeneratorComponent {
             if (value?.workflowId) {
                 this.workflowChanged(value?.workflowId);
             }
-            console.log('Pipeline value changed', value, this.pipeline.pipeline$.value);
             if (value?.pipeline) {
                 this.pipeline.pipeline$.next(value?.pipeline || []);
             }
@@ -518,7 +497,6 @@ class PipelineGeneratorComponent {
         return this.pipeline.activeStage$.asObservable();
     }
     get activeStage() {
-        console.log(this.pipeline.activeStage);
         return this.pipeline.activeStage;
     }
     get isRunningPipeline() {
@@ -537,7 +515,6 @@ class PipelineGeneratorComponent {
         if (!this.textareaElementRef?.nativeElement) {
             return;
         }
-        console.log('onTextChange', event);
         const newValue = event.target.value;
         const textarea = this.textareaElementRef.nativeElement;
         this.cursorPosition = textarea.selectionStart || 0;
@@ -577,7 +554,6 @@ class PipelineGeneratorComponent {
     }
     promptSubmit() {
         this.pipeline.promptSubmit();
-        console.log('promptSubmit');
     }
     setActiveStage(index) {
         this.pipeline.setActiveStage(index);
@@ -596,7 +572,7 @@ class PipelineGeneratorComponent {
         this.setActiveStage(undefined);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PipelineGeneratorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: PipelineGeneratorComponent, isStandalone: true, selector: "app-pipeline-generator", inputs: { disabled: "disabled", value: "value", getWorkflowOptions: "getWorkflowOptions", userName: "userName", errors: "errors" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }], viewQueries: [{ propertyName: "textareaElementRef", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], ngImport: i0, template: "\r\n\r\n\r\n<section class=\"ion-margin\">\r\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\r\n</section>\r\n<lib-t-workflow-picker \r\n(valueChanged)=\"workflowChanged($event)\"\r\n(workflowNameChanged)=\"workflowNameChanged($event)\" \r\n[getWorkflowOptions]=\" workflows$\"\r\n  [value]=\"(workflowId|async)||undefined\">\r\n</lib-t-workflow-picker>\r\n<mat-accordion multi *ngIf=\"workflowId|async\">\r\n  <!-- Pipeline Accordion -->\r\n  <mat-expansion-panel value=\"pipeline\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">\r\n          dynamic_form\r\n        </mat-icon>\r\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\r\n      </mat-panel-title>\r\n\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\r\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          Add stages to the pipeline below.<br>\r\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\r\n          one stage are passed to the next stage in the pipeline.\r\n        </span>\r\n      </div>\r\n\r\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\r\n\r\n\r\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\r\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\r\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\r\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\r\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\r\n            <div matListItemTitle>\r\n              <div style=\"line-height: normal;\">\r\n                {{ stage.name || 'Stage ' }}\r\n              </div>\r\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\r\n                Incomplete , click to edit\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\r\n              mat-icon-button matListItemMeta>\r\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\r\n\r\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\r\n                warning\r\n              </mat-icon>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n\r\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\r\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\r\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\r\n\r\n\r\n        </ng-container>\r\n\r\n        <mat-toolbar style=\"padding: 0px;\">\r\n\r\n          <span class=\"spacer\"></span>\r\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\r\n            mat-raised-button>\r\n            Add\r\n            <mat-icon>add</mat-icon>\r\n          </button>\r\n        </mat-toolbar>\r\n      </mat-nav-list>\r\n\r\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\r\n    </div>\r\n  </mat-expansion-panel>\r\n\r\n  <!-- Results Accordion -->\r\n  <mat-expansion-panel value=\"results\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\r\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\r\n\r\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\r\n        <p *ngIf=\"!results\" color=\"medium\">\r\n\r\n          No results available\r\n\r\n        </p>\r\n\r\n      </ng-container>\r\n      <ng-template #noResults>\r\n        <p color=\"medium\">No results available</p>\r\n      </ng-template>\r\n    </div>\r\n  </mat-expansion-panel>\r\n\r\n  <!-- AI Agent Accordion -->\r\n  <mat-expansion-panel value=\"ai\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\r\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div class=\"content\">\r\n      @if( schemaLoadError$ | async){\r\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\r\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\r\n          <span> {{ schemaLoadError$ | async }}</span>\r\n        </div>\r\n  \r\n      }\r\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\r\n\r\n        <mat-list-item class=\"chatContent chatItem\">\r\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\r\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\r\n            <div>\r\n              {{chat.user}}\r\n            </div>\r\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\r\n              {{chat.date|daysAgo}}\r\n              <mat-icon class=\"sent-icon\">\r\n                done_all\r\n              </mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-list-item>\r\n\r\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\r\n          <mat-icon style=\"    margin-left: 0px;\r\n    margin-top: 16px;\r\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\r\n          <div class=\"chat\" style=\"text-align: left; \r\n          padding-left: 16px;  \r\n    background: azure;\r\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\r\n            <pre>\r\n                {{chat. assistance.pipeline |json}}\r\n              </pre>\r\n          </div>\r\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\r\n            {{chat.assistance.error}}\r\n          </div>\r\n        </mat-list-item>\r\n\r\n\r\n      </mat-list>\r\n      <mat-list>\r\n        <mat-list-item class=\"chatContent chatItem\">\r\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\r\n    border-radius: 14px;\r\n    padding-right: 3px;\r\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\r\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\r\n          <button matListItemMeta style=\"    margin-left: 4px;\r\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\r\n\r\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\r\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \r\n            class=\"submit-spinner\" ></mat-spinner>\r\n          </button>\r\n         \r\n        </mat-list-item>\r\n\r\n      </mat-list>\r\n\r\n\r\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\r\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\r\n\r\n\r\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\r\n\r\n          <mat-icon>\r\n            search\r\n          </mat-icon>\r\n        </mat-toolbar> -->\r\n        <mat-divider></mat-divider>\r\n        <div style=\"padding: 8px;\">\r\n          <div class=\"suggestion-container\">\r\n            <div class=\"suggestion-column\">\r\n              <h5>Collection document properties</h5>\r\n              <div class=\"button-container\">\r\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\r\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\r\n                  class=\"suggestion-button\">\r\n                  {{ method.label | titlecase }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n\r\n        </div>\r\n      </section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n\r\n\r\n\r\n\r\n<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"disabled\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n", styles: ["ion-card{margin:0 auto}.head{font-weight:500;font-size:.9rem;padding-left:8px}.chat{margin-top:0;padding-bottom:8px;padding-top:9px;padding-right:16px;white-space:normal;font-size:.8rem}.icon{margin-top:auto;margin-bottom:auto;margin-right:16px}.container{max-width:600px;margin:0 auto}ion-accordion-group{margin:16px}ion-icon{margin-right:16PX}.suggestion-container{display:flex;width:100%;gap:14px}.suggestion-column{flex:1;min-width:0}.button-container{display:flex;flex-wrap:wrap}.suggestion-button{height:auto;text-transform:capitalize;margin:2px;padding:8px;line-height:normal;text-align:left;font-size:.8em}h5{margin-bottom:8px;font-size:1em}mat-expansion-panel-header{padding-left:16px;padding-right:16px}mat-expansion-panel{background:var(--mat-sys-surface-container, var(--mat-app-surface))}mat-form-field{width:100%;background:azure}.chatItem{padding:0}.chatItem mat-icon{margin-left:16px;margin-right:16px}.chatContent{height:fit-content!important}.stage-button{margin:4px}.stage-index{font-size:.875em;display:flex;width:28px;height:28px;justify-content:center;background:azure;align-items:center;border:solid var(--mat-divider-color, var(--mat-app-outline)) 1px}.stage-inner-message{font-size:.875em;display:flex;line-height:normal;opacity:.6}.stage-item{height:54px!important}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px!important;display:block}.title-icon{margin-right:8px;vertical-align:middle}.header-spinner{position:absolute;width:24px!important;height:24px!important}.sent-icon{font-size:.875em;height:14px;margin-right:0!important;margin-left:0!important}.submit-spinner{position:absolute;width:40px!important;right:-8px;top:-20px;height:40px!important;--mdc-circular-progress-size: 40px !important;--mdc-circular-progress-active-indicator-width: 40px !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TWorkflowPickerComponent, selector: "lib-t-workflow-picker", inputs: ["disabled", "errors", "required", "value", "placeholder", "getWorkflowOptions"], outputs: ["valueChange", "valueChanged", "workflowNameChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: TDynamicDataViewComponent, selector: "lib-t-dynamic-data-view", inputs: ["data"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i10.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: AggregateStageEditorComponent, selector: "app-aggregate-stage-editor", inputs: ["selectedStage", "isRunningPipeline"], outputs: ["saveStage", "deleteStage"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "pipe", type: i2$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$4.JsonPipe, name: "json" }, { kind: "pipe", type: i2$4.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: DaysAgoPipe, name: "daysAgo" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: PipelineGeneratorComponent, isStandalone: true, selector: "app-pipeline-generator", inputs: { disabled: "disabled", value: "value", getWorkflowOptions: "getWorkflowOptions", userName: "userName", errors: "errors" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }], viewQueries: [{ propertyName: "textareaElementRef", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], ngImport: i0, template: "\r\n\r\n\r\n<section class=\"ion-margin\">\r\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\r\n</section>\r\n<lib-t-workflow-picker \r\n(valueChanged)=\"workflowChanged($event)\"\r\n(workflowNameChanged)=\"workflowNameChanged($event)\" \r\n[getWorkflowOptions]=\" workflows$\"\r\n  [value]=\"(workflowId|async)||undefined\">\r\n</lib-t-workflow-picker>\r\n<mat-accordion multi *ngIf=\"workflowId|async\">\r\n  <!-- Pipeline Accordion -->\r\n  <mat-expansion-panel value=\"pipeline\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">\r\n          dynamic_form\r\n        </mat-icon>\r\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\r\n      </mat-panel-title>\r\n\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\r\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          Add stages to the pipeline below.<br>\r\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\r\n          one stage are passed to the next stage in the pipeline.\r\n        </span>\r\n      </div>\r\n\r\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\r\n\r\n\r\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\r\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\r\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\r\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\r\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\r\n            <div matListItemTitle>\r\n              <div style=\"line-height: normal;\">\r\n                {{ stage.name || 'Stage ' }}\r\n              </div>\r\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\r\n                Incomplete , click to edit\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\r\n              mat-icon-button matListItemMeta>\r\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\r\n\r\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\r\n                warning\r\n              </mat-icon>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n\r\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\r\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\r\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\r\n\r\n\r\n        </ng-container>\r\n\r\n        <mat-toolbar style=\"padding: 0px;\">\r\n\r\n          <span class=\"spacer\"></span>\r\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\r\n            mat-raised-button>\r\n            Add\r\n            <mat-icon>add</mat-icon>\r\n          </button>\r\n        </mat-toolbar>\r\n      </mat-nav-list>\r\n\r\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\r\n    </div>\r\n  </mat-expansion-panel>\r\n\r\n  <!-- Results Accordion -->\r\n  <mat-expansion-panel value=\"results\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\r\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\r\n\r\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\r\n        <p *ngIf=\"!results\" color=\"medium\">\r\n\r\n          No results available\r\n\r\n        </p>\r\n\r\n      </ng-container>\r\n      <ng-template #noResults>\r\n        <p color=\"medium\">No results available</p>\r\n      </ng-template>\r\n    </div>\r\n  </mat-expansion-panel>\r\n\r\n  <!-- AI Agent Accordion -->\r\n  <mat-expansion-panel value=\"ai\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\r\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div class=\"content\">\r\n      @if( schemaLoadError$ | async){\r\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\r\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\r\n          <span> {{ schemaLoadError$ | async }}</span>\r\n        </div>\r\n  \r\n      }\r\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\r\n\r\n        <mat-list-item class=\"chatContent chatItem\">\r\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\r\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\r\n            <div>\r\n              {{chat.user}}\r\n            </div>\r\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\r\n              {{chat.date|daysAgo}}\r\n              <mat-icon class=\"sent-icon\">\r\n                done_all\r\n              </mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-list-item>\r\n\r\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\r\n          <mat-icon style=\"    margin-left: 0px;\r\n    margin-top: 16px;\r\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\r\n          <div class=\"chat\" style=\"text-align: left; \r\n          padding-left: 16px;  \r\n    background: azure;\r\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\r\n            <pre>\r\n                {{chat. assistance.pipeline |json}}\r\n              </pre>\r\n          </div>\r\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\r\n            {{chat.assistance.error}}\r\n          </div>\r\n        </mat-list-item>\r\n\r\n\r\n      </mat-list>\r\n      <mat-list>\r\n        <mat-list-item class=\"chatContent chatItem\">\r\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\r\n    border-radius: 14px;\r\n    padding-right: 3px;\r\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\r\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\r\n          <button matListItemMeta style=\"    margin-left: 4px;\r\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\r\n\r\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\r\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \r\n            class=\"submit-spinner\" ></mat-spinner>\r\n          </button>\r\n         \r\n        </mat-list-item>\r\n\r\n      </mat-list>\r\n\r\n\r\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\r\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\r\n\r\n\r\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\r\n\r\n          <mat-icon>\r\n            search\r\n          </mat-icon>\r\n        </mat-toolbar> -->\r\n        <mat-divider></mat-divider>\r\n        <div style=\"padding: 8px;\">\r\n          <div class=\"suggestion-container\">\r\n            <div class=\"suggestion-column\">\r\n              <h5>Collection document properties</h5>\r\n              <div class=\"button-container\">\r\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\r\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\r\n                  class=\"suggestion-button\">\r\n                  {{ method.label | titlecase }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n\r\n        </div>\r\n      </section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n\r\n\r\n\r\n\r\n<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"disabled\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n", styles: ["ion-card{margin:0 auto}.head{font-weight:500;font-size:.9rem;padding-left:8px}.chat{margin-top:0;padding-bottom:8px;padding-top:9px;padding-right:16px;white-space:normal;font-size:.8rem}.icon{margin-top:auto;margin-bottom:auto;margin-right:16px}.container{max-width:600px;margin:0 auto}ion-accordion-group{margin:16px}ion-icon{margin-right:16PX}.suggestion-container{display:flex;width:100%;gap:14px}.suggestion-column{flex:1;min-width:0}.button-container{display:flex;flex-wrap:wrap}.suggestion-button{height:auto;text-transform:capitalize;margin:2px;padding:8px;line-height:normal;text-align:left;font-size:.8em}h5{margin-bottom:8px;font-size:1em}mat-expansion-panel-header{padding-left:16px;padding-right:16px}mat-expansion-panel{background:var(--mat-sys-surface-container, var(--mat-app-surface))}mat-form-field{width:100%;background:azure}.chatItem{padding:0}.chatItem mat-icon{margin-left:16px;margin-right:16px}.chatContent{height:fit-content!important}.stage-button{margin:4px}.stage-index{font-size:.875em;display:flex;width:28px;height:28px;justify-content:center;background:azure;align-items:center;border:solid var(--mat-divider-color, var(--mat-app-outline)) 1px}.stage-inner-message{font-size:.875em;display:flex;line-height:normal;opacity:.6}.stage-item{height:54px!important}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px!important;display:block}.title-icon{margin-right:8px;vertical-align:middle}.header-spinner{position:absolute;width:24px!important;height:24px!important}.sent-icon{font-size:.875em;height:14px;margin-right:0!important;margin-left:0!important}.submit-spinner{position:absolute;width:40px!important;right:-8px;top:-20px;height:40px!important;--mdc-circular-progress-size: 40px !important;--mdc-circular-progress-active-indicator-width: 40px !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TWorkflowPickerComponent, selector: "lib-t-workflow-picker", inputs: ["disabled", "errors", "required", "value", "placeholder", "getWorkflowOptions"], outputs: ["valueChange", "valueChanged", "workflowNameChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: TDynamicDataViewComponent, selector: "lib-t-dynamic-data-view", inputs: ["data"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i10.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: AggregateStageEditorComponent, selector: "app-aggregate-stage-editor", inputs: ["selectedStage", "isRunningPipeline"], outputs: ["saveStage", "deleteStage"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$2.JsonPipe, name: "json" }, { kind: "pipe", type: i2$2.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: DaysAgoPipe, name: "daysAgo" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PipelineGeneratorComponent, decorators: [{
             type: Component,
@@ -634,4 +610,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 
 export { PipelineGeneratorComponent };
-//# sourceMappingURL=ngx-t-forms-pipeline-generator.component-CgpB8grY.mjs.map
+//# sourceMappingURL=ngx-t-forms-pipeline-generator.component-DBJEyCbd.mjs.map

package/fesm2022/ngx-t-forms-pipeline-generator.component-DBJEyCbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-pipeline-generator.component-DBJEyCbd.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/pipeline-generator/elements/aggregate-stage-editor/aggregate-stage-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/pipeline-generator/elements/aggregate-stage-editor/aggregate-stage-editor.component.html","../../../projects/ngx-t-forms/src/lib/services/hhtpResources/Pipeline/pipeline.service.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/pipeline-generator/pipeline-generator.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/pipeline-generator/pipeline-generator.component.html"],"sourcesContent":["import {  Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport PipelineBuilder from \"db-aggregation-pipeline-builder\"\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { JsonEditorComponent } from '../../../json-editor/json-editor.component';\nimport { IAllowedStage } from '../../../../../../services/hhtpResources/Pipeline/pipeline.service';\nimport { MatModulesModule } from '../../../../../../shared/modules/mat-modules.module';\n\nimport { MatSelectChange } from '@angular/material/select';\n\n@Component({\n  selector: 'app-aggregate-stage-editor',\n  templateUrl: './aggregate-stage-editor.component.html',\n  styleUrls: ['./aggregate-stage-editor.component.scss'],\n  standalone: true,\n\n  imports: [\n    MatModulesModule,\n    CommonModule,\n    FormsModule,\n    JsonEditorComponent\n  ]\n})\nexport class AggregateStageEditorComponent implements OnInit {\n  subscription = new Subscription();\n  @Input() selectedStage:any\n  @Input() isRunningPipeline: boolean = false\n  @Output() saveStage = new EventEmitter<IAllowedStage | undefined>()\n  @Output() deleteStage = new EventEmitter<void>()\n  ngOnDestroy(): void {\n    this.subscription.unsubscribe()\n  }\n\n  constructor() {\n\n  }\n  activeStage: IAllowedStage | undefined = undefined; // Define the type appropriately if possible\n  allowedStages: { stage: string; description: string; config: any }[] = [];\n  configValidationError: string | undefined\n\n\n  ngOnInit() {\n    // Debounce the config change to optimize performance\n\n    this.allowedStages = PipelineBuilder.getViewOnlyStages() as any\n  }\n\n  handleChange(event: MatSelectChange): void {\n \n      const selectedStage = event.value\n      if (this.activeStage === undefined) {\n        this.activeStage = {\n          stage: selectedStage,\n          ...this.selectedStage || {},\n\n        } as IAllowedStage\n      } else {\n        this.activeStage = {\n          config : this.activeStage?.config|| this.selectedStage ?.config,\n          stage: selectedStage\n        } as IAllowedStage\n\n      }\n      { }\n      if (this.activeStage?.config as any && !!this.activeStage?.stage) {\n\n        this.validateConfig();\n\n      }\n  }\n\n  handleConfigChange(event: any): void {\n    if (!this.activeStage) {\n      this.activeStage = {\n        ...this.selectedStage  || {},\n      } as IAllowedStage\n    }\n    this.activeStage = {\n      stage:this.activeStage?.stage ||  this.selectedStage ?.name,\n      config: event.value\n    } as IAllowedStage\n    this.validateConfig();\n\n  }\n  validateConfig(): void {\n    this.configValidationError = undefined\n    const { config, stage } = this.activeStage || {} as IAllowedStage;\n\n    // Check if config and stage are defined\n    if (!config && config !== 0 || !stage) {\n      this.activeStage!.valid = false;\n      return; // Early exit if validation fails\n    }\n\n    try {\n      const valid = PipelineBuilder.validateStageConfig(stage as any, config);\n      this.activeStage!.valid = valid;\n\n      // Set error message if config is invalid\n      if (!valid) {\n        this.configValidationError = undefined\n        return;\n      }\n    } catch (error: any) {\n      // Catch and handle errors from validation\n      this.configValidationError = error.message || JSON.stringify(error) || 'An unknown error occurred';\n      this.activeStage!.valid = false;\n    }\n  }\n\n  canSaveConfig(): boolean {\n    return !!this.activeStage && !this.configValidationError;\n  }\n\n  saveConfiguration(): void {\n    // Logic for saving the configuration\n    if (this.canSaveConfig()) {\n      this.saveStage.emit(this.activeStage as IAllowedStage);\n  \n    }\n  }\n\n  trackByStage(index: number, stage: any): string {\n    return stage.stage;\n  }\n\n  get allowedStageNames(): string[] {\n    return this.allowedStages.map(stage => stage.stage);\n  }\n\n\n  get activeDescription() {\n    return this.allowedStages.find(stage => stage.stage === this.activeStage?.stage)?.description\n\n\n  }\n\n  deleteActive() {\n    this.deleteStage.emit()\n  }\n  // close() {\n  //   this.pipeline.setActiveStage(undefined)\n  // }\n\n}\n","<mat-card style=\"margin-bottom:8px\">\n  <mat-card-content>\n\n    <h5>\n      Aggregate Pipeline Stage Configuration\n    </h5>\n\n\n\n    <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\n      <mat-label>Select Aggregate Stage</mat-label>\n      <mat-select matNativeControl [value]=\"selectedStage?.name\" (selectionChange)=\"handleChange($event)\"\n        placeholder=\"ChooseFunctionToRun\">\n        <mat-option *ngFor=\"let stage of allowedStages; trackBy: trackByStage\" [value]=\"stage.stage\">\n          {{stage.stage}}</mat-option>\n\n\n\n      </mat-select>\n      <mat-hint>\n        {{activeDescription ?\n        'Hover over the info icon to view stage details .'\n        : 'Please select an aggregation function from the list.'}}\n      </mat-hint>\n      <mat-hint *ngIf=\"activeDescription\" align=\"end\">\n        <mat-icon matTooltipHideDelay=\"1000\" [matTooltip]=\"activeDescription\" matSuffix>info</mat-icon>\n      </mat-hint>\n    </mat-form-field>\n\n\n\n    <div class=\"tree-instructions\" style=\"background: cornsilk;\" *ngIf=\"configValidationError\">\n      <mat-icon style=\"margin-top: 4px;margin-bottom:auto\" class=\"info-icon\" color=\"warn\">warning</mat-icon>\n      <span>{{ configValidationError }}</span>\n    </div>\n\n\n\n\n\n    <div class=\"config-container\" *ngIf=\"activeStage ||selectedStage?.config\">\n      <app-json-editor [value]=\"selectedStage?.config\" (valueChange)=\"handleConfigChange($event)\"></app-json-editor>\n    </div>\n\n    <br>\n\n\n\n  </mat-card-content>\n  <mat-divider>\n  </mat-divider>\n  <mat-card-actions>\n\n    <span class=\"spacer\"></span>\n    <button  color=\"warn\" [disabled]=\"isRunningPipeline\" mat-button (click)=\"deleteActive()\">\n      Delete\n      <mat-icon >delete</mat-icon>\n    </button>\n    <button style=\"margin-left:8px;\" color=\"primary\" mat-flat-button (click)=\"saveConfiguration()\"\n      [disabled]=\"isRunningPipeline ||!activeStage?.valid \">\n      Save\n      <mat-icon> save</mat-icon>\n    </button>\n  </mat-card-actions>\n</mat-card>","import { HttpClient } from '@angular/common/http';\r\nimport { inject, Injectable } from '@angular/core';\r\nimport { BehaviorSubject, catchError, combineLatest, filter, finalize,  map, Observable,  switchMap, take, tap, throwError } from 'rxjs';\r\nimport { PipelineStage } from 'mongoose'\r\n\r\nimport PipelineBuilder from \"db-aggregation-pipeline-builder\"\r\nimport { IPipelineGenerationError, IPipelineGenerationResponse, IRunPipelineResponse, PipelineStageEnum } from 'ngx-t-forms-types';\r\nexport interface IAllowedStage {\r\n  stage: PipelineStageEnum,\r\n  description: string,\r\n  config: any,\r\n  valid?:boolean\r\n\r\n}\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class PipelineService  {\r\n  //LOADING INDICATORS\r\n  isRunningPipeline: boolean = false\r\n  aiIsGeneratingPipeline: boolean = false\r\n  isLoadingAllowedStages: boolean = false\r\n  isLoadingWorkflowSchema: boolean = false\r\n\r\n  //States \r\n  workflowId$ = new BehaviorSubject<string|undefined>(undefined)\r\n  activeStage$ = new BehaviorSubject<number|undefined>(undefined)\r\n  prompt$ = new BehaviorSubject<string|undefined>(undefined)\r\n  schemaLoadError$ = new BehaviorSubject<string|undefined>(undefined)\r\n  \r\n\r\n  pipeline$ = new BehaviorSubject<PipelineStage[]>([])\r\n  threadId$ = new BehaviorSubject<string|undefined>(undefined)\r\n  schema$ = new BehaviorSubject<Object|undefined>(undefined)\r\n  allowedStages$ = new BehaviorSubject<IAllowedStage[]>([])\r\n  pipeLineResult$ = new BehaviorSubject<unknown>([])\r\n  chatHistory$ = new BehaviorSubject<{\r\n    user: string,\r\n    assistance:IPipelineGenerationResponse,\r\n    date:Date\r\n  }[]>([])\r\n  http = inject(HttpClient)\r\n  constructor() { \r\n    //Set local storage threadId\r\n    const threadId = localStorage.getItem('threadId')\r\n    if(threadId){\r\n      this.threadId$.next(threadId)\r\n    }\r\n  }\r\n\r\n  get config$() {\r\n    return this.workflowId$.pipe(\r\n      switchMap(workflowId => this.pipeline$.pipe(\r\n        switchMap(pipeline => this.pipeLineResult$.pipe(\r\n          map(responseBody => ({ workflowId, pipeline, responseBody }))\r\n        ))\r\n      ))\r\n    );\r\n  }\r\n  /**\r\n   * Fetch available pipeline stages for the user to select and generate pipelines.\r\n   * Ideally, this could be static or fetched from a backend.\r\n   */\r\n  runPipeLine(pipeline: PipelineStage[],workflowId:string): Observable<IRunPipelineResponse> {\r\n    const url = \"http://localhost:5000/api/v1/pipelineBuilder/runPipeline\"\r\n    // For now, returning a static list of pipeline stages. In a real application, you can fetch from an API.\r\n\r\n    this.isRunningPipeline = true\r\n    return this.http.post<IRunPipelineResponse>(\r\n      url,\r\n      { pipeline,workflowId }\r\n    ).pipe(\r\n      take(1),\r\n      catchError(this.handleError), // Error handling for the HTTP request,\r\n      finalize(() => this.isRunningPipeline = false)\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Generate a MongoDB pipeline based on the given user prompt.\r\n   * \r\n   * @param prompt The user's input or description of the desired pipeline.\r\n   */\r\n  private generatePipeline(query: string, schema: Object | undefined,\r\n    threadId:string|undefined, existingPipeline: PipelineStage[],previousError:string): Observable<IPipelineGenerationResponse> {\r\n    if (!schema) {\r\n      throw new Error(\"Schema is required\")\r\n    }\r\n    const payload = { query, schema ,threadId, existingPipeline ,previousError};\r\n    const url = \"http://localhost:5000/api/v1/pipelineBuilder/generatePipeline\";\r\n    this.aiIsGeneratingPipeline = true\r\n    return this.http.post<IPipelineGenerationResponse>(`${url}`, payload)\r\n      .pipe(\r\n        take(1),\r\n        catchError(this.handleError),// Error handling for the HTTP request,\r\n        finalize(() => this.aiIsGeneratingPipeline = false)\r\n      );\r\n  }\r\n\r\n  /**\r\n   * Handle any errors from the HTTP request.\r\n   * \r\n   * @param error The error response from the HTTP request\r\n   */\r\n  private handleError(error: any): Observable<never> {\r\n    // Return an observable with a user-facing error message\r\n    return throwError(() => new Error('Something went wrong with the pipeline generation; please try again later.'));\r\n\r\n  }\r\n\r\n\r\n  private getSchema(workflowId: string): Observable<{\r\n    schema: object\r\n  }> {\r\n    if(!workflowId){\r\n      throw new Error(\"WorkflowId is required\")\r\n    }\r\n    const url = \"http://localhost:5000/api/v1/pipelineBuilder/getSchema\";\r\n    return this.http.get<{ schema: object }>(`${url}`, { params: { workflowId: workflowId } }).pipe(\r\n      take(1),\r\n      catchError(this.handleError) // Error handling for the HTTP request\r\n    )\r\n  }\r\n/** OPERATIONS */\r\nisSchemaEmpty(object:object){\r\n\r\n}\r\n  workflowChanged(event: any) {\r\n    this.workflowId$.next(event)\r\n    if(!event){\r\n      return \r\n    }\r\n    this.getSchema(event).pipe(\r\n        take(1),\r\n        tap(({ schema }) => {\r\n          this.schema$.next(schema)\r\n            const isEmptySchema = Object.keys( schema)[0] === \"\" && Object.values(schema)[0] === \"Array<>\"\r\n            const error = isEmptySchema \r\n            ? \"Document schema is missing. Please ensure at least one document exists for the selected workflow.\" \r\n            : undefined\r\n          this.schemaLoadError$.next(error)\r\n          this.runActivePipeline()\r\n        }),\r\n        catchError((error) => {\r\n          this.schemaLoadError$.next(\"Error loading schema\");\r\n          return this.handleError(error);\r\n        })\r\n    ).subscribe()\r\n  }\r\n\r\n  \r\n  setActiveStage(i:number|undefined){\r\n    const index = this.activeStage$.getValue()\r\n    if(index === i){\r\n      this.activeStage$.next(undefined)\r\n      return\r\n    }\r\n    this.activeStage$.next(i)\r\n\r\n    \r\n  }\r\n  addStage(){\r\n    const newPipeline = this.pipeline$.getValue().concat({} as any)\r\n    this.pipeline$.next(newPipeline)\r\n  }\r\n  onTextChange(event: any) {\r\n    this.prompt$.next(event)\r\n  }\r\n  promptSubmit() {\r\n    // Use combineLatest to fetch the latest values from multiple sources\r\n    combineLatest([this.schema$, this.threadId$, this.pipeline$,this.prompt$,this.chatHistory$])\r\n      .pipe(\r\n        take(1),\r\n        tap(() => {}),\r\n        filter(([schema,,,prompt]) => !!schema  && !!prompt ),\r\n        switchMap(([schema, threadId, pipeline,prompt,history]) => {\r\n          // Use a shallow copy of the pipeline\r\n          const previousError = (history[history.length-1]?.assistance as any )?.error\r\n          const pipelineCopy = pipeline.map(stage => JSON.parse(JSON.stringify(stage))) || [];\r\n          return this.generatePipeline(prompt!, schema, threadId, pipelineCopy,previousError).pipe(\r\n            map((response) => ({ ...response,history,prompt}))\r\n          )\r\n        }),\r\n        tap((response) => {\r\n          const { pipeline, threadId,history,prompt } = response;\r\n          const historyRecord = {\r\n            user: prompt as any,\r\n            assistance: response,\r\n            date:new Date()\r\n          };\r\n  \r\n          // Use next with a concatenated value for chat history\r\n          this.chatHistory$.next([...(history||[]), historyRecord]);\r\n          this.pipeline$.next(pipeline);\r\n          this.threadId$.next(threadId);\r\n  \r\n          // Store threadID locally\r\n          localStorage.setItem('threadId', threadId);\r\n  \r\n          // Run the active pipeline after all state updates are complete\r\n          this.runActivePipeline();\r\n        }),\r\n        catchError((error:IPipelineGenerationError) => {\r\n          return this.handleError(error);\r\n        })\r\n      ).subscribe();\r\n\r\n  }\r\n  \r\n  runActivePipeline() {\r\n    const pipeline = [...(this.pipeline$.getValue().map(stage => (JSON.parse(JSON.stringify(stage))))||[])]\r\n    const someAreNotValid = pipeline.some(stage=>Object.keys(stage).length ===0)\r\n    if(pipeline.length === 0 || someAreNotValid ){\r\n      return\r\n    }\r\n    try {\r\n       PipelineBuilder.validatePipeline(pipeline)\r\n    } catch {\r\n      return\r\n    }\r\n    const workflowId = this.workflowId$.getValue()\r\n    if (!workflowId) {\r\n      return\r\n    }\r\n  \r\n    this.runPipeLine(pipeline,workflowId).pipe(\r\n      take(1),\r\n      tap(({ results }) => {\r\n        this.pipeLineResult$.next(results)\r\n      }),\r\n      catchError((error) => {\r\n        const err = JSON.parse(JSON.stringify(error))\r\n        const errorMessage = err.error\r\n        if(errorMessage){\r\n          this.pipelineErrorLogAndRetry(errorMessage)\r\n        }\r\n        return this.handleError(error);\r\n      })\r\n    ).subscribe()\r\n  }\r\n\r\n  pipelineErrorLogAndRetry(message:string){\r\n    const history = this.chatHistory$.getValue()  \r\n    const prompt = this.prompt$.getValue ()\r\n    const historyRecord = {\r\n      user: prompt as any,\r\n      assistance: {\r\n        message\r\n      } as any,\r\n      date:new Date()\r\n    };\r\n    this.chatHistory$.next([...(history||[]), historyRecord]);\r\n\r\n  }\r\n  get activeStage():Observable<{name:string,config:PipelineStage}|undefined>{\r\n    return this.pipeline$.asObservable().pipe(\r\n      switchMap(pipeline=>this.activeStage$.pipe(\r\n        map(activeIndex=>activeIndex === undefined ? undefined : {\r\n          name:Object.keys(pipeline[activeIndex]||{})[0] || '',\r\n          config:(pipeline[activeIndex] as any)[Object.keys(pipeline[activeIndex]||{})?.[0]||'']\r\n        })\r\n      ))\r\n    )\r\n  \r\n  }\r\n  saveStage(index:number,stage: IAllowedStage | undefined) {\r\n    const pipeline = this.pipeline$.getValue()\r\n    if(index === undefined){\r\n      return\r\n    }\r\n    const newPipeline = pipeline.map((s, i) => {\r\n      if (i === index) {\r\n        return stage ? {\r\n          [stage.stage]: stage.config\r\n        } : s;\r\n      }\r\n      return s;\r\n    });\r\n\r\n    this.pipeline$.next(newPipeline as any)\r\n    this.activeStage$.next(undefined)\r\n   this.runActivePipeline()\r\n    \r\n  }\r\n  deleteStage(index:number){\r\n    const pipeline = this.pipeline$.getValue()\r\n\r\n    if(index === undefined){\r\n      return\r\n    }\r\n    const newPipeline = pipeline.filter((s, i) => i !== index);\r\n    this.pipeline$.next(newPipeline as any)\r\n    this.activeStage$.next(undefined)\r\n    this.runActivePipeline()\r\n  }\r\n  get pipelineGeneralValid(){\r\n    return this.pipeline$.asObservable().pipe(\r\n      map(pipeline=>{\r\n         const allHaveTypes = pipeline.every(stage=>Object.keys(stage).length === 1)\r\n         if(!allHaveTypes){\r\n           return {\r\n              valid:false,\r\n              message:\"All stages must be a valid pipeline stage\"\r\n           }\r\n         }\r\n         const AllStagesMustHaveConfig = pipeline.every((stage: { [key: string]: any }) => stage[Object.keys(stage)?.[0]||''] !== undefined)\r\n          if(!AllStagesMustHaveConfig){\r\n            return {\r\n              valid:false,\r\n              message:\"All stages must have a configuration\"\r\n            }\r\n          }\r\n          return {\r\n            valid:true\r\n          }\r\n      })\r\n    )\r\n  }\r\n}","import { CommonModule } from '@angular/common';\r\n\r\nimport { Component, ElementRef, EventEmitter, HostBinding, inject, Input, OnDestroy, OnInit, Optional, Output, Self, ViewChild } from '@angular/core';\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\n\r\n\r\n\r\n\r\nimport { AggregateStageEditorComponent } from './elements/aggregate-stage-editor/aggregate-stage-editor.component';\r\nimport { map, Subject, takeUntil, take, tap, Observable, distinctUntilChanged } from 'rxjs';\r\nimport { MongoDbPipeLineConfigInterface } from \"ngx-t-forms-types\";\r\n\r\nimport { TDynamicDataViewComponent } from '../../../t-dynamic-data-view/t-dynamic-data-view.component';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { TWorkflowPickerComponent } from '../t-workflow-picker/t-workflow-picker.component';\r\nimport { IWorkflowOption } from \"ngx-t-forms-types\";\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { NGX_T_FORMS_CONFIG_TOKEN } from '../../../../../lib/injection-tokens';\r\nimport { PipelineService } from '../../../../../lib/services/hhtpResources/Pipeline/pipeline.service';\r\nimport { DaysAgoPipe } from '../../../../../lib/shared/pipes/date/days-ago.pipe';\r\n\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n@Component({\r\n  selector: 'app-pipeline-generator',\r\n  templateUrl: './pipeline-generator.component.html',\r\n  styleUrls: ['./pipeline-generator.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    TWorkflowPickerComponent,\r\n    FormsModule,\r\n    TDynamicDataViewComponent,\r\n    MatModulesModule,\r\n    AggregateStageEditorComponent,\r\n    DaysAgoPipe,\r\n    OverlayModule\r\n\r\n  ],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }],\r\n})\r\nexport class PipelineGeneratorComponent implements OnInit, OnDestroy, MatFormFieldControl<MongoDbPipeLineConfigInterface> {\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  NGX_T_FORMS_CONFIG = inject(NGX_T_FORMS_CONFIG_TOKEN)\r\n  @HostBinding() id = `app-pipeline-generator-${PipelineGeneratorComponent.nextId++}`;\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) {\r\n  }\r\n  placeholder: string = ''\r\n\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\n  @Input() disabled: boolean = false;\r\n  get errorState(): boolean {\r\n    const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched\r\n\r\n    return !this.value && !!this.required || hasError\r\n  }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.app-pipeline-generator');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => { };\r\n  markAsTouched() {\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  //@ViewChild('textarea', { static: false }) textareaRef!: HTMLTextAreaElement\r\n  @ViewChild('textarea', { read: ElementRef, static: false }) textareaElementRef!: ElementRef;\r\n  @Input() set value(value: MongoDbPipeLineConfigInterface) {\r\n    const workflowIdChanged = this._value?.workflowId !== value?.workflowId\r\n    const pipelineLengthChanged = this._value?.pipeline?.length !== value?.pipeline?.length\r\n    const pipeLineContentChanged = JSON.stringify(this._value?.pipeline) !== JSON.stringify(value?.pipeline)\r\n    if (workflowIdChanged || pipelineLengthChanged || pipeLineContentChanged) {\r\n\r\n      this._value = value\r\n      if (value?.workflowId) {\r\n        this.workflowChanged(value?.workflowId)\r\n      }\r\n\r\n      if (value?.pipeline) {\r\n        this.pipeline.pipeline$.next(value?.pipeline || [])\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  workflows$: Observable<IWorkflowOption[] | undefined> | undefined\r\n  @Input() set getWorkflowOptions(options$: Observable<IWorkflowOption[] | undefined> | undefined) {\r\n    this.workflows$ = options$\r\n\r\n  }\r\n  @Input() userName: string | undefined\r\n  _value!: MongoDbPipeLineConfigInterface\r\n  @Output() valueChanged = new EventEmitter<MongoDbPipeLineConfigInterface>()\r\n\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  destroy$ = new Subject<void>()\r\n  private pipeline: PipelineService = new PipelineService()\r\n\r\n  ngOnInit(): void {\r\n    this.initiateSubscription()\r\n\r\n\r\n  }\r\n  initiated: boolean = false\r\n  initiateSubscription = () => {\r\n    this.pipeline.config$.pipe(\r\n      takeUntil(this.destroy$),\r\n      distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr))\r\n    ).subscribe(config => {\r\n      if (!this.initiated) {\r\n        this.initiated = true\r\n        return\r\n      }\r\n\r\n      const newConfig: any = {\r\n        ...this._value,\r\n        ...config,\r\n        name: this._workflowName || 'Unnamed Pipeline',\r\n        \"source\": \"mongoPipeline\",\r\n\r\n      }\r\n      this.valueChanged.emit(newConfig)\r\n    })\r\n\r\n\r\n  }\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next()\r\n    this.destroy$.complete()\r\n  }\r\n  workflowChanged(event: any) {\r\n    this.pipeline.workflowChanged(event)\r\n  }\r\n  _workflowName: string | undefined\r\n  workflowNameChanged(event: string | undefined) {\r\n    this._workflowName = event\r\n\r\n  }\r\n\r\n  get workflowId() {\r\n    return this.pipeline.workflowId$.asObservable()\r\n  }\r\n  get stages() {\r\n    return this.pipeline.pipeline$.asObservable().pipe(\r\n      map(stages => stages.map(stage => ({\r\n        name: Object.keys(stage)[0],\r\n        stage: Object.keys(stage)[0],\r\n        config: (stage as any)[Object.keys(stage)?.[0] || ''],\r\n        valid: !!Object.keys(stage)[0] && !!(stage as any)[Object.keys(stage)?.[0] || '']\r\n      })))\r\n    )\r\n  }\r\n  get pipeLineResults() {\r\n    return this.pipeline.pipeLineResult$.asObservable()\r\n  }\r\n  get prompt() {\r\n    return this.pipeline.prompt$.asObservable()\r\n  }\r\n  get aiIsGeneratingPipeline() {\r\n    return this.pipeline.aiIsGeneratingPipeline\r\n  }\r\n  get activeStageIndex() {\r\n    return this.pipeline.activeStage$.asObservable()\r\n  }\r\n  get activeStage() {\r\n    return this.pipeline.activeStage\r\n  }\r\n  get isRunningPipeline() {\r\n    return this.pipeline.isRunningPipeline\r\n  }\r\n  get cannotAddStage() {\r\n    return this.pipeline.pipelineGeneralValid.pipe(\r\n      map(valid => !valid)\r\n    )\r\n  }\r\n  get schemaLoadError$() {\r\n    return this.pipeline.schemaLoadError$.asObservable()\r\n  }\r\n  get chatHistory() {\r\n    return this.pipeline.chatHistory$.asObservable()\r\n  }\r\n  cursorPosition = 0\r\n  showSuggestions = false;\r\n  onTextChange(event: Event) {\r\n    if (!this.textareaElementRef?.nativeElement) {\r\n      return;\r\n    }\r\n    const newValue = (event.target as HTMLInputElement).value;\r\n    const textarea = this.textareaElementRef.nativeElement;\r\n    this.cursorPosition = textarea.selectionStart || 0;\r\n\r\n    const lastChar = newValue[this.cursorPosition - 1];\r\n    const match = newValue.slice(0, this.cursorPosition).match(/\\$(\\w*)$/);\r\n\r\n    if (lastChar === '$' || (match && match[1] !== undefined)) {\r\n      this.showSuggestions = true;\r\n      this.optionsSearch = match ? match?.[1] || '' : '';\r\n    } else {\r\n      this.showSuggestions = false;\r\n      this.optionsSearch = '';\r\n    }\r\n\r\n    this.pipeline.onTextChange(newValue);\r\n  }\r\n  selectSuggestionInput(suggestion: string) {\r\n    this.pipeline.prompt$.asObservable().pipe(\r\n      take(1),\r\n      tap(prompt => {\r\n        const match = prompt?.slice(0, this.cursorPosition).match(/\\$(\\w*)$/);\r\n        const beforeCursor = prompt?.slice(0, match ? match.index : this.cursorPosition - 1);\r\n        const afterCursor = prompt?.slice(this.cursorPosition);\r\n        prompt = beforeCursor + suggestion + ' ' + afterCursor;\r\n        this.pipeline.prompt$.next(prompt);\r\n        this.applyNewValueToPrompt(suggestion);\r\n      })\r\n    ).subscribe();\r\n  }\r\n  applyNewValueToPrompt(suggestion: any) {\r\n    this.showSuggestions = false;\r\n\r\n    const textarea = this.textareaElementRef.nativeElement;\r\n    textarea.focus();\r\n    const newCursorPosition = this.cursorPosition + suggestion.length;\r\n    setTimeout(() => {\r\n      textarea.setSelectionRange(newCursorPosition, newCursorPosition);\r\n    }, 0);\r\n  }\r\n  optionsSearch = ''\r\n  onSearchChange(event: any) {\r\n    this.optionsSearch = event.detail.value\r\n\r\n  }\r\n  promptSubmit() {\r\n    this.pipeline.promptSubmit()\r\n  }\r\n  trackById = (index: number, stage: any) => index\r\n\r\n  setActiveStage(index: number | undefined) {\r\n\r\n    this.pipeline.setActiveStage(index)\r\n  }\r\n  addStage() {\r\n    this.pipeline.addStage()\r\n  }\r\n  get getSchemaProperties() {\r\n    return this.pipeline.schema$.asObservable().pipe(\r\n      map(schema =>\r\n        Object.keys(schema || {}).map(key => ({ label: key, value: key, })).filter(key => this.optionsSearch ? key.label.toLowerCase().includes(this.optionsSearch.toLowerCase()) : true)\r\n      )\r\n    )\r\n  }\r\n  deleteStage(index: number) {\r\n    this.pipeline.deleteStage(index)\r\n  }\r\n  saveStage(index: number, stage: any) {\r\n    this.pipeline.saveStage(index, stage)\r\n    this.setActiveStage(undefined)\r\n  }\r\n}\r\n","\r\n\r\n\r\n<section class=\"ion-margin\">\r\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\r\n</section>\r\n<lib-t-workflow-picker \r\n(valueChanged)=\"workflowChanged($event)\"\r\n(workflowNameChanged)=\"workflowNameChanged($event)\" \r\n[getWorkflowOptions]=\" workflows$\"\r\n  [value]=\"(workflowId|async)||undefined\">\r\n</lib-t-workflow-picker>\r\n<mat-accordion multi *ngIf=\"workflowId|async\">\r\n  <!-- Pipeline Accordion -->\r\n  <mat-expansion-panel value=\"pipeline\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">\r\n          dynamic_form\r\n        </mat-icon>\r\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\r\n      </mat-panel-title>\r\n\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\r\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          Add stages to the pipeline below.<br>\r\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\r\n          one stage are passed to the next stage in the pipeline.\r\n        </span>\r\n      </div>\r\n\r\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\r\n\r\n\r\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\r\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\r\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\r\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\r\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\r\n            <div matListItemTitle>\r\n              <div style=\"line-height: normal;\">\r\n                {{ stage.name || 'Stage ' }}\r\n              </div>\r\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\r\n                Incomplete , click to edit\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\r\n              mat-icon-button matListItemMeta>\r\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\r\n\r\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\r\n                warning\r\n              </mat-icon>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n\r\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\r\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\r\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\r\n\r\n\r\n        </ng-container>\r\n\r\n        <mat-toolbar style=\"padding: 0px;\">\r\n\r\n          <span class=\"spacer\"></span>\r\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\r\n            mat-raised-button>\r\n            Add\r\n            <mat-icon>add</mat-icon>\r\n          </button>\r\n        </mat-toolbar>\r\n      </mat-nav-list>\r\n\r\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\r\n    </div>\r\n  </mat-expansion-panel>\r\n\r\n  <!-- Results Accordion -->\r\n  <mat-expansion-panel value=\"results\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\r\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\r\n\r\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\r\n        <p *ngIf=\"!results\" color=\"medium\">\r\n\r\n          No results available\r\n\r\n        </p>\r\n\r\n      </ng-container>\r\n      <ng-template #noResults>\r\n        <p color=\"medium\">No results available</p>\r\n      </ng-template>\r\n    </div>\r\n  </mat-expansion-panel>\r\n\r\n  <!-- AI Agent Accordion -->\r\n  <mat-expansion-panel value=\"ai\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\r\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\r\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div class=\"content\">\r\n      @if( schemaLoadError$ | async){\r\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\r\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\r\n          <span> {{ schemaLoadError$ | async }}</span>\r\n        </div>\r\n  \r\n      }\r\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\r\n\r\n        <mat-list-item class=\"chatContent chatItem\">\r\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\r\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\r\n            <div>\r\n              {{chat.user}}\r\n            </div>\r\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\r\n              {{chat.date|daysAgo}}\r\n              <mat-icon class=\"sent-icon\">\r\n                done_all\r\n              </mat-icon>\r\n            </div>\r\n          </div>\r\n        </mat-list-item>\r\n\r\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\r\n          <mat-icon style=\"    margin-left: 0px;\r\n    margin-top: 16px;\r\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\r\n          <div class=\"chat\" style=\"text-align: left; \r\n          padding-left: 16px;  \r\n    background: azure;\r\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\r\n            <pre>\r\n                {{chat. assistance.pipeline |json}}\r\n              </pre>\r\n          </div>\r\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\r\n            {{chat.assistance.error}}\r\n          </div>\r\n        </mat-list-item>\r\n\r\n\r\n      </mat-list>\r\n      <mat-list>\r\n        <mat-list-item class=\"chatContent chatItem\">\r\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\r\n    border-radius: 14px;\r\n    padding-right: 3px;\r\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\r\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\r\n          <button matListItemMeta style=\"    margin-left: 4px;\r\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\r\n\r\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\r\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \r\n            class=\"submit-spinner\" ></mat-spinner>\r\n          </button>\r\n         \r\n        </mat-list-item>\r\n\r\n      </mat-list>\r\n\r\n\r\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\r\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\r\n\r\n\r\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\r\n\r\n          <mat-icon>\r\n            search\r\n          </mat-icon>\r\n        </mat-toolbar> -->\r\n        <mat-divider></mat-divider>\r\n        <div style=\"padding: 8px;\">\r\n          <div class=\"suggestion-container\">\r\n            <div class=\"suggestion-column\">\r\n              <h5>Collection document properties</h5>\r\n              <div class=\"button-container\">\r\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\r\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\r\n                  class=\"suggestion-button\">\r\n                  {{ method.label | titlecase }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n\r\n        </div>\r\n      </section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n\r\n\r\n\r\n\r\n<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"disabled\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n"],"names":["i8","i2","i3","i6","i9"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-record-list-manager.component-CzZ0oofH.mjs → ngx-t-forms-record-list-manager.component-Dgs9lNSr.mjs}

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { _ as _isEqual, T as TDynamicDataEditComponent, a as assignDeepPropertyToObject, s as safeReturnDeepProperty, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
+import { _ as _isEqual, T as TDynamicDataEditComponent, a as assignDeepPropertyToObject, s as safeReturnDeepProperty, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
 import { Subject } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i9 from '@angular/cdk/portal';
@@ -15,9 +15,9 @@ import * as i2$1 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/divider';
 import * as i5 from '@angular/material/expansion';
-import * as i2$2 from '@angular/material/icon';
+import * as i3$1 from '@angular/material/icon';
 import * as i7 from '@angular/material/progress-spinner';
-import * as i8 from '@angular/material/tooltip';
+import * as i4$1 from '@angular/material/tooltip';
 
 class RecordListManagerComponent {
     static { this.nextId = 0; }
@@ -195,7 +195,6 @@ class RecordListManagerComponent {
             componentRef.instance.data = this.inEdit;
             //mark for check
             componentRef.changeDetectorRef.markForCheck();
-            console.error('inEdit updated:', this.inEdit, event);
         });
         // 3. Store subscription for cleanup in ngOnDestroy
         this.portalSubscriptions.set(element.id, sub);
@@ -229,7 +228,7 @@ class RecordListManagerComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RecordListManagerComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: RecordListManagerComponent, isStandalone: true, selector: "lib-record-list-manager", inputs: { mapToData: "mapToData", disabled: "disabled", errors: "errors", required: "required", value: "value", placeholder: "placeholder", formInputs: "formInputs", editorConfig: "editorConfig" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [{ provide: MatFormFieldControl, useExisting: RecordListManagerComponent, }], ngImport: i0, template: "<!--- Secondary config -->\r\n\r\n<mat-card>\r\n    <div class=\"table-container\">\r\n        <table mat-table [dataSource]=\"dataSource\" class=\"example-table  \">\r\n            <!-- Number Column -->\r\n            @for (col of tableColsConfig; track col.value) {\r\n            <ng-container [matColumnDef]=\"col.value\">\r\n                <th mat-header-cell *matHeaderCellDef>{{col.label}}</th>\r\n                <td mat-cell *matCellDef=\"let row\">\r\n                    @if(col.value === 'actions') {\r\n                    <button\r\n                    (click)=\"inEdit = row\"\r\n                    mat-icon-button matTooltip=\"Edit\" aria-label=\"edit record\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button (click)=\"removeItem(row)\" mat-icon-button color=\"warn\" matTooltip=\"Delete\"\r\n                        aria-label=\"Delete record\">\r\n                        <mat-icon>delete</mat-icon>\r\n                    </button>\r\n                    }@else {\r\n                    {{row[col.value]}}\r\n                    }\r\n\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n        </table>\r\n        @if(value.length === 0 ){\r\n        <div style=\"    display: flex;align-items: center;gap: 8px;padding: 16px;\" class=\"empty-message\">\r\n            <mat-icon style=\"min-width: 24px;\">\r\n                info</mat-icon>\r\n            <span>\r\n                No records found. Click the <strong>Add</strong> button to get started.\r\n\r\n            </span>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n\r\n\r\n    @if(inEdit){\r\n    <div class=\"table-container\">\r\n        <ng-container *ngTemplateOutlet=\"itemEdit\">\r\n        </ng-container>\r\n    </div>\r\n\r\n    <mat-card-actions align=\"end\">\r\n        <button (click)=\"inEdit=null\" mat-button color=\"primary\">\r\n            Cancel\r\n        </button>\r\n        <button (click)=\"saveRecord()\" [disabled]=\"canSaveRecord === false\" mat-stroked-button color=\"primary\">\r\n            {{inEdit.id? 'Update':'Save new'}} Record \r\n            <mat-icon>\r\n                save\r\n            </mat-icon>\r\n        </button>\r\n    </mat-card-actions>\r\n    }@else{\r\n    <mat-card-actions>\r\n            <span class=\"spacer\"></span>\r\n        <span style=\"font-size: small;\r\n    opacity: 0.6; margin-right: 16px;\">\r\n            Records ({{ (value || []).length }}):\r\n        </span>\r\n    \r\n        <button (click)=\"addNewItem()\" mat-stroked-button color=\"primary\" matTooltip=\"Add a new record\"\r\n            aria-label=\"Add a new record\">\r\n            <mat-icon>add</mat-icon>\r\n            Add Record\r\n        </button>\r\n    </mat-card-actions>\r\n    }\r\n\r\n</mat-card>\r\n\r\n\r\n<ng-template #itemEdit>\r\n\r\n    <mat-accordion class=\"record-editor\" togglePosition=\"after\">\r\n        @for(section of (secondaryElementEditorConfig||[]); track section.id) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n\r\n                    <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(inEdit)\">\r\n                        {{inEdit[section.showItemValue]}}\r\n                    </span>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n\r\n                @defer (on viewport) {\r\n                <ng-template (attached)=\"onPortalAttached($event, element)\"\r\n                    [cdkPortalOutlet]=\"dynamicEditorPortals[element.id]\"></ng-template>\r\n\r\n\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n\r\n\r\n</ng-template>", styles: [".record-list-item{height:38px;padding-left:4px}.remove-button{visibility:hidden}.record-list-item:hover .remove-button{visibility:visible}.item-edit-container{padding-left:8px;width:100%;display:flex;flex-direction:column}.table-container{padding:8px}.mat-column-actions{max-width:52px;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i9$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], deferBlockDependencies: [() => [i9.CdkPortalOutlet]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: RecordListManagerComponent, isStandalone: true, selector: "lib-record-list-manager", inputs: { mapToData: "mapToData", disabled: "disabled", errors: "errors", required: "required", value: "value", placeholder: "placeholder", formInputs: "formInputs", editorConfig: "editorConfig" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [{ provide: MatFormFieldControl, useExisting: RecordListManagerComponent, }], ngImport: i0, template: "<!--- Secondary config -->\r\n\r\n<mat-card>\r\n    <div class=\"table-container\">\r\n        <table mat-table [dataSource]=\"dataSource\" class=\"example-table  \">\r\n            <!-- Number Column -->\r\n            @for (col of tableColsConfig; track col.value) {\r\n            <ng-container [matColumnDef]=\"col.value\">\r\n                <th mat-header-cell *matHeaderCellDef>{{col.label}}</th>\r\n                <td mat-cell *matCellDef=\"let row\">\r\n                    @if(col.value === 'actions') {\r\n                    <button\r\n                    (click)=\"inEdit = row\"\r\n                    mat-icon-button matTooltip=\"Edit\" aria-label=\"edit record\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button (click)=\"removeItem(row)\" mat-icon-button color=\"warn\" matTooltip=\"Delete\"\r\n                        aria-label=\"Delete record\">\r\n                        <mat-icon>delete</mat-icon>\r\n                    </button>\r\n                    }@else {\r\n                    {{row[col.value]}}\r\n                    }\r\n\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n        </table>\r\n        @if(value.length === 0 ){\r\n        <div style=\"    display: flex;align-items: center;gap: 8px;padding: 16px;\" class=\"empty-message\">\r\n            <mat-icon style=\"min-width: 24px;\">\r\n                info</mat-icon>\r\n            <span>\r\n                No records found. Click the <strong>Add</strong> button to get started.\r\n\r\n            </span>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n\r\n\r\n    @if(inEdit){\r\n    <div class=\"table-container\">\r\n        <ng-container *ngTemplateOutlet=\"itemEdit\">\r\n        </ng-container>\r\n    </div>\r\n\r\n    <mat-card-actions align=\"end\">\r\n        <button (click)=\"inEdit=null\" mat-button color=\"primary\">\r\n            Cancel\r\n        </button>\r\n        <button (click)=\"saveRecord()\" [disabled]=\"canSaveRecord === false\" mat-stroked-button color=\"primary\">\r\n            {{inEdit.id? 'Update':'Save new'}} Record \r\n            <mat-icon>\r\n                save\r\n            </mat-icon>\r\n        </button>\r\n    </mat-card-actions>\r\n    }@else{\r\n    <mat-card-actions>\r\n            <span class=\"spacer\"></span>\r\n        <span style=\"font-size: small;\r\n    opacity: 0.6; margin-right: 16px;\">\r\n            Records ({{ (value || []).length }}):\r\n        </span>\r\n    \r\n        <button (click)=\"addNewItem()\" mat-stroked-button color=\"primary\" matTooltip=\"Add a new record\"\r\n            aria-label=\"Add a new record\">\r\n            <mat-icon>add</mat-icon>\r\n            Add Record\r\n        </button>\r\n    </mat-card-actions>\r\n    }\r\n\r\n</mat-card>\r\n\r\n\r\n<ng-template #itemEdit>\r\n\r\n    <mat-accordion class=\"record-editor\" togglePosition=\"after\">\r\n        @for(section of (secondaryElementEditorConfig||[]); track section.id) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n\r\n                    <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(inEdit)\">\r\n                        {{inEdit[section.showItemValue]}}\r\n                    </span>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n\r\n                @defer (on viewport) {\r\n                <ng-template (attached)=\"onPortalAttached($event, element)\"\r\n                    [cdkPortalOutlet]=\"dynamicEditorPortals[element.id]\"></ng-template>\r\n\r\n\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n\r\n\r\n</ng-template>", styles: [".record-list-item{height:38px;padding-left:4px}.remove-button{visibility:hidden}.record-list-item:hover .remove-button{visibility:visible}.item-edit-container{padding-left:8px;width:100%;display:flex;flex-direction:column}.table-container{padding:8px}.mat-column-actions{max-width:52px;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i9$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], deferBlockDependencies: [() => [i9.CdkPortalOutlet]] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RecordListManagerComponent, decorators: [{
             type: Component,
@@ -267,4 +266,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 
 export { RecordListManagerComponent };
-//# sourceMappingURL=ngx-t-forms-record-list-manager.component-CzZ0oofH.mjs.map
+//# sourceMappingURL=ngx-t-forms-record-list-manager.component-Dgs9lNSr.mjs.map