ngx-t-forms 2.0.8 → 2.0.9

package/fesm2022/ngx-t-forms-required-inputs.component-S3cbA-zG.mjs

@@ -0,0 +1,383 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Optional, Self, Output, Input, HostBinding } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
+import { MinInputTypes } from 'ngx-t-forms-types';
+import { g as getInputIllustration } from './ngx-t-forms-getInputIllustration-GCSKx5e5.mjs';
+import * as i3$2 from '@angular/material/form-field';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i3 from '@angular/material/core';
+import * as i2$1 from '@angular/material/button';
+import * as i3$1 from '@angular/material/card';
+import * as i4 from '@angular/material/chips';
+import * as i4$1 from '@angular/material/divider';
+import * as i6 from '@angular/material/icon';
+import * as i6$1 from '@angular/material/list';
+import * as i7 from '@angular/material/select';
+import * as i9 from '@angular/material/toolbar';
+import * as i12 from '@angular/material/input';
+
+const _forTrack0 = ($index, $item) => $item.id;
+function RequiredInputsComponent_mat_chip_option_8_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-chip-option", 5);
+    i0.ɵɵlistener("click", function RequiredInputsComponent_mat_chip_option_8_Template_mat_chip_option_click_0_listener() { const input_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.activeInput === input_r2["name"] ? ctx_r2.activeInput = "" : ctx_r2.activeInput = input_r2["name"]); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "mat-icon", 6);
+    i0.ɵɵlistener("click", function RequiredInputsComponent_mat_chip_option_8_Template_mat_icon_click_2_listener() { const input_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.activeInput === input_r2["name"] ? ctx_r2.activeInput = "" : ctx_r2.activeInput = input_r2["name"]); });
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const input_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("background", (input_r2.type === "mapDocFilter" && !!input_r2.mapTo || input_r2.type === "default" && !!input_r2.defaultValue || input_r2.type === "mapto" && !!input_r2.mapTo) && ctx_r2.activeInput !== input_r2["name"] ? "turquoise" : "");
+    i0.ɵɵproperty("selected", ctx_r2.activeInput === input_r2["name"]);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", input_r2["name"], " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(input_r2.type === "mapDocFilter" && !!input_r2.mapTo || input_r2.type === "default" && !!input_r2.defaultValue || input_r2.type === "mapto" && !!input_r2.mapTo ? "link" : "link_off");
+} }
+function RequiredInputsComponent_Conditional_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function RequiredInputsComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "br");
+    i0.ɵɵtemplate(1, RequiredInputsComponent_Conditional_9_ng_container_1_Template, 1, 0, "ng-container", 7);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const MinInputEdit_r4 = i0.ɵɵreference(11);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", MinInputEdit_r4);
+} }
+function RequiredInputsComponent_ng_template_10_mat_form_field_12_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-form-field", 13)(1, "mat-label");
+    i0.ɵɵtext(2, "Enter default value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function RequiredInputsComponent_ng_template_10_mat_form_field_12_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.minInputInEdit.defaultValue, $event) || (ctx_r2.minInputInEdit.defaultValue = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-hint");
+    i0.ɵɵtext(5, " Enter a default value for this input ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.minInputInEdit.defaultValue);
+} }
+function RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 17);
+    i0.ɵɵlistener("click", function RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_3_Template_mat_list_item_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.mapTo(ctx_r2.activatedInputs); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "img", 18);
+    i0.ɵɵelementStart(2, "div", 19);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 20)(5, "mat-icon", 21);
+    i0.ɵɵtext(6, " check_circle ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("activated", ctx_r2.activatedInputs.activated)("disabled", ctx_r2.inputIsDisabled(ctx_r2.activatedInputs));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("src", ctx_r2.getInputIllustration(ctx_r2.activatedInputs), i0.ɵɵsanitizeUrl)("alt", ctx_r2.activatedInputs.label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.activatedInputs["label"]);
+} }
+function RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_4_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 22);
+    i0.ɵɵlistener("click", function RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_4_For_1_Template_mat_list_item_click_0_listener($event) { const input_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.mapTo(input_r9); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "img", 23);
+    i0.ɵɵelementStart(2, "div", 19);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 24);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 20)(7, "mat-icon");
+    i0.ɵɵtext(8, " radio_button_unchecked ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(9, "mat-divider");
+} if (rf & 2) {
+    const input_r9 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("disabled", ctx_r2.inputIsDisabled(input_r9));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("src", ctx_r2.getInputIllustration(input_r9), i0.ɵɵsanitizeUrl)("alt", input_r9.label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(input_r9["label"]);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(input_r9["formControlName"]);
+} }
+function RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_4_For_1_Template, 10, 5, null, null, _forTrack0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r2.formInputsToMapTo);
+} }
+function RequiredInputsComponent_ng_template_10_mat_nav_list_13_mat_list_item_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-list-item");
+    i0.ɵɵtext(1, " Add inputs to get started ");
+    i0.ɵɵelementEnd();
+} }
+function RequiredInputsComponent_ng_template_10_mat_nav_list_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-nav-list")(1, "h5", 15);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_3_Template, 7, 5, "mat-list-item", 16)(4, RequiredInputsComponent_ng_template_10_mat_nav_list_13_Conditional_4_Template, 2, 0)(5, RequiredInputsComponent_ng_template_10_mat_nav_list_13_mat_list_item_5_Template, 2, 0, "mat-list-item", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Select a form input to link the required input - ", ctx_r2.activeInput, " to");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!!ctx_r2.activatedInputs ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.formInputs ? (ctx_r2.formInputs == null ? null : ctx_r2.formInputs.length) === 0 : true);
+} }
+function RequiredInputsComponent_ng_template_10_p_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p");
+    i0.ɵɵtext(1, " This input is already linked ");
+    i0.ɵɵelementEnd();
+} }
+function RequiredInputsComponent_ng_template_10_mat_toolbar_16_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-toolbar");
+    i0.ɵɵelement(1, "span", 25);
+    i0.ɵɵelementStart(2, "button", 26);
+    i0.ɵɵlistener("click", function RequiredInputsComponent_ng_template_10_mat_toolbar_16_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.save()); });
+    i0.ɵɵtext(3, "save");
+    i0.ɵɵelementEnd()();
+} }
+function RequiredInputsComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-form-field", 8)(1, "mat-label");
+    i0.ɵɵtext(2, "Input handling method");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mat-select", 9);
+    i0.ɵɵlistener("selectionChange", function RequiredInputsComponent_ng_template_10_Template_mat_select_selectionChange_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.minInputValueType($event.value)); });
+    i0.ɵɵelementStart(4, "mat-option", 10);
+    i0.ɵɵtext(5, "Default value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "mat-option", 10);
+    i0.ɵɵtext(7, "Map to a form input");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "mat-option", 10);
+    i0.ɵɵtext(9, "Filter by an input value");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "mat-hint");
+    i0.ɵɵtext(11, " Select how this required input should be processed ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(12, RequiredInputsComponent_ng_template_10_mat_form_field_12_Template, 6, 1, "mat-form-field", 11)(13, RequiredInputsComponent_ng_template_10_mat_nav_list_13_Template, 6, 3, "mat-nav-list", 12)(14, RequiredInputsComponent_ng_template_10_p_14_Template, 2, 0, "p", 12);
+    i0.ɵɵelement(15, "mat-divider");
+    i0.ɵɵtemplate(16, RequiredInputsComponent_ng_template_10_mat_toolbar_16_Template, 4, 0, "mat-toolbar", 12);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("value", ctx_r2.minInputInEdit.type);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r2.minInputTypes.Default);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", ctx_r2.minInputTypes.MapTo);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", ctx_r2.minInputTypes.MapDocFilter);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", (ctx_r2.minInputInEdit == null ? null : ctx_r2.minInputInEdit.type) === "default");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", (ctx_r2.minInputInEdit == null ? null : ctx_r2.minInputInEdit.type) === "mapto" || (ctx_r2.minInputInEdit == null ? null : ctx_r2.minInputInEdit.type) === "mapDocFilter");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", (ctx_r2.minInputInEdit == null ? null : ctx_r2.minInputInEdit.type) ? (ctx_r2.minInputInEdit == null ? null : ctx_r2.minInputInEdit.type) === "bind" : true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", (ctx_r2.minInputInEdit == null ? null : ctx_r2.minInputInEdit.type) === "default");
+} }
+class RequiredInputsComponent {
+    static { this.nextId = 0; }
+    constructor(ngControl, _elementRef) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.stateChanges = new Subject();
+        this.id = `app-required-inputs-${RequiredInputsComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.required = false;
+        this.disabled = false;
+        this.errors = [];
+        this.touched = false;
+        this.onTouched = () => { };
+        this._value = [];
+        this.formInputs = [];
+        this.valueChanged = new EventEmitter();
+        this.activeInput = '';
+        this.minInputTypes = MinInputTypes;
+    }
+    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-required-inputs');
+            // 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 value(v) {
+        const changed = JSON.stringify(this._value) !== JSON.stringify(v);
+        if (changed) {
+            this._value = v;
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    minInputValueType(type) {
+        if (type === "mapDocFilter" && !!this.minInputInEdit) {
+            this.minInputInEdit.mapTo = [];
+        }
+        if (this.minInputInEdit?.type === type) {
+            this.minInputInEdit.type = undefined;
+        }
+        else if (this.minInputInEdit) {
+            this.minInputInEdit.type = type;
+        }
+        this.valueChanged.emit(this.value);
+    }
+    get minInputInEdit() {
+        return this.value?.find((v) => v.name === this.activeInput) || {};
+    }
+    set minInputInEdit(v) {
+        this.value = this.value.map((val) => {
+            if (val.name === this.activeInput) {
+                return v;
+            }
+            return val;
+        });
+    }
+    save() {
+        this.valueChanged.emit(this.value);
+        this.activeInput = '';
+    }
+    inputIsDisabled(input) {
+        return input['element'] === 'sectionTitle';
+    }
+    mapTo(input) {
+        const inp = this.minInputInEdit;
+        const mapToThis = {
+            formControlName: input.formControlName,
+            dataType: input.dataType,
+            element: input.element,
+            inputId: input.id
+        };
+        if (!!inp && this.minInputInEdit?.type === MinInputTypes.MapTo) {
+            inp.mapTo?.formControlName === mapToThis.formControlName
+                ? (inp.mapTo = undefined)
+                : (inp.mapTo = mapToThis);
+        }
+        if (!!inp && this.minInputInEdit?.type === 'mapDocFilter') {
+            if (this.inputMappedTo(mapToThis.formControlName)) {
+                inp.mapTo.splice(inp.mapTo.indexOf(mapToThis), 1);
+            }
+            else if (typeof inp.mapTo === "string" || !inp.mapTo || !!inp.mapTo.find(inp => typeof inp === "string")) {
+                inp.mapTo = [mapToThis];
+            }
+            else {
+                inp.mapTo.push(mapToThis);
+            }
+        }
+        console.log(this.value);
+        this.valueChanged.emit(this.value);
+    }
+    inputMappedTo(formControlName) {
+        if (this.minInputInEdit?.type === 'mapto') {
+            return this.minInputInEdit?.mapTo?.formControlName === formControlName;
+        }
+        if (this.minInputInEdit?.type === 'mapDocFilter') {
+            return !!this.minInputInEdit?.mapTo?.find(m => m.formControlName === formControlName);
+        }
+        return false;
+    }
+    getInputIllustration(input) {
+        return getInputIllustration(input.element);
+    }
+    get formInputsToMapTo() {
+        return this.formInputs.filter((input) => !this.inputIsDisabled(input)).map((input) => {
+            return {
+                ...input,
+                illustration: this.getInputIllustration(input),
+                activated: this.inputMappedTo(input.formControlName)
+            };
+        });
+    }
+    get activatedInputs() {
+        return this.formInputsToMapTo.find((input) => input.activated);
+    }
+    static { this.ɵfac = function RequiredInputsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RequiredInputsComponent)(i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RequiredInputsComponent, selectors: [["app-required-inputs"]], hostVars: 1, hostBindings: function RequiredInputsComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵhostProperty("id", ctx.id);
+        } }, inputs: { errors: "errors", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: RequiredInputsComponent }])], decls: 12, vars: 2, consts: [["MinInputEdit", ""], [1, "tree-instructions"], ["color", "primary", 1, "info-icon"], ["aria-label", "Input selection"], [3, "background", "selected", "click", 4, "ngFor", "ngForOf"], [3, "click", "selected"], ["matChipRemove", "", 3, "click"], [4, "ngTemplateOutlet"], ["appearance", "outline", 2, "margin-bottom", "8px"], [3, "selectionChange", "value"], [3, "value"], ["appearance", "outline", 4, "ngIf"], [4, "ngIf"], ["appearance", "outline"], ["matInput", "", "placeholder", "enter default", 3, "ngModelChange", "ngModel"], ["mat-subheader", ""], [3, "activated", "disabled"], [3, "click", "activated", "disabled"], ["matListItemAvatar", "", 2, "margin-left", "8px", 3, "src", "alt"], ["matListItemTitle", ""], ["matListItemMeta", ""], ["color", "primary"], [3, "click", "disabled"], ["matListItemAvatar", "", 2, "margin-left", "8px", "background", "azure", 3, "src", "alt"], ["matListItemLine", "", 2, "font-size", "13px", "opacity", "0.6"], [1, "spacer"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function RequiredInputsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-content")(2, "div", 1)(3, "mat-icon", 2);
+            i0.ɵɵtext(4, "info");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "span");
+            i0.ɵɵtext(6, "Ensure all required inputs are linked or have a default value.");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "mat-chip-listbox", 3);
+            i0.ɵɵtemplate(8, RequiredInputsComponent_mat_chip_option_8_Template, 4, 5, "mat-chip-option", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, RequiredInputsComponent_Conditional_9_Template, 2, 1);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(10, RequiredInputsComponent_ng_template_10_Template, 17, 8, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵadvance(8);
+            i0.ɵɵproperty("ngForOf", ctx.value);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!!ctx.activeInput && ctx.activeInput !== "" ? 9 : -1);
+        } }, dependencies: [CommonModule, i2.NgForOf, i2.NgIf, i2.NgTemplateOutlet, MatModulesModule, i3.MatOption, i2$1.MatButton, i3$1.MatCard, i3$1.MatCardContent, i4.MatChipListbox, i4.MatChipOption, i4.MatChipRemove, i4$1.MatDivider, i6.MatIcon, i6$1.MatNavList, i6$1.MatListItem, i6$1.MatListItemAvatar, i6$1.MatListSubheaderCssMatStyler, i6$1.MatListItemLine, i6$1.MatListItemTitle, i6$1.MatListItemMeta, i3$2.MatFormField, i3$2.MatLabel, i3$2.MatHint, i7.MatSelect, i9.MatToolbar, i12.MatInput, FormsModule, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["mat-form-field[_ngcontent-%COMP%]{background:azure;width:100%}mat-card[_ngcontent-%COMP%]{background:var(--mat-toolbar-container-background-color)}.tree-instructions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon[_ngcontent-%COMP%]{width:38px!important}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RequiredInputsComponent, [{
+        type: Component,
+        args: [{ selector: 'app-required-inputs', standalone: true, imports: [CommonModule, MatModulesModule, FormsModule], providers: [{ provide: MatFormFieldControl, useExisting: RequiredInputsComponent }], template: "<mat-card>\r\n\r\n  <mat-card-content>\r\n\r\n    <div class=\"tree-instructions\" >\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>Ensure all required inputs are linked or have a default value.</span>\r\n    </div>\r\n\r\n\r\n    <mat-chip-listbox aria-label=\"Input selection\">\r\n      <mat-chip-option\r\n        [style.background]=\"( input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue || input.type === 'mapto' && !!input.mapTo)&&activeInput !== input['name'] ? 'turquoise' : ''\"\r\n        *ngFor=\"let input of value\" [selected]=\"activeInput === input['name']\"\r\n        (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\">\r\n        {{ input['name'] }}\r\n        <mat-icon (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\" matChipRemove>{{\r\n          input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue ||\r\n          input.type === 'mapto' && !!input.mapTo ? 'link' : 'link_off' }}</mat-icon>\r\n\r\n\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n    @if (!!activeInput && activeInput !== '') {\r\n    <br>\r\n    <ng-container *ngTemplateOutlet=\"MinInputEdit\">\r\n\r\n    </ng-container>\r\n    }\r\n\r\n\r\n\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n\r\n\r\n<ng-template #MinInputEdit>\r\n  <mat-form-field style=\"margin-bottom: 8px;\" appearance=\"outline\">\r\n    <mat-label>Input handling method</mat-label>\r\n    <mat-select (selectionChange)=\"minInputValueType($event.value)\" [value]=\"minInputInEdit.type\">\r\n      <mat-option [value]=\"minInputTypes.Default\">Default value</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapTo\">Map to a form input</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapDocFilter\">Filter by an input value</mat-option>\r\n    </mat-select>\r\n    <mat-hint>\r\n      Select how this required input should be processed\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n  <mat-form-field appearance=\"outline\" *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <mat-label>Enter default value</mat-label>\r\n    <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n    <mat-hint>\r\n      Enter a default value for this input\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n\r\n  <mat-nav-list *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\">\r\n    <h5 mat-subheader>Select a form input to link the required input - {{ activeInput }} to</h5>\r\n    @if(!!activatedInputs){\r\n      <mat-list-item \r\n      [activated]=\"activatedInputs.activated\"\r\n      [disabled]=\"inputIsDisabled(activatedInputs)\" (click)=\" mapTo(activatedInputs); $event.stopPropagation()\">\r\n        <img matListItemAvatar style=\"margin-left: 8px;\" [src]=\"  getInputIllustration(activatedInputs) \"\r\n        [alt]=\"activatedInputs.label\">\r\n        <div matListItemTitle>{{activatedInputs[\"label\"] }}</div>\r\n        <span matListItemMeta>\r\n          <mat-icon color=\"primary\">\r\n            check_circle\r\n          </mat-icon>\r\n          </span>\r\n      </mat-list-item>\r\n    }@else {\r\n\r\n      @for(input of  formInputsToMapTo;track input.id){\r\n        <mat-list-item \r\n        \r\n        [disabled]=\"inputIsDisabled(input)\" (click)=\" mapTo(input); $event.stopPropagation()\">\r\n          <img matListItemAvatar \r\n          style=\"margin-left: 8px;background:azure\" [src]=\"  getInputIllustration(input) \"\r\n          [alt]=\"input.label\">\r\n          <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n          <div matListItemLine style=\"font-size: 13px; opacity: 0.6;\">{{ input[\"formControlName\"] }}</div>\r\n          <span matListItemMeta>\r\n            <mat-icon >\r\n              radio_button_unchecked\r\n            </mat-icon>\r\n            </span>\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n    }\r\n\r\n\r\n    <mat-list-item *ngIf=\"formInputs ? formInputs?.length === 0 : true\">\r\n      Add inputs to get started\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <p *ngIf=\"minInputInEdit?.type ? minInputInEdit?.type === 'bind' : true\">\r\n    This input is already linked\r\n  </p>\r\n  <mat-divider></mat-divider>\r\n  <mat-toolbar *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <span class=\"spacer\"></span>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">save</button>\r\n  </mat-toolbar>\r\n</ng-template>", styles: ["mat-form-field{background:azure;width:100%}mat-card{background:var(--mat-toolbar-container-background-color)}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon{width:38px!important}\n"] }]
+    }], () => [{ type: i1.NgControl, decorators: [{
+                type: Optional
+            }, {
+                type: Self
+            }] }, { type: i0.ElementRef }], { id: [{
+            type: HostBinding
+        }], errors: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], formInputs: [{
+            type: Input
+        }], valueChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RequiredInputsComponent, { className: "RequiredInputsComponent", filePath: "lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.ts", lineNumber: 26 }); })();
+
+export { RequiredInputsComponent };
+//# sourceMappingURL=ngx-t-forms-required-inputs.component-S3cbA-zG.mjs.map

package/fesm2022/ngx-t-forms-required-inputs.component-S3cbA-zG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-required-inputs.component-S3cbA-zG.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.html","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.ts"],"sourcesContent":["<mat-card>\r\n\r\n  <mat-card-content>\r\n\r\n    <div class=\"tree-instructions\" >\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>Ensure all required inputs are linked or have a default value.</span>\r\n    </div>\r\n\r\n\r\n    <mat-chip-listbox aria-label=\"Input selection\">\r\n      <mat-chip-option\r\n        [style.background]=\"( input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue || input.type === 'mapto' && !!input.mapTo)&&activeInput !== input['name'] ? 'turquoise' : ''\"\r\n        *ngFor=\"let input of value\" [selected]=\"activeInput === input['name']\"\r\n        (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\">\r\n        {{ input['name'] }}\r\n        <mat-icon (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\" matChipRemove>{{\r\n          input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue ||\r\n          input.type === 'mapto' && !!input.mapTo ? 'link' : 'link_off' }}</mat-icon>\r\n\r\n\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n    @if (!!activeInput && activeInput !== '') {\r\n    <br>\r\n    <ng-container *ngTemplateOutlet=\"MinInputEdit\">\r\n\r\n    </ng-container>\r\n    }\r\n\r\n\r\n\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n\r\n\r\n<ng-template #MinInputEdit>\r\n  <mat-form-field style=\"margin-bottom: 8px;\" appearance=\"outline\">\r\n    <mat-label>Input handling method</mat-label>\r\n    <mat-select (selectionChange)=\"minInputValueType($event.value)\" [value]=\"minInputInEdit.type\">\r\n      <mat-option [value]=\"minInputTypes.Default\">Default value</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapTo\">Map to a form input</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapDocFilter\">Filter by an input value</mat-option>\r\n    </mat-select>\r\n    <mat-hint>\r\n      Select how this required input should be processed\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n  <mat-form-field appearance=\"outline\" *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <mat-label>Enter default value</mat-label>\r\n    <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n    <mat-hint>\r\n      Enter a default value for this input\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n\r\n  <mat-nav-list *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\">\r\n    <h5 mat-subheader>Select a form input to link the required input - {{ activeInput }} to</h5>\r\n    @if(!!activatedInputs){\r\n      <mat-list-item \r\n      [activated]=\"activatedInputs.activated\"\r\n      [disabled]=\"inputIsDisabled(activatedInputs)\" (click)=\" mapTo(activatedInputs); $event.stopPropagation()\">\r\n        <img matListItemAvatar style=\"margin-left: 8px;\" [src]=\"  getInputIllustration(activatedInputs) \"\r\n        [alt]=\"activatedInputs.label\">\r\n        <div matListItemTitle>{{activatedInputs[\"label\"] }}</div>\r\n        <span matListItemMeta>\r\n          <mat-icon color=\"primary\">\r\n            check_circle\r\n          </mat-icon>\r\n          </span>\r\n      </mat-list-item>\r\n    }@else {\r\n\r\n      @for(input of  formInputsToMapTo;track input.id){\r\n        <mat-list-item \r\n        \r\n        [disabled]=\"inputIsDisabled(input)\" (click)=\" mapTo(input); $event.stopPropagation()\">\r\n          <img matListItemAvatar \r\n          style=\"margin-left: 8px;background:azure\" [src]=\"  getInputIllustration(input) \"\r\n          [alt]=\"input.label\">\r\n          <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n          <div matListItemLine style=\"font-size: 13px; opacity: 0.6;\">{{ input[\"formControlName\"] }}</div>\r\n          <span matListItemMeta>\r\n            <mat-icon >\r\n              radio_button_unchecked\r\n            </mat-icon>\r\n            </span>\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n    }\r\n\r\n\r\n    <mat-list-item *ngIf=\"formInputs ? formInputs?.length === 0 : true\">\r\n      Add inputs to get started\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <p *ngIf=\"minInputInEdit?.type ? minInputInEdit?.type === 'bind' : true\">\r\n    This input is already linked\r\n  </p>\r\n  <mat-divider></mat-divider>\r\n  <mat-toolbar *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <span class=\"spacer\"></span>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">save</button>\r\n  </mat-toolbar>\r\n</ng-template>","import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\n\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\n\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MinimumInputRequiredInterface, MinInputMapInput, MinInputTypes } from 'ngx-t-forms-types';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\ninterface MapToInputs extends FormColumnInputs {\r\n  illustration: string\r\n  activated: boolean\r\n}\r\n@Component({\r\n  selector: 'app-required-inputs',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormsModule],\r\n  templateUrl: './required-inputs.component.html',\r\n  styleUrl: './required-inputs.component.scss',\r\n   providers: [{ provide: MatFormFieldControl, useExisting:RequiredInputsComponent }],\r\n})\r\nexport class RequiredInputsComponent implements MatFormFieldControl<MinimumInputRequiredInterface[]>  {\r\n\r\n\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `app-required-inputs-${RequiredInputsComponent .nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\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\n      @Input() errors:IConfigElementError[] |undefined = [];\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-required-inputs');\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\r\n\r\n\r\n  private _value: Array<MinimumInputRequiredInterface> = []\r\n  @Input() set value(v: Array<MinimumInputRequiredInterface>) {\r\n    const changed = JSON.stringify(this._value) !== JSON.stringify(v)\r\n    if (changed) {\r\n      this._value = v\r\n    }\r\n\r\n  }\r\n  get value() {\r\n    return this._value\r\n  }\r\n  @Input() formInputs: FormColumnInputs[] = []\r\n  @Output() valueChanged = new EventEmitter<any>();\r\n  public activeInput: string = '';\r\n\r\n\r\n  minInputTypes = MinInputTypes\r\n\r\n  minInputValueType(type: MinInputTypes) {\r\n\r\n    if (type === \"mapDocFilter\" && !!this.minInputInEdit) {\r\n      ((this.minInputInEdit as any).mapTo as MinInputMapInput[]) = []\r\n\r\n    }\r\n    if (this.minInputInEdit?.type === type) {\r\n      this.minInputInEdit.type = undefined;\r\n    } else if (this.minInputInEdit) {\r\n      this.minInputInEdit.type = type\r\n    }\r\n\r\n    this.valueChanged.emit(this.value)\r\n\r\n  }\r\n  get minInputInEdit(): MinimumInputRequiredInterface {\r\n    return this.value?.find((v) => v.name === this.activeInput) || {} as MinimumInputRequiredInterface;\r\n  }\r\n  set minInputInEdit(v: MinimumInputRequiredInterface) {\r\n    this.value = this.value.map((val) => {\r\n      if (val.name === this.activeInput) {\r\n        return v\r\n      }\r\n      return val\r\n    })\r\n  }\r\n  save() {\r\n    this.valueChanged.emit(this.value);\r\n    this.activeInput = '';\r\n  }\r\n  inputIsDisabled(input: FormColumnInputs): boolean {\r\n    return input['element'] === 'sectionTitle'\r\n\r\n\r\n\r\n  }\r\n  mapTo(input: FormColumnInputs) {\r\n\r\n    const inp = this.minInputInEdit;\r\n    const mapToThis: MinInputMapInput = {\r\n      formControlName: input.formControlName,\r\n      dataType: input.dataType,\r\n      element: input.element,\r\n      inputId: input.id\r\n    }\r\n\r\n    if (!!inp && this.minInputInEdit?.type === MinInputTypes.MapTo) {\r\n      (inp.mapTo as MinInputMapInput)?.formControlName === mapToThis.formControlName\r\n        ? (inp.mapTo = undefined)\r\n        : (inp.mapTo = mapToThis);\r\n    }\r\n\r\n    if (!!inp && this.minInputInEdit?.type === 'mapDocFilter') {\r\n      if (this.inputMappedTo(mapToThis.formControlName)) {\r\n        (inp.mapTo as MinInputMapInput[]).splice((inp.mapTo as MinInputMapInput[]).indexOf(mapToThis), 1)\r\n      } else if (typeof inp.mapTo === \"string\" || !inp.mapTo || !!(inp.mapTo as MinInputMapInput[]).find(inp => typeof inp === \"string\")) {\r\n        inp.mapTo = [mapToThis]\r\n      } else {\r\n        (inp.mapTo as MinInputMapInput[]).push(mapToThis)\r\n      }\r\n    }\r\n    console.log(this.value)\r\n    this.valueChanged.emit(this.value);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  }\r\n  inputMappedTo(formControlName: string): boolean {\r\n    if (this.minInputInEdit?.type === 'mapto') {\r\n      return (this.minInputInEdit?.mapTo as MinInputMapInput)?.formControlName === formControlName\r\n    }\r\n    if (this.minInputInEdit?.type === 'mapDocFilter') {\r\n      return !!(this.minInputInEdit?.mapTo as MinInputMapInput[])?.find(m => m.formControlName === formControlName)\r\n    }\r\n    return false\r\n  }\r\n\r\n  getInputIllustration(input: FormColumnInputs) {\r\n    return getInputIllustration(input.element)\r\n  }\r\n  get formInputsToMapTo(): MapToInputs[] {\r\n    return this.formInputs.filter((input) => !this.inputIsDisabled(input)).map((input) => {\r\n      return {\r\n        ...input,\r\n        illustration: this.getInputIllustration(input),\r\n        activated: this.inputMappedTo(input.formControlName)\r\n      }\r\n    })\r\n\r\n  }\r\n  get activatedInputs() {\r\n    return this.formInputsToMapTo.find((input) => input.activated)\r\n  }\r\n\r\n}\r\n"],"names":["i4","i5","i6","i7","i8","i9","i10","i11","i12","i13"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-rest-api-call-setup.component-CKStotqz.mjs → ngx-t-forms-rest-api-call-setup.component-CCaRUSVQ.mjs}

@@ -4,14 +4,14 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { e as TreeComponent, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-R8Bkco8q.mjs';
+import { e as TreeComponent, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-1Roar4qK.mjs';
 import * as i1 from '@angular/common/http';
 import { HttpErrorResponse } from '@angular/common/http';
 import { BehaviorSubject, take, tap, catchError, throwError, Subject } from 'rxjs';
 import { c as convertPostmanFolderItemsToTree } from './ngx-t-forms-convertPostmanCollectionToTree-DktdVBeQ.mjs';
 import * as i2$1 from '@angular/material/button';
 import * as i4 from '@angular/material/divider';
-import * as i5 from '@angular/material/icon';
+import * as i6 from '@angular/material/icon';
 import * as i7 from '@angular/material/progress-spinner';
 import * as i9 from '@angular/material/toolbar';
 import * as i8 from '@angular/material/tooltip';
@@ -135,7 +135,7 @@ class PostmanCollectionsComponent {
         return Array(level).fill(0).map((_, i) => i + 1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PostmanCollectionsComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: PostmanCollectionsComponent, isStandalone: true, selector: "app-postman-collections", inputs: { postmanCollectionConfig: "postmanCollectionConfig", loadingEndPoints: "loadingEndPoints" }, outputs: { nodeSelectionChanged: "nodeSelectionChanged" }, ngImport: i0, template: "\n@if (!!loading ) {\n<div class=\"loadingContainer\">\n  <mat-spinner></mat-spinner>\n</div>\n\n}\n@if(!loading){\n  <mat-toolbar  class=\"search-container\">\n    <mat-icon>\n      search\n    </mat-icon>\n    <input type=\"search\" \n    placeholder=\"Search api\" \n    class=\"search-field\"\n    (input)=\"searchTree($event)\"> \n  </mat-toolbar>\n  <mat-divider ></mat-divider>\n  <ng-container *ngIf=\"treeComponent as tree\">\n    <mat-tree [dataSource]=\"tree.dataSource\" [treeControl]=\"  tree.treeControl\">\n      <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n        @if (loadingEndPoints.includes(node.value.id)) {\n          <mat-spinner diameter=\"22\" class=\"loading-spinner\" >\n          \n          </mat-spinner>\n        }\n        <div class=\"line\" *ngFor=\"let line of getNodeLines(node.level)\" [style.left]=\"line* 40 +8 + 'px'\"></div>\n        <button [disabled]=\"!node.value?.request?.body?.raw && node.value.request.method ==='POST' ||  !node.value?.request?.url?.raw \"\n          (click)=\"selectNode(node.value)\" [matTooltip]=\"node.value?.request?.url?.raw || 'Invalid Postman config,missing Endpoint URL'\" class=\"item\" mat-button\n          *ngIf=\"node.value?.request\">\n  \n          <span class=\"node-key method\" [style.color]=\" methodColor(node.value.request.method)\">\n            <!--  -->\n\n            {{node.value.request.method}}</span>\n          <span>\n        \n            {{ node.key }} \n          \n          </span>\n        </button>\n  \n      </mat-tree-node>\n  \n      <mat-tree-node *matTreeNodeDef=\"let node; when:   tree.hasChild\" matTreeNodePadding>\n        <button style=\"padding: 0px;    \n    \" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n          <mat-icon>\n    \n            {{tree.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n          </mat-icon>\n \n        </button>\n      \n        <mat-icon style=\"color: var(--ion-color-medium)\">\n          {{tree.treeControl.isExpanded(node) ? 'folder_open' : 'folder'}}\n\n        </mat-icon>\n        <span style=\"margin-left: 8px;font-weight:500\">\n    \n          {{ node.key }}\n        </span>\n  \n      </mat-tree-node>\n    </mat-tree>\n  \n  </ng-container>\n  <ng-container *ngIf=\"error\">\n    <mat-toolbar>\n      <span style=\"color: red ;font-size:14px;    line-height: normal;\n      text-wrap: auto;\">\n        {{error.message}}\n      </span>\n    </mat-toolbar>\n  </ng-container>\n}\n", styles: ["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}.suggestion-container{display:flex;width:100%;gap:14px}.suggestion-column{flex:1;min-width:0}.button-container{display:flex;flex-wrap:wrap}.suggestion-button{--padding-start: 8px;--padding-end: 8px;--padding-top: 2px;--padding-bottom: 4px;height:auto;font-size:.8em;text-transform:capitalize}.suggestion-button ::ng-deep ion-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h5{margin-bottom:8px;font-size:1em}mat-tree{background:none}.item{text-align:left;display:flex;width:100%;justify-content:left;font-size:small;white-space:nowrap;font-weight:400;overflow:hidden}.method{display:inline-block;width:38px;text-align:right}.line{position:absolute;height:32px;left:48px;background:var(--mat-divider-color, var(--mat-app-outline));width:1px}.loadingContainer{display:flex;justify-content:center;align-items:center;padding:24px;height:100%}.search-field{width:100%;padding:8px;border:1px solid var(--mat-divider-color, var(--mat-app-outline));border-radius:4px;margin-left:14px}.search-container{background:inherit;padding-left:12px;padding-right:12px;height:48px}\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: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.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.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: FormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: PostmanCollectionsComponent, isStandalone: true, selector: "app-postman-collections", inputs: { postmanCollectionConfig: "postmanCollectionConfig", loadingEndPoints: "loadingEndPoints" }, outputs: { nodeSelectionChanged: "nodeSelectionChanged" }, ngImport: i0, template: "\n@if (!!loading ) {\n<div class=\"loadingContainer\">\n  <mat-spinner></mat-spinner>\n</div>\n\n}\n@if(!loading){\n  <mat-toolbar  class=\"search-container\">\n    <mat-icon>\n      search\n    </mat-icon>\n    <input type=\"search\" \n    placeholder=\"Search api\" \n    class=\"search-field\"\n    (input)=\"searchTree($event)\"> \n  </mat-toolbar>\n  <mat-divider ></mat-divider>\n  <ng-container *ngIf=\"treeComponent as tree\">\n    <mat-tree [dataSource]=\"tree.dataSource\" [treeControl]=\"  tree.treeControl\">\n      <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding>\n        @if (loadingEndPoints.includes(node.value.id)) {\n          <mat-spinner diameter=\"22\" class=\"loading-spinner\" >\n          \n          </mat-spinner>\n        }\n        <div class=\"line\" *ngFor=\"let line of getNodeLines(node.level)\" [style.left]=\"line* 40 +8 + 'px'\"></div>\n        <button [disabled]=\"!node.value?.request?.body?.raw && node.value.request.method ==='POST' ||  !node.value?.request?.url?.raw \"\n          (click)=\"selectNode(node.value)\" [matTooltip]=\"node.value?.request?.url?.raw || 'Invalid Postman config,missing Endpoint URL'\" class=\"item\" mat-button\n          *ngIf=\"node.value?.request\">\n  \n          <span class=\"node-key method\" [style.color]=\" methodColor(node.value.request.method)\">\n            <!--  -->\n\n            {{node.value.request.method}}</span>\n          <span>\n        \n            {{ node.key }} \n          \n          </span>\n        </button>\n  \n      </mat-tree-node>\n  \n      <mat-tree-node *matTreeNodeDef=\"let node; when:   tree.hasChild\" matTreeNodePadding>\n        <button style=\"padding: 0px;    \n    \" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.key\">\n          <mat-icon>\n    \n            {{tree.treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n          </mat-icon>\n \n        </button>\n      \n        <mat-icon style=\"color: var(--ion-color-medium)\">\n          {{tree.treeControl.isExpanded(node) ? 'folder_open' : 'folder'}}\n\n        </mat-icon>\n        <span style=\"margin-left: 8px;font-weight:500\">\n    \n          {{ node.key }}\n        </span>\n  \n      </mat-tree-node>\n    </mat-tree>\n  \n  </ng-container>\n  <ng-container *ngIf=\"error\">\n    <mat-toolbar>\n      <span style=\"color: red ;font-size:14px;    line-height: normal;\n      text-wrap: auto;\">\n        {{error.message}}\n      </span>\n    </mat-toolbar>\n  </ng-container>\n}\n", styles: ["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}.suggestion-container{display:flex;width:100%;gap:14px}.suggestion-column{flex:1;min-width:0}.button-container{display:flex;flex-wrap:wrap}.suggestion-button{--padding-start: 8px;--padding-end: 8px;--padding-top: 2px;--padding-bottom: 4px;height:auto;font-size:.8em;text-transform:capitalize}.suggestion-button ::ng-deep ion-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h5{margin-bottom:8px;font-size:1em}mat-tree{background:none}.item{text-align:left;display:flex;width:100%;justify-content:left;font-size:small;white-space:nowrap;font-weight:400;overflow:hidden}.method{display:inline-block;width:38px;text-align:right}.line{position:absolute;height:32px;left:48px;background:var(--mat-divider-color, var(--mat-app-outline));width:1px}.loadingContainer{display:flex;justify-content:center;align-items:center;padding:24px;height:100%}.search-field{width:100%;padding:8px;border:1px solid var(--mat-divider-color, var(--mat-app-outline));border-radius:4px;margin-left:14px}.search-container{background:inherit;padding-left:12px;padding-right:12px;height:48px}\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: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: FormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PostmanCollectionsComponent, decorators: [{
             type: Component,
@@ -289,4 +289,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 export { RestApiCallSetupComponent };
-//# sourceMappingURL=ngx-t-forms-rest-api-call-setup.component-CKStotqz.mjs.map
+//# sourceMappingURL=ngx-t-forms-rest-api-call-setup.component-CCaRUSVQ.mjs.map