ngx-t-forms 2.0.19 → 2.0.21

package/fesm2022/{ngx-t-forms-selection-options-editor.component-B2A4Shzb.mjs.map → ngx-t-forms-selection-options-editor.component-C0il9Xf5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-selection-options-editor.component-B2A4Shzb.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","i9"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-selection-options-editor.component-C0il9Xf5.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","i3","i4","i6","i7","i9"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-t-workflow-picker.component-_RMb3PB4.mjs → ngx-t-forms-t-workflow-picker.component-DH7hjTyE.mjs}

@@ -2,15 +2,15 @@ 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-Izs2rqnL.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-zYBCwTI4.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 i4 from '@angular/material/card';
+import * as i4$1 from '@angular/material/chips';
+import * as i4$2 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';
@@ -132,7 +132,7 @@ class TWorkflowPickerComponent {
         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"] }] }); }
+    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: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4$1.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$2.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,
@@ -168,4 +168,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             }] } });
 
 export { TWorkflowPickerComponent };
-//# sourceMappingURL=ngx-t-forms-t-workflow-picker.component-_RMb3PB4.mjs.map
+//# sourceMappingURL=ngx-t-forms-t-workflow-picker.component-DH7hjTyE.mjs.map

package/fesm2022/{ngx-t-forms-t-workflow-picker.component-_RMb3PB4.mjs.map → ngx-t-forms-t-workflow-picker.component-DH7hjTyE.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-t-workflow-picker.component-_RMb3PB4.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.html"],"sourcesContent":["\r\nimport { Component, ElementRef, EventEmitter, HostBinding, Input,  Optional, Output, Self } from '@angular/core';\r\n\r\nimport { IWorkflowOption } from 'ngx-t-forms-types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { Observable, Subject, take, tap } from 'rxjs';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'lib-t-workflow-picker',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './t-workflow-picker.component.html',\r\n  styleUrl: './t-workflow-picker.component.css',\r\n  providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent,}],\r\n})\r\nexport class TWorkflowPickerComponent implements MatFormFieldControl<  string| undefined> {\r\nstatic nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  @Input() disabled = false;\r\n  controlType = 'lib-t-workflow-picker';\r\n  autofilled = false;\r\n\r\n\r\n  @Input() errors:IConfigElementError[] | undefined = [];\r\n  @Output() valueChange = new EventEmitter<string[]|undefined>();\r\n\r\n  private _required = false;\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(value: boolean) {\r\n    this._required = coerceBooleanProperty(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  private _value: string | undefined = undefined;\r\n  @Input()\r\n  get value(): string  | undefined {\r\n    return this._value;\r\n  }\r\n  set value(val: string | undefined ) {\r\n    this._value = val;\r\n    this.onChange(val);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder;\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder = value;\r\n    this.stateChanges.next();\r\n  }\r\n  private _placeholder: string = '';\r\n\r\n  @HostBinding() id = `lib-t-workflow-picker-${TWorkflowPickerComponent.nextId++}`;\r\n  @HostBinding('attr.aria-describedby') describedBy = '';\r\n  @HostBinding('class.floating') get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return !this.value  || this.value.length === 0;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors||[]).length >0;\r\n  }\r\n\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>\r\n  ) {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => {};\r\n  onTouched = () => {};\r\n\r\n  writeValue(value: string|undefined): void {\r\n    this._value = value;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // MatFormFieldControl methods\r\n  setDescribedByIds(ids: string[]): void {\r\n    const element = this._elementRef?.nativeElement;\r\n    if (element) {\r\n      element.setAttribute('aria-describedby', ids.join(' '));\r\n    }\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  markAsTouched(): void {\r\n    if (!this.touched) {\r\n      this.touched = true;\r\n      this.onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n\r\n\r\n  private _workflowOptions: IWorkflowOption[] | undefined \r\n  @Input() set getWorkflowOptions(value: Observable<IWorkflowOption[] | undefined> | undefined) {\r\n    if(this._workflowOptions === undefined &&!!value) {\r\n      this.loading = true\r\n      value.pipe(\r\n        take(1),\r\n        tap(workflows=>{\r\n          this._workflowOptions = workflows;\r\n          this.loading = false;\r\n        }\r\n      )).subscribe()\r\n    }\r\n \r\n  }\r\n\r\n  @Output() valueChanged = new EventEmitter<string | undefined>()\r\n \r\n  error: any = undefined\r\n  loading: boolean = false\r\n \r\n  get workflowOptions(): IWorkflowOption[] {\r\n    return this._workflowOptions || []\r\n  }\r\n\r\n  unbindInput() {\r\n    this.value = undefined;\r\n\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  bindInput(workflow: IWorkflowOption) {\r\n    this.valueChanged.emit(workflow.id);\r\n  }\r\n  get selectedWorkflow(): IWorkflowOption | undefined {\r\n    return this._workflowOptions?.find((workflow) => workflow.id === this.value)\r\n  }\r\n}\r\n","@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}"],"names":["i3","i4","i5","i6","i7","i8","i9","i10"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-t-workflow-picker.component-DH7hjTyE.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.html"],"sourcesContent":["\r\nimport { Component, ElementRef, EventEmitter, HostBinding, Input,  Optional, Output, Self } from '@angular/core';\r\n\r\nimport { IWorkflowOption } from 'ngx-t-forms-types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { Observable, Subject, take, tap } from 'rxjs';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'lib-t-workflow-picker',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './t-workflow-picker.component.html',\r\n  styleUrl: './t-workflow-picker.component.css',\r\n  providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent,}],\r\n})\r\nexport class TWorkflowPickerComponent implements MatFormFieldControl<  string| undefined> {\r\nstatic nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  @Input() disabled = false;\r\n  controlType = 'lib-t-workflow-picker';\r\n  autofilled = false;\r\n\r\n\r\n  @Input() errors:IConfigElementError[] | undefined = [];\r\n  @Output() valueChange = new EventEmitter<string[]|undefined>();\r\n\r\n  private _required = false;\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(value: boolean) {\r\n    this._required = coerceBooleanProperty(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  private _value: string | undefined = undefined;\r\n  @Input()\r\n  get value(): string  | undefined {\r\n    return this._value;\r\n  }\r\n  set value(val: string | undefined ) {\r\n    this._value = val;\r\n    this.onChange(val);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder;\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder = value;\r\n    this.stateChanges.next();\r\n  }\r\n  private _placeholder: string = '';\r\n\r\n  @HostBinding() id = `lib-t-workflow-picker-${TWorkflowPickerComponent.nextId++}`;\r\n  @HostBinding('attr.aria-describedby') describedBy = '';\r\n  @HostBinding('class.floating') get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return !this.value  || this.value.length === 0;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors||[]).length >0;\r\n  }\r\n\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>\r\n  ) {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => {};\r\n  onTouched = () => {};\r\n\r\n  writeValue(value: string|undefined): void {\r\n    this._value = value;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // MatFormFieldControl methods\r\n  setDescribedByIds(ids: string[]): void {\r\n    const element = this._elementRef?.nativeElement;\r\n    if (element) {\r\n      element.setAttribute('aria-describedby', ids.join(' '));\r\n    }\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  markAsTouched(): void {\r\n    if (!this.touched) {\r\n      this.touched = true;\r\n      this.onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n\r\n\r\n  private _workflowOptions: IWorkflowOption[] | undefined \r\n  @Input() set getWorkflowOptions(value: Observable<IWorkflowOption[] | undefined> | undefined) {\r\n    if(this._workflowOptions === undefined &&!!value) {\r\n      this.loading = true\r\n      value.pipe(\r\n        take(1),\r\n        tap(workflows=>{\r\n          this._workflowOptions = workflows;\r\n          this.loading = false;\r\n        }\r\n      )).subscribe()\r\n    }\r\n \r\n  }\r\n\r\n  @Output() valueChanged = new EventEmitter<string | undefined>()\r\n \r\n  error: any = undefined\r\n  loading: boolean = false\r\n \r\n  get workflowOptions(): IWorkflowOption[] {\r\n    return this._workflowOptions || []\r\n  }\r\n\r\n  unbindInput() {\r\n    this.value = undefined;\r\n\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  bindInput(workflow: IWorkflowOption) {\r\n    this.valueChanged.emit(workflow.id);\r\n  }\r\n  get selectedWorkflow(): IWorkflowOption | undefined {\r\n    return this._workflowOptions?.find((workflow) => workflow.id === this.value)\r\n  }\r\n}\r\n","@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}"],"names":["i3","i5","i6","i7","i8","i9","i10"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-validators-config.component-iqXx3hXU.mjs → ngx-t-forms-validators-config.component-BfnTGXA_.mjs}

@@ -2,21 +2,21 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
 import { v4 } from 'uuid';
 import { ElementTypes } from 'ngx-t-forms-types';
-import { e as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-Izs2rqnL.mjs';
+import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-zYBCwTI4.mjs';
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-P4H4WpFZ.mjs';
+import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-Dqru3fNh.mjs';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 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 i4$1 from '@angular/material/divider';
+import * as i4 from '@angular/material/card';
+import * as i4$1 from '@angular/material/chips';
+import * as i4$2 from '@angular/material/divider';
 import * as i5 from '@angular/material/icon';
 import * as i6 from '@angular/material/list';
-import * as i3$1 from '@angular/material/select';
+import * as i3 from '@angular/material/select';
 import * as i9 from '@angular/material/slide-toggle';
 import * as i9$1 from '@angular/material/toolbar';
 import * as i6$1 from '@angular/material/tooltip';
@@ -183,7 +183,7 @@ class ValidatorsConfigComponent {
         return validator.message;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ValidatorsConfigComponent, 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: ValidatorsConfigComponent, isStandalone: true, selector: "app-validators-config", inputs: { disabled: "disabled", errors: "errors", mapToData: "mapToData", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent }], ngImport: i0, template: "<div class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n    validation fails.\r\n  </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n  Custom Validators\r\n</h5>\r\n    <mat-chip-listbox  [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n      @for (validator of  value; track $index) {\r\n      <mat-chip-option\r\n      style=\"height: fit-content;padding: 8px;\"\r\n      [selected]=\"edit?.id === validator.id\"\r\n      (click)=\"editV(validator)\">     \r\n      <span style=\"white-space: normal;\">\r\n        {{isFormControlCustomValidator(validator) | titlecase}}\r\n      </span>\r\n  \r\n        <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n        [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n          <mat-icon  *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n            check_circle\r\n          </mat-icon>\r\n    \r\n      \r\n      </mat-chip-option>\r\n    }\r\n    <mat-chip-option\r\n    matTooltip=\"Add a new custom validator\"\r\n    selectable=\"false\"\r\n    style=\"cursor: pointer !important;\"\r\n    highlighted=\"true\" color=\"accent\"   (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n    <span >\r\n\r\n    </span>\r\n      Add validator\r\n      <mat-icon matChipTrailingIcon  >add</mat-icon>\r\n\r\n     \r\n    </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n  \r\n  \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n  *ngIf=\"edit\">\r\n  <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n  <mat-toolbar *ngIf=\"!showVariables\"  >\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"edit=undefined\" mat-button>\r\n      close\r\n    </button>\r\n    <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n     (click)=\"saveVariable($event)\" color=\"accent\">\r\n      Save Validation\r\n    </button>\r\n  </mat-toolbar>\r\n  <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>\r\n      The expression is checked on value change. The message shows if it fails.\r\n      <br>\r\n      You can observe inputs for changes to re-evaluate the expression.\r\n    </span>\r\n  </div>\r\n  <mat-list *ngIf=\"edit\">\r\n\r\n    <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Validation Message</mat-label>\r\n      <textarea matInput #textarea [value]=\"edit.message\"\r\n           (input)=\"onTextChange($event,'message')\"\r\n      placeholder=\"\r\n        Enter message\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The message to display when the validation fails\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n\r\n\r\n\r\n\r\n    <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Expression</mat-label>\r\n      <textarea matInput #textarea \r\n      (input)=\"onTextChange($event,'expression')\"\r\n      [value]=\"edit.expression\" placeholder=\"\r\n        enter expression\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The expression to evaluate the validation\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n    <mat-toolbar>\r\n      <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n        (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n        <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n      </mat-slide-toggle>\r\n    </mat-toolbar>\r\n    <label >\r\n      Observe inputs for changes\r\n    </label>\r\n    <mat-chip-listbox aria-label=\"Chip select options\">\r\n      @for(input of edit.inputsObservedForChanges;track input){\r\n      <mat-chip>input\r\n        <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip>\r\n      }\r\n      <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n        Variable\r\n        <mat-icon matChipTrailingIcon>\r\n          add\r\n        </mat-icon>\r\n      </mat-chip>\r\n    </mat-chip-listbox>\r\n\r\n    <br>\r\n    <mat-divider></mat-divider>\r\n\r\n\r\n  </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n  <section style=\"max-height: 360px; overflow-y: auto\">\r\n    <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n    </lib-form-input-selector>\r\n\r\n    <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n      <span style=\"\r\n          display: block;\r\n          text-align: center;\r\n          font-style: italic;\r\n          padding: 16px;\r\n        \">No form inputs</span>\r\n    </div>\r\n  </section>\r\n  <mat-toolbar>\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n      Close\r\n      <mat-icon>\r\n        close\r\n      </mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n</ng-template>\r\n", styles: [".mat-mdc-menu-panel.mat-mdc-menu-panel{min-width:500px!important}mat-form-field{width:100%;background:azure}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px}mat-chip{cursor:pointer!important}\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: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: 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.MatList, selector: "mat-list", exportAs: ["matList"] }, { 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.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i9$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ValidatorsConfigComponent, isStandalone: true, selector: "app-validators-config", inputs: { disabled: "disabled", errors: "errors", mapToData: "mapToData", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent }], ngImport: i0, template: "<div class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n    validation fails.\r\n  </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n  Custom Validators\r\n</h5>\r\n    <mat-chip-listbox  [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n      @for (validator of  value; track $index) {\r\n      <mat-chip-option\r\n      style=\"height: fit-content;padding: 8px;\"\r\n      [selected]=\"edit?.id === validator.id\"\r\n      (click)=\"editV(validator)\">     \r\n      <span style=\"white-space: normal;\">\r\n        {{isFormControlCustomValidator(validator) | titlecase}}\r\n      </span>\r\n  \r\n        <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n        [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n          <mat-icon  *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n            check_circle\r\n          </mat-icon>\r\n    \r\n      \r\n      </mat-chip-option>\r\n    }\r\n    <mat-chip-option\r\n    matTooltip=\"Add a new custom validator\"\r\n    selectable=\"false\"\r\n    style=\"cursor: pointer !important;\"\r\n    highlighted=\"true\" color=\"accent\"   (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n    <span >\r\n\r\n    </span>\r\n      Add validator\r\n      <mat-icon matChipTrailingIcon  >add</mat-icon>\r\n\r\n     \r\n    </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n  \r\n  \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n  *ngIf=\"edit\">\r\n  <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n  <mat-toolbar *ngIf=\"!showVariables\"  >\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"edit=undefined\" mat-button>\r\n      close\r\n    </button>\r\n    <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n     (click)=\"saveVariable($event)\" color=\"accent\">\r\n      Save Validation\r\n    </button>\r\n  </mat-toolbar>\r\n  <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>\r\n      The expression is checked on value change. The message shows if it fails.\r\n      <br>\r\n      You can observe inputs for changes to re-evaluate the expression.\r\n    </span>\r\n  </div>\r\n  <mat-list *ngIf=\"edit\">\r\n\r\n    <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Validation Message</mat-label>\r\n      <textarea matInput #textarea [value]=\"edit.message\"\r\n           (input)=\"onTextChange($event,'message')\"\r\n      placeholder=\"\r\n        Enter message\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The message to display when the validation fails\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n\r\n\r\n\r\n\r\n    <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Expression</mat-label>\r\n      <textarea matInput #textarea \r\n      (input)=\"onTextChange($event,'expression')\"\r\n      [value]=\"edit.expression\" placeholder=\"\r\n        enter expression\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The expression to evaluate the validation\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n    <mat-toolbar>\r\n      <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n        (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n        <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n      </mat-slide-toggle>\r\n    </mat-toolbar>\r\n    <label >\r\n      Observe inputs for changes\r\n    </label>\r\n    <mat-chip-listbox aria-label=\"Chip select options\">\r\n      @for(input of edit.inputsObservedForChanges;track input){\r\n      <mat-chip>input\r\n        <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip>\r\n      }\r\n      <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n        Variable\r\n        <mat-icon matChipTrailingIcon>\r\n          add\r\n        </mat-icon>\r\n      </mat-chip>\r\n    </mat-chip-listbox>\r\n\r\n    <br>\r\n    <mat-divider></mat-divider>\r\n\r\n\r\n  </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n  <section style=\"max-height: 360px; overflow-y: auto\">\r\n    <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n    </lib-form-input-selector>\r\n\r\n    <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n      <span style=\"\r\n          display: block;\r\n          text-align: center;\r\n          font-style: italic;\r\n          padding: 16px;\r\n        \">No form inputs</span>\r\n    </div>\r\n  </section>\r\n  <mat-toolbar>\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n      Close\r\n      <mat-icon>\r\n        close\r\n      </mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n</ng-template>\r\n", styles: [".mat-mdc-menu-panel.mat-mdc-menu-panel{min-width:500px!important}mat-form-field{width:100%;background:azure}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px}mat-chip{cursor:pointer!important}\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: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4$1.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.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.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$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4$1.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: i4$2.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.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i9$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ValidatorsConfigComponent, decorators: [{
             type: Component,
@@ -214,4 +214,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             }] } });
 
 export { ValidatorsConfigComponent };
-//# sourceMappingURL=ngx-t-forms-validators-config.component-iqXx3hXU.mjs.map
+//# sourceMappingURL=ngx-t-forms-validators-config.component-BfnTGXA_.mjs.map

package/fesm2022/{ngx-t-forms-validators-config.component-iqXx3hXU.mjs.map → ngx-t-forms-validators-config.component-BfnTGXA_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-validators-config.component-iqXx3hXU.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/validators-config/validators-config.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/validators-config/validators-config.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\nimport { MenuCloseReason } from '@angular/material/menu';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { ElementTypes, FormControlCustomValidatorsInterface, IMultiple } from 'ngx-t-forms-types';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormInputSelectorComponent } from '../form-input-selector/form-input-selector.component';\r\n\r\nimport { FormsModule, NgControl } from '@angular/forms';\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-validators-config',\r\n  templateUrl: './validators-config.component.html',\r\n  styleUrls: ['./validators-config.component.scss'],\r\n  standalone: true,\r\n  imports:[\r\n    MatModulesModule,\r\n    CommonModule,\r\n    FormInputSelectorComponent,\r\n    FormsModule\r\n  ],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent}],\r\n})\r\nexport class ValidatorsConfigComponent implements OnInit,MatFormFieldControl<FormControlCustomValidatorsInterface []> {\r\n \r\n\r\n   static nextId = 0;\r\n   stateChanges = new Subject<void>();\r\n \r\n   @HostBinding() id = `app-validators-config-${ValidatorsConfigComponent.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-validators-config');\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     @Input() errors:IConfigElementError[] |undefined = [];\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  @Input() mapToData:FormColumnInputs | undefined = undefined;\r\n  @Input() value!: (FormControlCustomValidatorsInterface  )[];\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Output() valueChanged = new EventEmitter<any>();\r\n\r\n\r\n  ngOnInit() {}\r\n\r\n  edit:FormControlCustomValidatorsInterface  | undefined\r\n  menuClosed(event:MenuCloseReason){\r\n\r\n    if (this.edit) {\r\n      const editIndex = this.value.findIndex((item) => {\r\n        if (typeof item === 'string') {\r\n          return false;\r\n        }\r\n        return item.id === this.edit?.id;\r\n      });\r\n\r\n      if (editIndex !== -1) {\r\n        this.value[editIndex] = this.edit;\r\n      } \r\n      this.valueChanged.emit([...this.value])\r\n\r\n\r\n    }\r\n\r\n   this.edit = undefined\r\n  }\r\n  showVariables :boolean = false\r\n  editV(validator:string | FormControlCustomValidatorsInterface){\r\n    if(this.edit?.id === (validator as FormControlCustomValidatorsInterface).id){\r\n      this.edit = undefined\r\n      return\r\n    }\r\n    this.edit = validator as any\r\n  }\r\n  remove(validator:FormControlCustomValidatorsInterface|string){\r\n    const indexOfV = this.value.findIndex((item) => {\r\n      if (typeof item === 'string') {\r\n        return item === validator;\r\n      }\r\n      return item.id === (validator as FormControlCustomValidatorsInterface).id;\r\n    }\r\n    )\r\n\r\n\r\n    this.value = [...this.value].filter((item,i)=>indexOfV !== i)\r\n    this.valueChanged.emit([...this.value])\r\n\r\n  }\r\n  search: string = '';\r\n\r\n  getInputIcon(element: ElementTypes) {\r\n\r\n    return getInputIllustration(element)\r\n  }\r\n \r\n  selectInput(inputId: string) {\r\n    const input = this.formInputs.find((input) => input.id === inputId)\r\n    if(!input){\r\n      return\r\n    }\r\n    if(input?.multipleInputInEditId){\r\n      throw new Error('multipleInputInEditId is not supported')\r\n    }\r\n    if(!!this.edit){\r\n      this.edit.expression =  (this.edit?.expression || '' ).concat(input?.formControlName || '')\r\n      if(!this.edit.inputsObservedForChanges.find((i)=>i.inputId === (input?.originalId || input?.id))){\r\n        this.edit.inputsObservedForChanges.push({\r\n          inputId: input?.originalId || input?.id,\r\n          variable: input?.formControlName\r\n        })\r\n      }\r\n     \r\n    }\r\n    \r\n\r\n    this.showVariables = false\r\n\r\n  }\r\n\r\n  addVariable(event:any){\r\n  this.showVariables = true\r\n  event.stopPropagation()\r\n  event.preventDefault()\r\n\r\n  }\r\n  getMultipleFormInputs(input: IMultiple) {\r\n    if (\r\n      input.element === ElementTypes.MultipleInput&&\r\n      this.mapToData?.multipleInputInEditId === input.id\r\n    ) {\r\n      return input.formInputs;\r\n    }\r\n    return [];\r\n  }\r\n  returnExpression(){\r\n    return this.edit?.expression.replace(/(word)/g, '<span style=\\'color: blue\\'>$1</span>')\r\n  }\r\n  addValidator(){\r\n    this.edit = {\r\n      message: '',\r\n      expression: '',\r\n      canOverride: false,\r\n      inputsObservedForChanges: []\r\n    } as any\r\n  }\r\n\r\n  onTextChange(event:Event,key:string){\r\n    if(!this.edit) {\r\n      this.edit = {} as any\r\n    }\r\n    (this.edit as any)[key]  = (event.target as HTMLInputElement).value\r\n  }\r\n  saveVariable(event:any){\r\n      console.log(this.edit)\r\n      if(!this.edit) return;\r\n        const id = uuidv4()\r\n        const val = {...this.edit, id}\r\n        this.value = [...this.value, val]\r\n        this.valueChanged.emit([...this.value])\r\n        this.edit = undefined\r\n     \r\n      \r\n\r\n\r\n    \r\n  }\r\n  removeObserved(event:any,item:{ inputId: string; variable: string; }){\r\n    const i = this.edit?.inputsObservedForChanges.findIndex((i:any)=>i === item)\r\n    if(i !== undefined && i !== -1 && this.edit){\r\n      this.edit?.inputsObservedForChanges.splice(i, 1);\r\n      this.edit.expression = this.edit?.expression.replace(new RegExp(`\\\\b${item}\\\\b`, 'g'), '')\r\n\r\n    }\r\n\r\n    event.stopPropagation()\r\n    event.preventDefault()\r\n  }\r\n  isFormControlCustomValidator(validator: string |FormControlCustomValidatorsInterface  ){\r\n   if(typeof validator == 'string'){\r\n      return validator\r\n   }\r\n   return validator.message\r\n\r\n  }\r\n}\r\n\r\n\r\n\r\n","<div class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n    validation fails.\r\n  </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n  Custom Validators\r\n</h5>\r\n    <mat-chip-listbox  [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n      @for (validator of  value; track $index) {\r\n      <mat-chip-option\r\n      style=\"height: fit-content;padding: 8px;\"\r\n      [selected]=\"edit?.id === validator.id\"\r\n      (click)=\"editV(validator)\">     \r\n      <span style=\"white-space: normal;\">\r\n        {{isFormControlCustomValidator(validator) | titlecase}}\r\n      </span>\r\n  \r\n        <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n        [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n          <mat-icon  *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n            check_circle\r\n          </mat-icon>\r\n    \r\n      \r\n      </mat-chip-option>\r\n    }\r\n    <mat-chip-option\r\n    matTooltip=\"Add a new custom validator\"\r\n    selectable=\"false\"\r\n    style=\"cursor: pointer !important;\"\r\n    highlighted=\"true\" color=\"accent\"   (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n    <span >\r\n\r\n    </span>\r\n      Add validator\r\n      <mat-icon matChipTrailingIcon  >add</mat-icon>\r\n\r\n     \r\n    </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n  \r\n  \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n  *ngIf=\"edit\">\r\n  <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n  <mat-toolbar *ngIf=\"!showVariables\"  >\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"edit=undefined\" mat-button>\r\n      close\r\n    </button>\r\n    <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n     (click)=\"saveVariable($event)\" color=\"accent\">\r\n      Save Validation\r\n    </button>\r\n  </mat-toolbar>\r\n  <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>\r\n      The expression is checked on value change. The message shows if it fails.\r\n      <br>\r\n      You can observe inputs for changes to re-evaluate the expression.\r\n    </span>\r\n  </div>\r\n  <mat-list *ngIf=\"edit\">\r\n\r\n    <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Validation Message</mat-label>\r\n      <textarea matInput #textarea [value]=\"edit.message\"\r\n           (input)=\"onTextChange($event,'message')\"\r\n      placeholder=\"\r\n        Enter message\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The message to display when the validation fails\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n\r\n\r\n\r\n\r\n    <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Expression</mat-label>\r\n      <textarea matInput #textarea \r\n      (input)=\"onTextChange($event,'expression')\"\r\n      [value]=\"edit.expression\" placeholder=\"\r\n        enter expression\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The expression to evaluate the validation\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n    <mat-toolbar>\r\n      <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n        (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n        <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n      </mat-slide-toggle>\r\n    </mat-toolbar>\r\n    <label >\r\n      Observe inputs for changes\r\n    </label>\r\n    <mat-chip-listbox aria-label=\"Chip select options\">\r\n      @for(input of edit.inputsObservedForChanges;track input){\r\n      <mat-chip>input\r\n        <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip>\r\n      }\r\n      <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n        Variable\r\n        <mat-icon matChipTrailingIcon>\r\n          add\r\n        </mat-icon>\r\n      </mat-chip>\r\n    </mat-chip-listbox>\r\n\r\n    <br>\r\n    <mat-divider></mat-divider>\r\n\r\n\r\n  </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n  <section style=\"max-height: 360px; overflow-y: auto\">\r\n    <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n    </lib-form-input-selector>\r\n\r\n    <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n      <span style=\"\r\n          display: block;\r\n          text-align: center;\r\n          font-style: italic;\r\n          padding: 16px;\r\n        \">No form inputs</span>\r\n    </div>\r\n  </section>\r\n  <mat-toolbar>\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n      Close\r\n      <mat-icon>\r\n        close\r\n      </mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n</ng-template>\r\n"],"names":["uuidv4","i13"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-validators-config.component-BfnTGXA_.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/validators-config/validators-config.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/validators-config/validators-config.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\nimport { MenuCloseReason } from '@angular/material/menu';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { ElementTypes, FormControlCustomValidatorsInterface, IMultiple } from 'ngx-t-forms-types';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormInputSelectorComponent } from '../form-input-selector/form-input-selector.component';\r\n\r\nimport { FormsModule, NgControl } from '@angular/forms';\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-validators-config',\r\n  templateUrl: './validators-config.component.html',\r\n  styleUrls: ['./validators-config.component.scss'],\r\n  standalone: true,\r\n  imports:[\r\n    MatModulesModule,\r\n    CommonModule,\r\n    FormInputSelectorComponent,\r\n    FormsModule\r\n  ],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent}],\r\n})\r\nexport class ValidatorsConfigComponent implements OnInit,MatFormFieldControl<FormControlCustomValidatorsInterface []> {\r\n \r\n\r\n   static nextId = 0;\r\n   stateChanges = new Subject<void>();\r\n \r\n   @HostBinding() id = `app-validators-config-${ValidatorsConfigComponent.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-validators-config');\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     @Input() errors:IConfigElementError[] |undefined = [];\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  @Input() mapToData:FormColumnInputs | undefined = undefined;\r\n  @Input() value!: (FormControlCustomValidatorsInterface  )[];\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Output() valueChanged = new EventEmitter<any>();\r\n\r\n\r\n  ngOnInit() {}\r\n\r\n  edit:FormControlCustomValidatorsInterface  | undefined\r\n  menuClosed(event:MenuCloseReason){\r\n\r\n    if (this.edit) {\r\n      const editIndex = this.value.findIndex((item) => {\r\n        if (typeof item === 'string') {\r\n          return false;\r\n        }\r\n        return item.id === this.edit?.id;\r\n      });\r\n\r\n      if (editIndex !== -1) {\r\n        this.value[editIndex] = this.edit;\r\n      } \r\n      this.valueChanged.emit([...this.value])\r\n\r\n\r\n    }\r\n\r\n   this.edit = undefined\r\n  }\r\n  showVariables :boolean = false\r\n  editV(validator:string | FormControlCustomValidatorsInterface){\r\n    if(this.edit?.id === (validator as FormControlCustomValidatorsInterface).id){\r\n      this.edit = undefined\r\n      return\r\n    }\r\n    this.edit = validator as any\r\n  }\r\n  remove(validator:FormControlCustomValidatorsInterface|string){\r\n    const indexOfV = this.value.findIndex((item) => {\r\n      if (typeof item === 'string') {\r\n        return item === validator;\r\n      }\r\n      return item.id === (validator as FormControlCustomValidatorsInterface).id;\r\n    }\r\n    )\r\n\r\n\r\n    this.value = [...this.value].filter((item,i)=>indexOfV !== i)\r\n    this.valueChanged.emit([...this.value])\r\n\r\n  }\r\n  search: string = '';\r\n\r\n  getInputIcon(element: ElementTypes) {\r\n\r\n    return getInputIllustration(element)\r\n  }\r\n \r\n  selectInput(inputId: string) {\r\n    const input = this.formInputs.find((input) => input.id === inputId)\r\n    if(!input){\r\n      return\r\n    }\r\n    if(input?.multipleInputInEditId){\r\n      throw new Error('multipleInputInEditId is not supported')\r\n    }\r\n    if(!!this.edit){\r\n      this.edit.expression =  (this.edit?.expression || '' ).concat(input?.formControlName || '')\r\n      if(!this.edit.inputsObservedForChanges.find((i)=>i.inputId === (input?.originalId || input?.id))){\r\n        this.edit.inputsObservedForChanges.push({\r\n          inputId: input?.originalId || input?.id,\r\n          variable: input?.formControlName\r\n        })\r\n      }\r\n     \r\n    }\r\n    \r\n\r\n    this.showVariables = false\r\n\r\n  }\r\n\r\n  addVariable(event:any){\r\n  this.showVariables = true\r\n  event.stopPropagation()\r\n  event.preventDefault()\r\n\r\n  }\r\n  getMultipleFormInputs(input: IMultiple) {\r\n    if (\r\n      input.element === ElementTypes.MultipleInput&&\r\n      this.mapToData?.multipleInputInEditId === input.id\r\n    ) {\r\n      return input.formInputs;\r\n    }\r\n    return [];\r\n  }\r\n  returnExpression(){\r\n    return this.edit?.expression.replace(/(word)/g, '<span style=\\'color: blue\\'>$1</span>')\r\n  }\r\n  addValidator(){\r\n    this.edit = {\r\n      message: '',\r\n      expression: '',\r\n      canOverride: false,\r\n      inputsObservedForChanges: []\r\n    } as any\r\n  }\r\n\r\n  onTextChange(event:Event,key:string){\r\n    if(!this.edit) {\r\n      this.edit = {} as any\r\n    }\r\n    (this.edit as any)[key]  = (event.target as HTMLInputElement).value\r\n  }\r\n  saveVariable(event:any){\r\n      console.log(this.edit)\r\n      if(!this.edit) return;\r\n        const id = uuidv4()\r\n        const val = {...this.edit, id}\r\n        this.value = [...this.value, val]\r\n        this.valueChanged.emit([...this.value])\r\n        this.edit = undefined\r\n     \r\n      \r\n\r\n\r\n    \r\n  }\r\n  removeObserved(event:any,item:{ inputId: string; variable: string; }){\r\n    const i = this.edit?.inputsObservedForChanges.findIndex((i:any)=>i === item)\r\n    if(i !== undefined && i !== -1 && this.edit){\r\n      this.edit?.inputsObservedForChanges.splice(i, 1);\r\n      this.edit.expression = this.edit?.expression.replace(new RegExp(`\\\\b${item}\\\\b`, 'g'), '')\r\n\r\n    }\r\n\r\n    event.stopPropagation()\r\n    event.preventDefault()\r\n  }\r\n  isFormControlCustomValidator(validator: string |FormControlCustomValidatorsInterface  ){\r\n   if(typeof validator == 'string'){\r\n      return validator\r\n   }\r\n   return validator.message\r\n\r\n  }\r\n}\r\n\r\n\r\n\r\n","<div class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n    validation fails.\r\n  </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n  Custom Validators\r\n</h5>\r\n    <mat-chip-listbox  [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n      @for (validator of  value; track $index) {\r\n      <mat-chip-option\r\n      style=\"height: fit-content;padding: 8px;\"\r\n      [selected]=\"edit?.id === validator.id\"\r\n      (click)=\"editV(validator)\">     \r\n      <span style=\"white-space: normal;\">\r\n        {{isFormControlCustomValidator(validator) | titlecase}}\r\n      </span>\r\n  \r\n        <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n        [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n          <mat-icon  *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n            check_circle\r\n          </mat-icon>\r\n    \r\n      \r\n      </mat-chip-option>\r\n    }\r\n    <mat-chip-option\r\n    matTooltip=\"Add a new custom validator\"\r\n    selectable=\"false\"\r\n    style=\"cursor: pointer !important;\"\r\n    highlighted=\"true\" color=\"accent\"   (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n    <span >\r\n\r\n    </span>\r\n      Add validator\r\n      <mat-icon matChipTrailingIcon  >add</mat-icon>\r\n\r\n     \r\n    </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n  \r\n  \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n  *ngIf=\"edit\">\r\n  <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n  <mat-toolbar *ngIf=\"!showVariables\"  >\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"edit=undefined\" mat-button>\r\n      close\r\n    </button>\r\n    <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n     (click)=\"saveVariable($event)\" color=\"accent\">\r\n      Save Validation\r\n    </button>\r\n  </mat-toolbar>\r\n  <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>\r\n      The expression is checked on value change. The message shows if it fails.\r\n      <br>\r\n      You can observe inputs for changes to re-evaluate the expression.\r\n    </span>\r\n  </div>\r\n  <mat-list *ngIf=\"edit\">\r\n\r\n    <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Validation Message</mat-label>\r\n      <textarea matInput #textarea [value]=\"edit.message\"\r\n           (input)=\"onTextChange($event,'message')\"\r\n      placeholder=\"\r\n        Enter message\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The message to display when the validation fails\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n\r\n\r\n\r\n\r\n    <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Expression</mat-label>\r\n      <textarea matInput #textarea \r\n      (input)=\"onTextChange($event,'expression')\"\r\n      [value]=\"edit.expression\" placeholder=\"\r\n        enter expression\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The expression to evaluate the validation\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n    <mat-toolbar>\r\n      <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n        (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n        <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n      </mat-slide-toggle>\r\n    </mat-toolbar>\r\n    <label >\r\n      Observe inputs for changes\r\n    </label>\r\n    <mat-chip-listbox aria-label=\"Chip select options\">\r\n      @for(input of edit.inputsObservedForChanges;track input){\r\n      <mat-chip>input\r\n        <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip>\r\n      }\r\n      <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n        Variable\r\n        <mat-icon matChipTrailingIcon>\r\n          add\r\n        </mat-icon>\r\n      </mat-chip>\r\n    </mat-chip-listbox>\r\n\r\n    <br>\r\n    <mat-divider></mat-divider>\r\n\r\n\r\n  </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n  <section style=\"max-height: 360px; overflow-y: auto\">\r\n    <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n    </lib-form-input-selector>\r\n\r\n    <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n      <span style=\"\r\n          display: block;\r\n          text-align: center;\r\n          font-style: italic;\r\n          padding: 16px;\r\n        \">No form inputs</span>\r\n    </div>\r\n  </section>\r\n  <mat-toolbar>\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n      Close\r\n      <mat-icon>\r\n        close\r\n      </mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n</ng-template>\r\n"],"names":["uuidv4","i13"],"mappings":"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"}

