ngx-t-forms 2.0.2 → 2.0.3

package/fesm2022/{ngx-t-forms-calculated-field-rules.component-DP1UlCew.mjs.map → ngx-t-forms-calculated-field-rules.component-CvLOnB-D.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-calculated-field-rules.component-DP1UlCew.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/calculated-field-rules/calculated-field-rules.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/calculated-field-rules/calculated-field-rules.component.html"],"sourcesContent":["import {\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Input,\r\n\r\n  OnInit,\r\n  Optional,\r\n  Output,\r\n  Self,\r\n} from '@angular/core';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CalculatedFieldRules, TableConfigurationsInterface } from 'ngx-t-forms-types';\r\n\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\nimport { MatSelectChange } from '@angular/material/select';\r\nimport { FormInputSelectorComponent } from '../form-input-selector/form-input-selector.component';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { CalculationFunctions, calculationVariableInterface } from \"ngx-t-forms-types\"\r\n@Component({\r\n  selector: 'app-calculated-field-rules',\r\n  templateUrl: './calculated-field-rules.component.html',\r\n  styleUrls: ['./calculated-field-rules.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    MatModulesModule,\r\n    CommonModule,\r\n    FormsModule,\r\n    FormInputSelectorComponent\r\n  ],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }],\r\n})\r\nexport class CalculatedFieldRulesComponent implements OnInit, MatFormFieldControl<CalculatedFieldRules | undefined> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `app-calculated-field-rules-${CalculatedFieldRulesComponent.nextId++}`;\r\n\r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\n  disabled: boolean = false;\r\n  get errorState(): boolean {\r\n    const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched\r\n    return !this.value && !!this.required || hasError\r\n  }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.app-calculated-field-rules');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => { };\r\n  markAsTouched() {\r\n    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  @Input() mapToData: FormColumnInputs | undefined = undefined;\r\n  _value: CalculatedFieldRules = {} as any;\r\n  @Input() set value(value: CalculatedFieldRules) {\r\n    this._value = value;\r\n  }\r\n  get value(): CalculatedFieldRules {\r\n    return this._value;\r\n  }\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  @Output() valueChange2dWithPath = new EventEmitter<any>();\r\n  @Output() valueChanged = new EventEmitter<CalculatedFieldRules | any>();\r\n\r\n\r\n  get allCalculationFunction() {\r\n    return Object.values(\r\n      CalculationFunctions\r\n    )\r\n  }\r\n\r\n  ngOnInit() { }\r\n\r\n  applyColTo() {\r\n    let i:any = this.formInputs?.find(\r\n      (input: any) => input.id === this.activeVariable['inputId']\r\n    );\r\n    if (i?.element === 'tableSelection') {\r\n      return this.selectedInputVariable().tableConfig.displayedColumnsInOrder\r\n    } else if (i?.multipleInputInEditId) {\r\n      const parentInput = this.formInputs?.find(\r\n        (input: any) => input.id === i?.multipleInputInEditId\r\n      );\r\n      return parentInput?.formInputs\r\n    }\r\n\r\n    return []\r\n  }\r\n  get numberInputs() {\r\n    return this.formInputs?.filter((input: FormColumnInputs) => input.dataType === 'number' || input.type === 'number')\r\n  }\r\n  get tableMode(): Boolean {\r\n    return !!this.mapToData?.tableConfig\r\n  }\r\n  get tableConfig(): TableConfigurationsInterface | undefined {\r\n    return this.mapToData?.tableConfig\r\n  }\r\n\r\n  inputIsInItemList(v: FormColumnInputs) {\r\n    let i = this.formInputs?.find(\r\n      (input: any) => input.formControlName === v['formControlName']\r\n    );\r\n\r\n    const hasParent = i ? i['multipleInputInEditId'] : false;\r\n\r\n    const isInTable = (v as any)['tableCell'];\r\n\r\n    return !!hasParent || isInTable;\r\n  }\r\n  selectedVariableIsTable(): boolean {\r\n    const selectedInput:any = this.formInputs?.find(\r\n      (inp: { [x: string]: any }) =>\r\n        inp['id'] === this.activeVariable['inputId']\r\n    );\r\n    const isTable = selectedInput\r\n      ? selectedInput['element'] === 'tableSelection'\r\n      : false;\r\n\r\n\r\n    return !!isTable\r\n  }\r\n  selectedInputVariable(): any {\r\n    const selectedInput:any = this.formInputs?.find(\r\n      (inp: { [x: string]: any }) =>\r\n        inp['formControlName'] === this.activeVariable['formControlName']\r\n    );\r\n    const isTable = selectedInput\r\n      ? selectedInput['element'] === 'tableSelection'\r\n      : false;\r\n    return isTable ? selectedInput : {};\r\n  }\r\n\r\n\r\n  checkIfInputCanBeLinkedToCalVariable(\r\n    currentInput: FormColumnInputs | undefined,\r\n    inputToDisable: { [x: string]: any; formControlName: any }\r\n  ) {\r\n    if (currentInput?.['formControlName'] === inputToDisable.formControlName) {\r\n      return true;\r\n    } else {\r\n      if (!currentInput?.['multipleInputInEditId']\r\n      ) {\r\n        return !!inputToDisable['parentInput'] || !!inputToDisable['multipleInputInEditId'];\r\n      } else {\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  valueChangedPost(event: any) {\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  activeVariable: any = {} as any;\r\n  addVariable() {\r\n    if (!this.value?.['variables']) {\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [],\r\n        formula: this.value?.formula || ''\r\n      }\r\n    }\r\n    this.value = {\r\n      ...this.value,\r\n      variables: [...this.value.variables, ({\r\n        formControlName: '',\r\n        variable: '',\r\n      } as any)]\r\n    }\r\n  }\r\n  linkFormulaSource(event: MatSelectChange) {\r\n    if (!this.value) {\r\n      this.value = {} as any\r\n    }\r\n    this.value!.formControlWithFormula = event.value\r\n    this.value!.formula = undefined as any\r\n    this.valueChanged.emit(this.value)\r\n  }\r\n  showVariableConfig: boolean = false;\r\n  bindInput(\r\n    inputId: string\r\n  ) {\r\n    const input = this.formInputs?.find(\r\n      (input: any) => input.id === inputId\r\n    )\r\n    if (!input) return;\r\n    if (this.activeVariable['formControlName'] === input['formControlName']) {\r\n      return\r\n    }\r\n    this.activeVariable['formControlName'] = input['formControlName'];\r\n    this.activeVariable['label'] = input['label'];\r\n    this.activeVariable['inputId'] = input['id']\r\n    this.activeVariable['parentInputId'] = input['multipleInputInEditId']\r\n    \r\n  }\r\n  formulaChanged(event: any) {\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  bindTableCol(event: { stopPropagation: () => void }, col: string) {\r\n    this.activeVariable['formControlName'] = col;\r\n    this.activeVariable['tableCell'] = true;\r\n\r\n    this.activeVariable['label'] = this.tableConfig?.columnsConfig[col].label;\r\n    event.stopPropagation();\r\n  }\r\n  tableFunctionToCol(\r\n    event: { stopPropagation: () => void },\r\n    col: string | number | any\r\n  ) {\r\n    if (typeof col === 'object') {\r\n      this.activeVariable['applyFunctionToCol'] = col['formControlName'];\r\n      this.activeVariable['applyFunctionToLabel'] = col['label'];\r\n    } else {\r\n      this.activeVariable['applyFunctionToCol'] = col;\r\n\r\n      this.activeVariable['applyFunctionToLabel'] =\r\n        this.selectedInputVariable()?.tableConfig.columnsConfig[col].label;\r\n    }\r\n\r\n    event.stopPropagation();\r\n  }\r\n  filterValuesByThisCol(\r\n    event: { stopPropagation: () => void },\r\n    col: string\r\n  ) {\r\n    this.activeVariable['filterValuesByCol'] = col;\r\n    this.activeVariable['filterValuesByThisColLabel'] =\r\n      this.selectedInputVariable()?.tableConfig.columnsConfig[col].label;\r\n    event.stopPropagation();\r\n  }\r\n  unlick(event: { stopPropagation: () => void }) {\r\n    delete (this.activeVariable as any)['formControlName'];\r\n    delete (this.activeVariable as any)['label'];\r\n    delete this.activeVariable['tableCell'];\r\n    event.stopPropagation();\r\n  }\r\n  unlinkTableFunctionToCol(event: { stopPropagation: () => void }) {\r\n    delete this.activeVariable['applyFunctionToCol'];\r\n    delete this.activeVariable['applyFunctionToLabel'];\r\n    event.stopPropagation();\r\n  }\r\n  unlinkTableFilter(event: { stopPropagation: () => void }) {\r\n    delete this.activeVariable['filterValuesByCol'];\r\n    delete this.activeVariable['filterValuesByThisColLabel'];\r\n    event.stopPropagation();\r\n  }\r\n  functions = [\r\n    { value: 'avg', label: 'Average' },\r\n    { value: 'max', label: 'Maximum' },\r\n    { value: 'min', label: 'lowest' },\r\n    { value: 'sum', label: 'Sum' },\r\n  ];\r\n  attachFunction(event: { stopPropagation: () => void }, value: any) {\r\n\r\nif(this.activeVariable['function'] === value){\r\n  this.activeVariable['function'] = undefined\r\n  this.activeVariable['applyFunctionToCol'] = undefined;\r\n  this.activeVariable['applyFunctionToLabel'] = undefined;\r\n\r\n}else{\r\n  (this.activeVariable['function'] = value)\r\n  this.activeVariable['applyFunctionToCol'] = this.activeVariable['formControlName'];\r\n  this.activeVariable['applyFunctionToLabel'] =this.activeVariable['label'];\r\n}\r\n\r\n\r\n    event.stopPropagation();\r\n  }\r\n  saveNewVariable(event: any) {\r\n\r\n    if (!this.value?.['variables']) {\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [],\r\n        formula: this.value?.formula || ''\r\n      }\r\n    }\r\n    this.activeVariable['id'] = uuidv4();\r\n    if (this.inputIsInItemList(this.activeVariable)) {\r\n      let i = this.formInputs?.find(\r\n        (input: any) =>\r\n          input.formControlName === this.activeVariable['formControlName']\r\n      );\r\n      const hasParent = i ? i['multipleInputInEditId'] : false;\r\n\r\n\r\n      this.activeVariable['parentInputId'] =\r\n        hasParent && i ? i['multipleInputInEditId'] : undefined;\r\n\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [...this.value['variables'], this.activeVariable],\r\n      }\r\n    } else {\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [...this.value['variables'], this.activeVariable],\r\n      }\r\n    }\r\n\r\n    this.activeVariable = {} as any;\r\n    this.showVariableConfig = false;\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  remove(variable:calculationVariableInterface) {\r\n    this.value = {\r\n      ...this.value,\r\n      variables: this.value.variables.filter((v:calculationVariableInterface) => v.id !== variable.id)\r\n    }\r\n    \r\n  }\r\n  cancelVariableConfig(event: any) {\r\n    this.activeVariable = {} as any;\r\n    this.showVariableConfig = false;\r\n  }\r\n}\r\n","\r\n<br>\r\n<div *ngIf=\" !!this.value &&!mapToData?.['id'] && !tableMode\" class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Save the input first to enable calculated field configurations\r\n  </span>\r\n</div>\r\n\r\n<section >\r\n  <mat-form-field  [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\" >\r\n    <mat-label >Equation</mat-label>\r\n    <textarea matInput #textarea [(ngModel)]=\"value['formula']\" \r\n    (input)=\"formulaChanged($event)\"\r\n    placeholder=\"Enter calculation expression\"></textarea>\r\n    <mat-hint>\r\n      example: ((a+2)/(b-1))*2\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"!!value.getFormulaFromAFormInput\">\r\n    <mat-label>Equation</mat-label>\r\n    <mat-select matNativeControl [value]=\"value.formControlWithFormula\" (selectionChange)=\"linkFormulaSource($event)\"\r\n      placeholder=\"select Input with formula\">\r\n      @for (input of formInputs; track input.id) {\r\n      <mat-option [disabled]=\"\r\n        checkIfInputCanBeLinkedToCalVariable(mapToData, input) ||\r\n        input.element !== 'select'\" [value]=\"input.formControlName\">{{input.label}}</mat-option>\r\n      }\r\n\r\n\r\n    </mat-select>\r\n    <mat-hint>\r\n      Link formula to an input value\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-chip-listbox  #chipList aria-label=\"options\">\r\n\r\n    <mat-chip *ngFor=\"let variable of (this.value['variables']||[])\" \r\n    (click)=\"value['formula'] = value['formula'] +' '+ variable['variable']  \"\r\n    (removed)=\"remove(variable)\">\r\n      <div [style.color]=\"\r\n          variable['tableCell'] ? 'var(--ion-color-purple)' : ''\r\n        \" style=\"font-size: 13px\">\r\n        {{ variable[\"variable\"] }}\r\n\r\n        - {{ variable[\"label\"] }}\r\n        <span style=\"opacity: 0.6; padding-left: 5px\" *ngIf=\"variable['function']\">\r\n          {{ variable[\"function\"] }}</span>\r\n      </div>\r\n\r\n      <button matChipRemove>\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip>\r\n    <mat-chip *ngIf=\"!showVariableConfig\" highlighted=\"true\" color=\"accent\" (click)=\"showVariableConfig = !showVariableConfig\">\r\n      <span> {{showVariableConfig?'close Variable edit':'Add a new Variable'}} </span>\r\n      <mat-icon  matChipTrailingIcon>{{\r\n        showVariableConfig\r\n        ? 'close'\r\n        : 'add'\r\n        }}</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-listbox>\r\n\r\n  @if( showVariableConfig){\r\n  <ng-container *ngTemplateOutlet=\"variableConfiguration\">\r\n\r\n  </ng-container>\r\n  }\r\n\r\n</section>\r\n<ng-template #variableConfiguration>\r\n  <mat-card style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\">\r\n    <div style=\"padding: 8px;\">\r\n      <div class=\"tree-instructions\" style=\"background: azure\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          <strong>Configure variable </strong><br>\r\n          Link a form input to a variable to use in the equation\r\n        </span>\r\n      </div>\r\n\r\n        <lib-form-input-selector  \r\n        [disabled]=\"!!this.activeVariable['formControlName']\"\r\n        [formInputs]=\"numberInputs\" [value]=\"this.activeVariable['inputId']\"\r\n          (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\"></lib-form-input-selector>\r\n\r\n      <ng-container *ngIf=\"this.activeVariable ? !!this.activeVariable['formControlName'] : false\">\r\n        <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\">\r\n          <mat-label >Variable Name</mat-label>\r\n          <textarea matInput #textarea (click)=\"$event.stopPropagation()\"\r\n           [(ngModel)]=\"this.activeVariable['variable']\"\r\n            placeholder=\"enter variable\"></textarea>\r\n          <mat-hint>\r\n            A variable is an alphabet or term that represents a form input in the equation.\r\n          </mat-hint>\r\n        </mat-form-field>\r\n        @if (activeVariable['parentInputId']) {\r\n          <br>\r\n            <mat-label > <small>list function ( ƒ )</small>    </mat-label>\r\n            <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n              @for (func of allCalculationFunction; track func) {\r\n                <mat-chip-option (click)=\"attachFunction($event,func)\" [selected]=\"activeVariable.function === func\">{{func}}</mat-chip-option>\r\n              }\r\n            </mat-chip-listbox>\r\n        \r\n        }\r\n     \r\n      </ng-container>\r\n    </div>\r\n\r\n    <mat-toolbar class=\"ion-margin-top\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-flat-button  (click)=\"cancelVariableConfig($event)\">\r\n        cancel\r\n      </button>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"\r\n        !this.activeVariable['formControlName'] ||\r\n        !this.activeVariable['variable']\r\n      \" (click)=\"saveNewVariable($event)\">\r\n        save variable\r\n      </button>\r\n\r\n    </mat-toolbar>\r\n  </mat-card>\r\n</ng-template>"],"names":["uuidv4","i11"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-calculated-field-rules.component-CvLOnB-D.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/calculated-field-rules/calculated-field-rules.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/calculated-field-rules/calculated-field-rules.component.html"],"sourcesContent":["import {\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Input,\r\n\r\n  OnInit,\r\n  Optional,\r\n  Output,\r\n  Self,\r\n} from '@angular/core';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CalculatedFieldRules, TableConfigurationsInterface } from 'ngx-t-forms-types';\r\n\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\nimport { MatSelectChange } from '@angular/material/select';\r\nimport { FormInputSelectorComponent } from '../form-input-selector/form-input-selector.component';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { CalculationFunctions, calculationVariableInterface } from \"ngx-t-forms-types\"\r\n@Component({\r\n  selector: 'app-calculated-field-rules',\r\n  templateUrl: './calculated-field-rules.component.html',\r\n  styleUrls: ['./calculated-field-rules.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    MatModulesModule,\r\n    CommonModule,\r\n    FormsModule,\r\n    FormInputSelectorComponent\r\n  ],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }],\r\n})\r\nexport class CalculatedFieldRulesComponent implements OnInit, MatFormFieldControl<CalculatedFieldRules | undefined> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `app-calculated-field-rules-${CalculatedFieldRulesComponent.nextId++}`;\r\n\r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\n  disabled: boolean = false;\r\n  get errorState(): boolean {\r\n    const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched\r\n    return !this.value && !!this.required || hasError\r\n  }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.app-calculated-field-rules');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => { };\r\n  markAsTouched() {\r\n    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  @Input() mapToData: FormColumnInputs | undefined = undefined;\r\n  _value: CalculatedFieldRules = {} as any;\r\n  @Input() set value(value: CalculatedFieldRules) {\r\n    this._value = value;\r\n  }\r\n  get value(): CalculatedFieldRules {\r\n    return this._value;\r\n  }\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  @Output() valueChange2dWithPath = new EventEmitter<any>();\r\n  @Output() valueChanged = new EventEmitter<CalculatedFieldRules | any>();\r\n\r\n\r\n  get allCalculationFunction() {\r\n    return Object.values(\r\n      CalculationFunctions\r\n    )\r\n  }\r\n\r\n  ngOnInit() { }\r\n\r\n  applyColTo() {\r\n    let i:any = this.formInputs?.find(\r\n      (input: any) => input.id === this.activeVariable['inputId']\r\n    );\r\n    if (i?.element === 'tableSelection') {\r\n      return this.selectedInputVariable().tableConfig.displayedColumnsInOrder\r\n    } else if (i?.multipleInputInEditId) {\r\n      const parentInput = this.formInputs?.find(\r\n        (input: any) => input.id === i?.multipleInputInEditId\r\n      );\r\n      return parentInput?.formInputs\r\n    }\r\n\r\n    return []\r\n  }\r\n  get numberInputs() {\r\n    return this.formInputs?.filter((input: FormColumnInputs) => input.dataType === 'number' || input.type === 'number')\r\n  }\r\n  get tableMode(): Boolean {\r\n    return !!this.mapToData?.tableConfig\r\n  }\r\n  get tableConfig(): TableConfigurationsInterface | undefined {\r\n    return this.mapToData?.tableConfig\r\n  }\r\n\r\n  inputIsInItemList(v: FormColumnInputs) {\r\n    let i = this.formInputs?.find(\r\n      (input: any) => input.formControlName === v['formControlName']\r\n    );\r\n\r\n    const hasParent = i ? i['multipleInputInEditId'] : false;\r\n\r\n    const isInTable = (v as any)['tableCell'];\r\n\r\n    return !!hasParent || isInTable;\r\n  }\r\n  selectedVariableIsTable(): boolean {\r\n    const selectedInput:any = this.formInputs?.find(\r\n      (inp: { [x: string]: any }) =>\r\n        inp['id'] === this.activeVariable['inputId']\r\n    );\r\n    const isTable = selectedInput\r\n      ? selectedInput['element'] === 'tableSelection'\r\n      : false;\r\n\r\n\r\n    return !!isTable\r\n  }\r\n  selectedInputVariable(): any {\r\n    const selectedInput:any = this.formInputs?.find(\r\n      (inp: { [x: string]: any }) =>\r\n        inp['formControlName'] === this.activeVariable['formControlName']\r\n    );\r\n    const isTable = selectedInput\r\n      ? selectedInput['element'] === 'tableSelection'\r\n      : false;\r\n    return isTable ? selectedInput : {};\r\n  }\r\n\r\n\r\n  checkIfInputCanBeLinkedToCalVariable(\r\n    currentInput: FormColumnInputs | undefined,\r\n    inputToDisable: { [x: string]: any; formControlName: any }\r\n  ) {\r\n    if (currentInput?.['formControlName'] === inputToDisable.formControlName) {\r\n      return true;\r\n    } else {\r\n      if (!currentInput?.['multipleInputInEditId']\r\n      ) {\r\n        return !!inputToDisable['parentInput'] || !!inputToDisable['multipleInputInEditId'];\r\n      } else {\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  valueChangedPost(event: any) {\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  activeVariable: any = {} as any;\r\n  addVariable() {\r\n    if (!this.value?.['variables']) {\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [],\r\n        formula: this.value?.formula || ''\r\n      }\r\n    }\r\n    this.value = {\r\n      ...this.value,\r\n      variables: [...this.value.variables, ({\r\n        formControlName: '',\r\n        variable: '',\r\n      } as any)]\r\n    }\r\n  }\r\n  linkFormulaSource(event: MatSelectChange) {\r\n    if (!this.value) {\r\n      this.value = {} as any\r\n    }\r\n    this.value!.formControlWithFormula = event.value\r\n    this.value!.formula = undefined as any\r\n    this.valueChanged.emit(this.value)\r\n  }\r\n  showVariableConfig: boolean = false;\r\n  bindInput(\r\n    inputId: string\r\n  ) {\r\n    const input = this.formInputs?.find(\r\n      (input: any) => input.id === inputId\r\n    )\r\n    if (!input) return;\r\n    if (this.activeVariable['formControlName'] === input['formControlName']) {\r\n      return\r\n    }\r\n    this.activeVariable['formControlName'] = input['formControlName'];\r\n    this.activeVariable['label'] = input['label'];\r\n    this.activeVariable['inputId'] = input['id']\r\n    this.activeVariable['parentInputId'] = input['multipleInputInEditId']\r\n    \r\n  }\r\n  formulaChanged(event: any) {\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  bindTableCol(event: { stopPropagation: () => void }, col: string) {\r\n    this.activeVariable['formControlName'] = col;\r\n    this.activeVariable['tableCell'] = true;\r\n\r\n    this.activeVariable['label'] = this.tableConfig?.columnsConfig[col].label;\r\n    event.stopPropagation();\r\n  }\r\n  tableFunctionToCol(\r\n    event: { stopPropagation: () => void },\r\n    col: string | number | any\r\n  ) {\r\n    if (typeof col === 'object') {\r\n      this.activeVariable['applyFunctionToCol'] = col['formControlName'];\r\n      this.activeVariable['applyFunctionToLabel'] = col['label'];\r\n    } else {\r\n      this.activeVariable['applyFunctionToCol'] = col;\r\n\r\n      this.activeVariable['applyFunctionToLabel'] =\r\n        this.selectedInputVariable()?.tableConfig.columnsConfig[col].label;\r\n    }\r\n\r\n    event.stopPropagation();\r\n  }\r\n  filterValuesByThisCol(\r\n    event: { stopPropagation: () => void },\r\n    col: string\r\n  ) {\r\n    this.activeVariable['filterValuesByCol'] = col;\r\n    this.activeVariable['filterValuesByThisColLabel'] =\r\n      this.selectedInputVariable()?.tableConfig.columnsConfig[col].label;\r\n    event.stopPropagation();\r\n  }\r\n  unlick(event: { stopPropagation: () => void }) {\r\n    delete (this.activeVariable as any)['formControlName'];\r\n    delete (this.activeVariable as any)['label'];\r\n    delete this.activeVariable['tableCell'];\r\n    event.stopPropagation();\r\n  }\r\n  unlinkTableFunctionToCol(event: { stopPropagation: () => void }) {\r\n    delete this.activeVariable['applyFunctionToCol'];\r\n    delete this.activeVariable['applyFunctionToLabel'];\r\n    event.stopPropagation();\r\n  }\r\n  unlinkTableFilter(event: { stopPropagation: () => void }) {\r\n    delete this.activeVariable['filterValuesByCol'];\r\n    delete this.activeVariable['filterValuesByThisColLabel'];\r\n    event.stopPropagation();\r\n  }\r\n  functions = [\r\n    { value: 'avg', label: 'Average' },\r\n    { value: 'max', label: 'Maximum' },\r\n    { value: 'min', label: 'lowest' },\r\n    { value: 'sum', label: 'Sum' },\r\n  ];\r\n  attachFunction(event: { stopPropagation: () => void }, value: any) {\r\n\r\nif(this.activeVariable['function'] === value){\r\n  this.activeVariable['function'] = undefined\r\n  this.activeVariable['applyFunctionToCol'] = undefined;\r\n  this.activeVariable['applyFunctionToLabel'] = undefined;\r\n\r\n}else{\r\n  (this.activeVariable['function'] = value)\r\n  this.activeVariable['applyFunctionToCol'] = this.activeVariable['formControlName'];\r\n  this.activeVariable['applyFunctionToLabel'] =this.activeVariable['label'];\r\n}\r\n\r\n\r\n    event.stopPropagation();\r\n  }\r\n  saveNewVariable(event: any) {\r\n\r\n    if (!this.value?.['variables']) {\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [],\r\n        formula: this.value?.formula || ''\r\n      }\r\n    }\r\n    this.activeVariable['id'] = uuidv4();\r\n    if (this.inputIsInItemList(this.activeVariable)) {\r\n      let i = this.formInputs?.find(\r\n        (input: any) =>\r\n          input.formControlName === this.activeVariable['formControlName']\r\n      );\r\n      const hasParent = i ? i['multipleInputInEditId'] : false;\r\n\r\n\r\n      this.activeVariable['parentInputId'] =\r\n        hasParent && i ? i['multipleInputInEditId'] : undefined;\r\n\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [...this.value['variables'], this.activeVariable],\r\n      }\r\n    } else {\r\n      this.value = {\r\n        ...this.value,\r\n        variables: [...this.value['variables'], this.activeVariable],\r\n      }\r\n    }\r\n\r\n    this.activeVariable = {} as any;\r\n    this.showVariableConfig = false;\r\n    this.valueChanged.emit(this.value);\r\n  }\r\n  remove(variable:calculationVariableInterface) {\r\n    this.value = {\r\n      ...this.value,\r\n      variables: this.value.variables.filter((v:calculationVariableInterface) => v.id !== variable.id)\r\n    }\r\n    \r\n  }\r\n  cancelVariableConfig(event: any) {\r\n    this.activeVariable = {} as any;\r\n    this.showVariableConfig = false;\r\n  }\r\n}\r\n","\r\n<br>\r\n<div *ngIf=\" !!this.value &&!mapToData?.['id'] && !tableMode\" class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Save the input first to enable calculated field configurations\r\n  </span>\r\n</div>\r\n\r\n<section >\r\n  <mat-form-field  [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\" >\r\n    <mat-label >Equation</mat-label>\r\n    <textarea matInput #textarea [(ngModel)]=\"value['formula']\" \r\n    (input)=\"formulaChanged($event)\"\r\n    placeholder=\"Enter calculation expression\"></textarea>\r\n    <mat-hint>\r\n      example: ((a+2)/(b-1))*2\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" *ngIf=\"!!value.getFormulaFromAFormInput\">\r\n    <mat-label>Equation</mat-label>\r\n    <mat-select matNativeControl [value]=\"value.formControlWithFormula\" (selectionChange)=\"linkFormulaSource($event)\"\r\n      placeholder=\"select Input with formula\">\r\n      @for (input of formInputs; track input.id) {\r\n      <mat-option [disabled]=\"\r\n        checkIfInputCanBeLinkedToCalVariable(mapToData, input) ||\r\n        input.element !== 'select'\" [value]=\"input.formControlName\">{{input.label}}</mat-option>\r\n      }\r\n\r\n\r\n    </mat-select>\r\n    <mat-hint>\r\n      Link formula to an input value\r\n    </mat-hint>\r\n  </mat-form-field>\r\n  <mat-chip-listbox  #chipList aria-label=\"options\">\r\n\r\n    <mat-chip *ngFor=\"let variable of (this.value['variables']||[])\" \r\n    (click)=\"value['formula'] = value['formula'] +' '+ variable['variable']  \"\r\n    (removed)=\"remove(variable)\">\r\n      <div [style.color]=\"\r\n          variable['tableCell'] ? 'var(--ion-color-purple)' : ''\r\n        \" style=\"font-size: 13px\">\r\n        {{ variable[\"variable\"] }}\r\n\r\n        - {{ variable[\"label\"] }}\r\n        <span style=\"opacity: 0.6; padding-left: 5px\" *ngIf=\"variable['function']\">\r\n          {{ variable[\"function\"] }}</span>\r\n      </div>\r\n\r\n      <button matChipRemove>\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip>\r\n    <mat-chip *ngIf=\"!showVariableConfig\" highlighted=\"true\" color=\"accent\" (click)=\"showVariableConfig = !showVariableConfig\">\r\n      <span> {{showVariableConfig?'close Variable edit':'Add a new Variable'}} </span>\r\n      <mat-icon  matChipTrailingIcon>{{\r\n        showVariableConfig\r\n        ? 'close'\r\n        : 'add'\r\n        }}</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-listbox>\r\n\r\n  @if( showVariableConfig){\r\n  <ng-container *ngTemplateOutlet=\"variableConfiguration\">\r\n\r\n  </ng-container>\r\n  }\r\n\r\n</section>\r\n<ng-template #variableConfiguration>\r\n  <mat-card style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\">\r\n    <div style=\"padding: 8px;\">\r\n      <div class=\"tree-instructions\" style=\"background: azure\">\r\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n        <span>\r\n          <strong>Configure variable </strong><br>\r\n          Link a form input to a variable to use in the equation\r\n        </span>\r\n      </div>\r\n\r\n        <lib-form-input-selector  \r\n        [disabled]=\"!!this.activeVariable['formControlName']\"\r\n        [formInputs]=\"numberInputs\" [value]=\"this.activeVariable['inputId']\"\r\n          (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\"></lib-form-input-selector>\r\n\r\n      <ng-container *ngIf=\"this.activeVariable ? !!this.activeVariable['formControlName'] : false\">\r\n        <mat-form-field   [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"  appearance=\"outline\">\r\n          <mat-label >Variable Name</mat-label>\r\n          <textarea matInput #textarea (click)=\"$event.stopPropagation()\"\r\n           [(ngModel)]=\"this.activeVariable['variable']\"\r\n            placeholder=\"enter variable\"></textarea>\r\n          <mat-hint>\r\n            A variable is an alphabet or term that represents a form input in the equation.\r\n          </mat-hint>\r\n        </mat-form-field>\r\n        @if (activeVariable['parentInputId']) {\r\n          <br>\r\n            <mat-label > <small>list function ( ƒ )</small>    </mat-label>\r\n            <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n              @for (func of allCalculationFunction; track func) {\r\n                <mat-chip-option (click)=\"attachFunction($event,func)\" [selected]=\"activeVariable.function === func\">{{func}}</mat-chip-option>\r\n              }\r\n            </mat-chip-listbox>\r\n        \r\n        }\r\n     \r\n      </ng-container>\r\n    </div>\r\n\r\n    <mat-toolbar class=\"ion-margin-top\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-flat-button  (click)=\"cancelVariableConfig($event)\">\r\n        cancel\r\n      </button>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"\r\n        !this.activeVariable['formControlName'] ||\r\n        !this.activeVariable['variable']\r\n      \" (click)=\"saveNewVariable($event)\">\r\n        save variable\r\n      </button>\r\n\r\n    </mat-toolbar>\r\n  </mat-card>\r\n</ng-template>"],"names":["uuidv4","i11"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-config-mscoa-additional-inputs.component-CbZRg_zQ.mjs → ngx-t-forms-config-mscoa-additional-inputs.component-CTNtAPO2.mjs}

