ngx-t-forms 0.0.1

package/README.md

@@ -0,0 +1,27 @@
+# NgxTForms
+atar
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.2.0.
+
+## Code scaffolding
+
+ng generate s tets --project ngx-t-forms
+
+Run `ng generate component component-name --project ngx-t-forms` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-t-forms`.
+> Note: Don't forget to add `--project ngx-t-forms` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-t-forms` to build the project. The build artifacts will be stored in the `dist/` directory.
+ `ng build ngx-t-forms --configuration production`
+
+## Publishing
+
+After building your library with `ng build ngx-t-forms`, go to the dist folder `cd dist/ngx-t-forms` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-t-forms` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/fesm2022/ngx-t-forms-api-value-access-rules.component-4ZPgovTx.mjs

@@ -0,0 +1,436 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, ViewChild, Output, Input, Component, HostBinding, Optional, Self } from '@angular/core';
+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-B-w5W1gG.mjs';
+import * as i2$1 from '@angular/material/core';
+import * as i3 from '@angular/material/button';
+import * as i3$1 from '@angular/material/checkbox';
+import * as i5 from '@angular/material/divider';
+import * as i3$2 from '@angular/material/expansion';
+import * as i5$1 from '@angular/material/icon';
+import * as i6 from '@angular/material/list';
+import * as i4 from '@angular/material/form-field';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i7 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 i5$2 from '@angular/material/input';
+import { Subject, take, tap, catchError, throwError } from 'rxjs';
+import * as i1$1 from '@angular/common/http';
+import { HttpErrorResponse } from '@angular/common/http';
+import _ from 'lodash';
+import { f as flatApiList } from './ngx-t-forms-convertPostmanCollectionToTree-DktdVBeQ.mjs';
+
+function searchAndOrderArray(arr, searchTerm, filterBy) {
+    // Filter the array based on the search term
+    const filteredArr = arr.filter((obj) => searchTerm
+        ? obj[filterBy].toLowerCase().includes(searchTerm.toLowerCase())
+        : true);
+    // Order the filtered array alphabetically by name
+    const orderedArr = filteredArr.sort((a, b) => a[filterBy].localeCompare(b[filterBy]));
+    return orderedArr;
+}
+
+;
+class DataTreeComponent {
+    constructor() {
+        this.value = [];
+        this.formInputs = [];
+        this.pathChanged = new EventEmitter();
+        this._value = [];
+        this.showSuggestions = false;
+        this.suggestions = ['$option1', '$option2', '$option3', '$custom'];
+        this.filteredSuggestions = [];
+        this.cursorPosition = 0;
+        this.methods = [
+            // Logical Operators
+            {
+                label: 'logical AND (&&)',
+                value: '&&'
+            },
+            {
+                label: 'logical OR (||)',
+                value: '||'
+            },
+            // Comparison Operators
+            {
+                label: 'strict equality (===)',
+                value: '==='
+            },
+            {
+                label: 'loose equality (==)',
+                value: '=='
+            },
+            {
+                label: 'strict inequality (!==)',
+                value: '!=='
+            },
+            {
+                label: 'loose inequality (!=)',
+                value: '!='
+            },
+            {
+                label: 'greater than (>)',
+                value: '>'
+            },
+            {
+                label: 'less than (<)',
+                value: '<'
+            },
+            {
+                label: 'greater than or equal to (>=)',
+                value: '>='
+            },
+            {
+                label: 'less than or equal to (<=)',
+                value: '<='
+            }
+        ];
+        this.showValue = false;
+        this.treeClass = new TreeComponent();
+    }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            if (JSON.stringify(this._data) !== JSON.stringify(changes['data'].currentValue)) {
+                this._data = changes['data'].currentValue;
+                this.treeClass.computeTreeData(changes['data'].currentValue);
+                if (this.value && Array.isArray(this.value) && this.value.length > 0 && 'functions' in (this.value?.[0] || {})) {
+                    this.treeClass.updateStateFromPath(this.value);
+                }
+            }
+        }
+        if (changes['value']) {
+            this.valueChangedSetPath(changes['value'].currentValue);
+        }
+    }
+    ngOnInit() {
+    }
+    valueChangedSetPath(newPath) {
+        const isSameAsNewPath = typeof newPath === typeof this._value && JSON.stringify(newPath) === JSON.stringify(this._value);
+        if (!isSameAsNewPath && Array.isArray(newPath)) {
+            this._value = newPath;
+            this.treeClass.updateStateFromPath(newPath);
+        }
+    }
+    async onTextChange(event) {
+        const newValue = event.target.value;
+        const functions = this.treeClass.pathInEdit.functions.find(f => f.inEdit);
+        functions.expression = newValue;
+        this.treeClass.pathInEdit.functions.map(f => {
+            if (f.inEdit) {
+                return functions;
+            }
+            return f;
+        });
+        const textarea = this.textareaElementRef.nativeElement;
+        this.cursorPosition = textarea.selectionStart || 0;
+        const lastChar = newValue[this.cursorPosition - 1];
+        if (lastChar === '$') {
+            this.showSuggestions = true;
+            this.filteredSuggestions = this.suggestions;
+        }
+        else {
+            this.showSuggestions = false;
+        }
+    }
+    functionChanged(event) {
+        this.treeClass.functionChanged(event.value);
+    }
+    addNewFunction() {
+        this.treeClass.addNewFunction();
+    }
+    editFunction(id) {
+        this.treeClass.pathInEdit.functions = this.treeClass.pathInEdit.functions?.map(f => {
+            if (f.id === id) {
+                return { ...f, inEdit: true };
+            }
+            return { ...f, inEdit: false };
+        });
+    }
+    selectSuggestionInput(suggestion) {
+        const functions = this.treeClass.pathInEdit.functions.find(f => f.inEdit) || {};
+        const value = functions?.expression || '';
+        const beforeCursor = value.slice(0, this.cursorPosition - 1);
+        const afterCursor = value.slice(this.cursorPosition);
+        functions.expression = beforeCursor + suggestion + ' ' + afterCursor;
+        this.treeClass.pathInEdit.functions.map(f => {
+            if (f.inEdit) {
+                return functions;
+            }
+            return f;
+        });
+        this.showSuggestions = false;
+        const textarea = this.textareaElementRef.nativeElement;
+        textarea.focus();
+        const newCursorPosition = this.cursorPosition + suggestion.length;
+        setTimeout(() => {
+            textarea.setSelectionRange(newCursorPosition, newCursorPosition);
+        }, 0);
+    }
+    onFocus(event) {
+        const textarea = this.textareaElementRef.nativeElement;
+        this.cursorPosition = textarea.selectionStart || 0;
+    }
+    nodeIsChecked(node) {
+        return this.treeClass.nodeIsChecked(node);
+    }
+    hasANodeInEdit() {
+        return this.treeClass.hasANodeInEdit();
+    }
+    showNode(node) {
+        return this.treeClass.showNode(node);
+    }
+    onSearchChange(event) {
+        this.optionsSearch = event.target.value;
+    }
+    getMethods() {
+        return searchAndOrderArray(this.methods, this.optionsSearch, 'label');
+    }
+    getNodeValueColor(v) {
+        const valueType = typeof v;
+        switch (valueType) {
+            case 'string':
+                return '#c56100';
+            case 'number':
+                return 'mediumblue';
+            case 'boolean':
+                return 'forestgreen';
+            case 'object':
+                return '#005959';
+            default:
+                return 'currentcolor';
+        }
+    }
+    setupPath(node) {
+        return this.treeClass.setupPath(node);
+    }
+    trackByFn(index, node) {
+        return node.path.join('.');
+    }
+    getAllInputs() {
+        const inputs = this.formInputs
+            .filter((inp) => !inp.multipleInputInEditId);
+        return searchAndOrderArray(inputs || [], this.optionsSearch, 'label');
+    }
+    getValueVariables() {
+        const isObject = typeof this.value === 'object';
+        if (!this.value) {
+            return [];
+        }
+        if (!isObject && !!this.value) {
+            return [this.value];
+        }
+        if (Array.isArray(this.value)) {
+            return this.value.map((v, i) => (i));
+        }
+        return Object.keys(this.value);
+    }
+    saveNodeInEdit() {
+        const newP = this.treeClass.saveNodeInEdit();
+        if (newP) {
+            this.pathChanged.emit(newP);
+        }
+    }
+    closeEdit() {
+        this.treeClass.closeEdit();
+    }
+    reset() {
+        this.treeClass.resetNode();
+    }
+    getFunctionInEdit() {
+        const node = this.treeClass.pathInEdit;
+        return node?.functions?.find(f => f.inEdit);
+    }
+    get getValue() {
+        return this.treeClass.getValue();
+    }
+    removeFunction(id) {
+        this.treeClass.removeFunction(id);
+    }
+    update(node) {
+        const path = this.treeClass.selectNode(node)?.map(p => ({
+            ...p,
+            children: undefined,
+            value: undefined
+        }));
+        this.pathChanged.emit(path);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DataTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", 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: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.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: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i3$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.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: i5$2.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.1", 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: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], formInputs: [{
+                type: Input
+            }], pathChanged: [{
+                type: Output
+            }], textareaElementRef: [{
+                type: ViewChild,
+                args: ['textarea', { read: ElementRef, static: false }]
+            }] } });
+
+class ApiValueAccessRulesComponent {
+    static { this.nextId = 0; }
+    constructor(ngControl, _elementRef, httpClient) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.httpClient = httpClient;
+        this.stateChanges = new Subject();
+        this.id = `app-api-value-access-rules-${ApiValueAccessRulesComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.required = false;
+        this.disabled = false;
+        this.touched = false;
+        this.onTouched = () => { };
+        this.errors = [];
+        this.value = [];
+        this.formInputs = [];
+        this.valueChanged = new EventEmitter();
+        this.reload = new EventEmitter();
+        this.loading = false;
+        this.postManFolderItems = [];
+    }
+    get empty() {
+        return !this.value;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched;
+        return !this.value && !!this.required || hasError;
+    }
+    setDescribedByIds(ids) {
+        // Ensure the component view is initialized
+        if (this._elementRef && this._elementRef.nativeElement) {
+            const controlElement = this._elementRef.nativeElement.querySelector('.app-api-value-access-rules');
+            // Check if the controlElement exists before attempting to set its attribute
+            if (controlElement) {
+                controlElement.setAttribute('aria-describedby', ids.join(' '));
+            }
+        }
+    }
+    onContainerClick(event) {
+        this.markAsTouched();
+        this.stateChanges.next();
+    }
+    markAsTouched() {
+        console.log('markAsTouched');
+        if (!this.touched) {
+            this.onTouched();
+            this.touched = true;
+        }
+    }
+    set postmanCollectionConfig(postmanCollectionConfig) {
+        if (!_.isEqual(this._postManCollectionConfig, postmanCollectionConfig)) {
+            this._postManCollectionConfig = postmanCollectionConfig;
+            this.initializePostmanService();
+        }
+    }
+    get postmanCollectionConfig() {
+        return this._postManCollectionConfig;
+    }
+    get computedValue() {
+        const invalidType = this.value instanceof Array || typeof this.value === 'string';
+        if (this.multipleBind && invalidType && !this.value) {
+            return {};
+        }
+        return this.value;
+    }
+    pathChanged(path, control) {
+        if (!Array.isArray(path)) {
+            return;
+        }
+        if (!control) {
+            this.valueChanged.emit(path);
+            return;
+        }
+        if (this.value instanceof Array || typeof this.value === 'string') {
+            this.value = {};
+        }
+        const newValue = { ...this.value };
+        newValue[control] = path;
+        this.valueChanged.emit(newValue);
+    }
+    isValidConfig(config) {
+        return Boolean(config?.collectionUrl && config?.collectionKey);
+    }
+    initializePostmanService() {
+        8;
+        const isValidConfig = this.isValidConfig(this.postmanCollectionConfig);
+        if (!isValidConfig) {
+            this.error = new HttpErrorResponse({
+                error: 'Invalid Postman Collection Config',
+            });
+            return;
+        }
+        const { collectionUrl, collectionKey } = this.postmanCollectionConfig;
+        const requestOptions = {
+            params: {
+                apikey: collectionKey,
+                clearSystemHeaders: true
+            },
+            headers: {
+                'Content-Type': 'application/json',
+            }
+        };
+        this.loading = true;
+        this.httpClient.get(collectionUrl, requestOptions).pipe(take(1), tap((data) => {
+            // To ensure the data can be shown as a tree
+            this.postManFolderItems = flatApiList(data.collection.item);
+            this.error = undefined;
+            this.loading = false;
+        }), catchError((err) => {
+            this.loading = false;
+            this.error = err;
+            console.error(err);
+            return throwError(err);
+        })).subscribe();
+    }
+    get postmanResponseBody() {
+        const { response } = this.postManFolderItems.find((item) => item.id === this.mapToData) || {};
+        let responseBody = JSON.parse(response?.[0]?.body || '{}');
+        return responseBody;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", 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.1", 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.1", 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: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }, { type: i1$1.HttpClient }], propDecorators: { id: [{
+                type: HostBinding
+            }], multipleBind: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], mapToData: [{
+                type: Input
+            }], formInputs: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }], reload: [{
+                type: Output
+            }], postmanCollectionConfig: [{
+                type: Input
+            }] } });
+
+export { ApiValueAccessRulesComponent };
+//# sourceMappingURL=ngx-t-forms-api-value-access-rules.component-4ZPgovTx.mjs.map