package/fesm2022/ngx-t-forms.mjs

@@ -1,2 +1,2 @@
-export { A as DialogTemplateComponent, n as FORM_ACTIONS_TOKEN, o as FORM_CONFIG_TOKEN, r as FORM_INPUTS_TOKEN, q as FORM_SLIDES_TOKEN, w as FormBuilderComponent, c as FormTowerControllerService, B as FormatDataPipe, v as FormsComponent, u as MSCOA_TREE_PROVIDER, s as MULTIPLE_FORM_INPUT_TOKEN, x as MscoaFormInputComponent, N as NGX_T_FORMS_CONFIG_TOKEN, j as NgxTFormsComponent, i as NgxTFormsService, P as PropertyAccessError, S as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, z as TFormInputComponent, U as UTILS_OBJECT_TOKEN, y as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, a as assignDeepPropertyToObject, L as createFileFromBase64, l as formGenerator, K as getSampleValueForInput, m as getSectionElements, I as getUrl, k as initFormConfigToV2, p as provideNgxTForms, C as returnDeepProperty, E as safeReturnDeepProperty, t as testAgainstItem, J as textIconsForUserHints, H as validateExpressionSyntax, G as validateObjectAgainstString } from './ngx-t-forms-ngx-t-forms-Izs2rqnL.mjs';
+export { E as DialogTemplateComponent, q as FORM_ACTIONS_TOKEN, s as FORM_CONFIG_TOKEN, v as FORM_INPUTS_TOKEN, u as FORM_SLIDES_TOKEN, z as FormBuilderComponent, c as FormTowerControllerService, H as FormatDataPipe, y as FormsComponent, x as MSCOA_TREE_PROVIDER, w as MULTIPLE_FORM_INPUT_TOKEN, A as MscoaFormInputComponent, N as NGX_T_FORMS_CONFIG_TOKEN, k as NgxTFormsComponent, j as NgxTFormsService, P as PropertyAccessError, G as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, C as TFormInputComponent, U as UTILS_OBJECT_TOKEN, B as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, a as assignDeepPropertyToObject, W as createFileFromBase64, m as formGenerator, R as getSampleValueForInput, n as getSectionElements, O as getUrl, o as getValueFromValueAccessor, l as initFormConfigToV2, p as provideNgxTForms, I as returnDeepProperty, r as returnMappedPathValue, J as safeReturnDeepProperty, t as testAgainstItem, Q as textIconsForUserHints, L as validateExpressionSyntax, K as validateObjectAgainstString } from './ngx-t-forms-ngx-t-forms-zYBCwTI4.mjs';
 //# sourceMappingURL=ngx-t-forms.mjs.map