@@ -4,12 +4,12 @@ import { Subject, BehaviorSubject, take, tap, catchError } from 'rxjs';
 import { MatDialog } from '@angular/material/dialog';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DeOqfmLd.mjs';
 import * as i4 from '@angular/material/form-field';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import * as i1 from '@angular/forms';
 import * as i2$1 from '@angular/material/core';
-import * as i3 from '@angular/material/button';
+import * as i2$2 from '@angular/material/button';
 import * as i5 from '@angular/material/icon';
 import * as i6 from '@angular/material/list';
 import * as i7 from '@angular/material/select';
@@ -178,7 +178,7 @@ class ConfigMscoaAdditionalInputsComponent {
             }];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ConfigMscoaAdditionalInputsComponent, 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.2", type: ConfigMscoaAdditionalInputsComponent, isStandalone: true, selector: "app-config-mscoa-additional-inputs", inputs: { errors: "errors", getMscoaTree: "getMscoaTree", mapToData: "mapToData", value: "value" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ConfigMscoaAdditionalInputsComponent }], ngImport: i0, template: "\n\n<mat-list *ngIf=\"(value?.length||0) > 0; else noInputs\">\n  <mat-toolbar>\n    Additional inputs configuration\n  </mat-toolbar>\n  <mat-form-field   \n  (mouseover)=\"hovered = i\"\n\n  (mouseleave)=\"hovered = null\"\n    *ngFor=\"let input of value; let i = index\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" >\n    <mat-label>\n      {{ input.label }}\n    </mat-label>\n    <mat-select matNativeControl \n    \n   [value]=\"input.segment\"\n\n  placeholder=\"select segment\" (selectionChange)=\"inputSegmentChanged($event,i)\"\n      >\n      *ngFor=\"let  of \"\n      @for (segment of limitInputTo; track segment.value) {\n      <mat-option  [value]=\"segment.value\" >{{segment.label}}</mat-option>\n      }\n\n\n    </mat-select>\n    <mat-hint>\n      Link formula to an input value\n    </mat-hint>\n  </mat-form-field>\n\n</mat-list>\n\n<ng-template #noInputs>\n  <div  *ngIf=\"mapToData?.id\" class=\"tree-instructions\">\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n    <span><strong>\n      No input configuration available.  \n    </strong> <br>\n      Start by adding inputs below.</span>\n  </div>\n\n</ng-template>\n\n\n\n\n<section *ngIf=\"!isAddingNew && editingIndex === null && mapToData?.id\">\n  <button  (click)=\"startAddNew()\"  mat-raised-button>\n    Add New Input\n  </button>\n</section>\n\n<ng-template #InputEditor>\n  <h1>\n    Not implemented yet\n  </h1>\n  <!-- <app-form-element-modal-editor></app-form-element-modal-editor> -->\n</ng-template>\n", styles: [".tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: 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: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ConfigMscoaAdditionalInputsComponent, isStandalone: true, selector: "app-config-mscoa-additional-inputs", inputs: { errors: "errors", getMscoaTree: "getMscoaTree", mapToData: "mapToData", value: "value" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ConfigMscoaAdditionalInputsComponent }], ngImport: i0, template: "\n\n<mat-list *ngIf=\"(value?.length||0) > 0; else noInputs\">\n  <mat-toolbar>\n    Additional inputs configuration\n  </mat-toolbar>\n  <mat-form-field   \n  (mouseover)=\"hovered = i\"\n\n  (mouseleave)=\"hovered = null\"\n    *ngFor=\"let input of value; let i = index\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" >\n    <mat-label>\n      {{ input.label }}\n    </mat-label>\n    <mat-select matNativeControl \n    \n   [value]=\"input.segment\"\n\n  placeholder=\"select segment\" (selectionChange)=\"inputSegmentChanged($event,i)\"\n      >\n      *ngFor=\"let  of \"\n      @for (segment of limitInputTo; track segment.value) {\n      <mat-option  [value]=\"segment.value\" >{{segment.label}}</mat-option>\n      }\n\n\n    </mat-select>\n    <mat-hint>\n      Link formula to an input value\n    </mat-hint>\n  </mat-form-field>\n\n</mat-list>\n\n<ng-template #noInputs>\n  <div  *ngIf=\"mapToData?.id\" class=\"tree-instructions\">\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n    <span><strong>\n      No input configuration available.  \n    </strong> <br>\n      Start by adding inputs below.</span>\n  </div>\n\n</ng-template>\n\n\n\n\n<section *ngIf=\"!isAddingNew && editingIndex === null && mapToData?.id\">\n  <button  (click)=\"startAddNew()\"  mat-raised-button>\n    Add New Input\n  </button>\n</section>\n\n<ng-template #InputEditor>\n  <h1>\n    Not implemented yet\n  </h1>\n  <!-- <app-form-element-modal-editor></app-form-element-modal-editor> -->\n</ng-template>\n", styles: [".tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: 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: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ConfigMscoaAdditionalInputsComponent, decorators: [{
             type: Component,
@@ -205,4 +205,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 export { ConfigMscoaAdditionalInputsComponent };
-//# sourceMappingURL=ngx-t-forms-config-mscoa-additional-inputs.component-CbZRg_zQ.mjs.map
+//# sourceMappingURL=ngx-t-forms-config-mscoa-additional-inputs.component-CTNtAPO2.mjs.map

package/fesm2022/{ngx-t-forms-config-mscoa-additional-inputs.component-CbZRg_zQ.mjs.map → ngx-t-forms-config-mscoa-additional-inputs.component-CTNtAPO2.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-config-mscoa-additional-inputs.component-CbZRg_zQ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/config-mscoa-additional-inputs/config-mscoa-additional-inputs.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/config-mscoa-additional-inputs/config-mscoa-additional-inputs.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, inject, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\nimport { BehaviorSubject, catchError, Observable, Subject, take, tap } from 'rxjs';\r\n\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { IGetTreeResponse } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n\r\n\r\n\r\ninterface ConfiguredMscoaInput extends FormColumnInputs {\r\n  segment:string\r\n}\r\n@Component({\r\n  selector: 'app-config-mscoa-additional-inputs',\r\n  standalone: true,\r\n  imports:[\r\n    CommonModule,\r\n    MatModulesModule,\r\n  ],\r\n  templateUrl: './config-mscoa-additional-inputs.component.html',\r\n  styleUrls: ['./config-mscoa-additional-inputs.component.scss'],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: ConfigMscoaAdditionalInputsComponent}],\r\n})\r\nexport class ConfigMscoaAdditionalInputsComponent implements OnInit, MatFormFieldControl<ConfiguredMscoaInput[]> {\r\n\r\n   static nextId = 0;\r\n   stateChanges = new Subject<void>();\r\n \r\n   @HostBinding() id = `app-config-mscoa-additional-inputs-${ConfigMscoaAdditionalInputsComponent .nextId++}`;\r\n   \r\n   placeholder: string = ''\r\n   constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n   focused: boolean = false;\r\n   get empty() {\r\n     return !this.value\r\n   }\r\n   get shouldLabelFloat() {\r\n     return this.focused || !this.empty;\r\n   }\r\n   required: boolean = false;\r\n   disabled: boolean = false;\r\n   get errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     return !this.value && !!this.required  || hasError\r\n   }\r\n \r\n   controlType?: string | undefined;\r\n   autofilled?: boolean | undefined;\r\n   userAriaDescribedBy?: string | undefined;\r\n   disableAutomaticLabeling?: boolean | undefined;\r\n   setDescribedByIds(ids: string[]) {\r\n     // Ensure the component view is initialized\r\n     if (this._elementRef && this._elementRef.nativeElement) {\r\n       const controlElement = this._elementRef.nativeElement.querySelector('.app-config-mscoa-additional-inputs');\r\n       // Check if the controlElement exists before attempting to set its attribute\r\n       if (controlElement) {\r\n         controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n       }\r\n     }\r\n   }\r\n   onContainerClick(event: MouseEvent): void {\r\n     this.markAsTouched();\r\n     this.stateChanges.next();\r\n   }\r\n \r\n   touched: boolean = false;\r\n   onTouched = () => {};\r\n   markAsTouched() {\r\n     console.log('markAsTouched')  \r\n     if (!this.touched) {\r\n       this.onTouched();\r\n       this.touched = true;\r\n     }\r\n   } \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n  mscoaInitiated = false\r\n      @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() set getMscoaTree(options$:Observable<IGetTreeResponse| undefined> ){\r\n    if(!!options$ &&!this.mscoaInitiated){\r\n      this.mscoaInitiated = true\r\n      options$.pipe(\r\n        take(1),\r\n        tap((options) => {\r\n          this.accountTreeKeys = options?.accountTreeKeys || []\r\n        }),\r\n        catchError((error) => {\r\n          console.error('Error while fetching SCOA tree:', error);\r\n          return [null];\r\n        })\r\n      ).subscribe();\r\n\r\n    }\r\n  }\r\n  @Input() mapToData:FormColumnInputs | undefined = undefined;\r\n  @Input() set value(val: ConfiguredMscoaInput[]) {\r\n    this._value.next(val || []);\r\n  }\r\n  get value(): ConfiguredMscoaInput[] {\r\n    return this._value.value;\r\n  }\r\n  _inputInEdit = new BehaviorSubject<ConfiguredMscoaInput|null>(null)\r\n  inputInEdit:ConfiguredMscoaInput|undefined = undefined\r\n\r\n  @Output() valueChanged = new EventEmitter<ConfiguredMscoaInput[]>();\r\n  private _value = new BehaviorSubject<ConfiguredMscoaInput[]>([]);\r\n\r\n  editingIndex: number | null = null;\r\n  isAddingNew = false;\r\n  accountTreeKeys: string[] = [];\r\n \r\n  ngOnInit() {\r\n\r\n  }\r\n  hovered :null|number = null\r\n\r\n\r\n  startAddNew() {\r\n    this.isAddingNew = true;\r\n    this.editingIndex = null;\r\n    this.inputInEdit = undefined\r\n    this.openElementEditor();\r\n  }\r\n\r\n  startEdit(index: number) {\r\n    this.editingIndex = index;\r\n    this.isAddingNew = false;\r\n    this.inputInEdit = this.value[index]\r\n    this.openElementEditor();\r\n  }\r\n  removeInput(index: number) {\r\n    const updatedValue = this.value.filter((_, i) => i !== index);\r\n    this._value.next(updatedValue);\r\n    this.valueChanged.emit(updatedValue);\r\n  }\r\n  cancelEdit() {\r\n    this.editingIndex = null;\r\n    this.isAddingNew = false;\r\n  }\r\n\r\n  saveSegment() {\r\n    // if (this.segmentForm.valid) {\r\n    //   const newSegment = ({\r\n    //     segment:this.segmentForm.value.segment,\r\n    //     label:this.toTitleCase(this.segmentForm.value.segment),\r\n    //   }) as IIncludedSegmentConfig;\r\n    //   const updatedValue = [...this.value];\r\n\r\n    //   if (this.isAddingNew) {\r\n    //     updatedValue.push(newSegment);\r\n    //   } else if (this.editingIndex !== null) {\r\n    //     updatedValue[this.editingIndex] = newSegment;\r\n    //   }\r\n\r\n \r\n    //   this._value.next(updatedValue);\r\n    //   this.valueChanged.emit(updatedValue);\r\n    //   this.cancelEdit();\r\n    // }\r\n  }\r\n  hoveredIndex:number|null = null\r\n  removeSegment(index: number) {\r\n    const updatedValue = this.value.filter((_, i) => i !== index);\r\n    this._value.next(updatedValue);\r\n    this.valueChanged.emit(updatedValue);\r\n  }\r\n  parentId:string|undefined \r\n  async openElementEditor() {\r\n\r\n    this.openFormDialog()\r\n  }\r\n  inputSegmentChanged($event:any,i:number){\r\n    if($event.detail.value === 'None'&&this.value[i] !== undefined){\r\n      this.value[i]!.segment = undefined as any\r\n    }else if(this.value[i] !== undefined){\r\n      this.value[i]!.segment = $event.detail.value\r\n    }\r\n    this.valueChanged.emit(this.value)\r\n  }\r\nreadonly dialog = inject(MatDialog);\r\nopenFormDialog() {\r\n  // const dialogRef = this.dialog.open(FormElementModalEditorComponent,{\r\n  //   maxHeight:'95vh',\r\n  //   panelClass:'form-element-modal-editor',\r\n  //   data:{\r\n  //     inputInEdit:this.inputInEdit\r\n  //   }\r\n  // });\r\n\r\n  // dialogRef.afterClosed().pipe(take(1)).subscribe(result => {\r\n  //   const {input,action} = result\r\n  //   if(action === 'add'){\r\n  //     this.value.push(input)\r\n  //     this.valueChanged.emit(this.value)\r\n  //   }\r\n  //   if(action === 'edit'&& this.editingIndex !== null){\r\n  //     this.value[this.editingIndex] = input\r\n  //     this.valueChanged.emit(this.value)\r\n  //   }\r\n  //   this.cancelEdit()\r\n  // });\r\n}\r\nget limitInputTo(){\r\n  return [...this.accountTreeKeys.map((key) => ({\r\n    value: key,\r\n    label: key,\r\n  })),{\r\n    value:undefined,\r\n    label:'None'\r\n  }]\r\n}\r\n\r\n}\r\n","\n\n<mat-list *ngIf=\"(value?.length||0) > 0; else noInputs\">\n  <mat-toolbar>\n    Additional inputs configuration\n  </mat-toolbar>\n  <mat-form-field   \n  (mouseover)=\"hovered = i\"\n\n  (mouseleave)=\"hovered = null\"\n    *ngFor=\"let input of value; let i = index\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" >\n    <mat-label>\n      {{ input.label }}\n    </mat-label>\n    <mat-select matNativeControl \n    \n   [value]=\"input.segment\"\n\n  placeholder=\"select segment\" (selectionChange)=\"inputSegmentChanged($event,i)\"\n      >\n      *ngFor=\"let  of \"\n      @for (segment of limitInputTo; track segment.value) {\n      <mat-option  [value]=\"segment.value\" >{{segment.label}}</mat-option>\n      }\n\n\n    </mat-select>\n    <mat-hint>\n      Link formula to an input value\n    </mat-hint>\n  </mat-form-field>\n\n</mat-list>\n\n<ng-template #noInputs>\n  <div  *ngIf=\"mapToData?.id\" class=\"tree-instructions\">\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n    <span><strong>\n      No input configuration available.  \n    </strong> <br>\n      Start by adding inputs below.</span>\n  </div>\n\n</ng-template>\n\n\n\n\n<section *ngIf=\"!isAddingNew && editingIndex === null && mapToData?.id\">\n  <button  (click)=\"startAddNew()\"  mat-raised-button>\n    Add New Input\n  </button>\n</section>\n\n<ng-template #InputEditor>\n  <h1>\n    Not implemented yet\n  </h1>\n  <!-- <app-form-element-modal-editor></app-form-element-modal-editor> -->\n</ng-template>\n"],"names":["i3","i4","i7","i8"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-config-mscoa-additional-inputs.component-CTNtAPO2.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/config-mscoa-additional-inputs/config-mscoa-additional-inputs.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/config-mscoa-additional-inputs/config-mscoa-additional-inputs.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, inject, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\nimport { BehaviorSubject, catchError, Observable, Subject, take, tap } from 'rxjs';\r\n\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { IGetTreeResponse } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n\r\n\r\n\r\ninterface ConfiguredMscoaInput extends FormColumnInputs {\r\n  segment:string\r\n}\r\n@Component({\r\n  selector: 'app-config-mscoa-additional-inputs',\r\n  standalone: true,\r\n  imports:[\r\n    CommonModule,\r\n    MatModulesModule,\r\n  ],\r\n  templateUrl: './config-mscoa-additional-inputs.component.html',\r\n  styleUrls: ['./config-mscoa-additional-inputs.component.scss'],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: ConfigMscoaAdditionalInputsComponent}],\r\n})\r\nexport class ConfigMscoaAdditionalInputsComponent implements OnInit, MatFormFieldControl<ConfiguredMscoaInput[]> {\r\n\r\n   static nextId = 0;\r\n   stateChanges = new Subject<void>();\r\n \r\n   @HostBinding() id = `app-config-mscoa-additional-inputs-${ConfigMscoaAdditionalInputsComponent .nextId++}`;\r\n   \r\n   placeholder: string = ''\r\n   constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n   focused: boolean = false;\r\n   get empty() {\r\n     return !this.value\r\n   }\r\n   get shouldLabelFloat() {\r\n     return this.focused || !this.empty;\r\n   }\r\n   required: boolean = false;\r\n   disabled: boolean = false;\r\n   get errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     return !this.value && !!this.required  || hasError\r\n   }\r\n \r\n   controlType?: string | undefined;\r\n   autofilled?: boolean | undefined;\r\n   userAriaDescribedBy?: string | undefined;\r\n   disableAutomaticLabeling?: boolean | undefined;\r\n   setDescribedByIds(ids: string[]) {\r\n     // Ensure the component view is initialized\r\n     if (this._elementRef && this._elementRef.nativeElement) {\r\n       const controlElement = this._elementRef.nativeElement.querySelector('.app-config-mscoa-additional-inputs');\r\n       // Check if the controlElement exists before attempting to set its attribute\r\n       if (controlElement) {\r\n         controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n       }\r\n     }\r\n   }\r\n   onContainerClick(event: MouseEvent): void {\r\n     this.markAsTouched();\r\n     this.stateChanges.next();\r\n   }\r\n \r\n   touched: boolean = false;\r\n   onTouched = () => {};\r\n   markAsTouched() {\r\n     console.log('markAsTouched')  \r\n     if (!this.touched) {\r\n       this.onTouched();\r\n       this.touched = true;\r\n     }\r\n   } \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n  mscoaInitiated = false\r\n      @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() set getMscoaTree(options$:Observable<IGetTreeResponse| undefined> ){\r\n    if(!!options$ &&!this.mscoaInitiated){\r\n      this.mscoaInitiated = true\r\n      options$.pipe(\r\n        take(1),\r\n        tap((options) => {\r\n          this.accountTreeKeys = options?.accountTreeKeys || []\r\n        }),\r\n        catchError((error) => {\r\n          console.error('Error while fetching SCOA tree:', error);\r\n          return [null];\r\n        })\r\n      ).subscribe();\r\n\r\n    }\r\n  }\r\n  @Input() mapToData:FormColumnInputs | undefined = undefined;\r\n  @Input() set value(val: ConfiguredMscoaInput[]) {\r\n    this._value.next(val || []);\r\n  }\r\n  get value(): ConfiguredMscoaInput[] {\r\n    return this._value.value;\r\n  }\r\n  _inputInEdit = new BehaviorSubject<ConfiguredMscoaInput|null>(null)\r\n  inputInEdit:ConfiguredMscoaInput|undefined = undefined\r\n\r\n  @Output() valueChanged = new EventEmitter<ConfiguredMscoaInput[]>();\r\n  private _value = new BehaviorSubject<ConfiguredMscoaInput[]>([]);\r\n\r\n  editingIndex: number | null = null;\r\n  isAddingNew = false;\r\n  accountTreeKeys: string[] = [];\r\n \r\n  ngOnInit() {\r\n\r\n  }\r\n  hovered :null|number = null\r\n\r\n\r\n  startAddNew() {\r\n    this.isAddingNew = true;\r\n    this.editingIndex = null;\r\n    this.inputInEdit = undefined\r\n    this.openElementEditor();\r\n  }\r\n\r\n  startEdit(index: number) {\r\n    this.editingIndex = index;\r\n    this.isAddingNew = false;\r\n    this.inputInEdit = this.value[index]\r\n    this.openElementEditor();\r\n  }\r\n  removeInput(index: number) {\r\n    const updatedValue = this.value.filter((_, i) => i !== index);\r\n    this._value.next(updatedValue);\r\n    this.valueChanged.emit(updatedValue);\r\n  }\r\n  cancelEdit() {\r\n    this.editingIndex = null;\r\n    this.isAddingNew = false;\r\n  }\r\n\r\n  saveSegment() {\r\n    // if (this.segmentForm.valid) {\r\n    //   const newSegment = ({\r\n    //     segment:this.segmentForm.value.segment,\r\n    //     label:this.toTitleCase(this.segmentForm.value.segment),\r\n    //   }) as IIncludedSegmentConfig;\r\n    //   const updatedValue = [...this.value];\r\n\r\n    //   if (this.isAddingNew) {\r\n    //     updatedValue.push(newSegment);\r\n    //   } else if (this.editingIndex !== null) {\r\n    //     updatedValue[this.editingIndex] = newSegment;\r\n    //   }\r\n\r\n \r\n    //   this._value.next(updatedValue);\r\n    //   this.valueChanged.emit(updatedValue);\r\n    //   this.cancelEdit();\r\n    // }\r\n  }\r\n  hoveredIndex:number|null = null\r\n  removeSegment(index: number) {\r\n    const updatedValue = this.value.filter((_, i) => i !== index);\r\n    this._value.next(updatedValue);\r\n    this.valueChanged.emit(updatedValue);\r\n  }\r\n  parentId:string|undefined \r\n  async openElementEditor() {\r\n\r\n    this.openFormDialog()\r\n  }\r\n  inputSegmentChanged($event:any,i:number){\r\n    if($event.detail.value === 'None'&&this.value[i] !== undefined){\r\n      this.value[i]!.segment = undefined as any\r\n    }else if(this.value[i] !== undefined){\r\n      this.value[i]!.segment = $event.detail.value\r\n    }\r\n    this.valueChanged.emit(this.value)\r\n  }\r\nreadonly dialog = inject(MatDialog);\r\nopenFormDialog() {\r\n  // const dialogRef = this.dialog.open(FormElementModalEditorComponent,{\r\n  //   maxHeight:'95vh',\r\n  //   panelClass:'form-element-modal-editor',\r\n  //   data:{\r\n  //     inputInEdit:this.inputInEdit\r\n  //   }\r\n  // });\r\n\r\n  // dialogRef.afterClosed().pipe(take(1)).subscribe(result => {\r\n  //   const {input,action} = result\r\n  //   if(action === 'add'){\r\n  //     this.value.push(input)\r\n  //     this.valueChanged.emit(this.value)\r\n  //   }\r\n  //   if(action === 'edit'&& this.editingIndex !== null){\r\n  //     this.value[this.editingIndex] = input\r\n  //     this.valueChanged.emit(this.value)\r\n  //   }\r\n  //   this.cancelEdit()\r\n  // });\r\n}\r\nget limitInputTo(){\r\n  return [...this.accountTreeKeys.map((key) => ({\r\n    value: key,\r\n    label: key,\r\n  })),{\r\n    value:undefined,\r\n    label:'None'\r\n  }]\r\n}\r\n\r\n}\r\n","\n\n<mat-list *ngIf=\"(value?.length||0) > 0; else noInputs\">\n  <mat-toolbar>\n    Additional inputs configuration\n  </mat-toolbar>\n  <mat-form-field   \n  (mouseover)=\"hovered = i\"\n\n  (mouseleave)=\"hovered = null\"\n    *ngFor=\"let input of value; let i = index\"  style=\"  margin-bottom: 8px;\" appearance=\"outline\" >\n    <mat-label>\n      {{ input.label }}\n    </mat-label>\n    <mat-select matNativeControl \n    \n   [value]=\"input.segment\"\n\n  placeholder=\"select segment\" (selectionChange)=\"inputSegmentChanged($event,i)\"\n      >\n      *ngFor=\"let  of \"\n      @for (segment of limitInputTo; track segment.value) {\n      <mat-option  [value]=\"segment.value\" >{{segment.label}}</mat-option>\n      }\n\n\n    </mat-select>\n    <mat-hint>\n      Link formula to an input value\n    </mat-hint>\n  </mat-form-field>\n\n</mat-list>\n\n<ng-template #noInputs>\n  <div  *ngIf=\"mapToData?.id\" class=\"tree-instructions\">\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n    <span><strong>\n      No input configuration available.  \n    </strong> <br>\n      Start by adding inputs below.</span>\n  </div>\n\n</ng-template>\n\n\n\n\n<section *ngIf=\"!isAddingNew && editingIndex === null && mapToData?.id\">\n  <button  (click)=\"startAddNew()\"  mat-raised-button>\n    Add New Input\n  </button>\n</section>\n\n<ng-template #InputEditor>\n  <h1>\n    Not implemented yet\n  </h1>\n  <!-- <app-form-element-modal-editor></app-form-element-modal-editor> -->\n</ng-template>\n"],"names":["i3","i4","i7","i8"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-form-input-selector.component-BJm9gyXk.mjs → ngx-t-forms-form-input-selector.component-DkD21i0S.mjs}

@@ -3,14 +3,14 @@ import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } f
 import { Subject, BehaviorSubject, take, tap } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DeOqfmLd.mjs';
 import { map } from 'rxjs/operators';
 import { g as getInputIllustration } from './ngx-t-forms-getInputIllustration-GCSKx5e5.mjs';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import * as i1 from '@angular/forms';
-import * as i5 from '@angular/material/divider';
+import * as i4 from '@angular/material/divider';
 import * as i2$1 from '@angular/material/core';
-import * as i5$1 from '@angular/material/icon';
+import * as i5 from '@angular/material/icon';
 import * as i6 from '@angular/material/list';
 import * as i8 from '@angular/material/tooltip';
 
@@ -105,7 +105,7 @@ class FormInputSelectorComponent {
         return getInputIllustration(input.element);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FormInputSelectorComponent, 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.2", type: FormInputSelectorComponent, isStandalone: true, selector: "lib-form-input-selector", inputs: { errors: "errors", value: "value", formInputs: "formInputs", disabled: "disabled" }, outputs: { change: "change" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }], ngImport: i0, template: "\r\n\r\n    <mat-nav-list class=\"inputList\">  \r\n        @for(input of filteredInputs$|async;track input.id){\r\n            <mat-list-item \r\n            [disabled]=\"disabled\"\r\n            (click)=\"selectInput(input.id)\" \r\n            [activated]=\"input.selected\"\r\n            matRipple matTooltip=\"Select form input\">\r\n                <img matListItemAvatar \r\n                style=\"margin-left: 8px;\" [src]=\"input.illustration \"\r\n                    [alt]=\"input.label\">\r\n              \r\n                <span matListItemTitle >\r\n                    {{ input.label}}\r\n                </span>\r\n                <span *ngIf=\"input.multipleInputInEditId\" matListItemLine>\r\n                    Item List Input\r\n                </span>\r\n                <span matListItemMeta>\r\n                    <mat-icon [color]=\"input.selected?'primary':''\">\r\n                     \r\n                        {{input.selected?'check_circle':'radio_button_unchecked'}}\r\n                     \r\n                    </mat-icon>\r\n                </span>\r\n        \r\n            </mat-list-item>\r\n            <mat-divider></mat-divider>\r\n        }\r\n        @if((filteredInputs$|async)?.length===0){\r\n            <mat-list-item>\r\n                <span matLine>\r\n                    No form inputs found\r\n                </span>\r\n            </mat-list-item>\r\n        }\r\n    </mat-nav-list>\r\n\r\n", styles: ["mat-nav-list{max-height:600px;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$1.MatLine, selector: "[mat-line], [matLine]" }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i6.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: FormInputSelectorComponent, isStandalone: true, selector: "lib-form-input-selector", inputs: { errors: "errors", value: "value", formInputs: "formInputs", disabled: "disabled" }, outputs: { change: "change" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }], ngImport: i0, template: "\r\n\r\n    <mat-nav-list class=\"inputList\">  \r\n        @for(input of filteredInputs$|async;track input.id){\r\n            <mat-list-item \r\n            [disabled]=\"disabled\"\r\n            (click)=\"selectInput(input.id)\" \r\n            [activated]=\"input.selected\"\r\n            matRipple matTooltip=\"Select form input\">\r\n                <img matListItemAvatar \r\n                style=\"margin-left: 8px;\" [src]=\"input.illustration \"\r\n                    [alt]=\"input.label\">\r\n              \r\n                <span matListItemTitle >\r\n                    {{ input.label}}\r\n                </span>\r\n                <span *ngIf=\"input.multipleInputInEditId\" matListItemLine>\r\n                    Item List Input\r\n                </span>\r\n                <span matListItemMeta>\r\n                    <mat-icon [color]=\"input.selected?'primary':''\">\r\n                     \r\n                        {{input.selected?'check_circle':'radio_button_unchecked'}}\r\n                     \r\n                    </mat-icon>\r\n                </span>\r\n        \r\n            </mat-list-item>\r\n            <mat-divider></mat-divider>\r\n        }\r\n        @if((filteredInputs$|async)?.length===0){\r\n            <mat-list-item>\r\n                <span matLine>\r\n                    No form inputs found\r\n                </span>\r\n            </mat-list-item>\r\n        }\r\n    </mat-nav-list>\r\n\r\n", styles: ["mat-nav-list{max-height:600px;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$1.MatLine, selector: "[mat-line], [matLine]" }, { 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.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i6.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FormInputSelectorComponent, decorators: [{
             type: Component,
@@ -129,4 +129,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 export { FormInputSelectorComponent };
-//# sourceMappingURL=ngx-t-forms-form-input-selector.component-BJm9gyXk.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-input-selector.component-DkD21i0S.mjs.map

package/fesm2022/{ngx-t-forms-form-input-selector.component-BJm9gyXk.mjs.map → ngx-t-forms-form-input-selector.component-DkD21i0S.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-form-input-selector.component-BJm9gyXk.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { BehaviorSubject, Observable, Subject, take, tap } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { map } from 'rxjs/operators';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\ninterface IFormColumnUiList extends FormColumnInputs {\r\n  selected: boolean,\r\n  illustration: string\r\n}\r\n@Component({\r\n  selector: 'lib-form-input-selector',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './form-input-selector.component.html',\r\n  styleUrl: './form-input-selector.component.css',\r\n   providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }],\r\n})\r\nexport class FormInputSelectorComponent implements MatFormFieldControl<string | undefined> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `lib-form-input-selector-${FormInputSelectorComponent .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\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('.lib-form-input-selector');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    console.log('markAsTouched')  \r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  } \r\n\r\n\r\n\r\n\r\n  _value = new BehaviorSubject<string | undefined>(undefined)\r\n  @Input() set value(value: string | undefined) {\r\n    if (this._value.getValue() === value) {\r\n      return\r\n    }\r\n    this._value.next(value)\r\n  }\r\n  get value() {\r\n    return this._value.getValue()\r\n  }\r\n  get value$() {\r\n    return this._value.asObservable()\r\n\r\n  }\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() disabled: boolean = false\r\n  @Output() change = new EventEmitter<any>()\r\n  selectInput(id: string) {\r\n    this.value$.pipe(\r\n      take(1),\r\n      tap((value) => {\r\n        if (value === id) {\r\n          this.change.emit(undefined)\r\n          return;\r\n        }\r\n        this.change.emit(id)\r\n      })\r\n    ).subscribe()\r\n\r\n  }\r\n  get filteredInputs$():Observable<Array<IFormColumnUiList>> {\r\n    return this.value$.pipe(\r\n      map((value: string | undefined) => {\r\n        const inputs = () => {\r\n          const selectedInput = this.formInputs.find((input) => input.id === value)\r\n          if (selectedInput) {\r\n            return [{ ...selectedInput, selected: true ,   illustration: this.getInputIllustration(selectedInput) }]\r\n          }\r\n          return this.formInputs.map(input => ({ ...input, selected: false, illustration: this.getInputIllustration(input) }))\r\n        }\r\n        return inputs().map(\r\n          (input) => {\r\n            return {\r\n              ...input,\r\n              illustration: this.getInputIllustration(input)\r\n            }\r\n\r\n      })}\r\n\r\n      )\r\n    )\r\n  }\r\n  getInputIllustration(input: FormColumnInputs) {\r\n    return getInputIllustration(input.element)\r\n  }\r\n}\r\n","\r\n\r\n    <mat-nav-list class=\"inputList\">  \r\n        @for(input of filteredInputs$|async;track input.id){\r\n            <mat-list-item \r\n            [disabled]=\"disabled\"\r\n            (click)=\"selectInput(input.id)\" \r\n            [activated]=\"input.selected\"\r\n            matRipple matTooltip=\"Select form input\">\r\n                <img matListItemAvatar \r\n                style=\"margin-left: 8px;\" [src]=\"input.illustration \"\r\n                    [alt]=\"input.label\">\r\n              \r\n                <span matListItemTitle >\r\n                    {{ input.label}}\r\n                </span>\r\n                <span *ngIf=\"input.multipleInputInEditId\" matListItemLine>\r\n                    Item List Input\r\n                </span>\r\n                <span matListItemMeta>\r\n                    <mat-icon [color]=\"input.selected?'primary':''\">\r\n                     \r\n                        {{input.selected?'check_circle':'radio_button_unchecked'}}\r\n                     \r\n                    </mat-icon>\r\n                </span>\r\n        \r\n            </mat-list-item>\r\n            <mat-divider></mat-divider>\r\n        }\r\n        @if((filteredInputs$|async)?.length===0){\r\n            <mat-list-item>\r\n                <span matLine>\r\n                    No form inputs found\r\n                </span>\r\n            </mat-list-item>\r\n        }\r\n    </mat-nav-list>\r\n\r\n"],"names":["i3","i4","i5","i7"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-form-input-selector.component-DkD21i0S.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { BehaviorSubject, Observable, Subject, take, tap } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { map } from 'rxjs/operators';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\ninterface IFormColumnUiList extends FormColumnInputs {\r\n  selected: boolean,\r\n  illustration: string\r\n}\r\n@Component({\r\n  selector: 'lib-form-input-selector',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './form-input-selector.component.html',\r\n  styleUrl: './form-input-selector.component.css',\r\n   providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }],\r\n})\r\nexport class FormInputSelectorComponent implements MatFormFieldControl<string | undefined> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `lib-form-input-selector-${FormInputSelectorComponent .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\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('.lib-form-input-selector');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    console.log('markAsTouched')  \r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  } \r\n\r\n\r\n\r\n\r\n  _value = new BehaviorSubject<string | undefined>(undefined)\r\n  @Input() set value(value: string | undefined) {\r\n    if (this._value.getValue() === value) {\r\n      return\r\n    }\r\n    this._value.next(value)\r\n  }\r\n  get value() {\r\n    return this._value.getValue()\r\n  }\r\n  get value$() {\r\n    return this._value.asObservable()\r\n\r\n  }\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() disabled: boolean = false\r\n  @Output() change = new EventEmitter<any>()\r\n  selectInput(id: string) {\r\n    this.value$.pipe(\r\n      take(1),\r\n      tap((value) => {\r\n        if (value === id) {\r\n          this.change.emit(undefined)\r\n          return;\r\n        }\r\n        this.change.emit(id)\r\n      })\r\n    ).subscribe()\r\n\r\n  }\r\n  get filteredInputs$():Observable<Array<IFormColumnUiList>> {\r\n    return this.value$.pipe(\r\n      map((value: string | undefined) => {\r\n        const inputs = () => {\r\n          const selectedInput = this.formInputs.find((input) => input.id === value)\r\n          if (selectedInput) {\r\n            return [{ ...selectedInput, selected: true ,   illustration: this.getInputIllustration(selectedInput) }]\r\n          }\r\n          return this.formInputs.map(input => ({ ...input, selected: false, illustration: this.getInputIllustration(input) }))\r\n        }\r\n        return inputs().map(\r\n          (input) => {\r\n            return {\r\n              ...input,\r\n              illustration: this.getInputIllustration(input)\r\n            }\r\n\r\n      })}\r\n\r\n      )\r\n    )\r\n  }\r\n  getInputIllustration(input: FormColumnInputs) {\r\n    return getInputIllustration(input.element)\r\n  }\r\n}\r\n","\r\n\r\n    <mat-nav-list class=\"inputList\">  \r\n        @for(input of filteredInputs$|async;track input.id){\r\n            <mat-list-item \r\n            [disabled]=\"disabled\"\r\n            (click)=\"selectInput(input.id)\" \r\n            [activated]=\"input.selected\"\r\n            matRipple matTooltip=\"Select form input\">\r\n                <img matListItemAvatar \r\n                style=\"margin-left: 8px;\" [src]=\"input.illustration \"\r\n                    [alt]=\"input.label\">\r\n              \r\n                <span matListItemTitle >\r\n                    {{ input.label}}\r\n                </span>\r\n                <span *ngIf=\"input.multipleInputInEditId\" matListItemLine>\r\n                    Item List Input\r\n                </span>\r\n                <span matListItemMeta>\r\n                    <mat-icon [color]=\"input.selected?'primary':''\">\r\n                     \r\n                        {{input.selected?'check_circle':'radio_button_unchecked'}}\r\n                     \r\n                    </mat-icon>\r\n                </span>\r\n        \r\n            </mat-list-item>\r\n            <mat-divider></mat-divider>\r\n        }\r\n        @if((filteredInputs$|async)?.length===0){\r\n            <mat-list-item>\r\n                <span matLine>\r\n                    No form inputs found\r\n                </span>\r\n            </mat-list-item>\r\n        }\r\n    </mat-nav-list>\r\n\r\n"],"names":["i3","i4","i7"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-form-json-view.component-BY1A6dqj.mjs → ngx-t-forms-form-json-view.component-DZUXKjEQ.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { F as FormsStoreService, M as MatModulesModule, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
+import { F as FormsStoreService, M as MatModulesModule, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-DeOqfmLd.mjs';
 import { map } from 'rxjs';
 
 class FormJsonViewComponent {
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
         }], ctorParameters: () => [{ type: FormsStoreService }] });
 
 export { FormJsonViewComponent };
-//# sourceMappingURL=ngx-t-forms-form-json-view.component-BY1A6dqj.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-json-view.component-DZUXKjEQ.mjs.map

package/fesm2022/{ngx-t-forms-form-json-view.component-BY1A6dqj.mjs.map → ngx-t-forms-form-json-view.component-DZUXKjEQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-form-json-view.component-BY1A6dqj.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.html"],"sourcesContent":["import {  Component } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TDynamicDataViewComponent } from '../../../t-dynamic-data-view/t-dynamic-data-view.component';\r\n\r\nimport { map } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-form-json-view',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, TDynamicDataViewComponent],\r\n  templateUrl: './form-json-view.component.html',\r\n  styleUrl: './form-json-view.component.scss',\r\n})\r\nexport class FormJsonViewComponent {\r\n\r\n  form$ = this.store.selectors.selectFormInEdit$.pipe(\r\n    map(form => form?.form)\r\n  )\r\n  constructor(private store: FormsStoreService) {\r\n  \r\n  }\r\n\r\n\r\n}\r\n","\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>"],"names":["i1.FormsStoreService"],"mappings":";;;;;;;MAmBa,qBAAqB,CAAA;AAKhC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAK,CAAA,KAAA,GAAL,KAAK;QAHzB,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CACjD,GAAG,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,CAAC,CACxB;;8GAJU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,8ECnBlC,gFACwE,EAAA,MAAA,EAAA,CAAA,mQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDc5D,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,+BAAE,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIxD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,mQAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-t-forms-form-json-view.component-DZUXKjEQ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.html"],"sourcesContent":["import {  Component } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TDynamicDataViewComponent } from '../../../t-dynamic-data-view/t-dynamic-data-view.component';\r\n\r\nimport { map } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-form-json-view',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, TDynamicDataViewComponent],\r\n  templateUrl: './form-json-view.component.html',\r\n  styleUrl: './form-json-view.component.scss',\r\n})\r\nexport class FormJsonViewComponent {\r\n\r\n  form$ = this.store.selectors.selectFormInEdit$.pipe(\r\n    map(form => form?.form)\r\n  )\r\n  constructor(private store: FormsStoreService) {\r\n  \r\n  }\r\n\r\n\r\n}\r\n","\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>"],"names":["i1.FormsStoreService"],"mappings":";;;;;;;MAmBa,qBAAqB,CAAA;AAKhC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAK,CAAA,KAAA,GAAL,KAAK;QAHzB,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CACjD,GAAG,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,CAAC,CACxB;;8GAJU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,8ECnBlC,gFACwE,EAAA,MAAA,EAAA,CAAA,mQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDc5D,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,+BAAE,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIxD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,mQAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-t-forms-form-section-stepper.component-CYUj3li9.mjs → ngx-t-forms-form-section-stepper.component-B1WsRH_V.mjs}

