ngx-t-forms 2.0.25 → 2.0.27

package/fesm2022/{ngx-t-forms-record-list-manager.component-BYyr0yzb.mjs.map → ngx-t-forms-record-list-manager.component-D4wlLtdc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-record-list-manager.component-BYyr0yzb.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/record-list-manager/record-list-manager.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/record-list-manager/record-list-manager.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ComponentRef, ElementRef, EventEmitter, HostBinding, Input, OnDestroy, Optional, Output, Self } from '@angular/core';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { NgControl } from '@angular/forms';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { IConfigElementError, TDynamicDataEditComponent } from '../../t-dynamic-data-edit.component';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { ElementEditorConfigSectionInterface, ElementEditorInnerSectionElementInterface, FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { CdkPortalOutletAttachedRef, ComponentPortal } from '@angular/cdk/portal';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { assignDeepPropertyToObject } from '../../../../shared/functions/assignDeepPropertyToObject';\r\nimport { safeReturnDeepProperty } from '../../../../shared/functions/getDeepObject';\r\n\r\n@Component({\r\n  selector: 'lib-record-list-manager',\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './record-list-manager.component.html',\r\n  styleUrl: './record-list-manager.component.css',\r\n  providers: [{ provide: MatFormFieldControl, useExisting: RecordListManagerComponent, }],\r\n})\r\nexport class RecordListManagerComponent implements MatFormFieldControl<any[]>, OnDestroy {\r\n  static nextId = 0;\r\n  // --- MatFormFieldControl Boilerplate ---\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  @Input() mapToData: any\r\n  @Input() disabled = false;\r\n  controlType = 'lib-record-list-manager';\r\n  autofilled = false;\r\n\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n\r\n  // REMOVED: Redundant valueChange EventEmitter. ControlValueAccessor's `onChange` handles this.\r\n\r\n  private _required = false;\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(value: boolean) {\r\n    this._required = coerceBooleanProperty(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get value(): any[] {\r\n    return this.dataSource.data;\r\n  }\r\n  set value(val: any[]) {\r\n\r\n    this.dataSource.data = val || [];\r\n    this.onChange(val); // Notify Angular Forms of the change\r\n    this.stateChanges.next()\r\n  }\r\n\r\n  private _placeholder: string = '';\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder;\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder = value;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @HostBinding() id = `lib-record-list-manager-${RecordListManagerComponent.nextId++}`;\r\n  @HostBinding('attr.aria-describedby') describedBy = '';\r\n  @HostBinding('class.floating') get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return !this.value || this.value.length === 0;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors || []).length > 0;\r\n  }\r\n\r\n  // --- ControlValueAccessor & Lifecycle ---\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>,\r\n  ) {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n    this.portalSubscriptions.forEach(sub => sub.unsubscribe());\r\n    this.portalSubscriptions.clear();\r\n  }\r\n\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => { };\r\n  onTouched = () => { };\r\n\r\n  writeValue(value: any[]): void {\r\n    this.dataSource.data = value || [];\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // MatFormFieldControl methods\r\n  setDescribedByIds(ids: string[]): void {\r\n    this._elementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  markAsTouched(): void {\r\n    if (!this.touched) {\r\n      this.touched = true;\r\n      this.onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // --- Component-Specific Properties & Logic ---\r\n  dataSource = new MatTableDataSource<any[]>();\r\n  @Input() formInputs: Array<FormColumnInputs> = [];\r\n\r\n  private _editorConfig: ElementEditorInnerSectionElementInterface | undefined;\r\n  @Input() set editorConfig(value: ElementEditorInnerSectionElementInterface | undefined) {\r\n    if (!_isEqual(this._editorConfig, value)) {\r\n      this._editorConfig = value;\r\n      this.secondaryElementEditorConfig = value?.secondaryElementEditorConfig || [];\r\n    }\r\n  }\r\n  get editorConfig(): ElementEditorInnerSectionElementInterface | undefined {\r\n    return this._editorConfig;\r\n  }\r\n\r\n  private _secondaryElementEditorConfig: ElementEditorConfigSectionInterface[] = [];\r\n  set secondaryElementEditorConfig(value: ElementEditorConfigSectionInterface[]) {\r\n    if (_isEqual(this._secondaryElementEditorConfig, value)) return;\r\n    this._secondaryElementEditorConfig = value;\r\n    this.dynamicEditorPortals = {};\r\n    this._secondaryElementEditorConfig.forEach(section => {\r\n      section.elements.forEach(ele => {\r\n        this.dynamicEditorPortals[ele.id] = new ComponentPortal(TDynamicDataEditComponent);\r\n      });\r\n    });\r\n  }\r\n  get secondaryElementEditorConfig(): ElementEditorConfigSectionInterface[] {\r\n    return this._secondaryElementEditorConfig;\r\n  }\r\n\r\n  get tableColsConfig(): { label: string; value: any; }[] {\r\n    return [\r\n      ...(this.editorConfig?.options || []),\r\n      { label: ' ', value: 'actions' }\r\n    ];\r\n  }\r\n\r\n  get displayedColumns(): string[] {\r\n    return this.tableColsConfig.map(c => c.value);\r\n  }\r\n\r\n  // State for the item currently being added or edited\r\n  inEdit: any = null;\r\n  dynamicEditorPortals: Record<string, ComponentPortal<any>> = {};\r\n  private portalSubscriptions = new Map<string, Subscription>();\r\n\r\n\r\n\r\n\r\n  // --- Component Methods ---\r\n  addNewItem(): void {\r\n    this.inEdit = {};\r\n  }\r\n  @Output() valueChange = new EventEmitter<any[]>()\r\n  saveRecord(): void {\r\n    if (!this.inEdit) return;\r\n    let newValue: any[];\r\n    if (this.inEdit.id) {\r\n      // Update existing item\r\n      newValue = this.value.map(item =>\r\n        item.id === this.inEdit.id ? this.inEdit : item\r\n      );\r\n    } else {\r\n      // Add new item\r\n      const newItem = { ...this.inEdit, id: crypto.randomUUID() };\r\n      newValue = [...this.value, newItem];\r\n    }\r\n    this.value = newValue; // This setter will call `onChange` to update the form model.\r\n    this.inEdit = null;\r\n    this.valueChange.emit(this.value)\r\n  }\r\n  removeItem(item: any): void {\r\n    this.value = this.value.filter(i => i.id !== item.id);\r\n    if (this.inEdit?.id === item.id) {\r\n      this.inEdit = null;\r\n    }\r\n      this.valueChange.emit(this.value)\r\n  }\r\n  onPortalAttached(portalRef: CdkPortalOutletAttachedRef, element: any): void {\r\n\r\n    const componentRef = portalRef as ComponentRef<TDynamicDataEditComponent>;\r\n    // 1. Set inputs on the dynamically created component\r\n    componentRef.instance.formInputs = this.formInputs;\r\n    componentRef.instance.editorConfig = element;\r\n    componentRef.instance.data = this.inEdit;\r\n\r\n    // 2. Subscribe to the dynamic component's output\r\n    const sub = componentRef.instance.valueChange.subscribe(event => {\r\n      const newinEdit = JSON.parse(JSON.stringify(this.inEdit));\r\n      assignDeepPropertyToObject(newinEdit, element.deepBind, event);\r\n      this.inEdit = newinEdit;\r\n\r\n      componentRef.instance.data = this.inEdit;\r\n      //mark for check\r\n      componentRef.changeDetectorRef.markForCheck();\r\n      console.error('inEdit updated:', this.inEdit,event);\r\n\r\n\r\n    });\r\n    // 3. Store subscription for cleanup in ngOnDestroy\r\n    this.portalSubscriptions.set(element.id, sub);\r\n  }\r\n  /**\r\n  * Determines if the record is in a savable state by checking that all\r\n  * required fields have a valid, non-empty value.\r\n  * @returns {boolean} True if the record can be saved, otherwise false.\r\n  */\r\n  get canSaveRecord(): boolean {\r\n    // Guard clause: Exit early if not in an editable state.\r\n    if (!this.inEdit || !this.editorConfig) {\r\n      return false;\r\n    }\r\n    // Iterate through each section and its elements directly.\r\n    for (const section of this.secondaryElementEditorConfig) {\r\n      for (const element of section.elements) {\r\n        // If an element is required, check its value.\r\n        if (element.required) {\r\n          const { value } = safeReturnDeepProperty(this.inEdit, element.deepBind || []);\r\n          // If any required value is empty (null, undefined, or ''),\r\n          // the record cannot be saved. We can stop checking immediately.\r\n          // Note: `value == null` checks for both `null` and `undefined`.\r\n          if (value == null || value === '') {\r\n            return false;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    // If the loop completes, it means all required fields have valid values.\r\n    return true;\r\n  }\r\n}","<!--- Secondary config -->\r\n\r\n<mat-card>\r\n    <div class=\"table-container\">\r\n        <table mat-table [dataSource]=\"dataSource\" class=\"example-table  \">\r\n            <!-- Number Column -->\r\n            @for (col of tableColsConfig; track col.value) {\r\n            <ng-container [matColumnDef]=\"col.value\">\r\n                <th mat-header-cell *matHeaderCellDef>{{col.label}}</th>\r\n                <td mat-cell *matCellDef=\"let row\">\r\n                    @if(col.value === 'actions') {\r\n                    <button\r\n                    (click)=\"inEdit = row\"\r\n                    mat-icon-button matTooltip=\"Edit\" aria-label=\"edit record\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button (click)=\"removeItem(row)\" mat-icon-button color=\"warn\" matTooltip=\"Delete\"\r\n                        aria-label=\"Delete record\">\r\n                        <mat-icon>delete</mat-icon>\r\n                    </button>\r\n                    }@else {\r\n                    {{row[col.value]}}\r\n                    }\r\n\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n        </table>\r\n        @if(value.length === 0 ){\r\n        <div style=\"    display: flex;align-items: center;gap: 8px;padding: 16px;\" class=\"empty-message\">\r\n            <mat-icon style=\"min-width: 24px;\">\r\n                info</mat-icon>\r\n            <span>\r\n                No records found. Click the <strong>Add</strong> button to get started.\r\n\r\n            </span>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n\r\n\r\n    @if(inEdit){\r\n    <div class=\"table-container\">\r\n        <ng-container *ngTemplateOutlet=\"itemEdit\">\r\n        </ng-container>\r\n    </div>\r\n\r\n    <mat-card-actions align=\"end\">\r\n        <button (click)=\"inEdit=null\" mat-button color=\"primary\">\r\n            Cancel\r\n        </button>\r\n        <button (click)=\"saveRecord()\" [disabled]=\"canSaveRecord === false\" mat-stroked-button color=\"primary\">\r\n            {{inEdit.id? 'Update':'Save new'}} Record \r\n            <mat-icon>\r\n                save\r\n            </mat-icon>\r\n        </button>\r\n    </mat-card-actions>\r\n    }@else{\r\n    <mat-card-actions>\r\n            <span class=\"spacer\"></span>\r\n        <span style=\"font-size: small;\r\n    opacity: 0.6; margin-right: 16px;\">\r\n            Records ({{ (value || []).length }}):\r\n        </span>\r\n    \r\n        <button (click)=\"addNewItem()\" mat-stroked-button color=\"primary\" matTooltip=\"Add a new record\"\r\n            aria-label=\"Add a new record\">\r\n            <mat-icon>add</mat-icon>\r\n            Add Record\r\n        </button>\r\n    </mat-card-actions>\r\n    }\r\n\r\n</mat-card>\r\n\r\n\r\n<ng-template #itemEdit>\r\n\r\n    <mat-accordion class=\"record-editor\" togglePosition=\"after\">\r\n        @for(section of (secondaryElementEditorConfig||[]); track section.id) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n\r\n                    <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(inEdit)\">\r\n                        {{inEdit[section.showItemValue]}}\r\n                    </span>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n\r\n                @defer (on viewport) {\r\n                <ng-template (attached)=\"onPortalAttached($event, element)\"\r\n                    [cdkPortalOutlet]=\"dynamicEditorPortals[element.id]\"></ng-template>\r\n\r\n\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n\r\n\r\n</ng-template>"],"names":["i3","i4","i5","i6","i7","i8","i9","i10","i11"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-record-list-manager.component-D4wlLtdc.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/record-list-manager/record-list-manager.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/record-list-manager/record-list-manager.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ComponentRef, ElementRef, EventEmitter, HostBinding, Input, OnDestroy, Optional, Output, Self } from '@angular/core';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { NgControl } from '@angular/forms';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { IConfigElementError, TDynamicDataEditComponent } from '../../t-dynamic-data-edit.component';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { ElementEditorConfigSectionInterface, ElementEditorInnerSectionElementInterface, FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { CdkPortalOutletAttachedRef, ComponentPortal } from '@angular/cdk/portal';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { assignDeepPropertyToObject } from '../../../../shared/functions/assignDeepPropertyToObject';\r\nimport { safeReturnDeepProperty } from '../../../../shared/functions/getDeepObject';\r\n\r\n@Component({\r\n  selector: 'lib-record-list-manager',\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './record-list-manager.component.html',\r\n  styleUrl: './record-list-manager.component.css',\r\n  providers: [{ provide: MatFormFieldControl, useExisting: RecordListManagerComponent, }],\r\n})\r\nexport class RecordListManagerComponent implements MatFormFieldControl<any[]>, OnDestroy {\r\n  static nextId = 0;\r\n  // --- MatFormFieldControl Boilerplate ---\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  @Input() mapToData: any\r\n  @Input() disabled = false;\r\n  controlType = 'lib-record-list-manager';\r\n  autofilled = false;\r\n\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n\r\n  // REMOVED: Redundant valueChange EventEmitter. ControlValueAccessor's `onChange` handles this.\r\n\r\n  private _required = false;\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(value: boolean) {\r\n    this._required = coerceBooleanProperty(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get value(): any[] {\r\n    return this.dataSource.data;\r\n  }\r\n  set value(val: any[]) {\r\n\r\n    this.dataSource.data = val || [];\r\n    this.onChange(val); // Notify Angular Forms of the change\r\n    this.stateChanges.next()\r\n  }\r\n\r\n  private _placeholder: string = '';\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder;\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder = value;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @HostBinding() id = `lib-record-list-manager-${RecordListManagerComponent.nextId++}`;\r\n  @HostBinding('attr.aria-describedby') describedBy = '';\r\n  @HostBinding('class.floating') get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return !this.value || this.value.length === 0;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors || []).length > 0;\r\n  }\r\n\r\n  // --- ControlValueAccessor & Lifecycle ---\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>,\r\n  ) {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n    this.portalSubscriptions.forEach(sub => sub.unsubscribe());\r\n    this.portalSubscriptions.clear();\r\n  }\r\n\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => { };\r\n  onTouched = () => { };\r\n\r\n  writeValue(value: any[]): void {\r\n    this.dataSource.data = value || [];\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // MatFormFieldControl methods\r\n  setDescribedByIds(ids: string[]): void {\r\n    this._elementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  markAsTouched(): void {\r\n    if (!this.touched) {\r\n      this.touched = true;\r\n      this.onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // --- Component-Specific Properties & Logic ---\r\n  dataSource = new MatTableDataSource<any[]>();\r\n  @Input() formInputs: Array<FormColumnInputs> = [];\r\n\r\n  private _editorConfig: ElementEditorInnerSectionElementInterface | undefined;\r\n  @Input() set editorConfig(value: ElementEditorInnerSectionElementInterface | undefined) {\r\n    if (!_isEqual(this._editorConfig, value)) {\r\n      this._editorConfig = value;\r\n      this.secondaryElementEditorConfig = value?.secondaryElementEditorConfig || [];\r\n    }\r\n  }\r\n  get editorConfig(): ElementEditorInnerSectionElementInterface | undefined {\r\n    return this._editorConfig;\r\n  }\r\n\r\n  private _secondaryElementEditorConfig: ElementEditorConfigSectionInterface[] = [];\r\n  set secondaryElementEditorConfig(value: ElementEditorConfigSectionInterface[]) {\r\n    if (_isEqual(this._secondaryElementEditorConfig, value)) return;\r\n    this._secondaryElementEditorConfig = value;\r\n    this.dynamicEditorPortals = {};\r\n    this._secondaryElementEditorConfig.forEach(section => {\r\n      section.elements.forEach(ele => {\r\n        this.dynamicEditorPortals[ele.id] = new ComponentPortal(TDynamicDataEditComponent);\r\n      });\r\n    });\r\n  }\r\n  get secondaryElementEditorConfig(): ElementEditorConfigSectionInterface[] {\r\n    return this._secondaryElementEditorConfig;\r\n  }\r\n\r\n  get tableColsConfig(): { label: string; value: any; }[] {\r\n    return [\r\n      ...(this.editorConfig?.options || []),\r\n      { label: ' ', value: 'actions' }\r\n    ];\r\n  }\r\n\r\n  get displayedColumns(): string[] {\r\n    return this.tableColsConfig.map(c => c.value);\r\n  }\r\n\r\n  // State for the item currently being added or edited\r\n  inEdit: any = null;\r\n  dynamicEditorPortals: Record<string, ComponentPortal<any>> = {};\r\n  private portalSubscriptions = new Map<string, Subscription>();\r\n\r\n\r\n\r\n\r\n  // --- Component Methods ---\r\n  addNewItem(): void {\r\n    this.inEdit = {};\r\n  }\r\n  @Output() valueChange = new EventEmitter<any[]>()\r\n  saveRecord(): void {\r\n    if (!this.inEdit) return;\r\n    let newValue: any[];\r\n    if (this.inEdit.id) {\r\n      // Update existing item\r\n      newValue = this.value.map(item =>\r\n        item.id === this.inEdit.id ? this.inEdit : item\r\n      );\r\n    } else {\r\n      // Add new item\r\n      const newItem = { ...this.inEdit, id: crypto.randomUUID() };\r\n      newValue = [...this.value, newItem];\r\n    }\r\n    this.value = newValue; // This setter will call `onChange` to update the form model.\r\n    this.inEdit = null;\r\n    this.valueChange.emit(this.value)\r\n  }\r\n  removeItem(item: any): void {\r\n    this.value = this.value.filter(i => i.id !== item.id);\r\n    if (this.inEdit?.id === item.id) {\r\n      this.inEdit = null;\r\n    }\r\n      this.valueChange.emit(this.value)\r\n  }\r\n  onPortalAttached(portalRef: CdkPortalOutletAttachedRef, element: any): void {\r\n\r\n    const componentRef = portalRef as ComponentRef<TDynamicDataEditComponent>;\r\n    // 1. Set inputs on the dynamically created component\r\n    componentRef.instance.formInputs = this.formInputs;\r\n    componentRef.instance.editorConfig = element;\r\n    componentRef.instance.data = this.inEdit;\r\n\r\n    // 2. Subscribe to the dynamic component's output\r\n    const sub = componentRef.instance.valueChange.subscribe(event => {\r\n      const newinEdit = JSON.parse(JSON.stringify(this.inEdit));\r\n      assignDeepPropertyToObject(newinEdit, element.deepBind, event);\r\n      this.inEdit = newinEdit;\r\n\r\n      componentRef.instance.data = this.inEdit;\r\n      //mark for check\r\n      componentRef.changeDetectorRef.markForCheck();\r\n      console.error('inEdit updated:', this.inEdit,event);\r\n\r\n\r\n    });\r\n    // 3. Store subscription for cleanup in ngOnDestroy\r\n    this.portalSubscriptions.set(element.id, sub);\r\n  }\r\n  /**\r\n  * Determines if the record is in a savable state by checking that all\r\n  * required fields have a valid, non-empty value.\r\n  * @returns {boolean} True if the record can be saved, otherwise false.\r\n  */\r\n  get canSaveRecord(): boolean {\r\n    // Guard clause: Exit early if not in an editable state.\r\n    if (!this.inEdit || !this.editorConfig) {\r\n      return false;\r\n    }\r\n    // Iterate through each section and its elements directly.\r\n    for (const section of this.secondaryElementEditorConfig) {\r\n      for (const element of section.elements) {\r\n        // If an element is required, check its value.\r\n        if (element.required) {\r\n          const { value } = safeReturnDeepProperty(this.inEdit, element.deepBind || []);\r\n          // If any required value is empty (null, undefined, or ''),\r\n          // the record cannot be saved. We can stop checking immediately.\r\n          // Note: `value == null` checks for both `null` and `undefined`.\r\n          if (value == null || value === '') {\r\n            return false;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    // If the loop completes, it means all required fields have valid values.\r\n    return true;\r\n  }\r\n}","<!--- Secondary config -->\r\n\r\n<mat-card>\r\n    <div class=\"table-container\">\r\n        <table mat-table [dataSource]=\"dataSource\" class=\"example-table  \">\r\n            <!-- Number Column -->\r\n            @for (col of tableColsConfig; track col.value) {\r\n            <ng-container [matColumnDef]=\"col.value\">\r\n                <th mat-header-cell *matHeaderCellDef>{{col.label}}</th>\r\n                <td mat-cell *matCellDef=\"let row\">\r\n                    @if(col.value === 'actions') {\r\n                    <button\r\n                    (click)=\"inEdit = row\"\r\n                    mat-icon-button matTooltip=\"Edit\" aria-label=\"edit record\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button (click)=\"removeItem(row)\" mat-icon-button color=\"warn\" matTooltip=\"Delete\"\r\n                        aria-label=\"Delete record\">\r\n                        <mat-icon>delete</mat-icon>\r\n                    </button>\r\n                    }@else {\r\n                    {{row[col.value]}}\r\n                    }\r\n\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n        </table>\r\n        @if(value.length === 0 ){\r\n        <div style=\"    display: flex;align-items: center;gap: 8px;padding: 16px;\" class=\"empty-message\">\r\n            <mat-icon style=\"min-width: 24px;\">\r\n                info</mat-icon>\r\n            <span>\r\n                No records found. Click the <strong>Add</strong> button to get started.\r\n\r\n            </span>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n\r\n\r\n    @if(inEdit){\r\n    <div class=\"table-container\">\r\n        <ng-container *ngTemplateOutlet=\"itemEdit\">\r\n        </ng-container>\r\n    </div>\r\n\r\n    <mat-card-actions align=\"end\">\r\n        <button (click)=\"inEdit=null\" mat-button color=\"primary\">\r\n            Cancel\r\n        </button>\r\n        <button (click)=\"saveRecord()\" [disabled]=\"canSaveRecord === false\" mat-stroked-button color=\"primary\">\r\n            {{inEdit.id? 'Update':'Save new'}} Record \r\n            <mat-icon>\r\n                save\r\n            </mat-icon>\r\n        </button>\r\n    </mat-card-actions>\r\n    }@else{\r\n    <mat-card-actions>\r\n            <span class=\"spacer\"></span>\r\n        <span style=\"font-size: small;\r\n    opacity: 0.6; margin-right: 16px;\">\r\n            Records ({{ (value || []).length }}):\r\n        </span>\r\n    \r\n        <button (click)=\"addNewItem()\" mat-stroked-button color=\"primary\" matTooltip=\"Add a new record\"\r\n            aria-label=\"Add a new record\">\r\n            <mat-icon>add</mat-icon>\r\n            Add Record\r\n        </button>\r\n    </mat-card-actions>\r\n    }\r\n\r\n</mat-card>\r\n\r\n\r\n<ng-template #itemEdit>\r\n\r\n    <mat-accordion class=\"record-editor\" togglePosition=\"after\">\r\n        @for(section of (secondaryElementEditorConfig||[]); track section.id) {\r\n        <mat-expansion-panel>\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{section.label}}\r\n                    <span class=\"spacer\"></span>\r\n\r\n                    <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(inEdit)\">\r\n                        {{inEdit[section.showItemValue]}}\r\n                    </span>\r\n                    <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n\r\n            <!-- Element type selector (only in first section) -->\r\n            @for(element of section.elements; track element.id) {\r\n            <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n\r\n                @defer (on viewport) {\r\n                <ng-template (attached)=\"onPortalAttached($event, element)\"\r\n                    [cdkPortalOutlet]=\"dynamicEditorPortals[element.id]\"></ng-template>\r\n\r\n\r\n                } @placeholder {\r\n            <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"18\"></mat-spinner>\r\n            </div>\r\n            }\r\n            </p>\r\n            }\r\n        </mat-expansion-panel>\r\n        }\r\n    </mat-accordion>\r\n\r\n\r\n</ng-template>"],"names":["i3","i4","i5","i6","i7","i8","i9","i10","i11"],"mappings":"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"}

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

@@ -0,0 +1,192 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { MinInputTypes } from 'ngx-t-forms-types';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i2$1 from '@angular/material/autocomplete';
+import * as i2$2 from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import * as i5 from '@angular/material/chips';
+import * as i4 from '@angular/material/divider';
+import * as i2$3 from '@angular/material/icon';
+import * as i7 from '@angular/material/list';
+import * as i2$4 from '@angular/material/select';
+import * as i13 from '@angular/material/input';
+
+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);
+    }
+    isLinked(input) {
+        return ((input.type === 'mapDocFilter' && !!input.mapTo) ||
+            (input.type === 'default' && !!input.defaultValue) ||
+            (input.type === 'mapto' && !!input.mapTo));
+    }
+    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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RequiredInputsComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: RequiredInputsComponent, isStandalone: true, selector: "app-required-inputs", inputs: { disabled: "disabled", errors: "errors", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: RequiredInputsComponent }], ngImport: i0, template: "<mat-card class=\"required-inputs-card\">\r\n  <div class=\"card-header\">\r\n    <div class=\"header-icon\" aria-hidden=\"true\">\r\n      <mat-icon>link</mat-icon>\r\n    </div>\r\n    <div class=\"header-text\">\r\n      <h2 class=\"header-title\">Required Inputs</h2>\r\n      <p class=\"header-subtitle\">Link or set default values for all required inputs.</p>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-card-content class=\"card-body\">\r\n    <div class=\"info-block\">\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    <mat-chip-listbox aria-label=\"Required inputs - select one to configure\" class=\"chip-listbox\">\r\n      <mat-chip-option\r\n        *ngFor=\"let input of value\"\r\n        [disabled]=\"disabled\"\r\n        [selected]=\"activeInput === input['name']\"\r\n        [class.chip-linked]=\"isLinked(input) && 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          {{ isLinked(input) ? 'link' : 'link_off' }}\r\n        </mat-icon>\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n    @if (!!activeInput && activeInput !== '') {\r\n      <div class=\"edit-panel\">\r\n        <ng-container *ngTemplateOutlet=\"MinInputEdit\"></ng-container>\r\n      </div>\r\n    }\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n<ng-template #MinInputEdit>\r\n  <div class=\"edit-form\">\r\n    <mat-form-field class=\"form-field\" appearance=\"outline\" subscriptSizing=\"dynamic\">\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>Select how this required input should be processed</mat-hint>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field\r\n      *ngIf=\"minInputInEdit?.type === 'default'\"\r\n      class=\"form-field\"\r\n      appearance=\"outline\"\r\n      subscriptSizing=\"dynamic\">\r\n      <mat-label>Enter default value</mat-label>\r\n      <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n      <mat-hint>Enter a default value for this input</mat-hint>\r\n    </mat-form-field>\r\n\r\n    <mat-nav-list\r\n      *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\"\r\n      [disabled]=\"disabled\"\r\n      class=\"link-list\">\r\n      <h5 mat-subheader class=\"list-subheader\">\r\n        Select a form input to link the required input \u2014 {{ activeInput }} to\r\n      </h5>\r\n\r\n      @if (!!activatedInputs) {\r\n        <mat-list-item\r\n          [activated]=\"activatedInputs.activated\"\r\n          [disabled]=\"inputIsDisabled(activatedInputs)\"\r\n          (click)=\"mapTo(activatedInputs); $event.stopPropagation()\">\r\n          <img\r\n            matListItemAvatar\r\n            class=\"list-avatar\"\r\n            [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\">check_circle</mat-icon>\r\n          </span>\r\n        </mat-list-item>\r\n      } @else {\r\n        @for (input of formInputsToMapTo; track input.id) {\r\n          <mat-list-item\r\n            [disabled]=\"inputIsDisabled(input)\"\r\n            (click)=\"mapTo(input); $event.stopPropagation()\">\r\n            <img\r\n              matListItemAvatar\r\n              class=\"list-avatar\"\r\n              [src]=\"getInputIllustration(input)\"\r\n              [alt]=\"input.label\">\r\n            <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n            <div matListItemLine class=\"list-line\">{{ input[\"formControlName\"] }}</div>\r\n            <span matListItemMeta>\r\n              <mat-icon>radio_button_unchecked</mat-icon>\r\n            </span>\r\n          </mat-list-item>\r\n          @if (!$last) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n        }\r\n      }\r\n\r\n      @if (formInputs.length === 0) {\r\n        <div class=\"empty-state\">\r\n          <mat-icon class=\"empty-state-icon\">add_link</mat-icon>\r\n          <span>Add inputs to get started</span>\r\n        </div>\r\n      }\r\n    </mat-nav-list>\r\n\r\n    <div class=\"edit-actions\">\r\n      <button mat-button (click)=\"activeInput = ''\">Cancel</button>\r\n      @if (minInputInEdit.type === 'default') {\r\n        <button mat-flat-button color=\"primary\" (click)=\"save()\">Save</button>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.required-inputs-card{background:var(--mat-sys-surface-container, var(--mat-sys-surface));border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid color-mix(in srgb,var(--mat-sys-outline, #79747e) 15%,transparent);overflow:hidden}.card-header{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 4%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mat-sys-outline, #79747e) 10%,transparent)}.header-icon{width:2.75rem;height:2.75rem;border-radius:8px;background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon mat-icon{font-size:1.5rem;width:1.5rem;height:1.5rem;color:var(--mat-sys-primary, #6750a4)}.header-text{flex:1;min-width:0}.header-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--mat-sys-on-surface, #1c1b1f);margin:0;line-height:1.3}.header-subtitle{font-size:.875rem;color:var(--mat-sys-on-surface-variant, #49454f);line-height:1.4;margin-top:.25rem;margin-bottom:0}.card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.info-block{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--mat-sys-surface-container-highest, #e8e0ec);border-radius:8px;font-size:.8125rem;color:var(--mat-sys-on-surface-variant, #49454f)}.info-block .info-icon{font-size:1rem;width:1rem;height:1rem;opacity:.8}.chip-listbox{display:flex;flex-wrap:wrap;gap:.5rem}.chip-linked{background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 14%,transparent)!important}.edit-panel{margin-top:.5rem;transition:opacity .15s ease}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-field{width:100%;margin-bottom:0}.link-list{margin-top:.5rem}.list-subheader{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--mat-sys-on-surface-variant, #49454f);margin:0 0 1rem;padding-left:.25rem}.list-avatar{margin-left:.5rem;background:var(--mat-sys-surface-container-high, var(--mat-sys-surface-container))}.list-line{font-size:.8125em;opacity:.6}.empty-state{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--mat-sys-surface-container-highest, #e8e0ec);border-radius:8px;font-size:.875rem;color:var(--mat-sys-on-surface-variant, #49454f);margin:0}.empty-state-icon{font-size:1.25rem;width:1.25rem;height:1.25rem;opacity:.8}.edit-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:.5rem}@media (prefers-color-scheme: dark){.required-inputs-card{box-shadow:0 1px 3px #0000004d}}\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: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i7.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "directive", type: i7.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i2$4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i13.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 }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RequiredInputsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-required-inputs', standalone: true, imports: [CommonModule, MatModulesModule, FormsModule], providers: [{ provide: MatFormFieldControl, useExisting: RequiredInputsComponent }], template: "<mat-card class=\"required-inputs-card\">\r\n  <div class=\"card-header\">\r\n    <div class=\"header-icon\" aria-hidden=\"true\">\r\n      <mat-icon>link</mat-icon>\r\n    </div>\r\n    <div class=\"header-text\">\r\n      <h2 class=\"header-title\">Required Inputs</h2>\r\n      <p class=\"header-subtitle\">Link or set default values for all required inputs.</p>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-card-content class=\"card-body\">\r\n    <div class=\"info-block\">\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    <mat-chip-listbox aria-label=\"Required inputs - select one to configure\" class=\"chip-listbox\">\r\n      <mat-chip-option\r\n        *ngFor=\"let input of value\"\r\n        [disabled]=\"disabled\"\r\n        [selected]=\"activeInput === input['name']\"\r\n        [class.chip-linked]=\"isLinked(input) && 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          {{ isLinked(input) ? 'link' : 'link_off' }}\r\n        </mat-icon>\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n    @if (!!activeInput && activeInput !== '') {\r\n      <div class=\"edit-panel\">\r\n        <ng-container *ngTemplateOutlet=\"MinInputEdit\"></ng-container>\r\n      </div>\r\n    }\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n<ng-template #MinInputEdit>\r\n  <div class=\"edit-form\">\r\n    <mat-form-field class=\"form-field\" appearance=\"outline\" subscriptSizing=\"dynamic\">\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>Select how this required input should be processed</mat-hint>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field\r\n      *ngIf=\"minInputInEdit?.type === 'default'\"\r\n      class=\"form-field\"\r\n      appearance=\"outline\"\r\n      subscriptSizing=\"dynamic\">\r\n      <mat-label>Enter default value</mat-label>\r\n      <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n      <mat-hint>Enter a default value for this input</mat-hint>\r\n    </mat-form-field>\r\n\r\n    <mat-nav-list\r\n      *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\"\r\n      [disabled]=\"disabled\"\r\n      class=\"link-list\">\r\n      <h5 mat-subheader class=\"list-subheader\">\r\n        Select a form input to link the required input \u2014 {{ activeInput }} to\r\n      </h5>\r\n\r\n      @if (!!activatedInputs) {\r\n        <mat-list-item\r\n          [activated]=\"activatedInputs.activated\"\r\n          [disabled]=\"inputIsDisabled(activatedInputs)\"\r\n          (click)=\"mapTo(activatedInputs); $event.stopPropagation()\">\r\n          <img\r\n            matListItemAvatar\r\n            class=\"list-avatar\"\r\n            [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\">check_circle</mat-icon>\r\n          </span>\r\n        </mat-list-item>\r\n      } @else {\r\n        @for (input of formInputsToMapTo; track input.id) {\r\n          <mat-list-item\r\n            [disabled]=\"inputIsDisabled(input)\"\r\n            (click)=\"mapTo(input); $event.stopPropagation()\">\r\n            <img\r\n              matListItemAvatar\r\n              class=\"list-avatar\"\r\n              [src]=\"getInputIllustration(input)\"\r\n              [alt]=\"input.label\">\r\n            <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n            <div matListItemLine class=\"list-line\">{{ input[\"formControlName\"] }}</div>\r\n            <span matListItemMeta>\r\n              <mat-icon>radio_button_unchecked</mat-icon>\r\n            </span>\r\n          </mat-list-item>\r\n          @if (!$last) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n        }\r\n      }\r\n\r\n      @if (formInputs.length === 0) {\r\n        <div class=\"empty-state\">\r\n          <mat-icon class=\"empty-state-icon\">add_link</mat-icon>\r\n          <span>Add inputs to get started</span>\r\n        </div>\r\n      }\r\n    </mat-nav-list>\r\n\r\n    <div class=\"edit-actions\">\r\n      <button mat-button (click)=\"activeInput = ''\">Cancel</button>\r\n      @if (minInputInEdit.type === 'default') {\r\n        <button mat-flat-button color=\"primary\" (click)=\"save()\">Save</button>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.required-inputs-card{background:var(--mat-sys-surface-container, var(--mat-sys-surface));border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid color-mix(in srgb,var(--mat-sys-outline, #79747e) 15%,transparent);overflow:hidden}.card-header{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 4%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mat-sys-outline, #79747e) 10%,transparent)}.header-icon{width:2.75rem;height:2.75rem;border-radius:8px;background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon mat-icon{font-size:1.5rem;width:1.5rem;height:1.5rem;color:var(--mat-sys-primary, #6750a4)}.header-text{flex:1;min-width:0}.header-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--mat-sys-on-surface, #1c1b1f);margin:0;line-height:1.3}.header-subtitle{font-size:.875rem;color:var(--mat-sys-on-surface-variant, #49454f);line-height:1.4;margin-top:.25rem;margin-bottom:0}.card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.info-block{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--mat-sys-surface-container-highest, #e8e0ec);border-radius:8px;font-size:.8125rem;color:var(--mat-sys-on-surface-variant, #49454f)}.info-block .info-icon{font-size:1rem;width:1rem;height:1rem;opacity:.8}.chip-listbox{display:flex;flex-wrap:wrap;gap:.5rem}.chip-linked{background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 14%,transparent)!important}.edit-panel{margin-top:.5rem;transition:opacity .15s ease}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-field{width:100%;margin-bottom:0}.link-list{margin-top:.5rem}.list-subheader{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--mat-sys-on-surface-variant, #49454f);margin:0 0 1rem;padding-left:.25rem}.list-avatar{margin-left:.5rem;background:var(--mat-sys-surface-container-high, var(--mat-sys-surface-container))}.list-line{font-size:.8125em;opacity:.6}.empty-state{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--mat-sys-surface-container-highest, #e8e0ec);border-radius:8px;font-size:.875rem;color:var(--mat-sys-on-surface-variant, #49454f);margin:0}.empty-state-icon{font-size:1.25rem;width:1.25rem;height:1.25rem;opacity:.8}.edit-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:.5rem}@media (prefers-color-scheme: dark){.required-inputs-card{box-shadow:0 1px 3px #0000004d}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }], propDecorators: { id: [{
+                type: HostBinding
+            }], disabled: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], formInputs: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }] } });
+
+export { RequiredInputsComponent };
+//# sourceMappingURL=ngx-t-forms-required-inputs.component-BoqmVDp2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-required-inputs.component-BoqmVDp2.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.html"],"sourcesContent":["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  @Input() 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  isLinked(input: MinimumInputRequiredInterface): boolean {\r\n    return (\r\n      (input.type === 'mapDocFilter' && !!input.mapTo) ||\r\n      (input.type === 'default' && !!input.defaultValue) ||\r\n      (input.type === 'mapto' && !!input.mapTo)\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","<mat-card class=\"required-inputs-card\">\r\n  <div class=\"card-header\">\r\n    <div class=\"header-icon\" aria-hidden=\"true\">\r\n      <mat-icon>link</mat-icon>\r\n    </div>\r\n    <div class=\"header-text\">\r\n      <h2 class=\"header-title\">Required Inputs</h2>\r\n      <p class=\"header-subtitle\">Link or set default values for all required inputs.</p>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-card-content class=\"card-body\">\r\n    <div class=\"info-block\">\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    <mat-chip-listbox aria-label=\"Required inputs - select one to configure\" class=\"chip-listbox\">\r\n      <mat-chip-option\r\n        *ngFor=\"let input of value\"\r\n        [disabled]=\"disabled\"\r\n        [selected]=\"activeInput === input['name']\"\r\n        [class.chip-linked]=\"isLinked(input) && 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          {{ isLinked(input) ? 'link' : 'link_off' }}\r\n        </mat-icon>\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n    @if (!!activeInput && activeInput !== '') {\r\n      <div class=\"edit-panel\">\r\n        <ng-container *ngTemplateOutlet=\"MinInputEdit\"></ng-container>\r\n      </div>\r\n    }\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n<ng-template #MinInputEdit>\r\n  <div class=\"edit-form\">\r\n    <mat-form-field class=\"form-field\" appearance=\"outline\" subscriptSizing=\"dynamic\">\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>Select how this required input should be processed</mat-hint>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field\r\n      *ngIf=\"minInputInEdit?.type === 'default'\"\r\n      class=\"form-field\"\r\n      appearance=\"outline\"\r\n      subscriptSizing=\"dynamic\">\r\n      <mat-label>Enter default value</mat-label>\r\n      <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n      <mat-hint>Enter a default value for this input</mat-hint>\r\n    </mat-form-field>\r\n\r\n    <mat-nav-list\r\n      *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\"\r\n      [disabled]=\"disabled\"\r\n      class=\"link-list\">\r\n      <h5 mat-subheader class=\"list-subheader\">\r\n        Select a form input to link the required input — {{ activeInput }} to\r\n      </h5>\r\n\r\n      @if (!!activatedInputs) {\r\n        <mat-list-item\r\n          [activated]=\"activatedInputs.activated\"\r\n          [disabled]=\"inputIsDisabled(activatedInputs)\"\r\n          (click)=\"mapTo(activatedInputs); $event.stopPropagation()\">\r\n          <img\r\n            matListItemAvatar\r\n            class=\"list-avatar\"\r\n            [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\">check_circle</mat-icon>\r\n          </span>\r\n        </mat-list-item>\r\n      } @else {\r\n        @for (input of formInputsToMapTo; track input.id) {\r\n          <mat-list-item\r\n            [disabled]=\"inputIsDisabled(input)\"\r\n            (click)=\"mapTo(input); $event.stopPropagation()\">\r\n            <img\r\n              matListItemAvatar\r\n              class=\"list-avatar\"\r\n              [src]=\"getInputIllustration(input)\"\r\n              [alt]=\"input.label\">\r\n            <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n            <div matListItemLine class=\"list-line\">{{ input[\"formControlName\"] }}</div>\r\n            <span matListItemMeta>\r\n              <mat-icon>radio_button_unchecked</mat-icon>\r\n            </span>\r\n          </mat-list-item>\r\n          @if (!$last) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n        }\r\n      }\r\n\r\n      @if (formInputs.length === 0) {\r\n        <div class=\"empty-state\">\r\n          <mat-icon class=\"empty-state-icon\">add_link</mat-icon>\r\n          <span>Add inputs to get started</span>\r\n        </div>\r\n      }\r\n    </mat-nav-list>\r\n\r\n    <div class=\"edit-actions\">\r\n      <button mat-button (click)=\"activeInput = ''\">Cancel</button>\r\n      @if (minInputInEdit.type === 'default') {\r\n        <button mat-flat-button color=\"primary\" (click)=\"save()\">Save</button>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { h as TreeComponent, i as convertPostmanFolderItemsToTree, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-A9_4GxP6.mjs';
+import { h as TreeComponent, i as convertPostmanFolderItemsToTree, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
 import * as i1 from '@angular/common/http';
 import { HttpErrorResponse } from '@angular/common/http';
 import { BehaviorSubject, take, tap, catchError, throwError, Subject } from 'rxjs';
@@ -292,4 +292,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { RestApiCallSetupComponent };
-//# sourceMappingURL=ngx-t-forms-rest-api-call-setup.component-CQeww1qM.mjs.map
+//# sourceMappingURL=ngx-t-forms-rest-api-call-setup.component-CtfudSGT.mjs.map

package/fesm2022/{ngx-t-forms-rest-api-call-setup.component-CQeww1qM.mjs.map → ngx-t-forms-rest-api-call-setup.component-CtfudSGT.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-rest-api-call-setup.component-CQeww1qM.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/functions/filterCollectionItems.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/functions/methodColors.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/postman-collections.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/postman-collections.component.html","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/rest-api-call-setup/rest-api-call-setup.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/rest-api-call-setup/rest-api-call-setup.component.html"],"sourcesContent":["import { IFolderItem, IGetPostmanCollections } from 'ngx-t-forms-types';\r\n\r\n// Update the filter function signature\r\nexport function filterCollectionItems(\r\n    collections: IGetPostmanCollections,\r\n    searchKey: string\r\n): IFolderItem[] {\r\n    const items = collections.collection.item;\r\n    const searchText = searchKey.trim().toLowerCase();\r\n    if (!searchText) {\r\n        return items\r\n    }\r\n\r\n    return items.filter(collection => {\r\n            return searchInItems(collection.item, searchText);\r\n        })\r\n \r\n}\r\n\r\nexport function searchInItems(\r\n    items: IFolderItem[], \r\n    searchText: string\r\n): boolean {\r\n    if (!items) return false;\r\n\r\n    for (const item of items) {\r\n        // Check if current item matches search\r\n        if (item.name?.toLowerCase().includes(searchText) || \r\n            item.description?.toLowerCase().includes(searchText)) {\r\n            return true;\r\n        }\r\n\r\n        // Recursively search in nested items\r\n        if (item.item && searchInItems(item.item, searchText)) {\r\n            return true;\r\n        }\r\n    }\r\n\r\n    return false;\r\n}","export function methodColor(method: string): string {\r\n    switch (method) {\r\n      case 'GET':\r\n        return 'green';\r\n      case 'POST':\r\n        return 'chocolate';\r\n      case 'PUT':\r\n        return 'yellow'; \r\n      case 'DELETE':\r\n        return 'red';\r\n      default:\r\n        return 'currentColor';\r\n      }\r\n  }","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { TreeComponent } from '../api-value-access-rules/functions/convertDataToTree';\r\nimport { IFolderItem, IGetPostmanCollections, IPostmanCollectionConfig } from \"ngx-t-forms-types\";\r\n\r\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport { BehaviorSubject, catchError, Observable, take, tap, throwError } from 'rxjs';\r\nimport { convertPostmanFolderItemsToTree } from './functions/convertPostmanCollectionToTree';\r\nimport { filterCollectionItems } from './functions/filterCollectionItems';\r\nimport { methodColor } from './functions/methodColors';\r\n\r\n@Component({\r\n  selector: 'app-postman-collections',\r\n  templateUrl: './postman-collections.component.html',\r\n  styleUrls: ['./postman-collections.component.scss'],\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormsModule]\r\n})\r\nexport class PostmanCollectionsComponent implements OnInit {\r\n\r\n  private _collection$: BehaviorSubject<IGetPostmanCollections | undefined> = new BehaviorSubject<IGetPostmanCollections | undefined>(undefined)\r\n  get collection$(): Observable<IGetPostmanCollections | undefined> {\r\n    return this._collection$.asObservable();\r\n  }\r\n  treeComponent = new TreeComponent();\r\n\r\n\r\n  @Output() nodeSelectionChanged = new EventEmitter<IFolderItem>();\r\n\r\n  constructor(private readonly httpClient: HttpClient) { }\r\n  ngOnInit(): void {\r\n    this.initializePostmanService()\r\n  }\r\n  _searchKey: string = ''\r\n\r\n  @Input() postmanCollectionConfig: IPostmanCollectionConfig | undefined\r\n  @Input() loadingEndPoints:string[] = []\r\n \r\n  selectNode(node: IFolderItem): void {\r\n    this.nodeSelectionChanged.emit(node);\r\n  }\r\n\r\n  private isValidConfig(config: IPostmanCollectionConfig | undefined): boolean {\r\n    return Boolean(config?.collectionUrl && config?.collectionKey);\r\n  }\r\n\r\n\r\n  error: HttpErrorResponse | undefined\r\n  loading: boolean = false\r\n  private initializePostmanService(): void {\r\n    const isValidConfig = this.isValidConfig(this.postmanCollectionConfig)\r\n    if (!isValidConfig) {\r\n      this.error = new HttpErrorResponse({\r\n        error: 'Invalid Postman Collection Config',\r\n      })\r\n      return\r\n    }\r\n    const { collectionUrl, collectionKey } = this.postmanCollectionConfig!\r\n   \r\n    const requestOptions = {\r\n      params: {\r\n        apikey: collectionKey,\r\n        clearSystemHeaders: true\r\n      },\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n\r\n      }\r\n    }\r\n    this.loading = true\r\n    this.httpClient.get<IGetPostmanCollections>(\r\n      collectionUrl,\r\n      requestOptions\r\n    ).pipe(\r\n      take(1),\r\n      tap((data) => {\r\n        this._collection$.next(data)\r\n        // To ensure the data can be shown as a tree\r\n        const treeData = convertPostmanFolderItemsToTree(data.collection.item);\r\n        this.treeComponent.assignDataSourceData(treeData)\r\n        this.error = undefined\r\n        this.loading = false\r\n      }),\r\n      catchError((err: HttpErrorResponse) => {\r\n        this.loading = false\r\n        this.error = err\r\n        console.error(err)\r\n        return throwError(err)\r\n      })\r\n    ).subscribe();\r\n  }\r\n  methodColor(method: string): string {\r\n    return methodColor(method)\r\n  }\r\n  searchTree(event: any): void {\r\n    const search: string = event.target.value\r\n    this.collection$.pipe(\r\n      take(1),\r\n      tap((collection) => {\r\n        if (!collection) {\r\n          return\r\n        }\r\n        const items = filterCollectionItems(collection, search)\r\n        const treeData = convertPostmanFolderItemsToTree(items);\r\n        this.treeComponent.assignDataSourceData(treeData)\r\n\r\n\r\n      })\r\n    ).subscribe()\r\n  }\r\n  getNodeLines(level: number): number[] {\r\n    return Array(level).fill(0).map((_, i) => i + 1)\r\n  }\r\n}\r\n","\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","import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { PostmanCollectionsComponent } from '../postman-collections/postman-collections.component';\r\nimport { IFolderItem, IPostmanCollectionConfig } from \"ngx-t-forms-types\";\r\nimport { APIDataFetchingConfigurationInterface } from 'ngx-t-forms-types';\r\nimport { DataSources } from \"ngx-t-forms-types\";\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { methodColor } from '../postman-collections/functions/methodColors';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport {OverlayModule} from '@angular/cdk/overlay';\r\n@Component({\r\n  selector: 'lib-rest-api-call-setup',\r\n  standalone: true,\r\n  imports: [PostmanCollectionsComponent,MatModulesModule,CommonModule,OverlayModule],\r\n   providers: [{ provide: MatFormFieldControl, useExisting:RestApiCallSetupComponent}],\r\n  templateUrl: './rest-api-call-setup.component.html',\r\n  styleUrl: './rest-api-call-setup.component.css'\r\n})\r\nexport class RestApiCallSetupComponent implements MatFormFieldControl<APIDataFetchingConfigurationInterface | undefined> {\r\n \r\n    static nextId = 0;\r\n    stateChanges = new Subject<void>();\r\n  \r\n    @HostBinding() id = `lib-rest-api-call-setup-${RestApiCallSetupComponent.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    @Input() disabled: boolean = false;\r\n    get errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     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('.lib-rest-api-call-setup');\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  @Input() postmanCollectionConfig: IPostmanCollectionConfig | undefined\r\n  @Input() httpGetDataFunction: ((url: string,options:any) => Observable<any>) | undefined = undefined\r\n  private _value: APIDataFetchingConfigurationInterface | undefined;\r\n  @Input() \r\n  set value(val: APIDataFetchingConfigurationInterface | undefined) {\r\n    if (JSON.stringify(val) !== JSON.stringify(this._value)) {\r\n      this._value = val;\r\n    }\r\n  }\r\n  get value(): APIDataFetchingConfigurationInterface | undefined {\r\n    return this._value;\r\n  }\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Output() valueChanged = new EventEmitter<APIDataFetchingConfigurationInterface | undefined >();\r\n loadingEndPoints: string[] = []\r\n async nodeSelectionChanged(node: IFolderItem) {\r\n\r\n    const { id, name, request, response } = node;\r\n   \r\n    if(!request || !response) return;\r\n    let requestBody\r\n    try {\r\n     requestBody = JSON.parse(request?.body?.raw || '{}')\r\n    } catch (error) {\r\n      console.error(\"API BODY PARSE ERROR\")\r\n      requestBody = {}\r\n    }\r\n    \r\n   \r\n\r\n    \r\n    const keyExtraction = (key: string, value: any, primaryKey: boolean) => {\r\n      return ({\r\n        name: key,\r\n        type: typeof value,\r\n        primaryKey\r\n      }) as any\r\n    }\r\n\r\n    // if(request.method === 'GET'){\r\n    //   this.loadingEndPoints.push(id)\r\n    //   try {\r\n    //     responseBody = await this.httpGetDataFunction?.(request.url.raw)\r\n    //   } catch (error) {\r\n    //     console.error(error)\r\n    //     this.loadingEndPoints = this.loadingEndPoints.filter((item) => item !== id)\r\n    //   }\r\n\r\n    // }\r\n    \r\n    const secondaryKeys = Object.entries(requestBody['data'] || {}).map(([key, value]) => keyExtraction(key, value, false))\r\n    delete requestBody['data']\r\n\r\n    const primaryKeys = Object.entries(requestBody).map(([key, value]) => keyExtraction(key, value, true))\r\n    const minimumInputRequired: any = request?.method === 'POST' ? [...primaryKeys, ...secondaryKeys] : []\r\n    const transformedNode= {\r\n      _id: id,\r\n      name: name,\r\n      httpEndPoint: request.url.raw,\r\n      httpMethod: request.method,\r\n      source: DataSources.Api,\r\n      postFormData: request.method === 'POST',\r\n      backEndConfig: {\r\n        minimumInputRequired,\r\n      },\r\n      \r\n    } as APIDataFetchingConfigurationInterface \r\n    const fetch: any = transformedNode;\r\n    console.log(fetch)\r\n    this.valueChanged.emit(fetch);\r\n  }\r\n  clearValue() {\r\n    const source = this.value?.source as any\r\n    this._value = undefined;\r\n    this.valueChanged.emit(undefined);\r\n    this.valueChanged.emit({source:source} as any);\r\n  }\r\n  methodColor(method: string| undefined): string {\r\n    return methodColor(method||'POST')\r\n   }\r\n   get hasValidValue(){\r\n      return Boolean(this.value) && Boolean(this.value?.httpEndPoint) && Boolean(this.value?.httpMethod) \r\n   }\r\n  \r\n}\r\n","\r\n@if(postmanCollectionConfig && !hasValidValue ){\r\n    <app-postman-collections \r\n    (nodeSelectionChanged)=\"nodeSelectionChanged($event)\"\r\n    [loadingEndPoints]=\"loadingEndPoints\"\r\n    [postmanCollectionConfig]=\"postmanCollectionConfig\" >\r\n    \r\n    </app-postman-collections>\r\n}\r\n\r\n@if(!!hasValidValue && !!postmanCollectionConfig){\r\n<mat-toolbar>\r\n  \r\n    <button \r\n    (click)=\"clearValue()\" [matTooltip]=\"value?.httpEndPoint\" class=\"item\" mat-button\r\n        >\r\n\r\n    <span class=\"node-key method\" [style.color]=\"  methodColor(value?.httpMethod)\">\r\n      {{value?.httpMethod}}</span>\r\n    <span>\r\n      {{ value?.name }} \r\n\r\n    </span>\r\n  </button> \r\n</mat-toolbar>\r\n\r\n}\r\n\r\n@if(!postmanCollectionConfig) {\r\n    <mat-toolbar color=\"warn\">\r\n        <p style=\"font-size: 0.875em;    white-space: normal;\r\n    line-height: normal;\">\r\n            No postman collection configured. \r\n            Add Postman collection Id and Api key\r\n        </p>\r\n \r\n    </mat-toolbar>\r\n  \r\n}\r\n<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"disabled\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n"],"names":["i1","i2","i3","i4","i5"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-rest-api-call-setup.component-CtfudSGT.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/functions/filterCollectionItems.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/functions/methodColors.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/postman-collections.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/postman-collections/postman-collections.component.html","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/rest-api-call-setup/rest-api-call-setup.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/rest-api-call-setup/rest-api-call-setup.component.html"],"sourcesContent":["import { IFolderItem, IGetPostmanCollections } from 'ngx-t-forms-types';\r\n\r\n// Update the filter function signature\r\nexport function filterCollectionItems(\r\n    collections: IGetPostmanCollections,\r\n    searchKey: string\r\n): IFolderItem[] {\r\n    const items = collections.collection.item;\r\n    const searchText = searchKey.trim().toLowerCase();\r\n    if (!searchText) {\r\n        return items\r\n    }\r\n\r\n    return items.filter(collection => {\r\n            return searchInItems(collection.item, searchText);\r\n        })\r\n \r\n}\r\n\r\nexport function searchInItems(\r\n    items: IFolderItem[], \r\n    searchText: string\r\n): boolean {\r\n    if (!items) return false;\r\n\r\n    for (const item of items) {\r\n        // Check if current item matches search\r\n        if (item.name?.toLowerCase().includes(searchText) || \r\n            item.description?.toLowerCase().includes(searchText)) {\r\n            return true;\r\n        }\r\n\r\n        // Recursively search in nested items\r\n        if (item.item && searchInItems(item.item, searchText)) {\r\n            return true;\r\n        }\r\n    }\r\n\r\n    return false;\r\n}","export function methodColor(method: string): string {\r\n    switch (method) {\r\n      case 'GET':\r\n        return 'green';\r\n      case 'POST':\r\n        return 'chocolate';\r\n      case 'PUT':\r\n        return 'yellow'; \r\n      case 'DELETE':\r\n        return 'red';\r\n      default:\r\n        return 'currentColor';\r\n      }\r\n  }","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { TreeComponent } from '../api-value-access-rules/functions/convertDataToTree';\r\nimport { IFolderItem, IGetPostmanCollections, IPostmanCollectionConfig } from \"ngx-t-forms-types\";\r\n\r\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport { BehaviorSubject, catchError, Observable, take, tap, throwError } from 'rxjs';\r\nimport { convertPostmanFolderItemsToTree } from './functions/convertPostmanCollectionToTree';\r\nimport { filterCollectionItems } from './functions/filterCollectionItems';\r\nimport { methodColor } from './functions/methodColors';\r\n\r\n@Component({\r\n  selector: 'app-postman-collections',\r\n  templateUrl: './postman-collections.component.html',\r\n  styleUrls: ['./postman-collections.component.scss'],\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormsModule]\r\n})\r\nexport class PostmanCollectionsComponent implements OnInit {\r\n\r\n  private _collection$: BehaviorSubject<IGetPostmanCollections | undefined> = new BehaviorSubject<IGetPostmanCollections | undefined>(undefined)\r\n  get collection$(): Observable<IGetPostmanCollections | undefined> {\r\n    return this._collection$.asObservable();\r\n  }\r\n  treeComponent = new TreeComponent();\r\n\r\n\r\n  @Output() nodeSelectionChanged = new EventEmitter<IFolderItem>();\r\n\r\n  constructor(private readonly httpClient: HttpClient) { }\r\n  ngOnInit(): void {\r\n    this.initializePostmanService()\r\n  }\r\n  _searchKey: string = ''\r\n\r\n  @Input() postmanCollectionConfig: IPostmanCollectionConfig | undefined\r\n  @Input() loadingEndPoints:string[] = []\r\n \r\n  selectNode(node: IFolderItem): void {\r\n    this.nodeSelectionChanged.emit(node);\r\n  }\r\n\r\n  private isValidConfig(config: IPostmanCollectionConfig | undefined): boolean {\r\n    return Boolean(config?.collectionUrl && config?.collectionKey);\r\n  }\r\n\r\n\r\n  error: HttpErrorResponse | undefined\r\n  loading: boolean = false\r\n  private initializePostmanService(): void {\r\n    const isValidConfig = this.isValidConfig(this.postmanCollectionConfig)\r\n    if (!isValidConfig) {\r\n      this.error = new HttpErrorResponse({\r\n        error: 'Invalid Postman Collection Config',\r\n      })\r\n      return\r\n    }\r\n    const { collectionUrl, collectionKey } = this.postmanCollectionConfig!\r\n   \r\n    const requestOptions = {\r\n      params: {\r\n        apikey: collectionKey,\r\n        clearSystemHeaders: true\r\n      },\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n\r\n      }\r\n    }\r\n    this.loading = true\r\n    this.httpClient.get<IGetPostmanCollections>(\r\n      collectionUrl,\r\n      requestOptions\r\n    ).pipe(\r\n      take(1),\r\n      tap((data) => {\r\n        this._collection$.next(data)\r\n        // To ensure the data can be shown as a tree\r\n        const treeData = convertPostmanFolderItemsToTree(data.collection.item);\r\n        this.treeComponent.assignDataSourceData(treeData)\r\n        this.error = undefined\r\n        this.loading = false\r\n      }),\r\n      catchError((err: HttpErrorResponse) => {\r\n        this.loading = false\r\n        this.error = err\r\n        console.error(err)\r\n        return throwError(err)\r\n      })\r\n    ).subscribe();\r\n  }\r\n  methodColor(method: string): string {\r\n    return methodColor(method)\r\n  }\r\n  searchTree(event: any): void {\r\n    const search: string = event.target.value\r\n    this.collection$.pipe(\r\n      take(1),\r\n      tap((collection) => {\r\n        if (!collection) {\r\n          return\r\n        }\r\n        const items = filterCollectionItems(collection, search)\r\n        const treeData = convertPostmanFolderItemsToTree(items);\r\n        this.treeComponent.assignDataSourceData(treeData)\r\n\r\n\r\n      })\r\n    ).subscribe()\r\n  }\r\n  getNodeLines(level: number): number[] {\r\n    return Array(level).fill(0).map((_, i) => i + 1)\r\n  }\r\n}\r\n","\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","import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { PostmanCollectionsComponent } from '../postman-collections/postman-collections.component';\r\nimport { IFolderItem, IPostmanCollectionConfig } from \"ngx-t-forms-types\";\r\nimport { APIDataFetchingConfigurationInterface } from 'ngx-t-forms-types';\r\nimport { DataSources } from \"ngx-t-forms-types\";\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { methodColor } from '../postman-collections/functions/methodColors';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport {OverlayModule} from '@angular/cdk/overlay';\r\n@Component({\r\n  selector: 'lib-rest-api-call-setup',\r\n  standalone: true,\r\n  imports: [PostmanCollectionsComponent,MatModulesModule,CommonModule,OverlayModule],\r\n   providers: [{ provide: MatFormFieldControl, useExisting:RestApiCallSetupComponent}],\r\n  templateUrl: './rest-api-call-setup.component.html',\r\n  styleUrl: './rest-api-call-setup.component.css'\r\n})\r\nexport class RestApiCallSetupComponent implements MatFormFieldControl<APIDataFetchingConfigurationInterface | undefined> {\r\n \r\n    static nextId = 0;\r\n    stateChanges = new Subject<void>();\r\n  \r\n    @HostBinding() id = `lib-rest-api-call-setup-${RestApiCallSetupComponent.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    @Input() disabled: boolean = false;\r\n    get errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     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('.lib-rest-api-call-setup');\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  @Input() postmanCollectionConfig: IPostmanCollectionConfig | undefined\r\n  @Input() httpGetDataFunction: ((url: string,options:any) => Observable<any>) | undefined = undefined\r\n  private _value: APIDataFetchingConfigurationInterface | undefined;\r\n  @Input() \r\n  set value(val: APIDataFetchingConfigurationInterface | undefined) {\r\n    if (JSON.stringify(val) !== JSON.stringify(this._value)) {\r\n      this._value = val;\r\n    }\r\n  }\r\n  get value(): APIDataFetchingConfigurationInterface | undefined {\r\n    return this._value;\r\n  }\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Output() valueChanged = new EventEmitter<APIDataFetchingConfigurationInterface | undefined >();\r\n loadingEndPoints: string[] = []\r\n async nodeSelectionChanged(node: IFolderItem) {\r\n\r\n    const { id, name, request, response } = node;\r\n   \r\n    if(!request || !response) return;\r\n    let requestBody\r\n    try {\r\n     requestBody = JSON.parse(request?.body?.raw || '{}')\r\n    } catch (error) {\r\n      console.error(\"API BODY PARSE ERROR\")\r\n      requestBody = {}\r\n    }\r\n    \r\n   \r\n\r\n    \r\n    const keyExtraction = (key: string, value: any, primaryKey: boolean) => {\r\n      return ({\r\n        name: key,\r\n        type: typeof value,\r\n        primaryKey\r\n      }) as any\r\n    }\r\n\r\n    // if(request.method === 'GET'){\r\n    //   this.loadingEndPoints.push(id)\r\n    //   try {\r\n    //     responseBody = await this.httpGetDataFunction?.(request.url.raw)\r\n    //   } catch (error) {\r\n    //     console.error(error)\r\n    //     this.loadingEndPoints = this.loadingEndPoints.filter((item) => item !== id)\r\n    //   }\r\n\r\n    // }\r\n    \r\n    const secondaryKeys = Object.entries(requestBody['data'] || {}).map(([key, value]) => keyExtraction(key, value, false))\r\n    delete requestBody['data']\r\n\r\n    const primaryKeys = Object.entries(requestBody).map(([key, value]) => keyExtraction(key, value, true))\r\n    const minimumInputRequired: any = request?.method === 'POST' ? [...primaryKeys, ...secondaryKeys] : []\r\n    const transformedNode= {\r\n      _id: id,\r\n      name: name,\r\n      httpEndPoint: request.url.raw,\r\n      httpMethod: request.method,\r\n      source: DataSources.Api,\r\n      postFormData: request.method === 'POST',\r\n      backEndConfig: {\r\n        minimumInputRequired,\r\n      },\r\n      \r\n    } as APIDataFetchingConfigurationInterface \r\n    const fetch: any = transformedNode;\r\n    console.log(fetch)\r\n    this.valueChanged.emit(fetch);\r\n  }\r\n  clearValue() {\r\n    const source = this.value?.source as any\r\n    this._value = undefined;\r\n    this.valueChanged.emit(undefined);\r\n    this.valueChanged.emit({source:source} as any);\r\n  }\r\n  methodColor(method: string| undefined): string {\r\n    return methodColor(method||'POST')\r\n   }\r\n   get hasValidValue(){\r\n      return Boolean(this.value) && Boolean(this.value?.httpEndPoint) && Boolean(this.value?.httpMethod) \r\n   }\r\n  \r\n}\r\n","\r\n@if(postmanCollectionConfig && !hasValidValue ){\r\n    <app-postman-collections \r\n    (nodeSelectionChanged)=\"nodeSelectionChanged($event)\"\r\n    [loadingEndPoints]=\"loadingEndPoints\"\r\n    [postmanCollectionConfig]=\"postmanCollectionConfig\" >\r\n    \r\n    </app-postman-collections>\r\n}\r\n\r\n@if(!!hasValidValue && !!postmanCollectionConfig){\r\n<mat-toolbar>\r\n  \r\n    <button \r\n    (click)=\"clearValue()\" [matTooltip]=\"value?.httpEndPoint\" class=\"item\" mat-button\r\n        >\r\n\r\n    <span class=\"node-key method\" [style.color]=\"  methodColor(value?.httpMethod)\">\r\n      {{value?.httpMethod}}</span>\r\n    <span>\r\n      {{ value?.name }} \r\n\r\n    </span>\r\n  </button> \r\n</mat-toolbar>\r\n\r\n}\r\n\r\n@if(!postmanCollectionConfig) {\r\n    <mat-toolbar color=\"warn\">\r\n        <p style=\"font-size: 0.875em;    white-space: normal;\r\n    line-height: normal;\">\r\n            No postman collection configured. \r\n            Add Postman collection Id and Api key\r\n        </p>\r\n \r\n    </mat-toolbar>\r\n  \r\n}\r\n<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"disabled\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n"],"names":["i1","i2","i3","i4","i5"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-section-report.component-DGwgq4QR.mjs → ngx-t-forms-section-report.component-Dntm1m5b.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, computed, ViewChild, Input, Component } from '@angular/core';
-import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-A9_4GxP6.mjs';
+import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
 import * as i8 from '@angular/material/sort';
 import { MatSort } from '@angular/material/sort';
 import { MatPaginator } from '@angular/material/paginator';
@@ -153,4 +153,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { SectionReportComponent };
-//# sourceMappingURL=ngx-t-forms-section-report.component-DGwgq4QR.mjs.map
+//# sourceMappingURL=ngx-t-forms-section-report.component-Dntm1m5b.mjs.map