package/lib/components/form-builder/elements/form-section-stepper/form-section-stepper.component.d.ts

@@ -5,6 +5,7 @@ import { MatStepper } from '@angular/material/stepper';
 import { FormTowerControllerService } from '../../../../services/core/t-form-tower-controller/form-tower-controller.service';
 import { FormBuilderFunctions, FormColumnInputs, IMultipleInputCal, ITowerFormSteps } from 'ngx-t-forms-types';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { TourManagerService } from '../../../../services/core/tour/tour-manager.service';
 import * as i0 from "@angular/core";
 export declare class FormSectionStepperComponent extends FormTowerControllerService implements OnInit {
     /**
@@ -61,6 +62,8 @@ export declare class FormSectionStepperComponent extends FormTowerControllerServ
     ref: ChangeDetectorRef;
     refresh(): void;
     sectionIncludesDefault(columns: FormColumnInputs[]): boolean;
+    tourManagerService: TourManagerService;
+    startTour(sectionId: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSectionStepperComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormSectionStepperComponent, "app-form-section-stepper", never, {}, {}, never, never, true, never>;
 }

package/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.d.ts

@@ -11,6 +11,7 @@ export declare class MatChipListEditorComponent implements MatFormFieldControl<{
 }[]> {
     ngControl: NgControl;
     private _elementRef;
+    listSearchKey: string;
     static nextId: number;
     stateChanges: Subject<void>;
     id: string;

package/lib/components/t-form-input/elements/editor-input-element/core/editor-js-input/editor-js-input.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
 import { NgControl } from '@angular/forms';
 import { ITowerStepColumn } from 'ngx-t-forms-types';
@@ -9,10 +9,14 @@ export declare class EditorJsInputComponent extends BaseCustomInput<OutputData |
     inputConfig: ITowerStepColumn;
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
+    _value: OutputData | undefined;
+    set value(value: OutputData | undefined);
+    get value(): OutputData | undefined;
+    valueChanged: EventEmitter<OutputData | undefined>;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
     contentChangedSaveValue(): Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorJsInputComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorJsInputComponent, "lib-editor-js-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorJsInputComponent, "lib-editor-js-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/workflow-adjudication/elements/submission-review/submission-review.component.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ITowerStepColumn, IWorkflowDocListCols, AdjResponseReviewColumnMapping, WorkflowAdjudicationMicroFlowReviewValue } from 'ngx-t-forms-types';
+import { MatSelectChange } from '@angular/material/select';
+import { OutputData } from '@editorjs/editorjs';
+import * as i0 from "@angular/core";
+interface ISubmission extends Record<string, any> {
+    id: string;
+    adjudicationPricePreferenceCalculationColor?: string;
+    backgroundShades?: Record<string, string>;
+}
+interface tableCols extends IWorkflowDocListCols {
+    showColor?: boolean;
+    maxWidth?: string;
+}
+interface IViewModel {
+    submissions: ISubmission[];
+    columnMapping: AdjResponseReviewColumnMapping;
+    displayColumns?: tableCols[];
+    displayCols: string[];
+    loading: boolean;
+    error?: string;
+}
+export declare class SubmissionReviewComponent {
+    inputConfig: ITowerStepColumn | undefined;
+    private _value;
+    private valueChanges$;
+    set value(value: any);
+    get value(): WorkflowAdjudicationMicroFlowReviewValue[] | null;
+    reviewChange: EventEmitter<WorkflowAdjudicationMicroFlowReviewValue[]>;
+    private config;
+    private refreshTrigger;
+    selected: string;
+    columnMapping: AdjResponseReviewColumnMapping | undefined;
+    submissions: ISubmission[];
+    private readonly initialState;
+    private readonly fetchedData$;
+    /**
+     * REFACTORED: The new vm$ combines the one-time fetched data with the ongoing stream
+     * of local review changes (`valueChanges$`). This prevents re-fetching from the server
+     * every time a status or note is changed.
+     */
+    readonly vm$: Observable<IViewModel>;
+    loadMicroSubmissions(): void;
+    /**
+     * REFACTORED: Now accepts `reviewValues` as a parameter instead of relying on `this.value`.
+     */
+    private enrichSubmissionsData;
+    private getColorString;
+    private getScoreShade;
+    viewMicroSubmission(res: any): void;
+    reviewStatuses: {
+        label: string;
+        value: string;
+        color: string;
+    }[];
+    setResponseStatus(res: any, status: MatSelectChange): void;
+    get maxLimit(): number | undefined;
+    reachedMax(newValue: WorkflowAdjudicationMicroFlowReviewValue[] | null): void;
+    notesOpenForRowId: string | null;
+    activeRowNotes: OutputData | undefined;
+    notesBeingEdited: Map<string, OutputData | undefined>;
+    /**
+     * REFACTORED: Captures the notes for a specific row ID and stores them in the map.
+     */
+    notesChanged(notes: OutputData | undefined, rowId: string): void;
+    /**
+     * REFACTORED: Saves the notes from the `notesBeingEdited` map.
+     */
+    notesBlur(): void;
+    get notesInputConfig(): ITowerStepColumn;
+    bulkOperations: {
+        label: string;
+        value: string;
+        color: string;
+    }[];
+    get bulkStatus(): "mixed" | "compliant" | "non-compliant";
+    bulkStatusChanged(event: MatSelectChange): void;
+    openNotes(row: any): void;
+    canChangeStatus(row: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubmissionReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubmissionReviewComponent, "app-submission-review", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "reviewChange": "reviewChange"; }, never, never, true, never>;
+}
+export {};