@@ -2,21 +2,21 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, ViewChild, Component } from '@angular/core';
-import { c as FormTowerControllerService, F as FormsStoreService, d as getSubmissionStatusFn, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
+import { c as FormTowerControllerService, F as FormsStoreService, d as getSubmissionStatusFn, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DeOqfmLd.mjs';
 import { take, filter, tap, map, Subject, timer, takeUntil } from 'rxjs';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { validateFormColumnInputs } from 'ngx-t-forms-types';
-import * as i7 from 'ngx-ui-tour-md-menu';
+import * as i7$1 from 'ngx-ui-tour-md-menu';
 import { TourMatMenuModule } from 'ngx-ui-tour-md-menu';
 import * as i2$1 from '@angular/cdk/drag-drop';
-import * as i3 from '@angular/material/button';
-import * as i3$1 from '@angular/material/card';
-import * as i3$2 from '@angular/material/stepper';
+import * as i2$2 from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import * as i3$1 from '@angular/material/stepper';
 import * as i5 from '@angular/material/icon';
 import * as i6 from '@angular/material/menu';
-import * as i8 from '@angular/material/progress-spinner';
-import * as i8$1 from '@angular/material/tooltip';
+import * as i7 from '@angular/material/progress-spinner';
+import * as i8 from '@angular/material/tooltip';
 import * as i9 from '@angular/material/toolbar';
 
 ;
@@ -198,9 +198,9 @@ class FormSectionStepperComponent extends FormTowerControllerService {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FormSectionStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: FormSectionStepperComponent, isStandalone: true, selector: "app-form-section-stepper", viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"mainCard\">\r\n\r\n  @if (loadingForm$|async) {\r\n  <div class=\"loading-container\">\r\n    <mat-spinner diameter=\"48\" aria-label=\"Loading form\" />\r\n  </div>\r\n  }\r\n  <mat-stepper [style.display]=\"(loadingForm$|async)?'none':'block'\" #stepper c lass=\"form-stepper\"\r\n    orientation=\"vertical\" [linear]=\"!isEditable\" aria-label=\"Form sections stepper\" [animationDuration]=\"'300'\"\r\n    cdkDropList #formSections=\"cdkDropList\" [cdkDropListData]=\"selectFormStepsComputed\" (cdkDropListDropped)=\"drop($event)\"\r\n    (selectionChange)=\"handleStepChange($event)\">\r\n\r\n    @for (step of selectFormStepsComputed; track step.sectionId) {\r\n    @if(step.sectionForm || getPlaceHolerForSection(step.sectionId)){\r\n    <mat-step [stepControl]=\"step.sectionForm || getPlaceHolerForSection(step.sectionId) \"\r\n      [completed]=\"step.sectionIsSeen && !step.sectionIsInvalid\" [editable]=\"isEditable\"\r\n      [errorMessage]=\"step.sectionFormErrorMessage||''\" [state]=\"getStepState(step,$index)\"\r\n      [hasError]=\"!step.sectionForm?.valid && !!step.sectionForm?.touched\">\r\n      <ng-template matStepLabel>\r\n        <div     cdkDrag  class=\"step-label-container \" [attr.aria-label]=\"'Section ' + step.label\">\r\n          <span class=\"step-label-text\">\r\n         \r\n            <input (change)=\"handleInput($event,step.sectionId)\" class=\"section-title-input\"\r\n              placeholder=\"Enter section title\" [value]=\"step.label \">\r\n          </span>\r\n          @if (step.sectionIsSeen) {\r\n          <mat-icon [class.error]=\"step.sectionIsInvalid\"\r\n            [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n            {{step.sectionIsSeen}}\r\n          </mat-icon>\r\n          }\r\n          <span class=\"tour-trigger \" *ngIf=\"(step)?.activeSectionHasTour&&!!step.isActive \">\r\n            <button tourAnchor=\"Form-Tour-trigger\" matTooltip=\"Start section tour\" mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          <span class=\"spacer\"></span>\r\n       \r\n          @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n          <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n            <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n              <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n\r\n              {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n              {{inputWillBeRemovedIn(step.sectionId)}}\r\n            </div>\r\n\r\n          </button>\r\n          }\r\n            <button (click)=\"$event.stopPropagation();\"\r\n            [matMenuTriggerData]=\"{sectionId:step.sectionId}\"\r\n            [matMenuTriggerFor]=\"sectionMenu\"\r\n            color=\"primary\"\r\n             mat-icon-button>\r\n             <mat-icon>\r\n               <!-- {{section.sectionId === ( activeSectionId())? 'expand_circle_down':'more_horiz'}} -->\r\n               more_horiz\r\n             </mat-icon>\r\n           </button>\r\n          \r\n          \r\n          \r\n        </div>\r\n      </ng-template>\r\n\r\n      @defer (on viewport; prefetch on idle) {\r\n      <div class=\"step-content\">\r\n        @if( !openSectionReports[step.sectionId]){\r\n        <div    \r\n        (cdkDropListDropped)=\"dropItems($event,step.sectionId)\"  \r\n        [cdkDropListData]=\"step.columns\"\r\n        cdkDropList\r\n        #InputList=\"cdkDropList\"\r\n        class=\"row form-section\">\r\n          @for (col of step.columns; track col.id) {\r\n          <mat-card cdkDrag (cdkDragStarted)=\"dragging =true\" (cdkDragReleased)=\"dragging =false\"\r\n            [class.inputCardElevated]=\"activeInput ===col.id\" [class.inputCard]=\"activeInput !==col.id\"\r\n            [class]=\"'col-md-'+(dragging?'12':col.colSize)\" class=\"box\" (mouseover)=\"activeInput =col.id\">\r\n            <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\r\n            @if(step.sectionForm){\r\n            <lib-t-form-input \r\n            [editorMode]=\"true\"\r\n            [tourAnchor]=\"col.id\" (valueChange)=\"updateValue(col.id,$event)\" \r\n              [formBuilderFunctions]=\"formBuilderFunctions\" [inputConfig]=\"col\" [formGroup]=\"step.sectionForm\"\r\n              [attr.aria-label]=\"col?.label || ''\">\r\n            </lib-t-form-input>\r\n            }\r\n\r\n\r\n\r\n            @if (col.inputConfigErrors.length > 0) {\r\n            <div class=\"error\">\r\n\r\n              <ul style=\"\r\n          padding-left: 28px;\">\r\n                @for(error of col.inputConfigErrors;track error.key+error.message){\r\n                <li>{{error.message}}</li>\r\n                }\r\n              </ul>\r\n\r\n            </div>\r\n            }\r\n            <mat-card-actions *ngIf=\"activeInput === col.id\">\r\n\r\n              <button color=\"primary\" [matTooltip]=\"'Edit ' + col.label +' input'\" (click)=\"editInput(col)\"\r\n                mat-icon-button>\r\n                <mat-icon>\r\n                  edit\r\n                </mat-icon>\r\n\r\n              </button>\r\n             \r\n              <button [matTooltip]=\"'Move this input to another section'\" moveInput [matMenuTriggerFor]=\"moveInput\"\r\n                [matMenuTriggerData]=\"col\" mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  drive_file_move\r\n                </mat-icon>\r\n              </button>\r\n     \r\n              <button [matTooltip]=\"'Clone/ copy form input'\" \r\n              (click)=\"cloneCopyFormInput(col.id)\" moveInput\r\n                mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  file_copy\r\n                </mat-icon>\r\n              </button>\r\n              <span class=\"spacer\"></span>\r\n\r\n\r\n\r\n              @if(!!inputWillBeRemovedIn(col.id) ){\r\n              <button (mouseover)=\"overId = col.id\" (mouseout)=\"overId = null\" (click)=\"removeInput(col)\" color=\"warn\"\r\n                mat-stroked-button>\r\n                <div style=\"display: flex; align-items: center;\">\r\n                  <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                    [value]=\"((inputWillBeRemovedIn(col.id)||0)/5)*100\">\r\n                  </mat-progress-spinner>\r\n\r\n                  {{overId === col.id ? 'Click to cancel':'Deleting in'}} {{inputWillBeRemovedIn(col.id)}}\r\n                </div>\r\n\r\n              </button>\r\n\r\n              }@else {\r\n              <button color=\"warn\" [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\"\r\n                mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  delete\r\n                </mat-icon>\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='multipleInput') {\r\n\r\n              <button (click)=\"addMultipleFormInput(col.sectionId,col.id)\" color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n\r\n\r\n            </mat-card-actions>\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section>\r\n          <button style=\"width: 100%;\" (click)=\"addNewInput(step.sectionId)\" mat-stroked-button>\r\n            <mat-icon>add</mat-icon>\r\n            Add section Input\r\n          </button>\r\n        </section>\r\n      }@else {\r\n        <app-section-report [sectionId]=\"step.sectionId \"></app-section-report>\r\n      }\r\n        <div class=\"step-actions\">\r\n          @if(!$first) {\r\n          <button mat-button matStepperPrevious type=\"button\" class=\"navigation-button\"\r\n            [attr.aria-label]=\"'Go back to ' + getPreviousStepLabel()\">\r\n\r\n            Back\r\n          </button>\r\n          }\r\n          @if (!$last) {\r\n          <button mat-flat-button matStepperNext color=\"primary\" type=\"button\" class=\"navigation-button\"\r\n            [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n            Next\r\n          </button>\r\n          }\r\n          @if (!!$last) {\r\n            <button mat-button  (click)=\"stepper.reset()\">Reset</button>\r\n          }\r\n      \r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"24\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section style=\"text-align: center;\">\r\n    <br>\r\n    A form section helps organize related input fields together.\r\n    <br>\r\n    Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n  </section>\r\n  <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"primary\" mat-flat-button>\r\n      <mat-icon>add</mat-icon>\r\n      Add Section\r\n    </button>\r\n    <span class=\"spacer\"></span>\r\n  </mat-card-actions>\r\n  <!-- Defer the footer toolbar until after the main form is loaded -->\r\n  @defer (on idle; prefetch on viewport) {\r\n  <footer><mat-toolbar class=\"submission-toolbar\" role=\"toolbar\" aria-label=\"Form submission actions\">\r\n      <span class=\"submission-status\" role=\"status\">\r\n        {{getSubmissionStatus$|async}}\r\n      </span>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"true\" aria-label=\"Submit form\">\r\n        <span>\r\n          {{ formSubmissionMessage()}}\r\n        </span>\r\n        @if(submittingForm){\r\n        <mat-spinner diameter=\"10\"></mat-spinner>\r\n        }\r\n\r\n      </button>\r\n    </mat-toolbar>\r\n  </footer>\r\n  } @placeholder {\r\n  <!-- Simple placeholder for the footer that maintains layout -->\r\n  <footer>\r\n    <div class=\"submission-toolbar-placeholder\"></div>\r\n  </footer>\r\n  }\r\n\r\n</mat-card>\r\n<mat-menu #sectionMenu=\"matMenu\">\r\n  <ng-template matMenuContent let-sectionId=\"sectionId\">\r\n  <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n    <mat-icon> disabled_visible</mat-icon>\r\n    Set visibility type</button> -->\r\n  <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n    <mat-icon>delete</mat-icon>\r\n    Delete section</button>\r\n  <button (click)=\"toggleSectionReports(sectionId)\" mat-menu-item>\r\n    <mat-icon>leaderboard</mat-icon>\r\n    {{openSectionReports[sectionId]?'Close report': 'Section report'}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n<mat-menu #sectionType=\"matMenu\">\r\n  <button mat-menu-item>\r\n    <mat-icon>visibility</mat-icon>\r\n    view only</button>\r\n  <button mat-menu-item>\r\n    <mat-icon>visibility_off</mat-icon>\r\n    system</button>\r\n  <button mat-menu-item>\r\n    <mat-icon>edit</mat-icon>\r\n    user edit</button>\r\n</mat-menu>\r\n<mat-menu #moveInput=\"matMenu\">\r\n  <ng-template matMenuContent let-id=\"id\" let-sectionId=\"sectionId\">\r\n    @for (section of ( selectFormStepsComputed); track section.sectionId) {\r\n    <button [disabled]=\"section.sectionId === sectionId\" (click)=\"moveInputToSection(id,section.sectionId)\"\r\n      mat-menu-item>\r\n      <mat-icon>folder</mat-icon>\r\n      {{section.label || 'Untitled section'}}\r\n    </button>\r\n    }\r\n\r\n  </ng-template>\r\n</mat-menu>", styles: [".mainCard{margin-top:0;min-height:45vh;box-shadow:none;max-width:768px;margin-left:auto;left:0;margin-right:auto;border-radius:12px;border:solid 1px var(--mat-divider-color, var(--mat-sys-outline))!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.numbers{position:absolute!important;right:0}.inputCardElevated{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));box-shadow:var(--mdc-elevated-card-container-elevation)}mat-vertical-stepper{margin:5px}.list{min-height:60px;display:block}.box{padding:4px;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.box:last-child{border:none}.list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.custom-placeholder{background:#ccc;border:dotted 3px #999;min-width:100%;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.section-title-input{border:none;background-color:transparent;font-size:14px;font-weight:600;color:#333;padding-top:12px;padding-bottom:12px;outline:none;width:calc(100% - 54px);transition:border-bottom-color .3s ease-in-out}.section-title-input:focus{border-bottom:1px solid #007bff}.inputElement:focus{box-shadow:0 0 0 .2rem #007bff40}.headerToolbar{position:sticky;top:0;min-width:100%;background:var(--mdc-elevated-card-container-color)}::ng-deep mat-step-header .mat-step-label{width:100%}.error{color:var(--mat-form-field-error-text-color, var(--mat-app-error));display:flex;align-items:center}.submission-toolbar{z-index:1000;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--mat-divider-width) solid var(--mat-divider-color);padding:8px 16px;display:flex;justify-content:flex-end;gap:16px}.submission-status{font-size:12px;opacity:.87;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i3$2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i3$2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i3$2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i8$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TourMatMenuModule }, { kind: "directive", type: i7.TourAnchorMatMenuDirective, selector: "[tourAnchor]", inputs: ["tourAnchor"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }], deferBlockDependencies: [() => [i2.NgIf, i2$1.CdkDropList, i2$1.CdkDrag, i2$1.CdkDragPlaceholder, i3.MatButton, i3.MatIconButton, i3$1.MatCard, i3$1.MatCardActions, i3$2.MatStepperNext, i3$2.MatStepperPrevious, i5.MatIcon, i6.MatMenuTrigger, i8.MatProgressSpinner, i8$1.MatTooltip, import('./ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs').then(function (n) { return n.E; }).then(m => m.TFormInputComponent), i7.TourAnchorMatMenuDirective, i1.NgControlStatusGroup, i1.FormGroupDirective, import('./ngx-t-forms-section-report.component-CUNhFUtC.mjs').then(m => m.SectionReportComponent)], () => [i2.AsyncPipe, i3.MatButton, i8.MatProgressSpinner, i9.MatToolbar]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: FormSectionStepperComponent, isStandalone: true, selector: "app-form-section-stepper", viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"mainCard\">\r\n\r\n  @if (loadingForm$|async) {\r\n  <div class=\"loading-container\">\r\n    <mat-spinner diameter=\"48\" aria-label=\"Loading form\" />\r\n  </div>\r\n  }\r\n  <mat-stepper [style.display]=\"(loadingForm$|async)?'none':'block'\" #stepper c lass=\"form-stepper\"\r\n    orientation=\"vertical\" [linear]=\"!isEditable\" aria-label=\"Form sections stepper\" [animationDuration]=\"'300'\"\r\n    cdkDropList #formSections=\"cdkDropList\" [cdkDropListData]=\"selectFormStepsComputed\" (cdkDropListDropped)=\"drop($event)\"\r\n    (selectionChange)=\"handleStepChange($event)\">\r\n\r\n    @for (step of selectFormStepsComputed; track step.sectionId) {\r\n    @if(step.sectionForm || getPlaceHolerForSection(step.sectionId)){\r\n    <mat-step [stepControl]=\"step.sectionForm || getPlaceHolerForSection(step.sectionId) \"\r\n      [completed]=\"step.sectionIsSeen && !step.sectionIsInvalid\" [editable]=\"isEditable\"\r\n      [errorMessage]=\"step.sectionFormErrorMessage||''\" [state]=\"getStepState(step,$index)\"\r\n      [hasError]=\"!step.sectionForm?.valid && !!step.sectionForm?.touched\">\r\n      <ng-template matStepLabel>\r\n        <div     cdkDrag  class=\"step-label-container \" [attr.aria-label]=\"'Section ' + step.label\">\r\n          <span class=\"step-label-text\">\r\n         \r\n            <input (change)=\"handleInput($event,step.sectionId)\" class=\"section-title-input\"\r\n              placeholder=\"Enter section title\" [value]=\"step.label \">\r\n          </span>\r\n          @if (step.sectionIsSeen) {\r\n          <mat-icon [class.error]=\"step.sectionIsInvalid\"\r\n            [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n            {{step.sectionIsSeen}}\r\n          </mat-icon>\r\n          }\r\n          <span class=\"tour-trigger \" *ngIf=\"(step)?.activeSectionHasTour&&!!step.isActive \">\r\n            <button tourAnchor=\"Form-Tour-trigger\" matTooltip=\"Start section tour\" mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          <span class=\"spacer\"></span>\r\n       \r\n          @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n          <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n            <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n              <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n\r\n              {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n              {{inputWillBeRemovedIn(step.sectionId)}}\r\n            </div>\r\n\r\n          </button>\r\n          }\r\n            <button (click)=\"$event.stopPropagation();\"\r\n            [matMenuTriggerData]=\"{sectionId:step.sectionId}\"\r\n            [matMenuTriggerFor]=\"sectionMenu\"\r\n            color=\"primary\"\r\n             mat-icon-button>\r\n             <mat-icon>\r\n               <!-- {{section.sectionId === ( activeSectionId())? 'expand_circle_down':'more_horiz'}} -->\r\n               more_horiz\r\n             </mat-icon>\r\n           </button>\r\n          \r\n          \r\n          \r\n        </div>\r\n      </ng-template>\r\n\r\n      @defer (on viewport; prefetch on idle) {\r\n      <div class=\"step-content\">\r\n        @if( !openSectionReports[step.sectionId]){\r\n        <div    \r\n        (cdkDropListDropped)=\"dropItems($event,step.sectionId)\"  \r\n        [cdkDropListData]=\"step.columns\"\r\n        cdkDropList\r\n        #InputList=\"cdkDropList\"\r\n        class=\"row form-section\">\r\n          @for (col of step.columns; track col.id) {\r\n          <mat-card cdkDrag (cdkDragStarted)=\"dragging =true\" (cdkDragReleased)=\"dragging =false\"\r\n            [class.inputCardElevated]=\"activeInput ===col.id\" [class.inputCard]=\"activeInput !==col.id\"\r\n            [class]=\"'col-md-'+(dragging?'12':col.colSize)\" class=\"box\" (mouseover)=\"activeInput =col.id\">\r\n            <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\r\n            @if(step.sectionForm){\r\n            <lib-t-form-input \r\n            [editorMode]=\"true\"\r\n            [tourAnchor]=\"col.id\" (valueChange)=\"updateValue(col.id,$event)\" \r\n              [formBuilderFunctions]=\"formBuilderFunctions\" [inputConfig]=\"col\" [formGroup]=\"step.sectionForm\"\r\n              [attr.aria-label]=\"col?.label || ''\">\r\n            </lib-t-form-input>\r\n            }\r\n\r\n\r\n\r\n            @if (col.inputConfigErrors.length > 0) {\r\n            <div class=\"error\">\r\n\r\n              <ul style=\"\r\n          padding-left: 28px;\">\r\n                @for(error of col.inputConfigErrors;track error.key+error.message){\r\n                <li>{{error.message}}</li>\r\n                }\r\n              </ul>\r\n\r\n            </div>\r\n            }\r\n            <mat-card-actions *ngIf=\"activeInput === col.id\">\r\n\r\n              <button color=\"primary\" [matTooltip]=\"'Edit ' + col.label +' input'\" (click)=\"editInput(col)\"\r\n                mat-icon-button>\r\n                <mat-icon>\r\n                  edit\r\n                </mat-icon>\r\n\r\n              </button>\r\n             \r\n              <button [matTooltip]=\"'Move this input to another section'\" moveInput [matMenuTriggerFor]=\"moveInput\"\r\n                [matMenuTriggerData]=\"col\" mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  drive_file_move\r\n                </mat-icon>\r\n              </button>\r\n     \r\n              <button [matTooltip]=\"'Clone/ copy form input'\" \r\n              (click)=\"cloneCopyFormInput(col.id)\" moveInput\r\n                mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  file_copy\r\n                </mat-icon>\r\n              </button>\r\n              <span class=\"spacer\"></span>\r\n\r\n\r\n\r\n              @if(!!inputWillBeRemovedIn(col.id) ){\r\n              <button (mouseover)=\"overId = col.id\" (mouseout)=\"overId = null\" (click)=\"removeInput(col)\" color=\"warn\"\r\n                mat-stroked-button>\r\n                <div style=\"display: flex; align-items: center;\">\r\n                  <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                    [value]=\"((inputWillBeRemovedIn(col.id)||0)/5)*100\">\r\n                  </mat-progress-spinner>\r\n\r\n                  {{overId === col.id ? 'Click to cancel':'Deleting in'}} {{inputWillBeRemovedIn(col.id)}}\r\n                </div>\r\n\r\n              </button>\r\n\r\n              }@else {\r\n              <button color=\"warn\" [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\"\r\n                mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  delete\r\n                </mat-icon>\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='multipleInput') {\r\n\r\n              <button (click)=\"addMultipleFormInput(col.sectionId,col.id)\" color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n\r\n\r\n            </mat-card-actions>\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section>\r\n          <button style=\"width: 100%;\" (click)=\"addNewInput(step.sectionId)\" mat-stroked-button>\r\n            <mat-icon>add</mat-icon>\r\n            Add section Input\r\n          </button>\r\n        </section>\r\n      }@else {\r\n        <app-section-report [sectionId]=\"step.sectionId \"></app-section-report>\r\n      }\r\n        <div class=\"step-actions\">\r\n          @if(!$first) {\r\n          <button mat-button matStepperPrevious type=\"button\" class=\"navigation-button\"\r\n            [attr.aria-label]=\"'Go back to ' + getPreviousStepLabel()\">\r\n\r\n            Back\r\n          </button>\r\n          }\r\n          @if (!$last) {\r\n          <button mat-flat-button matStepperNext color=\"primary\" type=\"button\" class=\"navigation-button\"\r\n            [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n            Next\r\n          </button>\r\n          }\r\n          @if (!!$last) {\r\n            <button mat-button  (click)=\"stepper.reset()\">Reset</button>\r\n          }\r\n      \r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"24\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section style=\"text-align: center;\">\r\n    <br>\r\n    A form section helps organize related input fields together.\r\n    <br>\r\n    Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n  </section>\r\n  <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"primary\" mat-flat-button>\r\n      <mat-icon>add</mat-icon>\r\n      Add Section\r\n    </button>\r\n    <span class=\"spacer\"></span>\r\n  </mat-card-actions>\r\n  <!-- Defer the footer toolbar until after the main form is loaded -->\r\n  @defer (on idle; prefetch on viewport) {\r\n  <footer><mat-toolbar class=\"submission-toolbar\" role=\"toolbar\" aria-label=\"Form submission actions\">\r\n      <span class=\"submission-status\" role=\"status\">\r\n        {{getSubmissionStatus$|async}}\r\n      </span>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"true\" aria-label=\"Submit form\">\r\n        <span>\r\n          {{ formSubmissionMessage()}}\r\n        </span>\r\n        @if(submittingForm){\r\n        <mat-spinner diameter=\"10\"></mat-spinner>\r\n        }\r\n\r\n      </button>\r\n    </mat-toolbar>\r\n  </footer>\r\n  } @placeholder {\r\n  <!-- Simple placeholder for the footer that maintains layout -->\r\n  <footer>\r\n    <div class=\"submission-toolbar-placeholder\"></div>\r\n  </footer>\r\n  }\r\n\r\n</mat-card>\r\n<mat-menu #sectionMenu=\"matMenu\">\r\n  <ng-template matMenuContent let-sectionId=\"sectionId\">\r\n  <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n    <mat-icon> disabled_visible</mat-icon>\r\n    Set visibility type</button> -->\r\n  <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n    <mat-icon>delete</mat-icon>\r\n    Delete section</button>\r\n  <button (click)=\"toggleSectionReports(sectionId)\" mat-menu-item>\r\n    <mat-icon>leaderboard</mat-icon>\r\n    {{openSectionReports[sectionId]?'Close report': 'Section report'}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n<mat-menu #sectionType=\"matMenu\">\r\n  <button mat-menu-item>\r\n    <mat-icon>visibility</mat-icon>\r\n    view only</button>\r\n  <button mat-menu-item>\r\n    <mat-icon>visibility_off</mat-icon>\r\n    system</button>\r\n  <button mat-menu-item>\r\n    <mat-icon>edit</mat-icon>\r\n    user edit</button>\r\n</mat-menu>\r\n<mat-menu #moveInput=\"matMenu\">\r\n  <ng-template matMenuContent let-id=\"id\" let-sectionId=\"sectionId\">\r\n    @for (section of ( selectFormStepsComputed); track section.sectionId) {\r\n    <button [disabled]=\"section.sectionId === sectionId\" (click)=\"moveInputToSection(id,section.sectionId)\"\r\n      mat-menu-item>\r\n      <mat-icon>folder</mat-icon>\r\n      {{section.label || 'Untitled section'}}\r\n    </button>\r\n    }\r\n\r\n  </ng-template>\r\n</mat-menu>", styles: [".mainCard{margin-top:0;min-height:45vh;box-shadow:none;max-width:768px;margin-left:auto;left:0;margin-right:auto;border-radius:12px;border:solid 1px var(--mat-divider-color, var(--mat-sys-outline))!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.numbers{position:absolute!important;right:0}.inputCardElevated{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));box-shadow:var(--mdc-elevated-card-container-elevation)}mat-vertical-stepper{margin:5px}.list{min-height:60px;display:block}.box{padding:4px;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.box:last-child{border:none}.list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.custom-placeholder{background:#ccc;border:dotted 3px #999;min-width:100%;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.section-title-input{border:none;background-color:transparent;font-size:14px;font-weight:600;color:#333;padding-top:12px;padding-bottom:12px;outline:none;width:calc(100% - 54px);transition:border-bottom-color .3s ease-in-out}.section-title-input:focus{border-bottom:1px solid #007bff}.inputElement:focus{box-shadow:0 0 0 .2rem #007bff40}.headerToolbar{position:sticky;top:0;min-width:100%;background:var(--mdc-elevated-card-container-color)}::ng-deep mat-step-header .mat-step-label{width:100%}.error{color:var(--mat-form-field-error-text-color, var(--mat-app-error));display:flex;align-items:center}.submission-toolbar{z-index:1000;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--mat-divider-width) solid var(--mat-divider-color);padding:8px 16px;display:flex;justify-content:flex-end;gap:16px}.submission-status{font-size:12px;opacity:.87;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i3$1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i3$1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i3$1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TourMatMenuModule }, { kind: "directive", type: i7$1.TourAnchorMatMenuDirective, selector: "[tourAnchor]", inputs: ["tourAnchor"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }], deferBlockDependencies: [() => [i2.NgIf, i2$1.CdkDropList, i2$1.CdkDrag, i2$1.CdkDragPlaceholder, i2$2.MatButton, i2$2.MatIconButton, i3.MatCard, i3.MatCardActions, i3$1.MatStepperNext, i3$1.MatStepperPrevious, i5.MatIcon, i6.MatMenuTrigger, i7.MatProgressSpinner, i8.MatTooltip, import('./ngx-t-forms-ngx-t-forms-DeOqfmLd.mjs').then(function (n) { return n.E; }).then(m => m.TFormInputComponent), i7$1.TourAnchorMatMenuDirective, i1.NgControlStatusGroup, i1.FormGroupDirective, import('./ngx-t-forms-section-report.component-L-27MDZb.mjs').then(m => m.SectionReportComponent)], () => [i2.AsyncPipe, i2$2.MatButton, i7.MatProgressSpinner, i9.MatToolbar]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs').then(function (n) { return n.E; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-CUNhFUtC.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-ngx-t-forms-DeOqfmLd.mjs').then(function (n) { return n.E; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-L-27MDZb.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'app-form-section-stepper', standalone: true, imports: [
                             CommonModule,
@@ -217,4 +217,4 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ng
                 }] } }) });
 
 export { FormSectionStepperComponent };
-//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-CYUj3li9.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-B1WsRH_V.mjs.map