ngx-t-forms 2.0.16 → 2.0.17

package/fesm2022/{ngx-t-forms-pipeline-generator.component-CmSkYW71.mjs → ngx-t-forms-pipeline-generator.component-BtkYF9xE.mjs}

@@ -6,7 +6,7 @@ import * as i1 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Subscription, debounceTime, 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, N as NGX_T_FORMS_CONFIG_TOKEN, b as TDynamicDataViewComponent, D as DaysAgoPipe } from './ngx-t-forms-ngx-t-forms-BX1gh-MK.mjs';
+import { M as MatModulesModule, N as NGX_T_FORMS_CONFIG_TOKEN, b as TDynamicDataViewComponent, D as DaysAgoPipe } from './ngx-t-forms-ngx-t-forms-fgu62eR1.mjs';
 import * as i6 from '@angular/material/icon';
 import * as i3 from '@angular/material/autocomplete';
 import * as i2$1 from '@angular/material/button';
@@ -262,11 +262,11 @@ class TWorkflowPickerComponent {
         return this._workflowOptions?.find((workflow) => workflow.id === this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TWorkflowPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TWorkflowPickerComponent, isStandalone: true, selector: "lib-t-workflow-picker", inputs: { getWorkflowOptions: "getWorkflowOptions", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TWorkflowPickerComponent, isStandalone: true, selector: "lib-t-workflow-picker", inputs: { getWorkflowOptions: "getWorkflowOptions", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TWorkflowPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-t-workflow-picker', standalone: true, imports: [CommonModule, MatModulesModule], template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}\n"] }]
+            args: [{ selector: 'lib-t-workflow-picker', standalone: true, imports: [CommonModule, MatModulesModule], template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { getWorkflowOptions: [{
                 type: Input
             }], value: [{
@@ -739,7 +739,7 @@ class PipelineGeneratorComponent {
         this.setActiveStage(undefined);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", 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: "19.2.6", 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: "@if(!!loadingWorkflowOptions){\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px;\">\n  <mat-spinner style=\"margin-bottom: 16px;\"></mat-spinner>\n  <p>\n    Loading workflows...\n  </p>\n</div>\n}\n\n@if(!loadingWorkflowOptions){\n<section class=\"ion-margin\">\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\n</section>\n<lib-t-workflow-picker \n(valueChanged)=\"workflowChanged($event)\" \n[getWorkflowOptions]=\" workflowOptions\"\n  [value]=\"workflowId|async\">\n</lib-t-workflow-picker>\n<mat-accordion multi *ngIf=\"workflowId|async\">\n  <!-- Pipeline Accordion -->\n  <mat-expansion-panel value=\"pipeline\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">\n          dynamic_form\n        </mat-icon>\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>\n          Add stages to the pipeline below.<br>\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\n          one stage are passed to the next stage in the pipeline.\n        </span>\n      </div>\n\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\n\n\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\n            <div matListItemTitle>\n              <div style=\"line-height: normal;\">\n                {{ stage.name || 'Stage ' }}\n              </div>\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\n                Incomplete , click to edit\n              </div>\n\n            </div>\n\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\n              mat-icon-button matListItemMeta>\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\n\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\n                warning\n              </mat-icon>\n            </button>\n          </mat-list-item>\n          <mat-divider></mat-divider>\n\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\n\n\n        </ng-container>\n\n        <mat-toolbar style=\"padding: 0px;\">\n\n          <span class=\"spacer\"></span>\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\n            mat-raised-button>\n            Add\n            <mat-icon>add</mat-icon>\n          </button>\n        </mat-toolbar>\n      </mat-nav-list>\n\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\n    </div>\n  </mat-expansion-panel>\n\n  <!-- Results Accordion -->\n  <mat-expansion-panel value=\"results\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\n\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\n        <p *ngIf=\"!results\" color=\"medium\">\n\n          No results available\n\n        </p>\n\n      </ng-container>\n      <ng-template #noResults>\n        <p color=\"medium\">No results available</p>\n      </ng-template>\n    </div>\n  </mat-expansion-panel>\n\n  <!-- AI Agent Accordion -->\n  <mat-expansion-panel value=\"ai\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      @if( schemaLoadError$ | async){\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\n          <span> {{ schemaLoadError$ | async }}</span>\n        </div>\n  \n      }\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\n\n        <mat-list-item class=\"chatContent chatItem\">\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\n            <div>\n              {{chat.user}}\n            </div>\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\n              {{chat.date|daysAgo}}\n              <mat-icon class=\"sent-icon\">\n                done_all\n              </mat-icon>\n            </div>\n          </div>\n        </mat-list-item>\n\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\n          <mat-icon style=\"    margin-left: 0px;\n    margin-top: 16px;\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\n          <div class=\"chat\" style=\"text-align: left; \n          padding-left: 16px;  \n    background: azure;\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\n            <pre>\n                {{chat. assistance.pipeline |json}}\n              </pre>\n          </div>\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\n            {{chat.assistance.error}}\n          </div>\n        </mat-list-item>\n\n\n      </mat-list>\n      <mat-list>\n        <mat-list-item class=\"chatContent chatItem\">\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\n    border-radius: 14px;\n    padding-right: 3px;\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button matListItemMeta style=\"    margin-left: 4px;\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\n\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \n            class=\"submit-spinner\" ></mat-spinner>\n          </button>\n         \n        </mat-list-item>\n\n      </mat-list>\n\n\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\n\n\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\n\n          <mat-icon>\n            search\n          </mat-icon>\n        </mat-toolbar> -->\n        <mat-divider></mat-divider>\n        <div style=\"padding: 8px;\">\n          <div class=\"suggestion-container\">\n            <div class=\"suggestion-column\">\n              <h5>Collection document properties</h5>\n              <div class=\"button-container\">\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\n                  class=\"suggestion-button\">\n                  {{ method.label | titlecase }}\n                </button>\n              </div>\n            </div>\n\n          </div>\n\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n    </div>\n  </mat-expansion-panel>\n</mat-accordion>\n\n\n}\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOpen]=\"disabled\"\n>\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\n\n\n</div>\n</ng-template>\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-toolbar-container-background-color, 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:14px;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:14px;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:14px;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "component", type: TWorkflowPickerComponent, selector: "lib-t-workflow-picker", inputs: ["getWorkflowOptions", "value"], outputs: ["valueChanged"] }, { 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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { 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: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i6$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6$1.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i6$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i5$1.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"], 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: "pipe", type: DaysAgoPipe, name: "daysAgo" }, { kind: "ngmodule", type: OverlayModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", 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: "@if(!!loadingWorkflowOptions){\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px;\">\n  <mat-spinner style=\"margin-bottom: 16px;\"></mat-spinner>\n  <p>\n    Loading workflows...\n  </p>\n</div>\n}\n\n@if(!loadingWorkflowOptions){\n<section class=\"ion-margin\">\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\n</section>\n<lib-t-workflow-picker \n(valueChanged)=\"workflowChanged($event)\" \n[getWorkflowOptions]=\" workflowOptions\"\n  [value]=\"workflowId|async\">\n</lib-t-workflow-picker>\n<mat-accordion multi *ngIf=\"workflowId|async\">\n  <!-- Pipeline Accordion -->\n  <mat-expansion-panel value=\"pipeline\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">\n          dynamic_form\n        </mat-icon>\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>\n          Add stages to the pipeline below.<br>\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\n          one stage are passed to the next stage in the pipeline.\n        </span>\n      </div>\n\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\n\n\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\n            <div matListItemTitle>\n              <div style=\"line-height: normal;\">\n                {{ stage.name || 'Stage ' }}\n              </div>\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\n                Incomplete , click to edit\n              </div>\n\n            </div>\n\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\n              mat-icon-button matListItemMeta>\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\n\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\n                warning\n              </mat-icon>\n            </button>\n          </mat-list-item>\n          <mat-divider></mat-divider>\n\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\n\n\n        </ng-container>\n\n        <mat-toolbar style=\"padding: 0px;\">\n\n          <span class=\"spacer\"></span>\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\n            mat-raised-button>\n            Add\n            <mat-icon>add</mat-icon>\n          </button>\n        </mat-toolbar>\n      </mat-nav-list>\n\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\n    </div>\n  </mat-expansion-panel>\n\n  <!-- Results Accordion -->\n  <mat-expansion-panel value=\"results\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\n\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\n        <p *ngIf=\"!results\" color=\"medium\">\n\n          No results available\n\n        </p>\n\n      </ng-container>\n      <ng-template #noResults>\n        <p color=\"medium\">No results available</p>\n      </ng-template>\n    </div>\n  </mat-expansion-panel>\n\n  <!-- AI Agent Accordion -->\n  <mat-expansion-panel value=\"ai\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      @if( schemaLoadError$ | async){\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\n          <span> {{ schemaLoadError$ | async }}</span>\n        </div>\n  \n      }\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\n\n        <mat-list-item class=\"chatContent chatItem\">\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\n            <div>\n              {{chat.user}}\n            </div>\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\n              {{chat.date|daysAgo}}\n              <mat-icon class=\"sent-icon\">\n                done_all\n              </mat-icon>\n            </div>\n          </div>\n        </mat-list-item>\n\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\n          <mat-icon style=\"    margin-left: 0px;\n    margin-top: 16px;\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\n          <div class=\"chat\" style=\"text-align: left; \n          padding-left: 16px;  \n    background: azure;\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\n            <pre>\n                {{chat. assistance.pipeline |json}}\n              </pre>\n          </div>\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\n            {{chat.assistance.error}}\n          </div>\n        </mat-list-item>\n\n\n      </mat-list>\n      <mat-list>\n        <mat-list-item class=\"chatContent chatItem\">\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\n    border-radius: 14px;\n    padding-right: 3px;\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button matListItemMeta style=\"    margin-left: 4px;\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\n\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \n            class=\"submit-spinner\" ></mat-spinner>\n          </button>\n         \n        </mat-list-item>\n\n      </mat-list>\n\n\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\n\n\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\n\n          <mat-icon>\n            search\n          </mat-icon>\n        </mat-toolbar> -->\n        <mat-divider></mat-divider>\n        <div style=\"padding: 8px;\">\n          <div class=\"suggestion-container\">\n            <div class=\"suggestion-column\">\n              <h5>Collection document properties</h5>\n              <div class=\"button-container\">\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\n                  class=\"suggestion-button\">\n                  {{ method.label | titlecase }}\n                </button>\n              </div>\n            </div>\n\n          </div>\n\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n    </div>\n  </mat-expansion-panel>\n</mat-accordion>\n\n\n}\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOpen]=\"disabled\"\n>\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\n\n\n</div>\n</ng-template>\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:14px;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:14px;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:14px;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "component", type: TWorkflowPickerComponent, selector: "lib-t-workflow-picker", inputs: ["getWorkflowOptions", "value"], outputs: ["valueChanged"] }, { 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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { 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: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i6$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6$1.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i6$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i5$1.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"], 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: "pipe", type: DaysAgoPipe, name: "daysAgo" }, { kind: "ngmodule", type: OverlayModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PipelineGeneratorComponent, decorators: [{
             type: Component,
@@ -752,7 +752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         AggregateStageEditorComponent,
                         DaysAgoPipe,
                         OverlayModule
-                    ], providers: [{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }], template: "@if(!!loadingWorkflowOptions){\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px;\">\n  <mat-spinner style=\"margin-bottom: 16px;\"></mat-spinner>\n  <p>\n    Loading workflows...\n  </p>\n</div>\n}\n\n@if(!loadingWorkflowOptions){\n<section class=\"ion-margin\">\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\n</section>\n<lib-t-workflow-picker \n(valueChanged)=\"workflowChanged($event)\" \n[getWorkflowOptions]=\" workflowOptions\"\n  [value]=\"workflowId|async\">\n</lib-t-workflow-picker>\n<mat-accordion multi *ngIf=\"workflowId|async\">\n  <!-- Pipeline Accordion -->\n  <mat-expansion-panel value=\"pipeline\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">\n          dynamic_form\n        </mat-icon>\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>\n          Add stages to the pipeline below.<br>\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\n          one stage are passed to the next stage in the pipeline.\n        </span>\n      </div>\n\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\n\n\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\n            <div matListItemTitle>\n              <div style=\"line-height: normal;\">\n                {{ stage.name || 'Stage ' }}\n              </div>\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\n                Incomplete , click to edit\n              </div>\n\n            </div>\n\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\n              mat-icon-button matListItemMeta>\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\n\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\n                warning\n              </mat-icon>\n            </button>\n          </mat-list-item>\n          <mat-divider></mat-divider>\n\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\n\n\n        </ng-container>\n\n        <mat-toolbar style=\"padding: 0px;\">\n\n          <span class=\"spacer\"></span>\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\n            mat-raised-button>\n            Add\n            <mat-icon>add</mat-icon>\n          </button>\n        </mat-toolbar>\n      </mat-nav-list>\n\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\n    </div>\n  </mat-expansion-panel>\n\n  <!-- Results Accordion -->\n  <mat-expansion-panel value=\"results\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\n\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\n        <p *ngIf=\"!results\" color=\"medium\">\n\n          No results available\n\n        </p>\n\n      </ng-container>\n      <ng-template #noResults>\n        <p color=\"medium\">No results available</p>\n      </ng-template>\n    </div>\n  </mat-expansion-panel>\n\n  <!-- AI Agent Accordion -->\n  <mat-expansion-panel value=\"ai\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      @if( schemaLoadError$ | async){\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\n          <span> {{ schemaLoadError$ | async }}</span>\n        </div>\n  \n      }\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\n\n        <mat-list-item class=\"chatContent chatItem\">\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\n            <div>\n              {{chat.user}}\n            </div>\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\n              {{chat.date|daysAgo}}\n              <mat-icon class=\"sent-icon\">\n                done_all\n              </mat-icon>\n            </div>\n          </div>\n        </mat-list-item>\n\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\n          <mat-icon style=\"    margin-left: 0px;\n    margin-top: 16px;\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\n          <div class=\"chat\" style=\"text-align: left; \n          padding-left: 16px;  \n    background: azure;\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\n            <pre>\n                {{chat. assistance.pipeline |json}}\n              </pre>\n          </div>\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\n            {{chat.assistance.error}}\n          </div>\n        </mat-list-item>\n\n\n      </mat-list>\n      <mat-list>\n        <mat-list-item class=\"chatContent chatItem\">\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\n    border-radius: 14px;\n    padding-right: 3px;\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button matListItemMeta style=\"    margin-left: 4px;\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\n\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \n            class=\"submit-spinner\" ></mat-spinner>\n          </button>\n         \n        </mat-list-item>\n\n      </mat-list>\n\n\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\n\n\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\n\n          <mat-icon>\n            search\n          </mat-icon>\n        </mat-toolbar> -->\n        <mat-divider></mat-divider>\n        <div style=\"padding: 8px;\">\n          <div class=\"suggestion-container\">\n            <div class=\"suggestion-column\">\n              <h5>Collection document properties</h5>\n              <div class=\"button-container\">\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\n                  class=\"suggestion-button\">\n                  {{ method.label | titlecase }}\n                </button>\n              </div>\n            </div>\n\n          </div>\n\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n    </div>\n  </mat-expansion-panel>\n</mat-accordion>\n\n\n}\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOpen]=\"disabled\"\n>\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\n\n\n</div>\n</ng-template>\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-toolbar-container-background-color, 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:14px;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:14px;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:14px;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"] }]
+                    ], providers: [{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }], template: "@if(!!loadingWorkflowOptions){\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px;\">\n  <mat-spinner style=\"margin-bottom: 16px;\"></mat-spinner>\n  <p>\n    Loading workflows...\n  </p>\n</div>\n}\n\n@if(!loadingWorkflowOptions){\n<section class=\"ion-margin\">\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\n</section>\n<lib-t-workflow-picker \n(valueChanged)=\"workflowChanged($event)\" \n[getWorkflowOptions]=\" workflowOptions\"\n  [value]=\"workflowId|async\">\n</lib-t-workflow-picker>\n<mat-accordion multi *ngIf=\"workflowId|async\">\n  <!-- Pipeline Accordion -->\n  <mat-expansion-panel value=\"pipeline\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">\n          dynamic_form\n        </mat-icon>\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>\n          Add stages to the pipeline below.<br>\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\n          one stage are passed to the next stage in the pipeline.\n        </span>\n      </div>\n\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\n\n\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\n            <div matListItemTitle>\n              <div style=\"line-height: normal;\">\n                {{ stage.name || 'Stage ' }}\n              </div>\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\n                Incomplete , click to edit\n              </div>\n\n            </div>\n\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\n              mat-icon-button matListItemMeta>\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\n\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\n                warning\n              </mat-icon>\n            </button>\n          </mat-list-item>\n          <mat-divider></mat-divider>\n\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\n\n\n        </ng-container>\n\n        <mat-toolbar style=\"padding: 0px;\">\n\n          <span class=\"spacer\"></span>\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\n            mat-raised-button>\n            Add\n            <mat-icon>add</mat-icon>\n          </button>\n        </mat-toolbar>\n      </mat-nav-list>\n\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\n    </div>\n  </mat-expansion-panel>\n\n  <!-- Results Accordion -->\n  <mat-expansion-panel value=\"results\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\n\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\n        <p *ngIf=\"!results\" color=\"medium\">\n\n          No results available\n\n        </p>\n\n      </ng-container>\n      <ng-template #noResults>\n        <p color=\"medium\">No results available</p>\n      </ng-template>\n    </div>\n  </mat-expansion-panel>\n\n  <!-- AI Agent Accordion -->\n  <mat-expansion-panel value=\"ai\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      @if( schemaLoadError$ | async){\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\n          <span> {{ schemaLoadError$ | async }}</span>\n        </div>\n  \n      }\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\n\n        <mat-list-item class=\"chatContent chatItem\">\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\n            <div>\n              {{chat.user}}\n            </div>\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\n              {{chat.date|daysAgo}}\n              <mat-icon class=\"sent-icon\">\n                done_all\n              </mat-icon>\n            </div>\n          </div>\n        </mat-list-item>\n\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\n          <mat-icon style=\"    margin-left: 0px;\n    margin-top: 16px;\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\n          <div class=\"chat\" style=\"text-align: left; \n          padding-left: 16px;  \n    background: azure;\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\n            <pre>\n                {{chat. assistance.pipeline |json}}\n              </pre>\n          </div>\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\n            {{chat.assistance.error}}\n          </div>\n        </mat-list-item>\n\n\n      </mat-list>\n      <mat-list>\n        <mat-list-item class=\"chatContent chatItem\">\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\n    border-radius: 14px;\n    padding-right: 3px;\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button matListItemMeta style=\"    margin-left: 4px;\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\n\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \n            class=\"submit-spinner\" ></mat-spinner>\n          </button>\n         \n        </mat-list-item>\n\n      </mat-list>\n\n\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\n\n\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\n\n          <mat-icon>\n            search\n          </mat-icon>\n        </mat-toolbar> -->\n        <mat-divider></mat-divider>\n        <div style=\"padding: 8px;\">\n          <div class=\"suggestion-container\">\n            <div class=\"suggestion-column\">\n              <h5>Collection document properties</h5>\n              <div class=\"button-container\">\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\n                  class=\"suggestion-button\">\n                  {{ method.label | titlecase }}\n                </button>\n              </div>\n            </div>\n\n          </div>\n\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n    </div>\n  </mat-expansion-panel>\n</mat-accordion>\n\n\n}\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOpen]=\"disabled\"\n>\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\n\n\n</div>\n</ng-template>\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:14px;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:14px;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:14px;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"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -777,4 +777,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             }] } });
 
 export { PipelineGeneratorComponent };
-//# sourceMappingURL=ngx-t-forms-pipeline-generator.component-CmSkYW71.mjs.map
+//# sourceMappingURL=ngx-t-forms-pipeline-generator.component-BtkYF9xE.mjs.map