package/lib/components/t-form-input/elements/workflow-adjudication/elements/workflow-adjudication-reactive-input/workflow-adjudication-reactive-input.component.d.ts

@@ -1,18 +1,19 @@
 import { ElementRef } from '@angular/core';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
-import { FormBuilderFunctions, ITowerStepColumn, WorkflowAdjudicationMicroFlowReviewValue, WorkflowAdjudicationResponseElectedSupplierSelectionValue, WorkflowAdjudicationScoreSheetValue } from 'ngx-t-forms-types';
+import { AdjudicationSteps, FormBuilderFunctions, ITowerStepColumn, WorkflowAdjudicationMicroFlowReviewValue, WorkflowAdjudicationResponseElectedSupplierSelectionValue, WorkflowAdjudicationScoreSheetValue } from 'ngx-t-forms-types';
 import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class WorkflowAdjudicationReactiveInputComponent extends BaseCustomInput<WorkflowAdjudicationScoreSheetValue[] | WorkflowAdjudicationMicroFlowReviewValue | WorkflowAdjudicationResponseElectedSupplierSelectionValue> {
+export declare class WorkflowAdjudicationReactiveInputComponent extends BaseCustomInput<WorkflowAdjudicationScoreSheetValue[] | WorkflowAdjudicationMicroFlowReviewValue[] | WorkflowAdjudicationResponseElectedSupplierSelectionValue> {
     get empty(): boolean;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
+    adjudicationSteps: typeof AdjudicationSteps;
     formBuilderFunctions: FormBuilderFunctions | undefined;
     editorMode: boolean;
     _inputConfig: ITowerStepColumn;
     set inputConfig(inputConfig: ITowerStepColumn);
     get inputConfig(): ITowerStepColumn;
     get shouldLabelFloat(): boolean;
-    setValue(value: WorkflowAdjudicationScoreSheetValue[] | WorkflowAdjudicationMicroFlowReviewValue | WorkflowAdjudicationResponseElectedSupplierSelectionValue): void;
+    setValue(value: WorkflowAdjudicationScoreSheetValue[] | WorkflowAdjudicationMicroFlowReviewValue[] | WorkflowAdjudicationResponseElectedSupplierSelectionValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkflowAdjudicationReactiveInputComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WorkflowAdjudicationReactiveInputComponent, "lib-workflow-adjudication-reactive-input", never, { "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; }, {}, never, never, true, never>;
 }