ngx-t-forms 2.0.12 → 2.0.14

package/fesm2022/{ngx-t-forms-api-value-access-rules.component-DyptJ5Lx.mjs → ngx-t-forms-api-value-access-rules.component-CMKTgeD4.mjs}

@@ -4,21 +4,20 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { e as TreeComponent, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D4uTTkn-.mjs';
-import * as i3 from '@angular/material/core';
+import { e as TreeComponent, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DOtego0e.mjs';
+import * as i3 from '@angular/material/autocomplete';
 import * as i2$1 from '@angular/material/button';
 import * as i3$1 from '@angular/material/checkbox';
 import * as i4 from '@angular/material/divider';
 import * as i5 from '@angular/material/expansion';
 import * as i6 from '@angular/material/icon';
 import * as i6$1 from '@angular/material/list';
-import * as i3$2 from '@angular/material/form-field';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import * as i7 from '@angular/material/select';
+import * as i3$2 from '@angular/material/select';
 import * as i9 from '@angular/material/toolbar';
 import * as i8 from '@angular/material/tooltip';
 import * as i3$3 from '@angular/material/tree';
 import * as i12 from '@angular/material/input';
+import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject, take, tap, catchError, throwError } from 'rxjs';
 import * as i1$1 from '@angular/common/http';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -259,10 +258,10 @@ class DataTreeComponent {
         }));
         this.pathChanged.emit(path);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: DataTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: DataTreeComponent, isStandalone: true, selector: "app-data-tree", inputs: { data: "data", value: "value", formInputs: "formInputs" }, outputs: { pathChanged: "pathChanged" }, viewQueries: [{ propertyName: "textareaElementRef", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<mat-accordion multi>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset_linked</mat-icon>\n        Navigate and select data fields for mapping\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Click checkboxes to select fields for mapping. Selected paths will be highlighted.</span>\n      </div>\n      <mat-divider></mat-divider>\n\n      <mat-tree [dataSource]=\"treeClass.dataSource\" \n      [treeControl]=\"treeClass.treeControl\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n          <button disabled class=\"node-spacer\" aria-hidden=\"true\" mat-icon-button>\n\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" class=\"node-checkbox\"\n            [matTooltip]=\"'Map data field: ' + node.key\">\n            <span class=\"node-key\" [attr.aria-label]=\"'Field name: ' + node.key\">{{ node.key }}:</span>\n            <span [attr.aria-label]=\"'Field value: ' + node.value\" style=\"    white-space: nowrap;\" class=\"node-value\"\n              [style.color]=\"getNodeValueColor(node.value)\">\n              {{ node.value }}\n            </span>\n          </mat-checkbox>\n        </mat-tree-node>\n\n        <mat-tree-node *matTreeNodeDef=\"let node; when: treeClass.hasChild\" matTreeNodePadding>\n          <button style=\"padding: 0px;    \n      width: 24px;\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n            <mat-icon>\n              {{ treeClass.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" [matTooltip]=\"'Select ' + node.key\">\n            <span class=\"node-key\">{{ node.key }}</span>\n          </mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n  </mat-expansion-panel>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">rebase_edit</mat-icon>\n        Configure and transform your data path\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\" *ngIf=\"treeClass.activePath.length === 0\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Select a node from the tree above to begin mapping data</span>\n      </div>\n      <mat-divider></mat-divider>\n      <mat-toolbar style=\"    height: fit-content; background: inherit;\">\n        <div class=\"breadcrumb-container\">\n\n          <ng-container *ngFor=\"let path of treeClass.activePath; trackBy: trackByFn; last as isLast; index as i\">\n            <button *ngIf=\"!path.inEdit\" matTooltip=\"Click to edit\" (click)=\"setupPath(path)\" mat-button\n              [disabled]=\"!path.keyIsArrayIndex\" [color]=\"path.functions.length> 0 ? 'accent' : ''\"\n              class=\"breadcrumb-item\">\n              <mat-icon>{{ path.keyIsArrayIndex ? 'filter_none' : 'folder' }}</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n\n\n            <button *ngIf=\"!!path.inEdit\" matTooltip=\"Currently editing\" (click)=\"removeFunction(path.key)\"\n              mat-raised-button color=\"primary\" class=\"breadcrumb-item\">\n              <mat-icon>check_circle</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n            <mat-icon *ngIf=\"!isLast\" class=\"breadcrumb-separator\">chevron_right</mat-icon>\n          </ng-container>\n        </div>\n      </mat-toolbar>\n      <div *ngIf=\"!!hasANodeInEdit()\">\n\n        <mat-nav-list>\n\n          <ng-container *ngFor=\"let function of this.treeClass.pathInEdit?.functions;index as i\">\n            <mat-list-item \n               [activated]=\"!!function.inEdit\"\n            class=\"functions\" style=\"height: fit-content;\">\n              <span matListItemIcon class=\"function-number\" > \n                <strong> {{i+1}} </strong>\n                </span>\n              <a \n\n              (click)=\"editFunction(function.id)\"\n           \n              style=\"font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\n               matListItemTitle>  {{ (function.function |titlecase) ||\n                'Function configurations required'}}</a>\n              <button  mat-icon-button \n              (click)=\"removeFunction(function.id)\" matListItemMeta>\n\n                <mat-icon [color]=\"function.function && function.expression?'':'warn'\">{{!function.inEdit? 'close':'check_circle'}}</mat-icon>\n              </button>\n       \n          \n            </mat-list-item>\n   \n            <div class=\"function-edit-container\" *ngIf=\"function.inEdit\">\n              <mat-divider></mat-divider>\n              <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label>Array function</mat-label>\n                <mat-select matNativeControl [value]=\"getFunctionInEdit()?.function\"\n                  (selectionChange)=\"functionChanged($event)\" placeholder=\"ChooseFunctionToRun\">\n                  <mat-option value=\"filter\">filter</mat-option>\n                  <mat-option value=\"find\">find</mat-option>\n                  <mat-option value=\"map\">map</mat-option>\n                </mat-select>\n                <mat-hint>\n                  Choose a function to run on the array\n                </mat-hint>\n              </mat-form-field>\n              <mat-form-field  appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label >Condition expression</mat-label>\n                <textarea matInput #textarea \n                [value]=\"getFunctionInEdit()?.expression\"\n                  (input)=\"onTextChange($event)\" (focus)=\"onFocus($event)\"\n                 \n                  placeholder=\"Enter a validation string for the function\"></textarea>\n                    <mat-hint>\n                    {{ showSuggestions ? 'Suggestions are enabled' : 'Enter a condition expression to transform the array' }}\n                    </mat-hint>\n              </mat-form-field>\n              <section *ngIf=\"showSuggestions\" \n              class=\"showSuggestionContainer\">\n                <!-- <mat-toolbar class=\"search-container\"  style=\"background: inherit;\">\n                \n           \n                  <input type=\"search\" \n                  placeholder=\"Search api\" \n                  class=\"search-field\"\n                  (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;\" class=\"\">\n                  <div class=\"suggestion-container\">\n                    <div class=\"suggestion-column\">\n                      <h5>Logical Operators</h5>\n                      <div class=\"button-container\">\n                        <button \n                        color=\"primary\" \n                        mat-flat-button *ngFor=\"let method of getMethods()\"\n                          (click)=\"selectSuggestionInput(method.value)\" class=\"suggestion-button\">\n                          {{ method.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <div class=\"suggestion-column\">\n                      <h5>Add Input as a Variable</h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getAllInputs()\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input.formControlName)\" class=\"suggestion-button\">\n                          {{ input.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <!-- <div class=\"suggestion-column\">\n                      <h5>Array path Object </h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getValueVariables()\"\n                        color=\"accent\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input)\" class=\"suggestion-button\">\n                          {{ input}}\n                        </button>\n                      </div>\n                    </div> -->\n                  </div>\n                  <div class=\"suggestion-container\">\n               \n                  </div>\n  \n                </div>\n              </section>\n           \n\n              <mat-toolbar style=\"background:none\">\n                <span class=\"spacer\"></span>\n\n                <button (click)=\"reset()\" mat-flat-button>\n                  reset\n                </button>\n                <button (click)=\"saveNodeInEdit()\" [disabled]=\"!function.expression && !function.function\" mat-flat-button\n                  color=\"primary\">\n                  save\n                </button>\n\n              </mat-toolbar>\n            </div>\n            <mat-divider></mat-divider>\n          </ng-container>\n\n        </mat-nav-list>\n        <ol>\n\n        </ol>\n        <button (click)=\"addNewFunction()\" mat-button>+ Add function </button>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        Mapped Data Value Based on the Active Path\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <mat-divider></mat-divider>\n\n      <div style=\"padding: 16px;background: black;\n      color: cadetblue; border-radius:8px;min-width:fit-content\">\n        <pre>{{getValue|json}}</pre>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n\n</mat-accordion>", styles: ["mat-tree{min-width:fit-content;background:azure}mat-tree-node{min-height:28px!important;height:32px!important}.breadcrumb-container{display:flex;align-items:center;flex-wrap:wrap;padding:8px 0}.breadcrumb-item{display:inline-flex;align-items:center;margin:0;transition:background-color .3s ease}.breadcrumb-separator{margin:0}.breadcrumb-separator .mat-icon{font-size:16px;width:16px;height:16px}.info-icon{width:38px}mat-expansion-panel-header{padding-left:16px;padding-right:16px}mat-expansion-panel{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}.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}.node-spacer{width:24px;padding:0}.node-checkbox{width:100%}.node-key{font-weight:500;color:#2c2c2c}.node-value{font-family:monospace;padding:2px 6px;background:#f8f9fa;border-radius:3px;font-size:.9em}.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}.title-icon{margin-right:8px;vertical-align:middle}mat-form-field{width:100%;background:azure}.functions{color:var(--mat-full-pseudo-checkbox-selected-icon-color)}.function-number{font-size:smaller;display:flex;align-items:center;justify-content:center;margin-right:8px;margin-left:8px}.search-field{width:100%;padding:8px;border:1px solid var(--mat-divider-color, var(--mat-app-outline));border-radius:4px;margin-left:0}.search-container{padding-left:8px;padding-right:8px;height:48px;background:inherit;margin-top:0;height:fit-content}.showSuggestionContainer{background:azure}\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.JsonPipe, name: "json" }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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.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: 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: "component", type: i7.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: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i3$3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTreeComponent, isStandalone: true, selector: "app-data-tree", inputs: { data: "data", value: "value", formInputs: "formInputs" }, outputs: { pathChanged: "pathChanged" }, viewQueries: [{ propertyName: "textareaElementRef", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<mat-accordion multi>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset_linked</mat-icon>\n        Navigate and select data fields for mapping\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Click checkboxes to select fields for mapping. Selected paths will be highlighted.</span>\n      </div>\n      <mat-divider></mat-divider>\n\n      <mat-tree [dataSource]=\"treeClass.dataSource\" \n      [treeControl]=\"treeClass.treeControl\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n          <button disabled class=\"node-spacer\" aria-hidden=\"true\" mat-icon-button>\n\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" class=\"node-checkbox\"\n            [matTooltip]=\"'Map data field: ' + node.key\">\n            <span class=\"node-key\" [attr.aria-label]=\"'Field name: ' + node.key\">{{ node.key }}:</span>\n            <span [attr.aria-label]=\"'Field value: ' + node.value\" style=\"    white-space: nowrap;\" class=\"node-value\"\n              [style.color]=\"getNodeValueColor(node.value)\">\n              {{ node.value }}\n            </span>\n          </mat-checkbox>\n        </mat-tree-node>\n\n        <mat-tree-node *matTreeNodeDef=\"let node; when: treeClass.hasChild\" matTreeNodePadding>\n          <button style=\"padding: 0px;    \n      width: 24px;\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n            <mat-icon>\n              {{ treeClass.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" [matTooltip]=\"'Select ' + node.key\">\n            <span class=\"node-key\">{{ node.key }}</span>\n          </mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n  </mat-expansion-panel>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">rebase_edit</mat-icon>\n        Configure and transform your data path\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\" *ngIf=\"treeClass.activePath.length === 0\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Select a node from the tree above to begin mapping data</span>\n      </div>\n      <mat-divider></mat-divider>\n      <mat-toolbar style=\"    height: fit-content; background: inherit;\">\n        <div class=\"breadcrumb-container\">\n\n          <ng-container *ngFor=\"let path of treeClass.activePath; trackBy: trackByFn; last as isLast; index as i\">\n            <button *ngIf=\"!path.inEdit\" matTooltip=\"Click to edit\" (click)=\"setupPath(path)\" mat-button\n              [disabled]=\"!path.keyIsArrayIndex\" [color]=\"path.functions.length> 0 ? 'accent' : ''\"\n              class=\"breadcrumb-item\">\n              <mat-icon>{{ path.keyIsArrayIndex ? 'filter_none' : 'folder' }}</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n\n\n            <button *ngIf=\"!!path.inEdit\" matTooltip=\"Currently editing\" (click)=\"removeFunction(path.key)\"\n              mat-raised-button color=\"primary\" class=\"breadcrumb-item\">\n              <mat-icon>check_circle</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n            <mat-icon *ngIf=\"!isLast\" class=\"breadcrumb-separator\">chevron_right</mat-icon>\n          </ng-container>\n        </div>\n      </mat-toolbar>\n      <div *ngIf=\"!!hasANodeInEdit()\">\n\n        <mat-nav-list>\n\n          <ng-container *ngFor=\"let function of this.treeClass.pathInEdit?.functions;index as i\">\n            <mat-list-item \n               [activated]=\"!!function.inEdit\"\n            class=\"functions\" style=\"height: fit-content;\">\n              <span matListItemIcon class=\"function-number\" > \n                <strong> {{i+1}} </strong>\n                </span>\n              <a \n\n              (click)=\"editFunction(function.id)\"\n           \n              style=\"font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\n               matListItemTitle>  {{ (function.function |titlecase) ||\n                'Function configurations required'}}</a>\n              <button  mat-icon-button \n              (click)=\"removeFunction(function.id)\" matListItemMeta>\n\n                <mat-icon [color]=\"function.function && function.expression?'':'warn'\">{{!function.inEdit? 'close':'check_circle'}}</mat-icon>\n              </button>\n       \n          \n            </mat-list-item>\n   \n            <div class=\"function-edit-container\" *ngIf=\"function.inEdit\">\n              <mat-divider></mat-divider>\n              <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label>Array function</mat-label>\n                <mat-select matNativeControl [value]=\"getFunctionInEdit()?.function\"\n                  (selectionChange)=\"functionChanged($event)\" placeholder=\"ChooseFunctionToRun\">\n                  <mat-option value=\"filter\">filter</mat-option>\n                  <mat-option value=\"find\">find</mat-option>\n                  <mat-option value=\"map\">map</mat-option>\n                </mat-select>\n                <mat-hint>\n                  Choose a function to run on the array\n                </mat-hint>\n              </mat-form-field>\n              <mat-form-field  appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label >Condition expression</mat-label>\n                <textarea matInput #textarea \n                [value]=\"getFunctionInEdit()?.expression\"\n                  (input)=\"onTextChange($event)\" (focus)=\"onFocus($event)\"\n                 \n                  placeholder=\"Enter a validation string for the function\"></textarea>\n                    <mat-hint>\n                    {{ showSuggestions ? 'Suggestions are enabled' : 'Enter a condition expression to transform the array' }}\n                    </mat-hint>\n              </mat-form-field>\n              <section *ngIf=\"showSuggestions\" \n              class=\"showSuggestionContainer\">\n                <!-- <mat-toolbar class=\"search-container\"  style=\"background: inherit;\">\n                \n           \n                  <input type=\"search\" \n                  placeholder=\"Search api\" \n                  class=\"search-field\"\n                  (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;\" class=\"\">\n                  <div class=\"suggestion-container\">\n                    <div class=\"suggestion-column\">\n                      <h5>Logical Operators</h5>\n                      <div class=\"button-container\">\n                        <button \n                        color=\"primary\" \n                        mat-flat-button *ngFor=\"let method of getMethods()\"\n                          (click)=\"selectSuggestionInput(method.value)\" class=\"suggestion-button\">\n                          {{ method.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <div class=\"suggestion-column\">\n                      <h5>Add Input as a Variable</h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getAllInputs()\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input.formControlName)\" class=\"suggestion-button\">\n                          {{ input.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <!-- <div class=\"suggestion-column\">\n                      <h5>Array path Object </h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getValueVariables()\"\n                        color=\"accent\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input)\" class=\"suggestion-button\">\n                          {{ input}}\n                        </button>\n                      </div>\n                    </div> -->\n                  </div>\n                  <div class=\"suggestion-container\">\n               \n                  </div>\n  \n                </div>\n              </section>\n           \n\n              <mat-toolbar style=\"background:none\">\n                <span class=\"spacer\"></span>\n\n                <button (click)=\"reset()\" mat-flat-button>\n                  reset\n                </button>\n                <button (click)=\"saveNodeInEdit()\" [disabled]=\"!function.expression && !function.function\" mat-flat-button\n                  color=\"primary\">\n                  save\n                </button>\n\n              </mat-toolbar>\n            </div>\n            <mat-divider></mat-divider>\n          </ng-container>\n\n        </mat-nav-list>\n        <ol>\n\n        </ol>\n        <button (click)=\"addNewFunction()\" mat-button>+ Add function </button>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        Mapped Data Value Based on the Active Path\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <mat-divider></mat-divider>\n\n      <div style=\"padding: 16px;background: black;\n      color: cadetblue; border-radius:8px;min-width:fit-content\">\n        <pre>{{getValue|json}}</pre>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n\n</mat-accordion>", styles: ["mat-tree{min-width:fit-content;background:azure}mat-tree-node{min-height:28px!important;height:32px!important}.breadcrumb-container{display:flex;align-items:center;flex-wrap:wrap;padding:8px 0}.breadcrumb-item{display:inline-flex;align-items:center;margin:0;transition:background-color .3s ease}.breadcrumb-separator{margin:0}.breadcrumb-separator .mat-icon{font-size:16px;width:16px;height:16px}.info-icon{width:38px}mat-expansion-panel-header{padding-left:16px;padding-right:16px}mat-expansion-panel{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}.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}.node-spacer{width:24px;padding:0}.node-checkbox{width:100%}.node-key{font-weight:500;color:#2c2c2c}.node-value{font-family:monospace;padding:2px 6px;background:#f8f9fa;border-radius:3px;font-size:.9em}.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}.title-icon{margin-right:8px;vertical-align:middle}mat-form-field{width:100%;background:azure}.functions{color:var(--mat-full-pseudo-checkbox-selected-icon-color)}.function-number{font-size:smaller;display:flex;align-items:center;justify-content:center;margin-right:8px;margin-left:8px}.search-field{width:100%;padding:8px;border:1px solid var(--mat-divider-color, var(--mat-app-outline));border-radius:4px;margin-left:0}.search-container{padding-left:8px;padding-right:8px;height:48px;background:inherit;margin-top:0;height:fit-content}.showSuggestionContainer{background:azure}\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.JsonPipe, name: "json" }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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.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: 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: "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: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i3$3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: DataTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-data-tree', standalone: true, imports: [CommonModule, MatModulesModule, FormsModule], template: "<mat-accordion multi>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset_linked</mat-icon>\n        Navigate and select data fields for mapping\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Click checkboxes to select fields for mapping. Selected paths will be highlighted.</span>\n      </div>\n      <mat-divider></mat-divider>\n\n      <mat-tree [dataSource]=\"treeClass.dataSource\" \n      [treeControl]=\"treeClass.treeControl\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n          <button disabled class=\"node-spacer\" aria-hidden=\"true\" mat-icon-button>\n\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" class=\"node-checkbox\"\n            [matTooltip]=\"'Map data field: ' + node.key\">\n            <span class=\"node-key\" [attr.aria-label]=\"'Field name: ' + node.key\">{{ node.key }}:</span>\n            <span [attr.aria-label]=\"'Field value: ' + node.value\" style=\"    white-space: nowrap;\" class=\"node-value\"\n              [style.color]=\"getNodeValueColor(node.value)\">\n              {{ node.value }}\n            </span>\n          </mat-checkbox>\n        </mat-tree-node>\n\n        <mat-tree-node *matTreeNodeDef=\"let node; when: treeClass.hasChild\" matTreeNodePadding>\n          <button style=\"padding: 0px;    \n      width: 24px;\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n            <mat-icon>\n              {{ treeClass.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" [matTooltip]=\"'Select ' + node.key\">\n            <span class=\"node-key\">{{ node.key }}</span>\n          </mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n  </mat-expansion-panel>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">rebase_edit</mat-icon>\n        Configure and transform your data path\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\" *ngIf=\"treeClass.activePath.length === 0\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Select a node from the tree above to begin mapping data</span>\n      </div>\n      <mat-divider></mat-divider>\n      <mat-toolbar style=\"    height: fit-content; background: inherit;\">\n        <div class=\"breadcrumb-container\">\n\n          <ng-container *ngFor=\"let path of treeClass.activePath; trackBy: trackByFn; last as isLast; index as i\">\n            <button *ngIf=\"!path.inEdit\" matTooltip=\"Click to edit\" (click)=\"setupPath(path)\" mat-button\n              [disabled]=\"!path.keyIsArrayIndex\" [color]=\"path.functions.length> 0 ? 'accent' : ''\"\n              class=\"breadcrumb-item\">\n              <mat-icon>{{ path.keyIsArrayIndex ? 'filter_none' : 'folder' }}</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n\n\n            <button *ngIf=\"!!path.inEdit\" matTooltip=\"Currently editing\" (click)=\"removeFunction(path.key)\"\n              mat-raised-button color=\"primary\" class=\"breadcrumb-item\">\n              <mat-icon>check_circle</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n            <mat-icon *ngIf=\"!isLast\" class=\"breadcrumb-separator\">chevron_right</mat-icon>\n          </ng-container>\n        </div>\n      </mat-toolbar>\n      <div *ngIf=\"!!hasANodeInEdit()\">\n\n        <mat-nav-list>\n\n          <ng-container *ngFor=\"let function of this.treeClass.pathInEdit?.functions;index as i\">\n            <mat-list-item \n               [activated]=\"!!function.inEdit\"\n            class=\"functions\" style=\"height: fit-content;\">\n              <span matListItemIcon class=\"function-number\" > \n                <strong> {{i+1}} </strong>\n                </span>\n              <a \n\n              (click)=\"editFunction(function.id)\"\n           \n              style=\"font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\n               matListItemTitle>  {{ (function.function |titlecase) ||\n                'Function configurations required'}}</a>\n              <button  mat-icon-button \n              (click)=\"removeFunction(function.id)\" matListItemMeta>\n\n                <mat-icon [color]=\"function.function && function.expression?'':'warn'\">{{!function.inEdit? 'close':'check_circle'}}</mat-icon>\n              </button>\n       \n          \n            </mat-list-item>\n   \n            <div class=\"function-edit-container\" *ngIf=\"function.inEdit\">\n              <mat-divider></mat-divider>\n              <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label>Array function</mat-label>\n                <mat-select matNativeControl [value]=\"getFunctionInEdit()?.function\"\n                  (selectionChange)=\"functionChanged($event)\" placeholder=\"ChooseFunctionToRun\">\n                  <mat-option value=\"filter\">filter</mat-option>\n                  <mat-option value=\"find\">find</mat-option>\n                  <mat-option value=\"map\">map</mat-option>\n                </mat-select>\n                <mat-hint>\n                  Choose a function to run on the array\n                </mat-hint>\n              </mat-form-field>\n              <mat-form-field  appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label >Condition expression</mat-label>\n                <textarea matInput #textarea \n                [value]=\"getFunctionInEdit()?.expression\"\n                  (input)=\"onTextChange($event)\" (focus)=\"onFocus($event)\"\n                 \n                  placeholder=\"Enter a validation string for the function\"></textarea>\n                    <mat-hint>\n                    {{ showSuggestions ? 'Suggestions are enabled' : 'Enter a condition expression to transform the array' }}\n                    </mat-hint>\n              </mat-form-field>\n              <section *ngIf=\"showSuggestions\" \n              class=\"showSuggestionContainer\">\n                <!-- <mat-toolbar class=\"search-container\"  style=\"background: inherit;\">\n                \n           \n                  <input type=\"search\" \n                  placeholder=\"Search api\" \n                  class=\"search-field\"\n                  (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;\" class=\"\">\n                  <div class=\"suggestion-container\">\n                    <div class=\"suggestion-column\">\n                      <h5>Logical Operators</h5>\n                      <div class=\"button-container\">\n                        <button \n                        color=\"primary\" \n                        mat-flat-button *ngFor=\"let method of getMethods()\"\n                          (click)=\"selectSuggestionInput(method.value)\" class=\"suggestion-button\">\n                          {{ method.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <div class=\"suggestion-column\">\n                      <h5>Add Input as a Variable</h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getAllInputs()\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input.formControlName)\" class=\"suggestion-button\">\n                          {{ input.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <!-- <div class=\"suggestion-column\">\n                      <h5>Array path Object </h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getValueVariables()\"\n                        color=\"accent\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input)\" class=\"suggestion-button\">\n                          {{ input}}\n                        </button>\n                      </div>\n                    </div> -->\n                  </div>\n                  <div class=\"suggestion-container\">\n               \n                  </div>\n  \n                </div>\n              </section>\n           \n\n              <mat-toolbar style=\"background:none\">\n                <span class=\"spacer\"></span>\n\n                <button (click)=\"reset()\" mat-flat-button>\n                  reset\n                </button>\n                <button (click)=\"saveNodeInEdit()\" [disabled]=\"!function.expression && !function.function\" mat-flat-button\n                  color=\"primary\">\n                  save\n                </button>\n\n              </mat-toolbar>\n            </div>\n            <mat-divider></mat-divider>\n          </ng-container>\n\n        </mat-nav-list>\n        <ol>\n\n        </ol>\n        <button (click)=\"addNewFunction()\" mat-button>+ Add function </button>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        Mapped Data Value Based on the Active Path\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <mat-divider></mat-divider>\n\n      <div style=\"padding: 16px;background: black;\n      color: cadetblue; border-radius:8px;min-width:fit-content\">\n        <pre>{{getValue|json}}</pre>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n\n</mat-accordion>", styles: ["mat-tree{min-width:fit-content;background:azure}mat-tree-node{min-height:28px!important;height:32px!important}.breadcrumb-container{display:flex;align-items:center;flex-wrap:wrap;padding:8px 0}.breadcrumb-item{display:inline-flex;align-items:center;margin:0;transition:background-color .3s ease}.breadcrumb-separator{margin:0}.breadcrumb-separator .mat-icon{font-size:16px;width:16px;height:16px}.info-icon{width:38px}mat-expansion-panel-header{padding-left:16px;padding-right:16px}mat-expansion-panel{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}.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}.node-spacer{width:24px;padding:0}.node-checkbox{width:100%}.node-key{font-weight:500;color:#2c2c2c}.node-value{font-family:monospace;padding:2px 6px;background:#f8f9fa;border-radius:3px;font-size:.9em}.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}.title-icon{margin-right:8px;vertical-align:middle}mat-form-field{width:100%;background:azure}.functions{color:var(--mat-full-pseudo-checkbox-selected-icon-color)}.function-number{font-size:smaller;display:flex;align-items:center;justify-content:center;margin-right:8px;margin-left:8px}.search-field{width:100%;padding:8px;border:1px solid var(--mat-divider-color, var(--mat-app-outline));border-radius:4px;margin-left:0}.search-container{padding-left:8px;padding-right:8px;height:48px;background:inherit;margin-top:0;height:fit-content}.showSuggestionContainer{background:azure}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{
@@ -402,10 +401,10 @@ class ApiValueAccessRulesComponent {
         let responseBody = JSON.parse(response?.[0]?.body || '{}');
         return responseBody;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ApiValueAccessRulesComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ApiValueAccessRulesComponent, isStandalone: true, selector: "app-api-value-access-rules", inputs: { multipleBind: "multipleBind", errors: "errors", value: "value", mapToData: "mapToData", formInputs: "formInputs", postmanCollectionConfig: "postmanCollectionConfig" }, outputs: { valueChanged: "valueChanged", reload: "reload" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ApiValueAccessRulesComponent }], ngImport: i0, template: "\r\n\r\n\r\n<section *ngFor=\"let controlName of multipleBind||[]\">\r\n    <label [for]=\"controlName\">Map <strong>{{controlName}}</strong></label>\r\n    <app-data-tree \r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event,controlName)\" \r\n    [data]=\"postmanResponseBody\"  [value]=\"computedValue[controlName]||''\" ></app-data-tree>\r\n</section>\r\n\r\n\r\n<app-data-tree \r\n*ngIf=\"!multipleBind\"\r\n(pathChanged)=\"pathChanged($event)\" \r\n    [formInputs]=\"formInputs\"\r\n[data]=\"postmanResponseBody\" [value]=\"computedValue\"></app-data-tree>\r\n\r\n", styles: [".labelM{font-size:13px}\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: "component", type: DataTreeComponent, selector: "app-data-tree", inputs: ["data", "value", "formInputs"], outputs: ["pathChanged"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ApiValueAccessRulesComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ApiValueAccessRulesComponent, isStandalone: true, selector: "app-api-value-access-rules", inputs: { multipleBind: "multipleBind", errors: "errors", value: "value", mapToData: "mapToData", formInputs: "formInputs", postmanCollectionConfig: "postmanCollectionConfig" }, outputs: { valueChanged: "valueChanged", reload: "reload" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ApiValueAccessRulesComponent }], ngImport: i0, template: "\r\n\r\n\r\n<section *ngFor=\"let controlName of multipleBind||[]\">\r\n    <label [for]=\"controlName\">Map <strong>{{controlName}}</strong></label>\r\n    <app-data-tree \r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event,controlName)\" \r\n    [data]=\"postmanResponseBody\"  [value]=\"computedValue[controlName]||''\" ></app-data-tree>\r\n</section>\r\n\r\n\r\n<app-data-tree \r\n*ngIf=\"!multipleBind\"\r\n(pathChanged)=\"pathChanged($event)\" \r\n    [formInputs]=\"formInputs\"\r\n[data]=\"postmanResponseBody\" [value]=\"computedValue\"></app-data-tree>\r\n\r\n", styles: [".labelM{font-size:13px}\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: "component", type: DataTreeComponent, selector: "app-data-tree", inputs: ["data", "value", "formInputs"], outputs: ["pathChanged"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ApiValueAccessRulesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ApiValueAccessRulesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-api-value-access-rules', standalone: true, imports: [CommonModule, DataTreeComponent], providers: [{ provide: MatFormFieldControl, useExisting: ApiValueAccessRulesComponent }], template: "\r\n\r\n\r\n<section *ngFor=\"let controlName of multipleBind||[]\">\r\n    <label [for]=\"controlName\">Map <strong>{{controlName}}</strong></label>\r\n    <app-data-tree \r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event,controlName)\" \r\n    [data]=\"postmanResponseBody\"  [value]=\"computedValue[controlName]||''\" ></app-data-tree>\r\n</section>\r\n\r\n\r\n<app-data-tree \r\n*ngIf=\"!multipleBind\"\r\n(pathChanged)=\"pathChanged($event)\" \r\n    [formInputs]=\"formInputs\"\r\n[data]=\"postmanResponseBody\" [value]=\"computedValue\"></app-data-tree>\r\n\r\n", styles: [".labelM{font-size:13px}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
@@ -433,4 +432,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 export { ApiValueAccessRulesComponent };
-//# sourceMappingURL=ngx-t-forms-api-value-access-rules.component-DyptJ5Lx.mjs.map
+//# sourceMappingURL=ngx-t-forms-api-value-access-rules.component-CMKTgeD4.mjs.map

package/fesm2022/{ngx-t-forms-api-value-access-rules.component-DyptJ5Lx.mjs.map → ngx-t-forms-api-value-access-rules.component-CMKTgeD4.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-api-value-access-rules.component-DyptJ5Lx.mjs","sources":["../../../projects/ngx-t-forms/src/lib/shared/functions/searchArray.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/elements/data-tree/data-tree.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/elements/data-tree/data-tree.component.html","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/api-value-access-rules.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/api-value-access-rules.component.html"],"sourcesContent":["export function searchAndOrderArray(\r\n  arr: any[],\r\n  searchTerm: string,\r\n  filterBy: string\r\n): any[] {\r\n  // Filter the array based on the search term\r\n  const filteredArr = arr.filter((obj) =>\r\n    searchTerm\r\n      ? obj[filterBy].toLowerCase().includes(searchTerm.toLowerCase())\r\n      : true\r\n  );\r\n\r\n  // Order the filtered array alphabetically by name\r\n  const orderedArr = filteredArr.sort((a, b) =>\r\n    a[filterBy].localeCompare(b[filterBy])\r\n  );\r\n\r\n  return orderedArr;\r\n}\r\n","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\n\r\n\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n\r\n\r\nimport { TreeComponent } from '../../functions/convertDataToTree';\r\nimport { FlatNode, TreeNode } from 'ngx-t-forms-types';\r\nimport { MatModulesModule } from '../../../../../../shared/modules/mat-modules.module';\r\nimport { searchAndOrderArray } from '../../../../../../shared/functions/searchArray';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';;\r\nimport { MatSelectChange } from '@angular/material/select';\r\n\r\n\r\n@Component({\r\n  selector: 'app-data-tree',\r\n  templateUrl: './data-tree.component.html',\r\n  styleUrls: ['./data-tree.component.scss'],\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormsModule]\r\n})\r\nexport class DataTreeComponent implements OnInit, OnChanges {\r\n  treeClass!: TreeComponent\r\n  @Input() data: any;\r\n  @Input() value: TreeNode[] | string = [];\r\n  @Input() formInputs:FormColumnInputs[] = []\r\n  @Output() pathChanged = new EventEmitter<TreeNode[] | string>()\r\n\r\n  constructor() {\r\n    this.treeClass = new TreeComponent();\r\n  }\r\n  _data: any\r\n  _value: TreeNode[] | string = []\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['data']) {\r\n      if (JSON.stringify(this._data) !== JSON.stringify(changes['data'].currentValue)) {\r\n        this._data = changes['data'].currentValue\r\n        this.treeClass.computeTreeData(changes['data'].currentValue)\r\n      \r\n        if (this.value && Array.isArray(this.value) && this.value.length > 0 && 'functions' in (this.value?.[0]||{})) {\r\n          this.treeClass.updateStateFromPath(this.value as TreeNode[])\r\n        }\r\n      }\r\n    }\r\n    if (changes['value']) {\r\n      this.valueChangedSetPath(changes['value'].currentValue)\r\n    }\r\n  }\r\n  ngOnInit() {\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\r\n\r\n  showSuggestions = false;\r\n  suggestions = ['$option1', '$option2', '$option3', '$custom'];\r\n  filteredSuggestions: string[] = [];\r\n  cursorPosition = 0;\r\n  valueChangedSetPath(newPath: TreeNode[] | string) {\r\n    const isSameAsNewPath = typeof newPath === typeof this._value && JSON.stringify(newPath) === JSON.stringify(this._value)\r\n    if (!isSameAsNewPath && Array.isArray(newPath)) {\r\n      this._value = newPath\r\n      this.treeClass.updateStateFromPath(newPath as TreeNode[])\r\n    }\r\n  }\r\n  async onTextChange(event: Event) {\r\n    const newValue =(event.target as HTMLInputElement).value;\r\n    const functions = this.treeClass.pathInEdit!.functions!.find(f => f.inEdit)\r\n    functions!.expression = newValue;\r\n    this.treeClass.pathInEdit!.functions.map(f => {\r\n      if (f.inEdit) {\r\n        return functions\r\n      }\r\n      return f\r\n    })\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    if (lastChar === '$') {\r\n      this.showSuggestions = true;\r\n      this.filteredSuggestions = this.suggestions;\r\n    } else {\r\n      this.showSuggestions = false;\r\n    }\r\n  }\r\n  functionChanged(event:MatSelectChange) {\r\n    this.treeClass.functionChanged(event.value)\r\n  }\r\n  addNewFunction() {\r\n\r\n    this.treeClass.addNewFunction()\r\n\r\n  }\r\n  editFunction(id: string) {\r\n\r\n\r\n    this.treeClass.pathInEdit!.functions = this.treeClass.pathInEdit!.functions?.map(f => {\r\n      if (f.id === id) {\r\n        return { ...f, inEdit: true }\r\n      }\r\n      return { ...f, inEdit: false }\r\n\r\n    })\r\n\r\n  }\r\n  selectSuggestionInput(suggestion: string) {\r\n\r\n    const functions = this.treeClass.pathInEdit!.functions.find(f => f.inEdit) || {} as any\r\n    const value = functions?.expression || ''\r\n    const beforeCursor = value.slice(0, this.cursorPosition - 1);\r\n    const afterCursor = value.slice(this.cursorPosition);\r\n    functions.expression = beforeCursor + suggestion + ' ' + afterCursor;\r\n    this.treeClass.pathInEdit!.functions.map(f => {\r\n      if (f.inEdit) {\r\n        return functions\r\n      }\r\n      return f\r\n    })\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\r\n  onFocus(event:FocusEvent) {\r\n    const textarea =  this.textareaElementRef.nativeElement;\r\n    this.cursorPosition = textarea.selectionStart || 0;\r\n  }\r\n  nodeIsChecked(node: FlatNode) {\r\n    return this.treeClass.nodeIsChecked(node)\r\n  }\r\n  hasANodeInEdit() {\r\n    return this.treeClass.hasANodeInEdit()\r\n  }\r\n  showNode(node: FlatNode) {\r\n    return this.treeClass.showNode(node)\r\n  }\r\n  onSearchChange(event: Event) {\r\n    this.optionsSearch = (event.target as HTMLInputElement).value;\r\n\r\n  }\r\n\r\n  methods = [\r\n    // Logical Operators\r\n    {\r\n      label: 'logical AND (&&)',\r\n      value: '&&'\r\n    },\r\n    {\r\n      label: 'logical OR (||)',\r\n      value: '||'\r\n    },\r\n\r\n    // Comparison Operators\r\n    {\r\n      label: 'strict equality (===)',\r\n      value: '==='\r\n    },\r\n    {\r\n      label: 'loose equality (==)',\r\n      value: '=='\r\n    },\r\n    {\r\n      label: 'strict inequality (!==)',\r\n      value: '!=='\r\n    },\r\n    {\r\n      label: 'loose inequality (!=)',\r\n      value: '!='\r\n    },\r\n    {\r\n      label: 'greater than (>)',\r\n      value: '>'\r\n    },\r\n    {\r\n      label: 'less than (<)',\r\n      value: '<'\r\n    },\r\n    {\r\n      label: 'greater than or equal to (>=)',\r\n      value: '>='\r\n    },\r\n    {\r\n      label: 'less than or equal to (<=)',\r\n      value: '<='\r\n    }\r\n  ];\r\n  getMethods() {\r\n    return searchAndOrderArray(this.methods, this.optionsSearch, 'label');\r\n  }\r\n  getNodeValueColor(v: any) {\r\n    const valueType = typeof v\r\n    switch (valueType) {\r\n      case 'string':\r\n        return '#c56100'\r\n      case 'number':\r\n        return 'mediumblue'\r\n      case 'boolean':\r\n        return 'forestgreen'\r\n      case 'object':\r\n        return '#005959'\r\n      default:\r\n        return 'currentcolor'\r\n    }\r\n  }\r\n  setupPath(node: TreeNode) {\r\n    return this.treeClass.setupPath(node)\r\n  }\r\n  trackByFn(index: number, node: TreeNode): string {\r\n    return node.path.join('.')\r\n  }\r\n  showValue: boolean = false\r\n  optionsSearch!: string\r\n  getAllInputs() {\r\n    const inputs = this.formInputs\r\n      .filter((inp) => !inp.multipleInputInEditId);\r\n    return searchAndOrderArray(inputs||[], this.optionsSearch, 'label');\r\n  }\r\n  getValueVariables(): string[] {\r\n    const isObject = typeof this.value === 'object'\r\n    if(!this.value){\r\n      return []\r\n    }\r\n    if(!isObject && !!this.value){\r\n      return [this.value as any]\r\n    }\r\n    if(Array.isArray(this.value)){\r\n      return this.value.map((v,i) => (i)) as any\r\n    }\r\n    return Object.keys(this.value)\r\n  }\r\n  saveNodeInEdit() {\r\n   const newP =  this.treeClass.saveNodeInEdit()\r\n   if(newP){\r\n    this.pathChanged.emit(newP)\r\n   }\r\n    \r\n  }\r\n  closeEdit() {\r\n    this.treeClass.closeEdit()\r\n\r\n\r\n  }\r\n  reset() {\r\n    this.treeClass.resetNode()\r\n  }\r\n  getFunctionInEdit() {\r\n    const node = this.treeClass.pathInEdit\r\n    return node?.functions?.find(f => f.inEdit)\r\n  }\r\n  get getValue (){\r\n    return this.treeClass.getValue()\r\n  }\r\n  removeFunction(id: string) {\r\n    this.treeClass.removeFunction(id)\r\n  }\r\n  update(node: any) {\r\n\r\n    const path = this.treeClass.selectNode(node)?.map(p => ({\r\n      ...p,\r\n      children: undefined,\r\n      value: undefined\r\n    }))\r\n\r\n\r\n    this.pathChanged.emit(path)\r\n  }\r\n}\r\n","<mat-accordion multi>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset_linked</mat-icon>\n        Navigate and select data fields for mapping\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Click checkboxes to select fields for mapping. Selected paths will be highlighted.</span>\n      </div>\n      <mat-divider></mat-divider>\n\n      <mat-tree [dataSource]=\"treeClass.dataSource\" \n      [treeControl]=\"treeClass.treeControl\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n          <button disabled class=\"node-spacer\" aria-hidden=\"true\" mat-icon-button>\n\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" class=\"node-checkbox\"\n            [matTooltip]=\"'Map data field: ' + node.key\">\n            <span class=\"node-key\" [attr.aria-label]=\"'Field name: ' + node.key\">{{ node.key }}:</span>\n            <span [attr.aria-label]=\"'Field value: ' + node.value\" style=\"    white-space: nowrap;\" class=\"node-value\"\n              [style.color]=\"getNodeValueColor(node.value)\">\n              {{ node.value }}\n            </span>\n          </mat-checkbox>\n        </mat-tree-node>\n\n        <mat-tree-node *matTreeNodeDef=\"let node; when: treeClass.hasChild\" matTreeNodePadding>\n          <button style=\"padding: 0px;    \n      width: 24px;\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n            <mat-icon>\n              {{ treeClass.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" [matTooltip]=\"'Select ' + node.key\">\n            <span class=\"node-key\">{{ node.key }}</span>\n          </mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n  </mat-expansion-panel>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">rebase_edit</mat-icon>\n        Configure and transform your data path\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\" *ngIf=\"treeClass.activePath.length === 0\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Select a node from the tree above to begin mapping data</span>\n      </div>\n      <mat-divider></mat-divider>\n      <mat-toolbar style=\"    height: fit-content; background: inherit;\">\n        <div class=\"breadcrumb-container\">\n\n          <ng-container *ngFor=\"let path of treeClass.activePath; trackBy: trackByFn; last as isLast; index as i\">\n            <button *ngIf=\"!path.inEdit\" matTooltip=\"Click to edit\" (click)=\"setupPath(path)\" mat-button\n              [disabled]=\"!path.keyIsArrayIndex\" [color]=\"path.functions.length> 0 ? 'accent' : ''\"\n              class=\"breadcrumb-item\">\n              <mat-icon>{{ path.keyIsArrayIndex ? 'filter_none' : 'folder' }}</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n\n\n            <button *ngIf=\"!!path.inEdit\" matTooltip=\"Currently editing\" (click)=\"removeFunction(path.key)\"\n              mat-raised-button color=\"primary\" class=\"breadcrumb-item\">\n              <mat-icon>check_circle</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n            <mat-icon *ngIf=\"!isLast\" class=\"breadcrumb-separator\">chevron_right</mat-icon>\n          </ng-container>\n        </div>\n      </mat-toolbar>\n      <div *ngIf=\"!!hasANodeInEdit()\">\n\n        <mat-nav-list>\n\n          <ng-container *ngFor=\"let function of this.treeClass.pathInEdit?.functions;index as i\">\n            <mat-list-item \n               [activated]=\"!!function.inEdit\"\n            class=\"functions\" style=\"height: fit-content;\">\n              <span matListItemIcon class=\"function-number\" > \n                <strong> {{i+1}} </strong>\n                </span>\n              <a \n\n              (click)=\"editFunction(function.id)\"\n           \n              style=\"font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\n               matListItemTitle>  {{ (function.function |titlecase) ||\n                'Function configurations required'}}</a>\n              <button  mat-icon-button \n              (click)=\"removeFunction(function.id)\" matListItemMeta>\n\n                <mat-icon [color]=\"function.function && function.expression?'':'warn'\">{{!function.inEdit? 'close':'check_circle'}}</mat-icon>\n              </button>\n       \n          \n            </mat-list-item>\n   \n            <div class=\"function-edit-container\" *ngIf=\"function.inEdit\">\n              <mat-divider></mat-divider>\n              <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label>Array function</mat-label>\n                <mat-select matNativeControl [value]=\"getFunctionInEdit()?.function\"\n                  (selectionChange)=\"functionChanged($event)\" placeholder=\"ChooseFunctionToRun\">\n                  <mat-option value=\"filter\">filter</mat-option>\n                  <mat-option value=\"find\">find</mat-option>\n                  <mat-option value=\"map\">map</mat-option>\n                </mat-select>\n                <mat-hint>\n                  Choose a function to run on the array\n                </mat-hint>\n              </mat-form-field>\n              <mat-form-field  appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label >Condition expression</mat-label>\n                <textarea matInput #textarea \n                [value]=\"getFunctionInEdit()?.expression\"\n                  (input)=\"onTextChange($event)\" (focus)=\"onFocus($event)\"\n                 \n                  placeholder=\"Enter a validation string for the function\"></textarea>\n                    <mat-hint>\n                    {{ showSuggestions ? 'Suggestions are enabled' : 'Enter a condition expression to transform the array' }}\n                    </mat-hint>\n              </mat-form-field>\n              <section *ngIf=\"showSuggestions\" \n              class=\"showSuggestionContainer\">\n                <!-- <mat-toolbar class=\"search-container\"  style=\"background: inherit;\">\n                \n           \n                  <input type=\"search\" \n                  placeholder=\"Search api\" \n                  class=\"search-field\"\n                  (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;\" class=\"\">\n                  <div class=\"suggestion-container\">\n                    <div class=\"suggestion-column\">\n                      <h5>Logical Operators</h5>\n                      <div class=\"button-container\">\n                        <button \n                        color=\"primary\" \n                        mat-flat-button *ngFor=\"let method of getMethods()\"\n                          (click)=\"selectSuggestionInput(method.value)\" class=\"suggestion-button\">\n                          {{ method.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <div class=\"suggestion-column\">\n                      <h5>Add Input as a Variable</h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getAllInputs()\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input.formControlName)\" class=\"suggestion-button\">\n                          {{ input.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <!-- <div class=\"suggestion-column\">\n                      <h5>Array path Object </h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getValueVariables()\"\n                        color=\"accent\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input)\" class=\"suggestion-button\">\n                          {{ input}}\n                        </button>\n                      </div>\n                    </div> -->\n                  </div>\n                  <div class=\"suggestion-container\">\n               \n                  </div>\n  \n                </div>\n              </section>\n           \n\n              <mat-toolbar style=\"background:none\">\n                <span class=\"spacer\"></span>\n\n                <button (click)=\"reset()\" mat-flat-button>\n                  reset\n                </button>\n                <button (click)=\"saveNodeInEdit()\" [disabled]=\"!function.expression && !function.function\" mat-flat-button\n                  color=\"primary\">\n                  save\n                </button>\n\n              </mat-toolbar>\n            </div>\n            <mat-divider></mat-divider>\n          </ng-container>\n\n        </mat-nav-list>\n        <ol>\n\n        </ol>\n        <button (click)=\"addNewFunction()\" mat-button>+ Add function </button>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        Mapped Data Value Based on the Active Path\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <mat-divider></mat-divider>\n\n      <div style=\"padding: 16px;background: black;\n      color: cadetblue; border-radius:8px;min-width:fit-content\">\n        <pre>{{getValue|json}}</pre>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n\n</mat-accordion>","import {\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Input,\r\n\r\n  Optional,\r\n\r\n  Output,\r\n  Self,\r\n} from '@angular/core';\r\nimport { TreeNode } from \"ngx-t-forms-types\";\r\nimport { CommonModule } from '@angular/common';\r\nimport { DataTreeComponent } from './elements/data-tree/data-tree.component';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { catchError, Subject, take, tap, throwError } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { IFolderItem, IGetPostmanCollections, IPostmanCollectionConfig } from \"ngx-t-forms-types\";\r\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport _ from 'lodash';\r\nimport { flatApiList } from '../postman-collections/functions/convertPostmanCollectionToTree';\r\n\r\n\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-api-value-access-rules',\r\n  templateUrl: './api-value-access-rules.component.html',\r\n  styleUrls: ['./api-value-access-rules.component.scss'],\r\n  standalone: true,\r\n  imports: [CommonModule, DataTreeComponent ],\r\n   providers: [{ provide: MatFormFieldControl, useExisting: ApiValueAccessRulesComponent}],\r\n})\r\nexport class ApiValueAccessRulesComponent implements MatFormFieldControl<TreeNode[] | string |  {[key:string]:TreeNode[] | string}> {\r\n\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `app-api-value-access-rules-${ApiValueAccessRulesComponent .nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,private readonly httpClient: HttpClient) { }\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  disabled: boolean = false;\r\nget errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\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-api-value-access-rules');\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    console.log('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\r\n\r\n\r\n  // currently mapped value\r\n  @Input() multipleBind:string[] | undefined\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() value: TreeNode[] | string |  {[key:string]:TreeNode[] | string}  = [];\r\n  @Input() mapToData: any\r\n  @Input() formInputs:FormColumnInputs[] = []\r\n  @Output() valueChanged = new EventEmitter();\r\n  @Output() reload = new EventEmitter();\r\n  _postManCollectionConfig: IPostmanCollectionConfig | undefined\r\n  @Input() set postmanCollectionConfig(postmanCollectionConfig: IPostmanCollectionConfig | undefined){\r\n      if(!_.isEqual(this._postManCollectionConfig,postmanCollectionConfig)){\r\n        this._postManCollectionConfig = postmanCollectionConfig\r\n        this.initializePostmanService()\r\n      }\r\n    \r\n  }\r\n\r\n  get postmanCollectionConfig(): IPostmanCollectionConfig | undefined{\r\n    return this._postManCollectionConfig\r\n  }\r\n  \r\n  get computedValue():any{\r\n    const invalidType =this.value instanceof Array || typeof this.value === 'string' \r\n    if(this.multipleBind && invalidType && !this.value){\r\n        return {}\r\n    }\r\n    return this.value\r\n  }\r\n  pathChanged(path:TreeNode[]|string,control?:string){\r\n    if(!Array.isArray(path)){\r\n      return\r\n    }\r\n    if(!control){\r\n      this.valueChanged.emit(path)\r\n      return\r\n    }\r\n    if(this.value instanceof Array || typeof this.value === 'string'){\r\n      this.value = {}\r\n    }\r\n    const newValue = {...this.value }\r\n    newValue[control] = path\r\n    this.valueChanged.emit(newValue)\r\n  }\r\n  private isValidConfig(config: IPostmanCollectionConfig | undefined): boolean {\r\n    return Boolean(config?.collectionUrl && config?.collectionKey);\r\n  }\r\n    error: HttpErrorResponse | undefined\r\n    loading: boolean = false\r\n    postManFolderItems:IFolderItem[] = []\r\n    private initializePostmanService(): void {\r\n8\r\n      const isValidConfig = this.isValidConfig(this.postmanCollectionConfig)\r\n      if (!isValidConfig) {\r\n        this.error = new HttpErrorResponse({\r\n          error: 'Invalid Postman Collection Config',\r\n        })\r\n        return\r\n      }\r\n      const { collectionUrl, collectionKey } = this.postmanCollectionConfig!\r\n  \r\n      const requestOptions = {\r\n        params: {\r\n          apikey: collectionKey,\r\n          clearSystemHeaders: true\r\n        },\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n  \r\n        }\r\n      }\r\n      this.loading = true\r\n\r\n      this.httpClient.get<IGetPostmanCollections>(\r\n        collectionUrl,\r\n        requestOptions\r\n      ).pipe(\r\n        take(1),\r\n        tap((data) => {\r\n          // To ensure the data can be shown as a tree\r\n          this.postManFolderItems=  flatApiList(data.collection.item)  \r\n         \r\n          this.error = undefined\r\n          this.loading = false\r\n        }),\r\n        catchError((err: HttpErrorResponse) => {\r\n          this.loading = false\r\n          this.error = err\r\n          console.error(err)\r\n          return throwError(err)\r\n        })\r\n      ).subscribe();\r\n    }\r\n \r\n    get postmanResponseBody(){\r\n     \r\n      const {response} = this.postManFolderItems.find((item) => item.id === this.mapToData) ||{}\r\n      let responseBody =  JSON.parse(response?.[0]?.body || '{}')\r\n      return responseBody\r\n    }\r\n\r\n}\r\n","\r\n\r\n\r\n<section *ngFor=\"let controlName of multipleBind||[]\">\r\n    <label [for]=\"controlName\">Map <strong>{{controlName}}</strong></label>\r\n    <app-data-tree \r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event,controlName)\" \r\n    [data]=\"postmanResponseBody\"  [value]=\"computedValue[controlName]||''\" ></app-data-tree>\r\n</section>\r\n\r\n\r\n<app-data-tree \r\n*ngIf=\"!multipleBind\"\r\n(pathChanged)=\"pathChanged($event)\" \r\n    [formInputs]=\"formInputs\"\r\n[data]=\"postmanResponseBody\" [value]=\"computedValue\"></app-data-tree>\r\n\r\n"],"names":["i1","i2","i3","i4","i5","i6","i7","i8","i9","i10","i11","i12","i13","i14"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-api-value-access-rules.component-CMKTgeD4.mjs","sources":["../../../projects/ngx-t-forms/src/lib/shared/functions/searchArray.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/elements/data-tree/data-tree.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/elements/data-tree/data-tree.component.html","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/api-value-access-rules.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/api-value-access-rules.component.html"],"sourcesContent":["export function searchAndOrderArray(\r\n  arr: any[],\r\n  searchTerm: string,\r\n  filterBy: string\r\n): any[] {\r\n  // Filter the array based on the search term\r\n  const filteredArr = arr.filter((obj) =>\r\n    searchTerm\r\n      ? obj[filterBy].toLowerCase().includes(searchTerm.toLowerCase())\r\n      : true\r\n  );\r\n\r\n  // Order the filtered array alphabetically by name\r\n  const orderedArr = filteredArr.sort((a, b) =>\r\n    a[filterBy].localeCompare(b[filterBy])\r\n  );\r\n\r\n  return orderedArr;\r\n}\r\n","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\n\r\n\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n\r\n\r\nimport { TreeComponent } from '../../functions/convertDataToTree';\r\nimport { FlatNode, TreeNode } from 'ngx-t-forms-types';\r\nimport { MatModulesModule } from '../../../../../../shared/modules/mat-modules.module';\r\nimport { searchAndOrderArray } from '../../../../../../shared/functions/searchArray';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';;\r\nimport { MatSelectChange } from '@angular/material/select';\r\n\r\n\r\n@Component({\r\n  selector: 'app-data-tree',\r\n  templateUrl: './data-tree.component.html',\r\n  styleUrls: ['./data-tree.component.scss'],\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormsModule]\r\n})\r\nexport class DataTreeComponent implements OnInit, OnChanges {\r\n  treeClass!: TreeComponent\r\n  @Input() data: any;\r\n  @Input() value: TreeNode[] | string = [];\r\n  @Input() formInputs:FormColumnInputs[] = []\r\n  @Output() pathChanged = new EventEmitter<TreeNode[] | string>()\r\n\r\n  constructor() {\r\n    this.treeClass = new TreeComponent();\r\n  }\r\n  _data: any\r\n  _value: TreeNode[] | string = []\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['data']) {\r\n      if (JSON.stringify(this._data) !== JSON.stringify(changes['data'].currentValue)) {\r\n        this._data = changes['data'].currentValue\r\n        this.treeClass.computeTreeData(changes['data'].currentValue)\r\n      \r\n        if (this.value && Array.isArray(this.value) && this.value.length > 0 && 'functions' in (this.value?.[0]||{})) {\r\n          this.treeClass.updateStateFromPath(this.value as TreeNode[])\r\n        }\r\n      }\r\n    }\r\n    if (changes['value']) {\r\n      this.valueChangedSetPath(changes['value'].currentValue)\r\n    }\r\n  }\r\n  ngOnInit() {\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\r\n\r\n  showSuggestions = false;\r\n  suggestions = ['$option1', '$option2', '$option3', '$custom'];\r\n  filteredSuggestions: string[] = [];\r\n  cursorPosition = 0;\r\n  valueChangedSetPath(newPath: TreeNode[] | string) {\r\n    const isSameAsNewPath = typeof newPath === typeof this._value && JSON.stringify(newPath) === JSON.stringify(this._value)\r\n    if (!isSameAsNewPath && Array.isArray(newPath)) {\r\n      this._value = newPath\r\n      this.treeClass.updateStateFromPath(newPath as TreeNode[])\r\n    }\r\n  }\r\n  async onTextChange(event: Event) {\r\n    const newValue =(event.target as HTMLInputElement).value;\r\n    const functions = this.treeClass.pathInEdit!.functions!.find(f => f.inEdit)\r\n    functions!.expression = newValue;\r\n    this.treeClass.pathInEdit!.functions.map(f => {\r\n      if (f.inEdit) {\r\n        return functions\r\n      }\r\n      return f\r\n    })\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    if (lastChar === '$') {\r\n      this.showSuggestions = true;\r\n      this.filteredSuggestions = this.suggestions;\r\n    } else {\r\n      this.showSuggestions = false;\r\n    }\r\n  }\r\n  functionChanged(event:MatSelectChange) {\r\n    this.treeClass.functionChanged(event.value)\r\n  }\r\n  addNewFunction() {\r\n\r\n    this.treeClass.addNewFunction()\r\n\r\n  }\r\n  editFunction(id: string) {\r\n\r\n\r\n    this.treeClass.pathInEdit!.functions = this.treeClass.pathInEdit!.functions?.map(f => {\r\n      if (f.id === id) {\r\n        return { ...f, inEdit: true }\r\n      }\r\n      return { ...f, inEdit: false }\r\n\r\n    })\r\n\r\n  }\r\n  selectSuggestionInput(suggestion: string) {\r\n\r\n    const functions = this.treeClass.pathInEdit!.functions.find(f => f.inEdit) || {} as any\r\n    const value = functions?.expression || ''\r\n    const beforeCursor = value.slice(0, this.cursorPosition - 1);\r\n    const afterCursor = value.slice(this.cursorPosition);\r\n    functions.expression = beforeCursor + suggestion + ' ' + afterCursor;\r\n    this.treeClass.pathInEdit!.functions.map(f => {\r\n      if (f.inEdit) {\r\n        return functions\r\n      }\r\n      return f\r\n    })\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\r\n  onFocus(event:FocusEvent) {\r\n    const textarea =  this.textareaElementRef.nativeElement;\r\n    this.cursorPosition = textarea.selectionStart || 0;\r\n  }\r\n  nodeIsChecked(node: FlatNode) {\r\n    return this.treeClass.nodeIsChecked(node)\r\n  }\r\n  hasANodeInEdit() {\r\n    return this.treeClass.hasANodeInEdit()\r\n  }\r\n  showNode(node: FlatNode) {\r\n    return this.treeClass.showNode(node)\r\n  }\r\n  onSearchChange(event: Event) {\r\n    this.optionsSearch = (event.target as HTMLInputElement).value;\r\n\r\n  }\r\n\r\n  methods = [\r\n    // Logical Operators\r\n    {\r\n      label: 'logical AND (&&)',\r\n      value: '&&'\r\n    },\r\n    {\r\n      label: 'logical OR (||)',\r\n      value: '||'\r\n    },\r\n\r\n    // Comparison Operators\r\n    {\r\n      label: 'strict equality (===)',\r\n      value: '==='\r\n    },\r\n    {\r\n      label: 'loose equality (==)',\r\n      value: '=='\r\n    },\r\n    {\r\n      label: 'strict inequality (!==)',\r\n      value: '!=='\r\n    },\r\n    {\r\n      label: 'loose inequality (!=)',\r\n      value: '!='\r\n    },\r\n    {\r\n      label: 'greater than (>)',\r\n      value: '>'\r\n    },\r\n    {\r\n      label: 'less than (<)',\r\n      value: '<'\r\n    },\r\n    {\r\n      label: 'greater than or equal to (>=)',\r\n      value: '>='\r\n    },\r\n    {\r\n      label: 'less than or equal to (<=)',\r\n      value: '<='\r\n    }\r\n  ];\r\n  getMethods() {\r\n    return searchAndOrderArray(this.methods, this.optionsSearch, 'label');\r\n  }\r\n  getNodeValueColor(v: any) {\r\n    const valueType = typeof v\r\n    switch (valueType) {\r\n      case 'string':\r\n        return '#c56100'\r\n      case 'number':\r\n        return 'mediumblue'\r\n      case 'boolean':\r\n        return 'forestgreen'\r\n      case 'object':\r\n        return '#005959'\r\n      default:\r\n        return 'currentcolor'\r\n    }\r\n  }\r\n  setupPath(node: TreeNode) {\r\n    return this.treeClass.setupPath(node)\r\n  }\r\n  trackByFn(index: number, node: TreeNode): string {\r\n    return node.path.join('.')\r\n  }\r\n  showValue: boolean = false\r\n  optionsSearch!: string\r\n  getAllInputs() {\r\n    const inputs = this.formInputs\r\n      .filter((inp) => !inp.multipleInputInEditId);\r\n    return searchAndOrderArray(inputs||[], this.optionsSearch, 'label');\r\n  }\r\n  getValueVariables(): string[] {\r\n    const isObject = typeof this.value === 'object'\r\n    if(!this.value){\r\n      return []\r\n    }\r\n    if(!isObject && !!this.value){\r\n      return [this.value as any]\r\n    }\r\n    if(Array.isArray(this.value)){\r\n      return this.value.map((v,i) => (i)) as any\r\n    }\r\n    return Object.keys(this.value)\r\n  }\r\n  saveNodeInEdit() {\r\n   const newP =  this.treeClass.saveNodeInEdit()\r\n   if(newP){\r\n    this.pathChanged.emit(newP)\r\n   }\r\n    \r\n  }\r\n  closeEdit() {\r\n    this.treeClass.closeEdit()\r\n\r\n\r\n  }\r\n  reset() {\r\n    this.treeClass.resetNode()\r\n  }\r\n  getFunctionInEdit() {\r\n    const node = this.treeClass.pathInEdit\r\n    return node?.functions?.find(f => f.inEdit)\r\n  }\r\n  get getValue (){\r\n    return this.treeClass.getValue()\r\n  }\r\n  removeFunction(id: string) {\r\n    this.treeClass.removeFunction(id)\r\n  }\r\n  update(node: any) {\r\n\r\n    const path = this.treeClass.selectNode(node)?.map(p => ({\r\n      ...p,\r\n      children: undefined,\r\n      value: undefined\r\n    }))\r\n\r\n\r\n    this.pathChanged.emit(path)\r\n  }\r\n}\r\n","<mat-accordion multi>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset_linked</mat-icon>\n        Navigate and select data fields for mapping\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Click checkboxes to select fields for mapping. Selected paths will be highlighted.</span>\n      </div>\n      <mat-divider></mat-divider>\n\n      <mat-tree [dataSource]=\"treeClass.dataSource\" \n      [treeControl]=\"treeClass.treeControl\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n          <button disabled class=\"node-spacer\" aria-hidden=\"true\" mat-icon-button>\n\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" class=\"node-checkbox\"\n            [matTooltip]=\"'Map data field: ' + node.key\">\n            <span class=\"node-key\" [attr.aria-label]=\"'Field name: ' + node.key\">{{ node.key }}:</span>\n            <span [attr.aria-label]=\"'Field value: ' + node.value\" style=\"    white-space: nowrap;\" class=\"node-value\"\n              [style.color]=\"getNodeValueColor(node.value)\">\n              {{ node.value }}\n            </span>\n          </mat-checkbox>\n        </mat-tree-node>\n\n        <mat-tree-node *matTreeNodeDef=\"let node; when: treeClass.hasChild\" matTreeNodePadding>\n          <button style=\"padding: 0px;    \n      width: 24px;\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n            <mat-icon>\n              {{ treeClass.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox (change)=\"update(node)\" [checked]=\"nodeIsChecked(node)\" [matTooltip]=\"'Select ' + node.key\">\n            <span class=\"node-key\">{{ node.key }}</span>\n          </mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n  </mat-expansion-panel>\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">rebase_edit</mat-icon>\n        Configure and transform your data path\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <div class=\"tree-instructions\" *ngIf=\"treeClass.activePath.length === 0\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>Select a node from the tree above to begin mapping data</span>\n      </div>\n      <mat-divider></mat-divider>\n      <mat-toolbar style=\"    height: fit-content; background: inherit;\">\n        <div class=\"breadcrumb-container\">\n\n          <ng-container *ngFor=\"let path of treeClass.activePath; trackBy: trackByFn; last as isLast; index as i\">\n            <button *ngIf=\"!path.inEdit\" matTooltip=\"Click to edit\" (click)=\"setupPath(path)\" mat-button\n              [disabled]=\"!path.keyIsArrayIndex\" [color]=\"path.functions.length> 0 ? 'accent' : ''\"\n              class=\"breadcrumb-item\">\n              <mat-icon>{{ path.keyIsArrayIndex ? 'filter_none' : 'folder' }}</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n\n\n            <button *ngIf=\"!!path.inEdit\" matTooltip=\"Currently editing\" (click)=\"removeFunction(path.key)\"\n              mat-raised-button color=\"primary\" class=\"breadcrumb-item\">\n              <mat-icon>check_circle</mat-icon>\n              <span>{{ path.key }}</span>\n            </button>\n            <mat-icon *ngIf=\"!isLast\" class=\"breadcrumb-separator\">chevron_right</mat-icon>\n          </ng-container>\n        </div>\n      </mat-toolbar>\n      <div *ngIf=\"!!hasANodeInEdit()\">\n\n        <mat-nav-list>\n\n          <ng-container *ngFor=\"let function of this.treeClass.pathInEdit?.functions;index as i\">\n            <mat-list-item \n               [activated]=\"!!function.inEdit\"\n            class=\"functions\" style=\"height: fit-content;\">\n              <span matListItemIcon class=\"function-number\" > \n                <strong> {{i+1}} </strong>\n                </span>\n              <a \n\n              (click)=\"editFunction(function.id)\"\n           \n              style=\"font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\n               matListItemTitle>  {{ (function.function |titlecase) ||\n                'Function configurations required'}}</a>\n              <button  mat-icon-button \n              (click)=\"removeFunction(function.id)\" matListItemMeta>\n\n                <mat-icon [color]=\"function.function && function.expression?'':'warn'\">{{!function.inEdit? 'close':'check_circle'}}</mat-icon>\n              </button>\n       \n          \n            </mat-list-item>\n   \n            <div class=\"function-edit-container\" *ngIf=\"function.inEdit\">\n              <mat-divider></mat-divider>\n              <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label>Array function</mat-label>\n                <mat-select matNativeControl [value]=\"getFunctionInEdit()?.function\"\n                  (selectionChange)=\"functionChanged($event)\" placeholder=\"ChooseFunctionToRun\">\n                  <mat-option value=\"filter\">filter</mat-option>\n                  <mat-option value=\"find\">find</mat-option>\n                  <mat-option value=\"map\">map</mat-option>\n                </mat-select>\n                <mat-hint>\n                  Choose a function to run on the array\n                </mat-hint>\n              </mat-form-field>\n              <mat-form-field  appearance=\"outline\" *ngIf=\"this.treeClass.pathInEdit?.functions\">\n                <mat-label >Condition expression</mat-label>\n                <textarea matInput #textarea \n                [value]=\"getFunctionInEdit()?.expression\"\n                  (input)=\"onTextChange($event)\" (focus)=\"onFocus($event)\"\n                 \n                  placeholder=\"Enter a validation string for the function\"></textarea>\n                    <mat-hint>\n                    {{ showSuggestions ? 'Suggestions are enabled' : 'Enter a condition expression to transform the array' }}\n                    </mat-hint>\n              </mat-form-field>\n              <section *ngIf=\"showSuggestions\" \n              class=\"showSuggestionContainer\">\n                <!-- <mat-toolbar class=\"search-container\"  style=\"background: inherit;\">\n                \n           \n                  <input type=\"search\" \n                  placeholder=\"Search api\" \n                  class=\"search-field\"\n                  (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;\" class=\"\">\n                  <div class=\"suggestion-container\">\n                    <div class=\"suggestion-column\">\n                      <h5>Logical Operators</h5>\n                      <div class=\"button-container\">\n                        <button \n                        color=\"primary\" \n                        mat-flat-button *ngFor=\"let method of getMethods()\"\n                          (click)=\"selectSuggestionInput(method.value)\" class=\"suggestion-button\">\n                          {{ method.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <div class=\"suggestion-column\">\n                      <h5>Add Input as a Variable</h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getAllInputs()\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input.formControlName)\" class=\"suggestion-button\">\n                          {{ input.label | titlecase }}\n                        </button>\n                      </div>\n                    </div>\n                    <!-- <div class=\"suggestion-column\">\n                      <h5>Array path Object </h5>\n                      <div class=\"button-container\">\n                        <button *ngFor=\"let input of getValueVariables()\"\n                        color=\"accent\"\n                        mat-flat-button\n                          (click)=\"selectSuggestionInput(input)\" class=\"suggestion-button\">\n                          {{ input}}\n                        </button>\n                      </div>\n                    </div> -->\n                  </div>\n                  <div class=\"suggestion-container\">\n               \n                  </div>\n  \n                </div>\n              </section>\n           \n\n              <mat-toolbar style=\"background:none\">\n                <span class=\"spacer\"></span>\n\n                <button (click)=\"reset()\" mat-flat-button>\n                  reset\n                </button>\n                <button (click)=\"saveNodeInEdit()\" [disabled]=\"!function.expression && !function.function\" mat-flat-button\n                  color=\"primary\">\n                  save\n                </button>\n\n              </mat-toolbar>\n            </div>\n            <mat-divider></mat-divider>\n          </ng-container>\n\n        </mat-nav-list>\n        <ol>\n\n        </ol>\n        <button (click)=\"addNewFunction()\" mat-button>+ Add function </button>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel>\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        Mapped Data Value Based on the Active Path\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      <mat-divider></mat-divider>\n\n      <div style=\"padding: 16px;background: black;\n      color: cadetblue; border-radius:8px;min-width:fit-content\">\n        <pre>{{getValue|json}}</pre>\n      </div>\n    </div>\n  </mat-expansion-panel>\n\n\n</mat-accordion>","import {\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Input,\r\n\r\n  Optional,\r\n\r\n  Output,\r\n  Self,\r\n} from '@angular/core';\r\nimport { TreeNode } from \"ngx-t-forms-types\";\r\nimport { CommonModule } from '@angular/common';\r\nimport { DataTreeComponent } from './elements/data-tree/data-tree.component';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { catchError, Subject, take, tap, throwError } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { IFolderItem, IGetPostmanCollections, IPostmanCollectionConfig } from \"ngx-t-forms-types\";\r\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport _ from 'lodash';\r\nimport { flatApiList } from '../postman-collections/functions/convertPostmanCollectionToTree';\r\n\r\n\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-api-value-access-rules',\r\n  templateUrl: './api-value-access-rules.component.html',\r\n  styleUrls: ['./api-value-access-rules.component.scss'],\r\n  standalone: true,\r\n  imports: [CommonModule, DataTreeComponent ],\r\n   providers: [{ provide: MatFormFieldControl, useExisting: ApiValueAccessRulesComponent}],\r\n})\r\nexport class ApiValueAccessRulesComponent implements MatFormFieldControl<TreeNode[] | string |  {[key:string]:TreeNode[] | string}> {\r\n\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `app-api-value-access-rules-${ApiValueAccessRulesComponent .nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,private readonly httpClient: HttpClient) { }\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  disabled: boolean = false;\r\nget errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\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-api-value-access-rules');\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    console.log('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\r\n\r\n\r\n  // currently mapped value\r\n  @Input() multipleBind:string[] | undefined\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() value: TreeNode[] | string |  {[key:string]:TreeNode[] | string}  = [];\r\n  @Input() mapToData: any\r\n  @Input() formInputs:FormColumnInputs[] = []\r\n  @Output() valueChanged = new EventEmitter();\r\n  @Output() reload = new EventEmitter();\r\n  _postManCollectionConfig: IPostmanCollectionConfig | undefined\r\n  @Input() set postmanCollectionConfig(postmanCollectionConfig: IPostmanCollectionConfig | undefined){\r\n      if(!_.isEqual(this._postManCollectionConfig,postmanCollectionConfig)){\r\n        this._postManCollectionConfig = postmanCollectionConfig\r\n        this.initializePostmanService()\r\n      }\r\n    \r\n  }\r\n\r\n  get postmanCollectionConfig(): IPostmanCollectionConfig | undefined{\r\n    return this._postManCollectionConfig\r\n  }\r\n  \r\n  get computedValue():any{\r\n    const invalidType =this.value instanceof Array || typeof this.value === 'string' \r\n    if(this.multipleBind && invalidType && !this.value){\r\n        return {}\r\n    }\r\n    return this.value\r\n  }\r\n  pathChanged(path:TreeNode[]|string,control?:string){\r\n    if(!Array.isArray(path)){\r\n      return\r\n    }\r\n    if(!control){\r\n      this.valueChanged.emit(path)\r\n      return\r\n    }\r\n    if(this.value instanceof Array || typeof this.value === 'string'){\r\n      this.value = {}\r\n    }\r\n    const newValue = {...this.value }\r\n    newValue[control] = path\r\n    this.valueChanged.emit(newValue)\r\n  }\r\n  private isValidConfig(config: IPostmanCollectionConfig | undefined): boolean {\r\n    return Boolean(config?.collectionUrl && config?.collectionKey);\r\n  }\r\n    error: HttpErrorResponse | undefined\r\n    loading: boolean = false\r\n    postManFolderItems:IFolderItem[] = []\r\n    private initializePostmanService(): void {\r\n8\r\n      const isValidConfig = this.isValidConfig(this.postmanCollectionConfig)\r\n      if (!isValidConfig) {\r\n        this.error = new HttpErrorResponse({\r\n          error: 'Invalid Postman Collection Config',\r\n        })\r\n        return\r\n      }\r\n      const { collectionUrl, collectionKey } = this.postmanCollectionConfig!\r\n  \r\n      const requestOptions = {\r\n        params: {\r\n          apikey: collectionKey,\r\n          clearSystemHeaders: true\r\n        },\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n  \r\n        }\r\n      }\r\n      this.loading = true\r\n\r\n      this.httpClient.get<IGetPostmanCollections>(\r\n        collectionUrl,\r\n        requestOptions\r\n      ).pipe(\r\n        take(1),\r\n        tap((data) => {\r\n          // To ensure the data can be shown as a tree\r\n          this.postManFolderItems=  flatApiList(data.collection.item)  \r\n         \r\n          this.error = undefined\r\n          this.loading = false\r\n        }),\r\n        catchError((err: HttpErrorResponse) => {\r\n          this.loading = false\r\n          this.error = err\r\n          console.error(err)\r\n          return throwError(err)\r\n        })\r\n      ).subscribe();\r\n    }\r\n \r\n    get postmanResponseBody(){\r\n     \r\n      const {response} = this.postManFolderItems.find((item) => item.id === this.mapToData) ||{}\r\n      let responseBody =  JSON.parse(response?.[0]?.body || '{}')\r\n      return responseBody\r\n    }\r\n\r\n}\r\n","\r\n\r\n\r\n<section *ngFor=\"let controlName of multipleBind||[]\">\r\n    <label [for]=\"controlName\">Map <strong>{{controlName}}</strong></label>\r\n    <app-data-tree \r\n    [formInputs]=\"formInputs\"\r\n    (pathChanged)=\"pathChanged($event,controlName)\" \r\n    [data]=\"postmanResponseBody\"  [value]=\"computedValue[controlName]||''\" ></app-data-tree>\r\n</section>\r\n\r\n\r\n<app-data-tree \r\n*ngIf=\"!multipleBind\"\r\n(pathChanged)=\"pathChanged($event)\" \r\n    [formInputs]=\"formInputs\"\r\n[data]=\"postmanResponseBody\" [value]=\"computedValue\"></app-data-tree>\r\n\r\n"],"names":["i1","i2","i3","i4","i5","i6","i7","i8","i9","i10","i11","i12","i13"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-calculated-field-rules.component-D-p_AC92.mjs → ngx-t-forms-calculated-field-rules.component-FkPPTG1s.mjs}

@@ -1,22 +1,21 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
 import { v4 } from 'uuid';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D4uTTkn-.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DOtego0e.mjs';
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-DFFfODcQ.mjs';
-import * as i3$2 from '@angular/material/form-field';
+import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-Cmn8r7Ex.mjs';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import { CalculationFunctions } from 'ngx-t-forms-types';
-import * as i3 from '@angular/material/core';
+import * as i3 from '@angular/material/autocomplete';
 import * as i2 from '@angular/material/button';
 import * as i3$1 from '@angular/material/card';
 import * as i4 from '@angular/material/chips';
 import * as i6 from '@angular/material/icon';
-import * as i7 from '@angular/material/select';
+import * as i3$2 from '@angular/material/select';
 import * as i9 from '@angular/material/toolbar';
 import * as i12 from '@angular/material/input';
 
@@ -276,10 +275,10 @@ class CalculatedFieldRulesComponent {
         this.activeVariable = {};
         this.showVariableConfig = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CalculatedFieldRulesComponent, 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.2", type: CalculatedFieldRulesComponent, isStandalone: true, selector: "app-calculated-field-rules", inputs: { mapToData: "mapToData", value: "value", formInputs: "formInputs", errors: "errors" }, outputs: { valueChange2dWithPath: "valueChange2dWithPath", valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }], ngImport: i0, template: "\r\n<br>\r\n<div *ngIf=\" !!this.value &&!mapToData?.['id'] && !tableMode\" class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Save the input first to enable calculated field configurations\r\n  </span>\r\n</div>\r\n\r\n<section >\r\n  <mat-form-field  [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\" >\r\n    <mat-label >Equation</mat-label>\r\n    <textarea matInput #textarea [(ngModel)]=\"value['formula']\" \r\n    (input)=\"formulaChanged($event)\"\r\n    placeholder=\"Enter calculation expression\"></textarea>\r\n    <mat-hint>\r\n      example: ((a+2)/(b-1))*2\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"!!value.getFormulaFromAFormInput\">\r\n    <mat-label>Equation</mat-label>\r\n    <mat-select matNativeControl [value]=\"value.formControlWithFormula\" (selectionChange)=\"linkFormulaSource($event)\"\r\n      placeholder=\"select Input with formula\">\r\n      @for (input of formInputs; track input.id) {\r\n      <mat-option [disabled]=\"\r\n        checkIfInputCanBeLinkedToCalVariable(mapToData, input) ||\r\n        input.element !== 'select'\" [value]=\"input.formControlName\">{{input.label}}</mat-option>\r\n      }\r\n\r\n\r\n    </mat-select>\r\n    <mat-hint>\r\n      Link formula to an input value\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-chip-listbox  #chipList aria-label=\"options\">\r\n\r\n    <mat-chip *ngFor=\"let variable of (this.value['variables']||[])\" \r\n    (click)=\"value['formula'] = value['formula'] +' '+ variable['variable']  \"\r\n    (removed)=\"remove(variable)\">\r\n      <div [style.color]=\"\r\n          variable['tableCell'] ? 'var(--ion-color-purple)' : ''\r\n        \" style=\"font-size: 13px\">\r\n        {{ variable[\"variable\"] }}\r\n\r\n        - {{ variable[\"label\"] }}\r\n        <span style=\"opacity: 0.6; padding-left: 5px\" *ngIf=\"variable['function']\">\r\n          {{ variable[\"function\"] }}</span>\r\n      </div>\r\n\r\n      <button matChipRemove>\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip>\r\n    <mat-chip *ngIf=\"!showVariableConfig\" highlighted=\"true\" color=\"accent\" (click)=\"showVariableConfig = !showVariableConfig\">\r\n      <span> {{showVariableConfig?'close Variable edit':'Add a new Variable'}} </span>\r\n      <mat-icon  matChipTrailingIcon>{{\r\n        showVariableConfig\r\n        ? 'close'\r\n        : 'add'\r\n        }}</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-listbox>\r\n\r\n  @if( showVariableConfig){\r\n  <ng-container *ngTemplateOutlet=\"variableConfiguration\">\r\n\r\n  </ng-container>\r\n  }\r\n\r\n</section>\r\n<ng-template #variableConfiguration>\r\n  <mat-card style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\">\r\n    <div style=\"padding: 8px;\">\r\n      <div class=\"tree-instructions\" style=\"background: azure\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          <strong>Configure variable </strong><br>\r\n          Link a form input to a variable to use in the equation\r\n        </span>\r\n      </div>\r\n\r\n        <lib-form-input-selector  \r\n        [disabled]=\"!!this.activeVariable['formControlName']\"\r\n        [formInputs]=\"numberInputs\" [value]=\"this.activeVariable['inputId']\"\r\n          (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\"></lib-form-input-selector>\r\n\r\n      <ng-container *ngIf=\"this.activeVariable ? !!this.activeVariable['formControlName'] : false\">\r\n        <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\">\r\n          <mat-label >Variable Name</mat-label>\r\n          <textarea matInput #textarea (click)=\"$event.stopPropagation()\"\r\n           [(ngModel)]=\"this.activeVariable['variable']\"\r\n            placeholder=\"enter variable\"></textarea>\r\n          <mat-hint>\r\n            A variable is an alphabet or term that represents a form input in the equation.\r\n          </mat-hint>\r\n        </mat-form-field>\r\n        @if (activeVariable['parentInputId']) {\r\n          <br>\r\n            <mat-label > <small>list function ( \u0192 )</small>    </mat-label>\r\n            <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n              @for (func of allCalculationFunction; track func) {\r\n                <mat-chip-option (click)=\"attachFunction($event,func)\" [selected]=\"activeVariable.function === func\">{{func}}</mat-chip-option>\r\n              }\r\n            </mat-chip-listbox>\r\n        \r\n        }\r\n     \r\n      </ng-container>\r\n    </div>\r\n\r\n    <mat-toolbar class=\"ion-margin-top\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-flat-button  (click)=\"cancelVariableConfig($event)\">\r\n        cancel\r\n      </button>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"\r\n        !this.activeVariable['formControlName'] ||\r\n        !this.activeVariable['variable']\r\n      \" (click)=\"saveNewVariable($event)\">\r\n        save variable\r\n      </button>\r\n\r\n    </mat-toolbar>\r\n  </mat-card>\r\n</ng-template>", styles: [".labelM{font-size:13px}.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}mat-form-field{width:100%;background:azure}.endIcons{height:100%;display:flex!important;align-items:center!important;justify-content:center}mat-chip{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.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.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: i6.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: "component", type: i7.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: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CalculatedFieldRulesComponent, 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: CalculatedFieldRulesComponent, isStandalone: true, selector: "app-calculated-field-rules", inputs: { mapToData: "mapToData", value: "value", formInputs: "formInputs", errors: "errors" }, outputs: { valueChange2dWithPath: "valueChange2dWithPath", valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }], ngImport: i0, template: "\r\n<br>\r\n<div *ngIf=\" !!this.value &&!mapToData?.['id'] && !tableMode\" class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Save the input first to enable calculated field configurations\r\n  </span>\r\n</div>\r\n\r\n<section >\r\n  <mat-form-field  [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\" >\r\n    <mat-label >Equation</mat-label>\r\n    <textarea matInput #textarea [(ngModel)]=\"value['formula']\" \r\n    (input)=\"formulaChanged($event)\"\r\n    placeholder=\"Enter calculation expression\"></textarea>\r\n    <mat-hint>\r\n      example: ((a+2)/(b-1))*2\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"!!value.getFormulaFromAFormInput\">\r\n    <mat-label>Equation</mat-label>\r\n    <mat-select matNativeControl [value]=\"value.formControlWithFormula\" (selectionChange)=\"linkFormulaSource($event)\"\r\n      placeholder=\"select Input with formula\">\r\n      @for (input of formInputs; track input.id) {\r\n      <mat-option [disabled]=\"\r\n        checkIfInputCanBeLinkedToCalVariable(mapToData, input) ||\r\n        input.element !== 'select'\" [value]=\"input.formControlName\">{{input.label}}</mat-option>\r\n      }\r\n\r\n\r\n    </mat-select>\r\n    <mat-hint>\r\n      Link formula to an input value\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-chip-listbox  #chipList aria-label=\"options\">\r\n\r\n    <mat-chip *ngFor=\"let variable of (this.value['variables']||[])\" \r\n    (click)=\"value['formula'] = value['formula'] +' '+ variable['variable']  \"\r\n    (removed)=\"remove(variable)\">\r\n      <div [style.color]=\"\r\n          variable['tableCell'] ? 'var(--ion-color-purple)' : ''\r\n        \" style=\"font-size: 13px\">\r\n        {{ variable[\"variable\"] }}\r\n\r\n        - {{ variable[\"label\"] }}\r\n        <span style=\"opacity: 0.6; padding-left: 5px\" *ngIf=\"variable['function']\">\r\n          {{ variable[\"function\"] }}</span>\r\n      </div>\r\n\r\n      <button matChipRemove>\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip>\r\n    <mat-chip *ngIf=\"!showVariableConfig\" highlighted=\"true\" color=\"accent\" (click)=\"showVariableConfig = !showVariableConfig\">\r\n      <span> {{showVariableConfig?'close Variable edit':'Add a new Variable'}} </span>\r\n      <mat-icon  matChipTrailingIcon>{{\r\n        showVariableConfig\r\n        ? 'close'\r\n        : 'add'\r\n        }}</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-listbox>\r\n\r\n  @if( showVariableConfig){\r\n  <ng-container *ngTemplateOutlet=\"variableConfiguration\">\r\n\r\n  </ng-container>\r\n  }\r\n\r\n</section>\r\n<ng-template #variableConfiguration>\r\n  <mat-card style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\">\r\n    <div style=\"padding: 8px;\">\r\n      <div class=\"tree-instructions\" style=\"background: azure\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          <strong>Configure variable </strong><br>\r\n          Link a form input to a variable to use in the equation\r\n        </span>\r\n      </div>\r\n\r\n        <lib-form-input-selector  \r\n        [disabled]=\"!!this.activeVariable['formControlName']\"\r\n        [formInputs]=\"numberInputs\" [value]=\"this.activeVariable['inputId']\"\r\n          (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\"></lib-form-input-selector>\r\n\r\n      <ng-container *ngIf=\"this.activeVariable ? !!this.activeVariable['formControlName'] : false\">\r\n        <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\">\r\n          <mat-label >Variable Name</mat-label>\r\n          <textarea matInput #textarea (click)=\"$event.stopPropagation()\"\r\n           [(ngModel)]=\"this.activeVariable['variable']\"\r\n            placeholder=\"enter variable\"></textarea>\r\n          <mat-hint>\r\n            A variable is an alphabet or term that represents a form input in the equation.\r\n          </mat-hint>\r\n        </mat-form-field>\r\n        @if (activeVariable['parentInputId']) {\r\n          <br>\r\n            <mat-label > <small>list function ( \u0192 )</small>    </mat-label>\r\n            <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n              @for (func of allCalculationFunction; track func) {\r\n                <mat-chip-option (click)=\"attachFunction($event,func)\" [selected]=\"activeVariable.function === func\">{{func}}</mat-chip-option>\r\n              }\r\n            </mat-chip-listbox>\r\n        \r\n        }\r\n     \r\n      </ng-container>\r\n    </div>\r\n\r\n    <mat-toolbar class=\"ion-margin-top\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-flat-button  (click)=\"cancelVariableConfig($event)\">\r\n        cancel\r\n      </button>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"\r\n        !this.activeVariable['formControlName'] ||\r\n        !this.activeVariable['variable']\r\n      \" (click)=\"saveNewVariable($event)\">\r\n        save variable\r\n      </button>\r\n\r\n    </mat-toolbar>\r\n  </mat-card>\r\n</ng-template>", styles: [".labelM{font-size:13px}.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}mat-form-field{width:100%;background:azure}.endIcons{height:100%;display:flex!important;align-items:center!important;justify-content:center}mat-chip{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.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.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: i6.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: "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: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CalculatedFieldRulesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CalculatedFieldRulesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-calculated-field-rules', standalone: true, imports: [
                         MatModulesModule,
@@ -308,4 +307,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 export { CalculatedFieldRulesComponent };
-//# sourceMappingURL=ngx-t-forms-calculated-field-rules.component-D-p_AC92.mjs.map
+//# sourceMappingURL=ngx-t-forms-calculated-field-rules.component-FkPPTG1s.mjs.map