ngx-t-forms 2.0.17 → 2.0.18

package/fesm2022/{ngx-t-forms-rest-api-call-setup.component-Dx-EamZ8.mjs.map → ngx-t-forms-rest-api-call-setup.component-BqiD8UGC.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-rest-api-call-setup.component-Dx-EamZ8.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-flat-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: 14px;    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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;AACgB,SAAA,qBAAqB,CACjC,WAAmC,EACnC,SAAiB,EAAA;AAEjB,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI;IACzC,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;IACjD,IAAI,CAAC,UAAU,EAAE;AACb,QAAA,OAAO,KAAK;;AAGhB,IAAA,OAAO,KAAK,CAAC,MAAM,CAAC,UAAU,IAAG;QACzB,OAAO,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC;AACrD,KAAC,CAAC;AAEV;AAEgB,SAAA,aAAa,CACzB,KAAoB,EACpB,UAAkB,EAAA;AAElB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,KAAK;AAExB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;;QAEtB,IAAI,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;YAC7C,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACtD,YAAA,OAAO,IAAI;;;AAIf,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE;AACnD,YAAA,OAAO,IAAI;;;AAInB,IAAA,OAAO,KAAK;AAChB;;ACvCM,SAAU,WAAW,CAAC,MAAc,EAAA;IACtC,QAAQ,MAAM;AACZ,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,OAAO;AAChB,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,WAAW;AACpB,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,QAAQ;AACjB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK;AACd,QAAA;AACE,YAAA,OAAO,cAAc;;AAE3B;;MCOW,2BAA2B,CAAA;AAGtC,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE;;AAOzC,IAAA,WAAA,CAA6B,UAAsB,EAAA;QAAtB,IAAU,CAAA,UAAA,GAAV,UAAU;AAT/B,QAAA,IAAA,CAAA,YAAY,GAAwD,IAAI,eAAe,CAAqC,SAAS,CAAC;AAI9I,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,aAAa,EAAE;AAGzB,QAAA,IAAA,CAAA,oBAAoB,GAAG,IAAI,YAAY,EAAe;QAMhE,IAAU,CAAA,UAAA,GAAW,EAAE;QAGd,IAAgB,CAAA,gBAAA,GAAY,EAAE;QAYvC,IAAO,CAAA,OAAA,GAAY,KAAK;;IAlBxB,QAAQ,GAAA;QACN,IAAI,CAAC,wBAAwB,EAAE;;AAOjC,IAAA,UAAU,CAAC,IAAiB,EAAA;AAC1B,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;AAG9B,IAAA,aAAa,CAAC,MAA4C,EAAA;QAChE,OAAO,OAAO,CAAC,MAAM,EAAE,aAAa,IAAI,MAAM,EAAE,aAAa,CAAC;;IAMxD,wBAAwB,GAAA;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,uBAAuB,CAAC;QACtE,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,iBAAiB,CAAC;AACjC,gBAAA,KAAK,EAAE,mCAAmC;AAC3C,aAAA,CAAC;YACF;;QAEF,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,uBAAwB;AAEtE,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,aAAa;AACrB,gBAAA,kBAAkB,EAAE;AACrB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,cAAc,EAAE,kBAAkB;AAEnC;SACF;AACD,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,IAAI,CAAC,UAAU,CAAC,GAAG,CACjB,aAAa,EACb,cAAc,CACf,CAAC,IAAI,CACJ,IAAI,CAAC,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,IAAI,KAAI;AACX,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;YAE5B,MAAM,QAAQ,GAAG,+BAA+B,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;AACtE,YAAA,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,CAAC;AACjD,YAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,SAAC,CAAC,EACF,UAAU,CAAC,CAAC,GAAsB,KAAI;AACpC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,KAAK,GAAG,GAAG;AAChB,YAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAClB,YAAA,OAAO,UAAU,CAAC,GAAG,CAAC;AACxB,SAAC,CAAC,CACH,CAAC,SAAS,EAAE;;AAEf,IAAA,WAAW,CAAC,MAAc,EAAA;AACxB,QAAA,OAAO,WAAW,CAAC,MAAM,CAAC;;AAE5B,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,MAAM,MAAM,GAAW,KAAK,CAAC,MAAM,CAAC,KAAK;AACzC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,IAAI,CAAC,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,UAAU,KAAI;YACjB,IAAI,CAAC,UAAU,EAAE;gBACf;;YAEF,MAAM,KAAK,GAAG,qBAAqB,CAAC,UAAU,EAAE,MAAM,CAAC;AACvD,YAAA,MAAM,QAAQ,GAAG,+BAA+B,CAAC,KAAK,CAAC;AACvD,YAAA,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,CAAC;AAGnD,SAAC,CAAC,CACH,CAAC,SAAS,EAAE;;AAEf,IAAA,YAAY,CAAC,KAAa,EAAA;QACxB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;8GA7FvC,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,oPCpBxC,09EA4EA,EAAA,MAAA,EAAA,CAAA,s5CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1DY,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,0yDAAE,WAAW,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAE1C,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EAGvB,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,gBAAgB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,09EAAA,EAAA,MAAA,EAAA,CAAA,s5CAAA,CAAA,EAAA;+EAW5C,oBAAoB,EAAA,CAAA;sBAA7B;gBAQQ,uBAAuB,EAAA,CAAA;sBAA/B;gBACQ,gBAAgB,EAAA,CAAA;sBAAxB;;;MEhBU,yBAAyB,CAAA;aAE3B,IAAM,CAAA,MAAA,GAAG,CAAH,CAAK;IAMlB,WAAuC,CAAA,SAAoB,EAAU,WAAoC,EAAA;QAAlE,IAAS,CAAA,SAAA,GAAT,SAAS;QAAqB,IAAW,CAAA,WAAA,GAAX,WAAW;AALhF,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;AAEnB,QAAA,IAAA,CAAA,EAAE,GAAG,CAA2B,wBAAA,EAAA,yBAAyB,CAAC,MAAM,EAAE,EAAE;QAEnF,IAAW,CAAA,WAAA,GAAW,EAAE;QAExB,IAAO,CAAA,OAAA,GAAY,KAAK;QAOxB,IAAQ,CAAA,QAAA,GAAY,KAAK;QAChB,IAAQ,CAAA,QAAA,GAAY,KAAK;QAyBlC,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,GAAG;QAYb,IAAmB,CAAA,mBAAA,GAA+D,SAAS;QAWzF,IAAM,CAAA,MAAA,GAAoC,EAAE;AAC7C,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAsD;QAChG,IAAgB,CAAA,gBAAA,GAAa,EAAE;;AA1D5B,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK;;AAEpB,IAAA,IAAI,gBAAgB,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;;AAIpC,IAAA,IAAI,UAAU,GAAA;QACb,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAE,EAAE,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO;AAClG,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAK,QAAQ;;AAOnD,IAAA,iBAAiB,CAAC,GAAa,EAAA;;QAE7B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACtD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,0BAA0B,CAAC;;YAE/F,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;;AAIpE,IAAA,gBAAgB,CAAC,KAAiB,EAAA;QAChC,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;IAK1B,aAAa,GAAA;AACX,QAAA,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;;IASzB,IACI,KAAK,CAAC,GAAsD,EAAA;AAC9D,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;AACvD,YAAA,IAAI,CAAC,MAAM,GAAG,GAAG;;;AAGrB,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM;;IAKrB,MAAM,oBAAoB,CAAC,IAAiB,EAAA;QAEzC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI;AAE5C,QAAA,IAAG,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE;AAC1B,QAAA,IAAI,WAAW;AACf,QAAA,IAAI;AACH,YAAA,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,IAAI,CAAC;;QACnD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,CAAC;YACrC,WAAW,GAAG,EAAE;;QAMlB,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,KAAU,EAAE,UAAmB,KAAI;AACrE,YAAA,QAAQ;AACN,gBAAA,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,OAAO,KAAK;gBAClB;AACD,aAAA;AACH,SAAC;;;;;;;;;;AAaD,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,aAAa,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AACvH,QAAA,OAAO,WAAW,CAAC,MAAM,CAAC;AAE1B,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,aAAa,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACtG,MAAM,oBAAoB,GAAQ,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,aAAa,CAAC,GAAG,EAAE;AACtG,QAAA,MAAM,eAAe,GAAE;AACrB,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG;YAC7B,UAAU,EAAE,OAAO,CAAC,MAAM;YAC1B,MAAM,EAAE,WAAW,CAAC,GAAG;AACvB,YAAA,YAAY,EAAE,OAAO,CAAC,MAAM,KAAK,MAAM;AACvC,YAAA,aAAa,EAAE;gBACb,oBAAoB;AACrB,aAAA;SAEuC;QAC1C,MAAM,KAAK,GAAQ,eAAe;AAClC,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AAClB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;IAE/B,UAAU,GAAA;AACR,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,MAAa;AACxC,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAC,MAAM,EAAC,MAAM,EAAQ,CAAC;;AAEhD,IAAA,WAAW,CAAC,MAAyB,EAAA;AACnC,QAAA,OAAO,WAAW,CAAC,MAAM,IAAE,MAAM,CAAC;;AAEnC,IAAA,IAAI,aAAa,GAAA;QACd,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;;8GAvI3F,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAJxB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAC,yBAAyB,EAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBtF,mzCAgDA,ED/BY,MAAA,EAAA,CAAA,4LAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,+JAAC,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,qEAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,8BAAA,EAAA,qCAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,8BAAA,EAAA,kCAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,iCAAA,EAAA,sCAAA,EAAA,gCAAA,EAAA,iCAAA,EAAA,uCAAA,EAAA,kCAAA,EAAA,yBAAA,EAAA,wCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAC,aAAa,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAKtE,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EACP,OAAA,EAAA,CAAC,2BAA2B,EAAC,gBAAgB,EAAC,YAAY,EAAC,aAAa,CAAC,EACtE,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAA0B,yBAAA,EAAC,CAAC,EAAA,QAAA,EAAA,mzCAAA,EAAA,MAAA,EAAA,CAAA,4LAAA,CAAA,EAAA;;0BAYrE;;0BAAY;kEAHV,EAAE,EAAA,CAAA;sBAAhB;gBAYQ,QAAQ,EAAA,CAAA;sBAAhB;gBAqCM,uBAAuB,EAAA,CAAA;sBAA/B;gBACQ,mBAAmB,EAAA,CAAA;sBAA3B;gBAGG,KAAK,EAAA,CAAA;sBADR;gBASU,MAAM,EAAA,CAAA;sBAAd;gBACO,YAAY,EAAA,CAAA;sBAArB;;;;;"}
+{"version":3,"file":"ngx-t-forms-rest-api-call-setup.component-BqiD8UGC.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: 14px;    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-Z9rqOa1d.mjs → ngx-t-forms-section-report.component-Cl3KWTOq.mjs}

@@ -1,18 +1,18 @@
 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-fgu62eR1.mjs';
-import * as i4$1 from '@angular/material/sort';
+import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-B4C0NbAb.mjs';
+import * as i9 from '@angular/material/sort';
 import { MatSort } from '@angular/material/sort';
 import { MatPaginator } from '@angular/material/paginator';
-import * as i5 from '@angular/material/table';
+import * as i10 from '@angular/material/table';
 import { MatTableDataSource } from '@angular/material/table';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ElementTypes, validateFormSlide } from 'ngx-t-forms-types';
 import * as i4 from '@angular/material/chips';
-import * as i6 from '@angular/material/icon';
-import * as i9 from '@angular/material/toolbar';
+import * as i5 from '@angular/material/icon';
+import * as i9$1 from '@angular/material/toolbar';
 
 class SectionReportComponent {
     constructor() {
@@ -137,7 +137,7 @@ class SectionReportComponent {
         this.dataSource.filter = filterValue.trim().toLowerCase();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SectionReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SectionReportComponent, isStandalone: true, selector: "app-section-report", inputs: { sectionId: "sectionId" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"report-container\" *ngIf=\"(section())\">\r\n\r\n\r\n  <mat-toolbar style=\"padding: 0px;\">\r\n    <mat-icon class=\"section-icon\">analytics</mat-icon>\r\n    <small>\r\n      Form Section Diagnostic Report\r\n    </small>\r\n\r\n    <span class=\"spacer\"></span>\r\n    <div class=\"status-chips\">\r\n      <div class=\"status-chip\" >\r\n        <mat-icon>check_circle</mat-icon>\r\n        \r\n      </div>\r\n      <div class=\"status-chip initialized\" *ngIf=\"(section())?.sectionIsSeen\">\r\n        <mat-icon>task_alt</mat-icon>\r\n        Initialized\r\n      </div>\r\n    </div>\r\n  </mat-toolbar>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <table mat-table [dataSource]=\"(sectionData())||[]\" matSort class=\"w-full\">\r\n    <!-- Icon Column -->\r\n    <ng-container matColumnDef=\"icon\">\r\n      <th mat-header-cell *matHeaderCellDef></th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-icon [ngStyle]=\"{'color': row.color}\">{{ row.icon }}</mat-icon>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- description Column -->\r\n    <ng-container matColumnDef=\"description\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>description</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.description }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Name Column -->\r\n    <ng-container matColumnDef=\"name\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.name }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Value Column -->\r\n    <ng-container matColumnDef=\"value\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.value }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Details Column -->\r\n    <ng-container matColumnDef=\"details\">\r\n      <th mat-header-cell *matHeaderCellDef>Details</th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-chip-set *ngIf=\"row.details?.length\">\r\n          <mat-chip *ngFor=\"let detail of row.details\" class=\"detail-chip\">\r\n            {{ detail }}\r\n          </mat-chip>\r\n        </mat-chip-set>\r\n      </td>\r\n    </ng-container>\r\n\r\n\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</div>", styles: [".report-container{padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}.header-card{background:#fff}.title-section{display:flex;align-items:center;gap:12px}.section-icon{color:#4f46e5;font-size:28px;width:28px;height:28px;margin-right:8px}h1{margin:0;font-size:20px;font-weight:500}.subtitle{margin:4px 0 0;color:#666;font-size:14px}.status-chips{display:flex;gap:8px;margin-left:auto}.status-chip{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background:#22c55e;color:#fff;font-size:14px}.status-chip.invalid{background:#ef4444}.status-chip.initialized{background:#3b82f6}.status-chip mat-icon{font-size:18px;width:18px;height:18px}.filter-field{width:100%;margin-bottom:16px}.detail-chip{font-size:12px;height:24px}mat-card-content{padding:16px}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SectionReportComponent, isStandalone: true, selector: "app-section-report", inputs: { sectionId: "sectionId" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"report-container\" *ngIf=\"(section())\">\r\n\r\n\r\n  <mat-toolbar style=\"padding: 0px;\">\r\n    <mat-icon class=\"section-icon\">analytics</mat-icon>\r\n    <small>\r\n      Form Section Diagnostic Report\r\n    </small>\r\n\r\n    <span class=\"spacer\"></span>\r\n    <div class=\"status-chips\">\r\n      <div class=\"status-chip\" >\r\n        <mat-icon>check_circle</mat-icon>\r\n        \r\n      </div>\r\n      <div class=\"status-chip initialized\" *ngIf=\"(section())?.sectionIsSeen\">\r\n        <mat-icon>task_alt</mat-icon>\r\n        Initialized\r\n      </div>\r\n    </div>\r\n  </mat-toolbar>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <table mat-table [dataSource]=\"(sectionData())||[]\" matSort class=\"w-full\">\r\n    <!-- Icon Column -->\r\n    <ng-container matColumnDef=\"icon\">\r\n      <th mat-header-cell *matHeaderCellDef></th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-icon [ngStyle]=\"{'color': row.color}\">{{ row.icon }}</mat-icon>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- description Column -->\r\n    <ng-container matColumnDef=\"description\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>description</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.description }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Name Column -->\r\n    <ng-container matColumnDef=\"name\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.name }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Value Column -->\r\n    <ng-container matColumnDef=\"value\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.value }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Details Column -->\r\n    <ng-container matColumnDef=\"details\">\r\n      <th mat-header-cell *matHeaderCellDef>Details</th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-chip-set *ngIf=\"row.details?.length\">\r\n          <mat-chip *ngFor=\"let detail of row.details\" class=\"detail-chip\">\r\n            {{ detail }}\r\n          </mat-chip>\r\n        </mat-chip-set>\r\n      </td>\r\n    </ng-container>\r\n\r\n\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</div>", styles: [".report-container{padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}.header-card{background:#fff}.title-section{display:flex;align-items:center;gap:12px}.section-icon{color:#4f46e5;font-size:28px;width:28px;height:28px;margin-right:8px}h1{margin:0;font-size:20px;font-weight:500}.subtitle{margin:4px 0 0;color:#666;font-size:14px}.status-chips{display:flex;gap:8px;margin-left:auto}.status-chip{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background:#22c55e;color:#fff;font-size:14px}.status-chip.invalid{background:#ef4444}.status-chip.initialized{background:#3b82f6}.status-chip mat-icon{font-size:18px;width:18px;height:18px}.filter-field{width:100%;margin-bottom:16px}.detail-chip{font-size:12px;height:24px}mat-card-content{padding:16px}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i10.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i10.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i10.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i10.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i10.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i10.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i10.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i10.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i10.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i10.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i9$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SectionReportComponent, decorators: [{
             type: Component,
@@ -153,4 +153,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             }] } });
 
 export { SectionReportComponent };
-//# sourceMappingURL=ngx-t-forms-section-report.component-Z9rqOa1d.mjs.map
+//# sourceMappingURL=ngx-t-forms-section-report.component-Cl3KWTOq.mjs.map

package/fesm2022/{ngx-t-forms-section-report.component-Z9rqOa1d.mjs.map → ngx-t-forms-section-report.component-Cl3KWTOq.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-section-report.component-Z9rqOa1d.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.html"],"sourcesContent":["import { Component, computed, inject, Input, ViewChild } from '@angular/core';\r\n\r\n\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { ElementTypes, FormSlideInterface, validateFormSlide } from 'ngx-t-forms-types';\r\n@Component({\r\n  selector: 'app-section-report',\r\n  standalone: true,\r\n  imports: [CommonModule,MatModulesModule],\r\n  templateUrl: './section-report.component.html',\r\n  styleUrl: './section-report.component.scss'\r\n})\r\nexport class SectionReportComponent {\r\n  @Input() sectionId: string = '';\r\n  @ViewChild(MatSort) sort!: MatSort;\r\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\r\n\r\n  displayedColumns: string[] = ['icon', 'name','description', 'value'];\r\n  dataSource = new MatTableDataSource<any>();\r\n\r\n  private store:FormsStoreService = inject(FormsStoreService)\r\n  selectFormInEdit$ = this.store.selectors.selectFormInEdit$\r\n  selectFormInEdit = toSignal(this.selectFormInEdit$)\r\n  constructor() {}\r\n\r\n  ngOnInit() {\r\n\r\n  }\r\n \r\n\r\n  section = computed(()=>\r\n    {\r\n      const form = this.selectFormInEdit()\r\n      return form?.form.slides.find((slide: FormSlideInterface) => slide.sectionId === this.sectionId) || null\r\n    })\r\n  \r\n sectionData = computed(()=> {\r\n  const section = this.section()\r\n    return  this.updateTableData(section)\r\n  })\r\n\r\n  updateTableData(data: FormSlideInterface|null) {\r\n    if(!data) return [];\r\n    const allInputs = data.columns.flatMap(column=>column.element ===ElementTypes.MultipleInput ? [...(column?.formInputs||[]),column]: [column]).filter(\r\n      (input) => input.sectionId === this.sectionId\r\n    )\r\n    const calculatedInputs = allInputs.filter((input) => input.calculatedFieldRules?.formula && input.calculatedFieldRules?.formula !== '');\r\n    const inputsWithManualValidations = allInputs.filter((input) => input.validators?.some((validator) => Object.keys(validator).length > 0));\r\n    const allSectionInputConfigErrors = validateFormSlide(data);\r\n \r\n    const metrics: any[] = [\r\n      {\r\n        icon: 'input',\r\n        name: 'Total Inputs',\r\n        value: Object.keys(allInputs|| {}).length,\r\n        color: '#2196f3',\r\n        description: 'Total number of form inputs in section',\r\n        trend: 'stable',\r\n        category: 'inputs'\r\n      },\r\n      {\r\n        icon: 'calculate',\r\n        name: 'Calculated Fields',\r\n        value: calculatedInputs.length,\r\n        details:calculatedInputs,\r\n        color: '#4caf50',\r\n        description: 'Fields with calculation formulas',\r\n        trend: 'monitoring',\r\n        category: 'calculations'\r\n      },\r\n      {\r\n        icon: 'rule',\r\n        name: 'Manual Validations',\r\n        value: inputsWithManualValidations.length,\r\n        details: inputsWithManualValidations,\r\n        color: '#ff9800',\r\n        description: 'Fields with custom validation rules',\r\n        trend: 'warning',\r\n        category: 'validation'\r\n        },\r\n     \r\n      {\r\n        icon: 'bug_report',\r\n        name: 'Config Errors',\r\n        value: allSectionInputConfigErrors.length,\r\n        color: '#f44336',\r\n        description: 'Configuration errors detected',\r\n        trend: 'critical',\r\n        category: 'errors'\r\n      },\r\n      // {\r\n      //   icon: 'api',\r\n      //   name: 'GET Methods',\r\n      //   value: data.getMethodInputs.length,\r\n      //   details: data.getMethodInputs,\r\n      //   color: '#2196f3',\r\n      //   description: 'Fields using GET API calls',\r\n      //   trend: 'stable',\r\n      //   category: 'api'\r\n      // },\r\n    //   {\r\n    //     icon: 'sync',\r\n    //     name: 'POST Methods',\r\n    //     value: data.postMethodInputs.length,\r\n    //     details: data.postMethodInputs,\r\n    //     color: '#673ab7',\r\n    //     description: 'Fields using POST API calls',\r\n    //     trend: 'monitoring',\r\n    //     category: 'api'\r\n    //   },\r\n    //   {\r\n    //     icon: 'visibility',\r\n    //     name: 'Hidden Fields',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.readonly).length,\r\n    //     color: '#9e9e9e',\r\n    //     description: 'Number of hidden/conditional fields',\r\n    //     trend: 'neutral',\r\n    //     category: 'visibility'\r\n    //   },\r\n    //   {\r\n    //     icon: 'multiple_stop',\r\n    //     name: 'Multiple Inputs',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.element ===ElementTypes.MultipleInput).length,\r\n    //     color: '#795548',\r\n    //     description: 'Fields allowing multiple values',\r\n    //     trend: 'stable',\r\n    //     category: 'inputs'\r\n    //   },\r\n    //   {\r\n    //     icon: 'error_outline',\r\n    //     name: 'Required Fields',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.required).length,\r\n    //     color: '#e91e63',\r\n    //     description: 'Mandatory input fields',\r\n    //     trend: 'warning',\r\n    //     category: 'validation'\r\n    //   }\r\n    ];\r\n  \r\n    return metrics;\r\n  }\r\n\r\n  applyFilter(event: Event) {\r\n    const filterValue = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n  }\r\n}","<div class=\"report-container\" *ngIf=\"(section())\">\r\n\r\n\r\n  <mat-toolbar style=\"padding: 0px;\">\r\n    <mat-icon class=\"section-icon\">analytics</mat-icon>\r\n    <small>\r\n      Form Section Diagnostic Report\r\n    </small>\r\n\r\n    <span class=\"spacer\"></span>\r\n    <div class=\"status-chips\">\r\n      <div class=\"status-chip\" >\r\n        <mat-icon>check_circle</mat-icon>\r\n        \r\n      </div>\r\n      <div class=\"status-chip initialized\" *ngIf=\"(section())?.sectionIsSeen\">\r\n        <mat-icon>task_alt</mat-icon>\r\n        Initialized\r\n      </div>\r\n    </div>\r\n  </mat-toolbar>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <table mat-table [dataSource]=\"(sectionData())||[]\" matSort class=\"w-full\">\r\n    <!-- Icon Column -->\r\n    <ng-container matColumnDef=\"icon\">\r\n      <th mat-header-cell *matHeaderCellDef></th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-icon [ngStyle]=\"{'color': row.color}\">{{ row.icon }}</mat-icon>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- description Column -->\r\n    <ng-container matColumnDef=\"description\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>description</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.description }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Name Column -->\r\n    <ng-container matColumnDef=\"name\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.name }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Value Column -->\r\n    <ng-container matColumnDef=\"value\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.value }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Details Column -->\r\n    <ng-container matColumnDef=\"details\">\r\n      <th mat-header-cell *matHeaderCellDef>Details</th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-chip-set *ngIf=\"row.details?.length\">\r\n          <mat-chip *ngFor=\"let detail of row.details\" class=\"detail-chip\">\r\n            {{ detail }}\r\n          </mat-chip>\r\n        </mat-chip-set>\r\n      </td>\r\n    </ng-container>\r\n\r\n\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</div>"],"names":["i1","i2","i3","i4","i6"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-section-report.component-Cl3KWTOq.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.html"],"sourcesContent":["import { Component, computed, inject, Input, ViewChild } from '@angular/core';\r\n\r\n\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { ElementTypes, FormSlideInterface, validateFormSlide } from 'ngx-t-forms-types';\r\n@Component({\r\n  selector: 'app-section-report',\r\n  standalone: true,\r\n  imports: [CommonModule,MatModulesModule],\r\n  templateUrl: './section-report.component.html',\r\n  styleUrl: './section-report.component.scss'\r\n})\r\nexport class SectionReportComponent {\r\n  @Input() sectionId: string = '';\r\n  @ViewChild(MatSort) sort!: MatSort;\r\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\r\n\r\n  displayedColumns: string[] = ['icon', 'name','description', 'value'];\r\n  dataSource = new MatTableDataSource<any>();\r\n\r\n  private store:FormsStoreService = inject(FormsStoreService)\r\n  selectFormInEdit$ = this.store.selectors.selectFormInEdit$\r\n  selectFormInEdit = toSignal(this.selectFormInEdit$)\r\n  constructor() {}\r\n\r\n  ngOnInit() {\r\n\r\n  }\r\n \r\n\r\n  section = computed(()=>\r\n    {\r\n      const form = this.selectFormInEdit()\r\n      return form?.form.slides.find((slide: FormSlideInterface) => slide.sectionId === this.sectionId) || null\r\n    })\r\n  \r\n sectionData = computed(()=> {\r\n  const section = this.section()\r\n    return  this.updateTableData(section)\r\n  })\r\n\r\n  updateTableData(data: FormSlideInterface|null) {\r\n    if(!data) return [];\r\n    const allInputs = data.columns.flatMap(column=>column.element ===ElementTypes.MultipleInput ? [...(column?.formInputs||[]),column]: [column]).filter(\r\n      (input) => input.sectionId === this.sectionId\r\n    )\r\n    const calculatedInputs = allInputs.filter((input) => input.calculatedFieldRules?.formula && input.calculatedFieldRules?.formula !== '');\r\n    const inputsWithManualValidations = allInputs.filter((input) => input.validators?.some((validator) => Object.keys(validator).length > 0));\r\n    const allSectionInputConfigErrors = validateFormSlide(data);\r\n \r\n    const metrics: any[] = [\r\n      {\r\n        icon: 'input',\r\n        name: 'Total Inputs',\r\n        value: Object.keys(allInputs|| {}).length,\r\n        color: '#2196f3',\r\n        description: 'Total number of form inputs in section',\r\n        trend: 'stable',\r\n        category: 'inputs'\r\n      },\r\n      {\r\n        icon: 'calculate',\r\n        name: 'Calculated Fields',\r\n        value: calculatedInputs.length,\r\n        details:calculatedInputs,\r\n        color: '#4caf50',\r\n        description: 'Fields with calculation formulas',\r\n        trend: 'monitoring',\r\n        category: 'calculations'\r\n      },\r\n      {\r\n        icon: 'rule',\r\n        name: 'Manual Validations',\r\n        value: inputsWithManualValidations.length,\r\n        details: inputsWithManualValidations,\r\n        color: '#ff9800',\r\n        description: 'Fields with custom validation rules',\r\n        trend: 'warning',\r\n        category: 'validation'\r\n        },\r\n     \r\n      {\r\n        icon: 'bug_report',\r\n        name: 'Config Errors',\r\n        value: allSectionInputConfigErrors.length,\r\n        color: '#f44336',\r\n        description: 'Configuration errors detected',\r\n        trend: 'critical',\r\n        category: 'errors'\r\n      },\r\n      // {\r\n      //   icon: 'api',\r\n      //   name: 'GET Methods',\r\n      //   value: data.getMethodInputs.length,\r\n      //   details: data.getMethodInputs,\r\n      //   color: '#2196f3',\r\n      //   description: 'Fields using GET API calls',\r\n      //   trend: 'stable',\r\n      //   category: 'api'\r\n      // },\r\n    //   {\r\n    //     icon: 'sync',\r\n    //     name: 'POST Methods',\r\n    //     value: data.postMethodInputs.length,\r\n    //     details: data.postMethodInputs,\r\n    //     color: '#673ab7',\r\n    //     description: 'Fields using POST API calls',\r\n    //     trend: 'monitoring',\r\n    //     category: 'api'\r\n    //   },\r\n    //   {\r\n    //     icon: 'visibility',\r\n    //     name: 'Hidden Fields',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.readonly).length,\r\n    //     color: '#9e9e9e',\r\n    //     description: 'Number of hidden/conditional fields',\r\n    //     trend: 'neutral',\r\n    //     category: 'visibility'\r\n    //   },\r\n    //   {\r\n    //     icon: 'multiple_stop',\r\n    //     name: 'Multiple Inputs',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.element ===ElementTypes.MultipleInput).length,\r\n    //     color: '#795548',\r\n    //     description: 'Fields allowing multiple values',\r\n    //     trend: 'stable',\r\n    //     category: 'inputs'\r\n    //   },\r\n    //   {\r\n    //     icon: 'error_outline',\r\n    //     name: 'Required Fields',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.required).length,\r\n    //     color: '#e91e63',\r\n    //     description: 'Mandatory input fields',\r\n    //     trend: 'warning',\r\n    //     category: 'validation'\r\n    //   }\r\n    ];\r\n  \r\n    return metrics;\r\n  }\r\n\r\n  applyFilter(event: Event) {\r\n    const filterValue = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n  }\r\n}","<div class=\"report-container\" *ngIf=\"(section())\">\r\n\r\n\r\n  <mat-toolbar style=\"padding: 0px;\">\r\n    <mat-icon class=\"section-icon\">analytics</mat-icon>\r\n    <small>\r\n      Form Section Diagnostic Report\r\n    </small>\r\n\r\n    <span class=\"spacer\"></span>\r\n    <div class=\"status-chips\">\r\n      <div class=\"status-chip\" >\r\n        <mat-icon>check_circle</mat-icon>\r\n        \r\n      </div>\r\n      <div class=\"status-chip initialized\" *ngIf=\"(section())?.sectionIsSeen\">\r\n        <mat-icon>task_alt</mat-icon>\r\n        Initialized\r\n      </div>\r\n    </div>\r\n  </mat-toolbar>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <table mat-table [dataSource]=\"(sectionData())||[]\" matSort class=\"w-full\">\r\n    <!-- Icon Column -->\r\n    <ng-container matColumnDef=\"icon\">\r\n      <th mat-header-cell *matHeaderCellDef></th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-icon [ngStyle]=\"{'color': row.color}\">{{ row.icon }}</mat-icon>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- description Column -->\r\n    <ng-container matColumnDef=\"description\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>description</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.description }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Name Column -->\r\n    <ng-container matColumnDef=\"name\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.name }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Value Column -->\r\n    <ng-container matColumnDef=\"value\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.value }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Details Column -->\r\n    <ng-container matColumnDef=\"details\">\r\n      <th mat-header-cell *matHeaderCellDef>Details</th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-chip-set *ngIf=\"row.details?.length\">\r\n          <mat-chip *ngFor=\"let detail of row.details\" class=\"detail-chip\">\r\n            {{ detail }}\r\n          </mat-chip>\r\n        </mat-chip-set>\r\n      </td>\r\n    </ng-container>\r\n\r\n\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</div>"],"names":["i1","i2","i3","i4","i5","i6"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-selection-options-editor.component-CSTV4Hqm.mjs → ngx-t-forms-selection-options-editor.component-BZFa1mmi.mjs}

@@ -6,13 +6,13 @@ import * as i1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { v4 } from 'uuid';
 import _ from 'lodash';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-fgu62eR1.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-B4C0NbAb.mjs';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import * as i2 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/chips';
-import * as i6 from '@angular/material/icon';
+import * as i5 from '@angular/material/icon';
 import * as i3$1 from '@angular/material/select';
 import * as i9 from '@angular/material/toolbar';
 import * as i12 from '@angular/material/input';
@@ -120,11 +120,11 @@ class SelectionOptionsEditorComponent {
         return _.reject(array, { id: id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SelectionOptionsEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", disabled: "disabled", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\" [disabled]=\"disabled\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", disabled: "disabled", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\" [disabled]=\"disabled\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field  subscriptSizing=\"dynamic\" >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field  subscriptSizing=\"dynamic\"  >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SelectionOptionsEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-selection-options-editor', standalone: true, imports: [MatModulesModule, ReactiveFormsModule, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\" [disabled]=\"disabled\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"] }]
+            args: [{ selector: 'app-selection-options-editor', standalone: true, imports: [MatModulesModule, ReactiveFormsModule, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\" [disabled]=\"disabled\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field  subscriptSizing=\"dynamic\" >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field  subscriptSizing=\"dynamic\"  >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -142,4 +142,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             }] } });
 
 export { SelectionOptionsEditorComponent };
-//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-CSTV4Hqm.mjs.map
+//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-BZFa1mmi.mjs.map

package/fesm2022/ngx-t-forms-selection-options-editor.component-BZFa1mmi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-selection-options-editor.component-BZFa1mmi.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport {  Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'app-selection-options-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n  providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n  templateUrl: './selection-options-editor.component.html',\r\n  styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n  value: any;\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.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\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-selection-options-editor');\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  private _options: any = []\r\n  @Input() get options(){\r\n    return this._options || []\r\n }\r\n\r\n set options(val){\r\n  if(!!Array.isArray(val)){\r\n    this._options = val\r\n  }\r\n }\r\n\r\n@Output() valueChanged = new EventEmitter<any>()\r\n\r\n  inEdit:any\r\n\r\n  form!:FormGroup\r\n  add(){\r\n    this.inEdit = {}\r\n    this.createForm(this.inEdit)\r\n\r\n  }\r\n  remove(option:any){\r\n    this.options = this.removeObjectById(this.options, option.id)\r\n    this.valueChanged.emit(this.options)\r\n  }\r\n  createForm(inEdit:any){\r\n\r\n    this.form = new FormGroup({\r\n      label: new FormControl( inEdit.label||'', Validators.required),\r\n      value: new FormControl(inEdit.value||'', Validators.required),\r\n\r\n    });\r\n  }\r\n  closeEdit(){\r\n    this.inEdit = null\r\n  }\r\n\r\n  save(){\r\n    const id = this.inEdit?.id\r\n    if(!!id){\r\n      this.options = this.overrideObjectById(this.options, {...this.inEdit, ...this.form.value})\r\n      this.closeEdit()\r\n      this.valueChanged.emit(this.options)\r\n      return\r\n    }\r\n    this.options =  this.addObjectToArray(this.options, {...this.inEdit, ...this.form.value, id: uuidv4()})\r\n    this.closeEdit()\r\n    console.log(this.options)\r\n    this.valueChanged.emit(this.options)\r\n\r\n  }\r\n\r\n   overrideObjectById(array: any[], newObj: any): any[] {\r\n    const index = _.findIndex(array, { id: newObj.id });\r\n    if (index !== -1) {\r\n      array[index] = newObj;\r\n    }\r\n    return array;\r\n  }\r\n  \r\n  addObjectToArray(array: any[], newObj: any): any[] {\r\n    if (!_.some(array, { id: newObj.id })) {\r\n      array.push(newObj);\r\n    }\r\n    return array;\r\n  }\r\n  \r\n   removeObjectById(array: any[], id: number): any[] {\r\n    return _.reject(array, { id: id });\r\n  }\r\n}","\r\n  <mat-chip-listbox aria-label=\"Fish selection\" [disabled]=\"disabled\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field  subscriptSizing=\"dynamic\" >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field  subscriptSizing=\"dynamic\"  >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  "],"names":["uuidv4","i6","i7","i8","i9"],"mappings":"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"}

package/fesm2022/ngx-t-forms-t-workflow-picker.component-DQA2XovD.mjs

@@ -0,0 +1,171 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-B4C0NbAb.mjs';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject, take, tap } from 'rxjs';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i1 from '@angular/forms';
+import * as i2$1 from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import * as i4 from '@angular/material/chips';
+import * as i4$1 from '@angular/material/divider';
+import * as i5 from '@angular/material/icon';
+import * as i6 from '@angular/material/list';
+import * as i7 from '@angular/material/progress-spinner';
+import * as i9 from '@angular/material/toolbar';
+
+class TWorkflowPickerComponent {
+    static { this.nextId = 0; }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.onChange(val);
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get empty() {
+        return !this.value || this.value.length === 0;
+    }
+    get errorState() {
+        return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors || []).length > 0;
+    }
+    constructor(ngControl, _elementRef) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.touched = false;
+        this.disabled = false;
+        this.controlType = 'lib-t-workflow-picker';
+        this.autofilled = false;
+        this.errors = [];
+        this.valueChange = new EventEmitter();
+        this._required = false;
+        this._value = undefined;
+        this._placeholder = '';
+        this.id = `lib-t-workflow-picker-${TWorkflowPickerComponent.nextId++}`;
+        this.describedBy = '';
+        // ControlValueAccessor methods
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this.valueChanged = new EventEmitter();
+        this.error = undefined;
+        this.loading = false;
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    writeValue(value) {
+        this._value = value;
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.stateChanges.next();
+    }
+    // MatFormFieldControl methods
+    setDescribedByIds(ids) {
+        const element = this._elementRef?.nativeElement;
+        if (element) {
+            element.setAttribute('aria-describedby', ids.join(' '));
+        }
+    }
+    onContainerClick(event) {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.touched = true;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    set getWorkflowOptions(value) {
+        if (this._workflowOptions === undefined && !!value) {
+            this.loading = true;
+            value.pipe(take(1), tap(workflows => {
+                this._workflowOptions = workflows;
+                this.loading = false;
+            })).subscribe();
+        }
+    }
+    get workflowOptions() {
+        return this._workflowOptions || [];
+    }
+    unbindInput() {
+        this.value = undefined;
+        this.valueChanged.emit(this.value);
+    }
+    bindInput(workflow) {
+        this.valueChanged.emit(workflow.id);
+    }
+    get selectedWorkflow() {
+        return this._workflowOptions?.find((workflow) => workflow.id === this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TWorkflowPickerComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TWorkflowPickerComponent, isStandalone: true, selector: "lib-t-workflow-picker", inputs: { disabled: "disabled", errors: "errors", required: "required", value: "value", placeholder: "placeholder", getWorkflowOptions: "getWorkflowOptions" }, outputs: { valueChange: "valueChange", valueChanged: "valueChanged" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent, }], ngImport: i0, template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TWorkflowPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-t-workflow-picker', standalone: true, imports: [CommonModule, MatModulesModule], providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent, }], template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }], propDecorators: { disabled: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], required: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], id: [{
+                type: HostBinding
+            }], describedBy: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], shouldLabelFloat: [{
+                type: HostBinding,
+                args: ['class.floating']
+            }], getWorkflowOptions: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }] } });
+
+export { TWorkflowPickerComponent };
+//# sourceMappingURL=ngx-t-forms-t-workflow-picker.component-DQA2XovD.mjs.map