ngx-t-forms 2.0.14 → 2.0.16

package/fesm2022/ngx-t-forms-config-mscoa-additional-inputs.component-CdJ-r4XS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-config-mscoa-additional-inputs.component-CdJ-r4XS.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      \n      \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<mat-toolbar *ngIf=\"!isAddingNew && editingIndex === null && mapToData?.id\">\n  <button style=\"width: 100%;\" (click)=\"startAddNew()\"  mat-stroked-button>\n    <mat-icon>\n      add\n    </mat-icon>\n    Add New Input\n  </button>\n</mat-toolbar>\n\n<ng-template #InputEditor>\n  <h1>\n    Not implemented yet\n  </h1>\n\n  not implemented\n</ng-template>\n"],"names":["i4","i5","i6","i7","i8"],"mappings":"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"}

package/fesm2022/ngx-t-forms-form-section-stepper.component-CxuWKb7v.mjs

@@ -1,243 +0,0 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ViewChild, HostListener, Component } from '@angular/core';
-import { c as FormTowerControllerService, F as FormsStoreService, d as getSubmissionStatusFn, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DOtego0e.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$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 i2$2 from '@angular/material/button';
-import * as i3 from '@angular/material/card';
-import * as i3$1 from '@angular/material/stepper';
-import * as i6 from '@angular/material/icon';
-import * as i6$1 from '@angular/material/menu';
-import * as i7 from '@angular/material/progress-spinner';
-import * as i8 from '@angular/material/tooltip';
-import * as i9 from '@angular/material/toolbar';
-
-;
-class FormSectionStepperComponent extends FormTowerControllerService {
-    constructor() {
-        super(...arguments);
-        this.store = inject(FormsStoreService);
-        this.loadingForm$ = this.store.selectors.selectLoadingForm$;
-        this.selectInputInEditId$ = this.store.selectors.selectInputInEditId$;
-        this.isEditable = true;
-        this.dragging = false;
-        this.drop = (event) => this.store.actionsFormBuilder.handleSectionDragDrop(event);
-        this.dropItems = (event, sectionId) => this.store.actionsFormBuilder.handleInputDragDrop(event, sectionId);
-        this.formDeleteSection = (sectionId) => this.store.actionsFormBuilder.formDeleteSection(sectionId);
-        this.addMultipleFormInput = (sectionId, multipleInputId) => this.store.actionsFormBuilder.addMultipleFormInput(sectionId, multipleInputId);
-        this.moveInputToSection = (inputId, targetSectionId) => this.store.actionsFormBuilder.moveInputToSection(inputId, targetSectionId);
-        this.reorderMultipleInputItems = (event, multipleInputId) => this.store.actionsFormBuilder.reorderMultipleInputItems(event, multipleInputId);
-        this.cloneCopyFormInput = (inputId) => this.store.actionsFormBuilder.cloneCopyFormInput(inputId);
-        this.multipleInputToggleLabel = (item) => this.store.actionsFormBuilder.multipleInputToggleLabel(item);
-        this.editInput = (item) => this.store.actionsFormBuilder.editInput(item);
-        this.addMultipleInputValueCalculationFunction = (item, multipleInputId) => this.store.actionsFormBuilder.addMultipleInputValueCalculationFunction(item, multipleInputId);
-        this.setActiveSection = ($event) => this.setMatActiveStepper($event.selectedIndex);
-        this.addInputToScoaSelection = (sectionId, scoaInputId) => this.store.actionsFormBuilder.addInputToScoaSelection(sectionId, scoaInputId);
-        this.addNewInput = (sectionId) => this.store.actionsFormBuilder.saveInput(sectionId);
-        this.addSection = () => this.store.actionsFormBuilder.handleAddSection();
-        this.setMatActiveStepper = (index) => setTimeout(() => {
-            if (this.stepper === undefined)
-                return;
-            this.stepper.selectedIndex = index;
-        }, 0);
-        this.mouseOverSection = null;
-        this.handleInput = (event, sectionId) => {
-            // Cast the event target to HTMLInputElement to access the value property
-            console.error('handleInput', event, sectionId);
-            const inputValue = event.target.value;
-            // Pass the input value to the store action
-            this.store.actionsFormBuilder?.stepTitleChangeStep(sectionId, inputValue);
-            event.stopPropagation();
-            event.preventDefault();
-        };
-        this.overId = null;
-        this.countdownSeconds = {};
-        this.inputWillBeRemovedIn = (id) => this.countdownSeconds[id]?.count;
-        this.getPlaceHolerForSection = (sectionId) => this.store.sectionPlaceholder[sectionId];
-        this.formDeleteInput = (item) => this.store.actionsFormBuilder.formDeleteInput(item);
-        this.openSectionReports = {};
-        this.toggleSectionReports = (sectionId) => this.openSectionReports[sectionId] = !this.openSectionReports[sectionId];
-    }
-    /**
-     * Handles the key down event and opens the application log if the key combination is pressed.
-     * @param event The keyboard event object.
-     */
-    onKeyDown(event) {
-        if (event.ctrlKey && event.key === 'z') {
-            // Handle the key press combination here
-            this.revertBackHistory();
-        }
-    }
-    ngOnInit() {
-        this.store.registerFormChangeFn(this.initialize);
-        this.store.selectors.selectFormInEdit$.pipe(take(1), filter(form => form !== null && form !== undefined), tap(form => this.initialize(form.form))).subscribe();
-    }
-    get formBuilderFunctions() {
-        return {
-            getLatestAccountTree: () => this.NGX_T_FORMS_CONFIG.formBuilder.getScoaTree(),
-            getSCOAAccount: (SCOAAccount) => this.NGX_T_FORMS_CONFIG.formBuilder.getSCOAAccount(SCOAAccount),
-            multipleInputToggleForm: this.toggleMultipleInput.bind(this),
-            multipleInputSaveForm: this.saveMultipleInputForm.bind(this),
-            editInput: this.editInput.bind(this),
-            deleteInput: this.formDeleteInput.bind(this),
-            addFunction: this.addMultipleInputValueCalculationFunction.bind(this),
-            reorderItems: this.reorderMultipleInputItems.bind(this),
-            multipleInputToggleLabel: this.multipleInputToggleLabel.bind(this),
-            multipleInputEditRow: this.multipleInputEditRow.bind(this),
-            multipleInputDuplicateRow: this.multipleInputDuplicateRow.bind(this),
-        };
-    }
-    getPreviousStepLabel() {
-        if (this.stepper === undefined)
-            return '';
-        const currentIndex = this.stepper?.selectedIndex;
-        if (currentIndex > 0) {
-            return this.selectFormSteps()?.[currentIndex - 1]?.label;
-        }
-        return '';
-    }
-    getNextStepLabel() {
-        if (this.stepper === undefined)
-            return '';
-        const currentIndex = this.stepper?.selectedIndex;
-        const steps = this.selectFormSteps();
-        if (!steps)
-            return '';
-        if (currentIndex < steps.length - 1) {
-            return steps[currentIndex + 1]?.label;
-        }
-        return '';
-    }
-    getStepState(step, index) {
-        const activeStep = this.stepper?.selectedIndex === index;
-        if (activeStep)
-            return 'edit';
-        if (step.sectionForm?.touched && !step.sectionForm?.valid)
-            return 'error'; // Show error state for invalid touched forms
-        if (step.sectionForm?.valid)
-            return 'done'; // Show done state for valid forms
-        return 'number';
-    }
-    get getSubmissionStatus$() {
-        const progress = this.formProgress() || 0;
-        const steps = this.selectFormSteps();
-        return this.loadingForm$.pipe(map(loading => getSubmissionStatusFn(this.stepper, this.mainForm, progress, steps, loading)));
-    }
-    get selectFormStepsComputed() {
-        return this.selectFormSteps().map((step) => ({
-            ...step,
-            columns: step.columns.map((col) => ({
-                ...col,
-                inputConfigErrors: validateFormColumnInputs(col)
-            }))
-        }));
-    }
-    stopDeletion(id) {
-        if (this.countdownSeconds[id]) {
-            this.countdownSeconds[id]?.stop$.next();
-            delete this.countdownSeconds[id];
-        }
-    }
-    removeInput(item) {
-        if (this.countdownSeconds[item.id]) {
-            this.stopDeletion(item.id);
-            return;
-        }
-        this.countdownSeconds[item.id] = {
-            count: 5,
-            stop$: new Subject()
-        };
-        const countdown$ = timer(0, 1000).pipe(tap((secondsElapsed) => {
-            const data = this.countdownSeconds[item.id];
-            if (!data) {
-                return;
-            }
-            const remainingTime = 5 - secondsElapsed;
-            if (remainingTime <= 0) {
-                this.formDeleteInput(item);
-                this.stopDeletion(item.id);
-                // Stop and remove timer
-                // Actual deletion logic here, e.g., remove the element by id
-                // document.getElementById(id)?.remove();
-            }
-            else {
-                data.count = remainingTime;
-            }
-        }), takeUntil(this.countdownSeconds[item.id]?.stop$));
-        countdown$?.subscribe({
-            complete: () => {
-                console.log('Deletion stopped or completed');
-            }
-        });
-    }
-    deleteSection(sectionId) {
-        if (!sectionId) {
-            return;
-        }
-        if (this.countdownSeconds[sectionId]) {
-            this.stopDeletion(sectionId);
-            return;
-        }
-        this.countdownSeconds[sectionId] = {
-            count: 5,
-            stop$: new Subject()
-        };
-        const countdown$ = timer(0, 1000).pipe(tap((secondsElapsed) => {
-            const data = this.countdownSeconds[sectionId];
-            if (!data) {
-                return;
-            }
-            const remainingTime = 5 - secondsElapsed;
-            if (remainingTime <= 0) {
-                this.formDeleteSection(sectionId);
-                this.stopDeletion(sectionId);
-                // Stop and remove timer
-                // Actual deletion logic here, e.g., remove the element by id
-                // document.getElementById(id)?.remove();
-            }
-            else {
-                data.count = remainingTime;
-            }
-        }), takeUntil(this.countdownSeconds[sectionId]?.stop$));
-        countdown$?.subscribe({
-            complete: () => {
-                console.log('Deletion stopped or completed');
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSectionStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: FormSectionStepperComponent, isStandalone: true, selector: "app-form-section-stepper", host: { listeners: { "document:keydown": "onKeyDown($event)" } }, 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\"\r\n    (cdkDropListDropped)=\"drop($event)\" (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 (input)=\"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();\" [matMenuTriggerData]=\"{sectionId:step.sectionId}\"\r\n            [matMenuTriggerFor]=\"sectionMenu\" color=\"primary\" 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 (cdkDropListDropped)=\"dropItems($event,step.sectionId)\" [cdkDropListData]=\"step.columns\" cdkDropList\r\n          #InputList=\"cdkDropList\" 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.inEditCol]=\"(selectInputInEditId$|async) === col.id\"\r\n            [class]=\"'box inputCard col-md-'+(dragging?'12':col.colSize)\" (mouseover)=\"activeInput =col.id\">\r\n            <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\r\n            @if(step.sectionForm){\r\n            <lib-t-form-input [editorMode]=\"true\" [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'\" (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 matTooltip=\"Add input to list control form\" (click)=\"addMultipleFormInput(col.sectionId,col.id)\"\r\n                color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='mscoaSelection') {\r\n\r\n              <button matTooltip=\"Extend SCOA Segments with additional inputs\"\r\n                (click)=\"addInputToScoaSelection(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            </mat-card-actions>\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section style=\"text-align: center;\">\r\n          <br>\r\n          Add form fields to this section to collect information.\r\n          <br>\r\n          Click the <strong>\"Add Input\"</strong> button below to create a new form field.\r\n          <div>\r\n            <button matTooltip=\"Add an input to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"accent\"\r\n              mat-flat-button>\r\n              <mat-icon>add</mat-icon>\r\n              Add Input\r\n            </button>\r\n          </div>\r\n        </section>\r\n\r\n\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          matTooltip=\"Continue to next section\"\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\r\n           (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=\"accent\" 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}.inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:solid 1px #243D91!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.numbers{position:absolute!important;right:0}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: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.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$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6$1.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.AsyncPipe, 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, i6.MatIcon, i6$1.MatMenuTrigger, i7.MatProgressSpinner, i8.MatTooltip, import('./ngx-t-forms-ngx-t-forms-DOtego0e.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-C92mqFtY.mjs').then(m => m.SectionReportComponent)], () => [i2.AsyncPipe, i2$2.MatButton, i7.MatProgressSpinner, i9.MatToolbar]] }); }
-}
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-ngx-t-forms-DOtego0e.mjs').then(function (n) { return n.E; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-C92mqFtY.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
-                type: Component,
-                args: [{ selector: 'app-form-section-stepper', standalone: true, imports: [
-                            CommonModule,
-                            MatModulesModule,
-                            TFormInputComponent,
-                            TourMatMenuModule,
-                            ReactiveFormsModule,
-                            FormsModule,
-                            SectionReportComponent
-                        ], 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\"\r\n    (cdkDropListDropped)=\"drop($event)\" (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 (input)=\"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();\" [matMenuTriggerData]=\"{sectionId:step.sectionId}\"\r\n            [matMenuTriggerFor]=\"sectionMenu\" color=\"primary\" 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 (cdkDropListDropped)=\"dropItems($event,step.sectionId)\" [cdkDropListData]=\"step.columns\" cdkDropList\r\n          #InputList=\"cdkDropList\" 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.inEditCol]=\"(selectInputInEditId$|async) === col.id\"\r\n            [class]=\"'box inputCard col-md-'+(dragging?'12':col.colSize)\" (mouseover)=\"activeInput =col.id\">\r\n            <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\r\n            @if(step.sectionForm){\r\n            <lib-t-form-input [editorMode]=\"true\" [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'\" (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 matTooltip=\"Add input to list control form\" (click)=\"addMultipleFormInput(col.sectionId,col.id)\"\r\n                color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='mscoaSelection') {\r\n\r\n              <button matTooltip=\"Extend SCOA Segments with additional inputs\"\r\n                (click)=\"addInputToScoaSelection(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            </mat-card-actions>\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section style=\"text-align: center;\">\r\n          <br>\r\n          Add form fields to this section to collect information.\r\n          <br>\r\n          Click the <strong>\"Add Input\"</strong> button below to create a new form field.\r\n          <div>\r\n            <button matTooltip=\"Add an input to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"accent\"\r\n              mat-flat-button>\r\n              <mat-icon>add</mat-icon>\r\n              Add Input\r\n            </button>\r\n          </div>\r\n        </section>\r\n\r\n\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          matTooltip=\"Continue to next section\"\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\r\n           (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=\"accent\" 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}.inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:solid 1px #243D91!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.numbers{position:absolute!important;right:0}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"] }]
-            }], ctorParameters: null, propDecorators: { 
-            /**
-             * Handles the key down event and opens the application log if the key combination is pressed.
-             * @param event The keyboard event object.
-             */
-            onKeyDown: [{
-                    type: HostListener,
-                    args: ['document:keydown', ['$event']]
-                }], stepper: [{
-                    type: ViewChild,
-                    args: ['stepper']
-                }] } }) });
-
-export { FormSectionStepperComponent };
-//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-CxuWKb7v.mjs.map

package/fesm2022/ngx-t-forms-form-section-stepper.component-CxuWKb7v.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-form-section-stepper.component-CxuWKb7v.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-section-stepper/form-section-stepper.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-section-stepper/form-section-stepper.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, HostListener, inject, OnInit, ViewChild } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { filter, map, Observable, Subject, take, takeUntil, tap, timer } from 'rxjs';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { StepperSelectionEvent, StepState } from '@angular/cdk/stepper';;\r\nimport { MatStepper } from '@angular/material/stepper';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TFormInputComponent } from '../../..';\r\n\r\nimport { FormTowerControllerService } from '../../../../services/core/t-form-tower-controller/form-tower-controller.service';\r\nimport { FormBuilderFunctions, FormColumnInputs, IMultipleInputCal, ITowerFormSteps, validateFormColumnInputs } from 'ngx-t-forms-types';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport { TourMatMenuModule } from 'ngx-ui-tour-md-menu';\r\nimport { getSubmissionStatusFn } from '../../../../services/core/t-form-tower-controller/functions/getSubmissionStatus';\r\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\r\nimport { SectionReportComponent } from '../section-report/section-report.component';\r\n\r\n\r\n@Component({\r\n  selector: 'app-form-section-stepper',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    MatModulesModule,\r\n    TFormInputComponent,\r\n    TourMatMenuModule,\r\n    ReactiveFormsModule,\r\n    FormsModule,\r\n    SectionReportComponent\r\n  ],\r\n  templateUrl: './form-section-stepper.component.html',\r\n  styleUrl: './form-section-stepper.component.scss',\r\n\r\n})\r\nexport class FormSectionStepperComponent extends FormTowerControllerService implements OnInit {\r\n  @HostListener('document:keydown', ['$event'])\r\n\r\n  /**\r\n   * Handles the key down event and opens the application log if the key combination is pressed.\r\n   * @param event The keyboard event object.\r\n   */\r\n  onKeyDown(event: KeyboardEvent) {\r\n    if (event.ctrlKey && event.key === 'z') {\r\n      // Handle the key press combination here\r\n      this.revertBackHistory()\r\n    }\r\n  }\r\n\r\n\r\n  ngOnInit(): void {\r\n    this.store.registerFormChangeFn(this.initialize)\r\n    this.store.selectors.selectFormInEdit$.pipe(\r\n      take(1),\r\n      filter(form => form !== null && form !== undefined),\r\n      tap(form => this.initialize(form.form))\r\n    ).subscribe()\r\n  }\r\n\r\n  private store: FormsStoreService = inject(FormsStoreService)\r\n  loadingForm$ = this.store.selectors.selectLoadingForm$\r\n  selectInputInEditId$ = this.store.selectors.selectInputInEditId$\r\n  isEditable = true\r\n  @ViewChild('stepper') stepper: MatStepper | undefined;\r\n\r\n\r\n\r\n  get formBuilderFunctions() {\r\n    return {\r\n      getLatestAccountTree: () => this.NGX_T_FORMS_CONFIG.formBuilder.getScoaTree(),\r\n      getSCOAAccount: (SCOAAccount: string) => this.NGX_T_FORMS_CONFIG.formBuilder.getSCOAAccount(SCOAAccount),\r\n      multipleInputToggleForm: this.toggleMultipleInput.bind(this),\r\n      multipleInputSaveForm: this.saveMultipleInputForm.bind(this),\r\n      editInput: this.editInput.bind(this),\r\n      deleteInput: this.formDeleteInput.bind(this),\r\n      addFunction: this.addMultipleInputValueCalculationFunction.bind(this),\r\n      reorderItems: this.reorderMultipleInputItems.bind(this),\r\n      multipleInputToggleLabel: this.multipleInputToggleLabel.bind(this),\r\n      multipleInputEditRow: this.multipleInputEditRow.bind(this),\r\n      multipleInputDuplicateRow: this.multipleInputDuplicateRow.bind(this),\r\n\r\n    } as unknown as FormBuilderFunctions\r\n  }\r\n  getPreviousStepLabel(): string | undefined {\r\n\r\n    if (this.stepper === undefined) return ''\r\n    const currentIndex = this.stepper?.selectedIndex;\r\n    if (currentIndex > 0) {\r\n      return this.selectFormSteps()?.[currentIndex - 1]?.label;\r\n    }\r\n    return '';\r\n  }\r\n\r\n  getNextStepLabel(): string | undefined {\r\n    if (this.stepper === undefined) return ''\r\n    const currentIndex = this.stepper?.selectedIndex;\r\n    const steps = this.selectFormSteps();\r\n    if (!steps) return ''\r\n    if (currentIndex < steps.length - 1) {\r\n      return steps[currentIndex + 1]?.label;\r\n    }\r\n    return '';\r\n  }\r\n  getStepState(step: any, index: number): StepState {\r\n    const activeStep = this.stepper?.selectedIndex === index;\r\n    if (activeStep) return 'edit';\r\n    if (step.sectionForm?.touched && !step.sectionForm?.valid) return 'error'; // Show error state for invalid touched forms\r\n    if (step.sectionForm?.valid) return 'done'; // Show done state for valid forms\r\n\r\n    return 'number';\r\n  }\r\n  activeInput: string | undefined\r\n  get getSubmissionStatus$(): Observable<string> {\r\n    const progress = this.formProgress() || 0;\r\n    const steps = this.selectFormSteps();\r\n    return this.loadingForm$.pipe(\r\n      map(loading =>\r\n        getSubmissionStatusFn(this.stepper, this.mainForm, progress, steps, loading)\r\n      )\r\n    )\r\n  }\r\n  dragging: boolean = false\r\n\r\n  drop = (event: any) => this.store.actionsFormBuilder.handleSectionDragDrop(event)\r\n  dropItems = (event: any, sectionId: string) => this.store.actionsFormBuilder.handleInputDragDrop(event, sectionId)\r\n  formDeleteSection = (sectionId: string) => this.store.actionsFormBuilder.formDeleteSection(sectionId)\r\n  addMultipleFormInput = (sectionId: string, multipleInputId: string) => this.store.actionsFormBuilder.addMultipleFormInput(sectionId, multipleInputId)\r\n  moveInputToSection = (inputId: string, targetSectionId: string) => this.store.actionsFormBuilder.moveInputToSection(inputId, targetSectionId)\r\n  reorderMultipleInputItems = (event: CdkDragDrop<FormColumnInputs[], any, any>, multipleInputId: string) => this.store.actionsFormBuilder.reorderMultipleInputItems(event, multipleInputId)\r\n  cloneCopyFormInput = (inputId: string) => this.store.actionsFormBuilder.cloneCopyFormInput(inputId)\r\n  multipleInputToggleLabel = (item: FormColumnInputs) => this.store.actionsFormBuilder.multipleInputToggleLabel(item)\r\n  editInput = (item: FormColumnInputs) => this.store.actionsFormBuilder.editInput(item)\r\n  addMultipleInputValueCalculationFunction = (item: IMultipleInputCal, multipleInputId: string | undefined) => this.store.actionsFormBuilder.addMultipleInputValueCalculationFunction(item, multipleInputId)\r\n  setActiveSection = ($event: StepperSelectionEvent) => this.setMatActiveStepper($event.selectedIndex)\r\n  addInputToScoaSelection = (sectionId: string, scoaInputId: string) => this.store.actionsFormBuilder.addInputToScoaSelection(sectionId, scoaInputId)\r\n  addNewInput = (sectionId: string) => this.store.actionsFormBuilder.saveInput(sectionId);\r\n\r\n  addSection = (): void => this.store.actionsFormBuilder.handleAddSection()\r\n  setMatActiveStepper = (index: number) => setTimeout(() => {\r\n    if (this.stepper === undefined) return;\r\n    this.stepper.selectedIndex = index\r\n  }, 0);\r\n  mouseOverSection: string | null = null\r\n  handleInput = (event: Event, sectionId: string) => {\r\n    // Cast the event target to HTMLInputElement to access the value property\r\n    console.error('handleInput', event, sectionId)\r\n    const inputValue = (event.target as HTMLInputElement).value;\r\n\r\n    // Pass the input value to the store action\r\n    this.store.actionsFormBuilder?.stepTitleChangeStep(sectionId, inputValue);\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n\r\n  }\r\n  get selectFormStepsComputed(): ITowerFormSteps[] {\r\n    return this.selectFormSteps().map(\r\n      (step) => (\r\n        {\r\n          ...step,\r\n          columns: step.columns.map(\r\n            (col) => ({\r\n              ...col,\r\n              inputConfigErrors: validateFormColumnInputs(col)\r\n\r\n            })\r\n          )\r\n\r\n        }\r\n      )\r\n    )\r\n  }\r\n  overId: string | null = null\r\n\r\n  countdownSeconds: {\r\n    [key: string]:\r\n    {\r\n      count: number | null,\r\n      stop$: Subject<void>\r\n\r\n\r\n    }\r\n  } = {}\r\n  stopDeletion(id: string) {\r\n    if (this.countdownSeconds[id]) {\r\n      this.countdownSeconds[id]?.stop$.next();\r\n      delete this.countdownSeconds[id];\r\n    }\r\n  }\r\n  inputWillBeRemovedIn = (id: string) => this.countdownSeconds[id]?.count\r\n  removeInput(item: FormColumnInputs) {\r\n    if (this.countdownSeconds[item.id]) {\r\n      this.stopDeletion(item.id);\r\n      return;\r\n    }\r\n\r\n    this.countdownSeconds[item.id] = {\r\n      count: 5,\r\n      stop$: new Subject<void>()\r\n    };\r\n\r\n    const countdown$ = timer(0, 1000).pipe(\r\n      tap((secondsElapsed) => {\r\n        const data = this.countdownSeconds[item.id];\r\n        if (!data) {\r\n          return;\r\n        }\r\n\r\n        const remainingTime = 5 - secondsElapsed;\r\n        if (remainingTime <= 0) {\r\n          this.formDeleteInput(item)\r\n          this.stopDeletion(item.id);\r\n          // Stop and remove timer\r\n          // Actual deletion logic here, e.g., remove the element by id\r\n          // document.getElementById(id)?.remove();\r\n        } else {\r\n          data.count = remainingTime;\r\n        }\r\n      }),\r\n      takeUntil(this.countdownSeconds[item.id]?.stop$!)\r\n    );\r\n\r\n    countdown$?.subscribe({\r\n      complete: () => {\r\n        console.log('Deletion stopped or completed');\r\n      }\r\n    });\r\n  }\r\n  deleteSection(sectionId: string | null) {\r\n    if (!sectionId) {\r\n      return;\r\n    }\r\n    if (this.countdownSeconds[sectionId]) {\r\n      this.stopDeletion(sectionId);\r\n      return;\r\n    }\r\n\r\n    this.countdownSeconds[sectionId] = {\r\n      count: 5,\r\n      stop$: new Subject<void>()\r\n    };\r\n\r\n    const countdown$ = timer(0, 1000).pipe(\r\n      tap((secondsElapsed) => {\r\n        const data = this.countdownSeconds[sectionId];\r\n        if (!data) {\r\n          return;\r\n        }\r\n\r\n        const remainingTime = 5 - secondsElapsed;\r\n        if (remainingTime <= 0) {\r\n          this.formDeleteSection(sectionId)\r\n          this.stopDeletion(sectionId);\r\n          // Stop and remove timer\r\n          // Actual deletion logic here, e.g., remove the element by id\r\n          // document.getElementById(id)?.remove();\r\n        } else {\r\n          data.count = remainingTime;\r\n        }\r\n      }),\r\n      takeUntil(this.countdownSeconds[sectionId]?.stop$!)\r\n    );\r\n\r\n    countdown$?.subscribe({\r\n      complete: () => {\r\n        console.log('Deletion stopped or completed');\r\n      }\r\n    });\r\n  }\r\n  getPlaceHolerForSection = (sectionId: string): any => this.store.sectionPlaceholder[sectionId]\r\n  formDeleteInput = (item: FormColumnInputs) => this.store.actionsFormBuilder.formDeleteInput(item)\r\n  openSectionReports: Record<string, boolean> = {}\r\n  toggleSectionReports = (sectionId: string) => this.openSectionReports[sectionId] = !this.openSectionReports[sectionId]\r\n}\r\n","<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\"\r\n    (cdkDropListDropped)=\"drop($event)\" (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 (input)=\"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();\" [matMenuTriggerData]=\"{sectionId:step.sectionId}\"\r\n            [matMenuTriggerFor]=\"sectionMenu\" color=\"primary\" 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 (cdkDropListDropped)=\"dropItems($event,step.sectionId)\" [cdkDropListData]=\"step.columns\" cdkDropList\r\n          #InputList=\"cdkDropList\" 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.inEditCol]=\"(selectInputInEditId$|async) === col.id\"\r\n            [class]=\"'box inputCard col-md-'+(dragging?'12':col.colSize)\" (mouseover)=\"activeInput =col.id\">\r\n            <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\r\n            @if(step.sectionForm){\r\n            <lib-t-form-input [editorMode]=\"true\" [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'\" (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 matTooltip=\"Add input to list control form\" (click)=\"addMultipleFormInput(col.sectionId,col.id)\"\r\n                color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='mscoaSelection') {\r\n\r\n              <button matTooltip=\"Extend SCOA Segments with additional inputs\"\r\n                (click)=\"addInputToScoaSelection(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            </mat-card-actions>\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section style=\"text-align: center;\">\r\n          <br>\r\n          Add form fields to this section to collect information.\r\n          <br>\r\n          Click the <strong>\"Add Input\"</strong> button below to create a new form field.\r\n          <div>\r\n            <button matTooltip=\"Add an input to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"accent\"\r\n              mat-flat-button>\r\n              <mat-icon>add</mat-icon>\r\n              Add Input\r\n            </button>\r\n          </div>\r\n        </section>\r\n\r\n\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          matTooltip=\"Continue to next section\"\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\r\n           (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=\"accent\" 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>"],"names":["i1","i2","i3","i4","i5","i7","i8","i9","i10","i11","i12"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKwE;AA+BlE,MAAO,2BAA4B,SAAQ,0BAA0B,CAAA;AAhB3E,IAAA,WAAA,GAAA;;AAwCU,QAAA,IAAA,CAAA,KAAK,GAAsB,MAAM,CAAC,iBAAiB,CAAC;QAC5D,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,kBAAkB;QACtD,IAAoB,CAAA,oBAAA,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,oBAAoB;QAChE,IAAU,CAAA,UAAA,GAAG,IAAI;QA2DjB,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEzB,QAAA,IAAA,CAAA,IAAI,GAAG,CAAC,KAAU,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,KAAK,CAAC;QACjF,IAAS,CAAA,SAAA,GAAG,CAAC,KAAU,EAAE,SAAiB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC;AAClH,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,SAAiB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,SAAS,CAAC;QACrG,IAAoB,CAAA,oBAAA,GAAG,CAAC,SAAiB,EAAE,eAAuB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,SAAS,EAAE,eAAe,CAAC;QACrJ,IAAkB,CAAA,kBAAA,GAAG,CAAC,OAAe,EAAE,eAAuB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,OAAO,EAAE,eAAe,CAAC;QAC7I,IAAyB,CAAA,yBAAA,GAAG,CAAC,KAAgD,EAAE,eAAuB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,KAAK,EAAE,eAAe,CAAC;AAC1L,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,OAAe,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,OAAO,CAAC;AACnG,QAAA,IAAA,CAAA,wBAAwB,GAAG,CAAC,IAAsB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,IAAI,CAAC;AACnH,QAAA,IAAA,CAAA,SAAS,GAAG,CAAC,IAAsB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC;QACrF,IAAwC,CAAA,wCAAA,GAAG,CAAC,IAAuB,EAAE,eAAmC,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,IAAI,EAAE,eAAe,CAAC;AAC1M,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,MAA6B,KAAK,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,aAAa,CAAC;QACpG,IAAuB,CAAA,uBAAA,GAAG,CAAC,SAAiB,EAAE,WAAmB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,SAAS,EAAE,WAAW,CAAC;AACnJ,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,SAAiB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC,SAAS,CAAC;AAEvF,QAAA,IAAA,CAAA,UAAU,GAAG,MAAY,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,EAAE;QACzE,IAAmB,CAAA,mBAAA,GAAG,CAAC,KAAa,KAAK,UAAU,CAAC,MAAK;AACvD,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;gBAAE;AAChC,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;SACnC,EAAE,CAAC,CAAC;QACL,IAAgB,CAAA,gBAAA,GAAkB,IAAI;AACtC,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,KAAY,EAAE,SAAiB,KAAI;;YAEhD,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC;AAC9C,YAAA,MAAM,UAAU,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;;YAG3D,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC;YACzE,KAAK,CAAC,eAAe,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;AAExB,SAAC;QAkBD,IAAM,CAAA,MAAA,GAAkB,IAAI;QAE5B,IAAgB,CAAA,gBAAA,GAQZ,EAAE;AAON,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,EAAU,KAAK,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,KAAK;AAgFvE,QAAA,IAAA,CAAA,uBAAuB,GAAG,CAAC,SAAiB,KAAU,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC;AAC9F,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,IAAsB,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,IAAI,CAAC;QACjG,IAAkB,CAAA,kBAAA,GAA4B,EAAE;QAChD,IAAoB,CAAA,oBAAA,GAAG,CAAC,SAAiB,KAAK,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC;AACvH;AA1OC;;;AAGG;AACH,IAAA,SAAS,CAAC,KAAoB,EAAA;QAC5B,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;;YAEtC,IAAI,CAAC,iBAAiB,EAAE;;;IAK5B,QAAQ,GAAA;QACN,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CACzC,IAAI,CAAC,CAAC,CAAC,EACP,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC,EACnD,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CACxC,CAAC,SAAS,EAAE;;AAWf,IAAA,IAAI,oBAAoB,GAAA;QACtB,OAAO;YACL,oBAAoB,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,WAAW,EAAE;AAC7E,YAAA,cAAc,EAAE,CAAC,WAAmB,KAAK,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC;YACxG,uBAAuB,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;YAC5D,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;YAC5D,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;YACpC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YAC5C,WAAW,EAAE,IAAI,CAAC,wCAAwC,CAAC,IAAI,CAAC,IAAI,CAAC;YACrE,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC;YACvD,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC;YAClE,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1D,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC;SAElC;;IAEtC,oBAAoB,GAAA;AAElB,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;AAAE,YAAA,OAAO,EAAE;AACzC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,EAAE,aAAa;AAChD,QAAA,IAAI,YAAY,GAAG,CAAC,EAAE;AACpB,YAAA,OAAO,IAAI,CAAC,eAAe,EAAE,GAAG,YAAY,GAAG,CAAC,CAAC,EAAE,KAAK;;AAE1D,QAAA,OAAO,EAAE;;IAGX,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;AAAE,YAAA,OAAO,EAAE;AACzC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,EAAE,aAAa;AAChD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE;AACpC,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,EAAE;QACrB,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,OAAO,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,KAAK;;AAEvC,QAAA,OAAO,EAAE;;IAEX,YAAY,CAAC,IAAS,EAAE,KAAa,EAAA;QACnC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,aAAa,KAAK,KAAK;AACxD,QAAA,IAAI,UAAU;AAAE,YAAA,OAAO,MAAM;QAC7B,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK;YAAE,OAAO,OAAO,CAAC;AAC1E,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK;YAAE,OAAO,MAAM,CAAC;AAE3C,QAAA,OAAO,QAAQ;;AAGjB,IAAA,IAAI,oBAAoB,GAAA;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AACzC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE;AACpC,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAC3B,GAAG,CAAC,OAAO,IACT,qBAAqB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAC7E,CACF;;AAmCH,IAAA,IAAI,uBAAuB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,GAAG,CAC/B,CAAC,IAAI,MACH;AACE,YAAA,GAAG,IAAI;AACP,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CACvB,CAAC,GAAG,MAAM;AACR,gBAAA,GAAG,GAAG;AACN,gBAAA,iBAAiB,EAAE,wBAAwB,CAAC,GAAG;AAEhD,aAAA,CAAC;AAGL,SAAA,CACF,CACF;;AAaH,IAAA,YAAY,CAAC,EAAU,EAAA;AACrB,QAAA,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE;YAC7B,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE;AACvC,YAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;;;AAIpC,IAAA,WAAW,CAAC,IAAsB,EAAA;QAChC,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AAClC,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B;;AAGF,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG;AAC/B,YAAA,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,IAAI,OAAO;SACnB;AAED,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,CACpC,GAAG,CAAC,CAAC,cAAc,KAAI;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,IAAI,CAAC,IAAI,EAAE;gBACT;;AAGF,YAAA,MAAM,aAAa,GAAG,CAAC,GAAG,cAAc;AACxC,YAAA,IAAI,aAAa,IAAI,CAAC,EAAE;AACtB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AAC1B,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;iBAIrB;AACL,gBAAA,IAAI,CAAC,KAAK,GAAG,aAAa;;AAE9B,SAAC,CAAC,EACF,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAM,CAAC,CAClD;QAED,UAAU,EAAE,SAAS,CAAC;YACpB,QAAQ,EAAE,MAAK;AACb,gBAAA,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC;;AAE/C,SAAA,CAAC;;AAEJ,IAAA,aAAa,CAAC,SAAwB,EAAA;QACpC,IAAI,CAAC,SAAS,EAAE;YACd;;AAEF,QAAA,IAAI,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;AACpC,YAAA,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;YAC5B;;AAGF,QAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG;AACjC,YAAA,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,IAAI,OAAO;SACnB;AAED,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,CACpC,GAAG,CAAC,CAAC,cAAc,KAAI;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;YAC7C,IAAI,CAAC,IAAI,EAAE;gBACT;;AAGF,YAAA,MAAM,aAAa,GAAG,CAAC,GAAG,cAAc;AACxC,YAAA,IAAI,aAAa,IAAI,CAAC,EAAE;AACtB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC;AACjC,gBAAA,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;;;;;iBAIvB;AACL,gBAAA,IAAI,CAAC,KAAK,GAAG,aAAa;;AAE9B,SAAC,CAAC,EACF,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,KAAM,CAAC,CACpD;QAED,UAAU,EAAE,SAAS,CAAC;YACpB,QAAQ,EAAE,MAAK;AACb,gBAAA,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC;;AAE/C,SAAA,CAAC;;8GAvOO,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpCxC,utYAoSW,EAAA,MAAA,EAAA,CAAA,u6DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5QP,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,6BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,yEAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,OAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,EAAA,oBAAA,EAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,WAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,4BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEhB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,WAAW,EAAA,CAAA,EAAA,sBAAA,EAAA,CAAA,MAAA,CAAAR,EAAA,CAAA,IAAA,EAAAA,EAAA,CAAA,SAAA,EAAAC,IAAA,CAAA,WAAA,EAAAA,IAAA,CAAA,OAAA,EAAAA,IAAA,CAAA,kBAAA,EAAAC,IAAA,CAAA,SAAA,EAAAA,IAAA,CAAA,aAAA,EAAAC,EAAA,CAAA,OAAA,EAAAA,EAAA,CAAA,cAAA,EAAAC,IAAA,CAAA,cAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,EAAA,CAAA,OAAA,EAAAC,IAAA,CAAA,cAAA,EAAAC,EAAA,CAAA,kBAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,OAAA,wCAAA,oCAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mBAAA,CAAA,EAAAC,IAAA,CAAA,0BAAA,EAAAC,EAAA,CAAA,oBAAA,EAAAA,EAAA,CAAA,kBAAA,EAAA,OAAA,qDAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,MAAA,CAAAT,EAAA,CAAA,SAAA,EAAAE,IAAA,CAAA,SAAA,EAAAI,EAAA,CAAA,kBAAA,EAAAI,EAAA,CAAA,UAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;gGAOF,2BAA2B,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,wCAAA,oCAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mBAAA,CAAA,EAAA,OAAA,qDAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,eAAA,EAAA,CAAA,mBAAA,EAAA,sBAAA,MAAA,EAAA,UAAA,EAAA,CAAA;sBAhBvC,SAAS;mCACE,0BAA0B,EAAA,UAAA,EACxB,IAAI,EACP,OAAA,EAAA;4BACP,YAAY;4BACZ,gBAAgB;4BAChB,mBAAmB;4BACnB,iBAAiB;4BACjB,mBAAmB;4BACnB,WAAW;4BACX;AACD,yBAAA,EAAA,QAAA,EAAA,utYAAA,EAAA,MAAA,EAAA,CAAA,u6DAAA,CAAA,EAAA;;AAQD;;;AAGG;YACH,SAAS,EAAA,CAAA;0BANR,YAAY;2BAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC;oBA2BtB,OAAO,EAAA,CAAA;0BAA5B,SAAS;2BAAC,SAAS;;;;;"}

package/fesm2022/ngx-t-forms-input-editor.component-St6l9Hr-.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-input-editor.component-St6l9Hr-.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/default-element/default-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/default-element/default-element.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-editor/input-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-editor/input-editor.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {  Component, inject } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { DefaultInputConfig, ElementTypes } from 'ngx-t-forms-types';\r\nimport { take } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-default-element',\r\n  standalone: true,\r\n  imports: [CommonModule,MatModulesModule],\r\n  templateUrl: './default-element.component.html',\r\n  styleUrl: './default-element.component.scss',\r\n})\r\nexport class DefaultElementComponent {\r\n\r\n  inputs = DefaultInputConfig\r\n  store = inject(FormsStoreService)\r\n\r\n  constructor(){\r\n\r\n  }\r\n    \r\n\r\n  getDefaultInputs():ElementTypes[]{\r\n    const i = JSON.parse(JSON.stringify(DefaultInputConfig))\r\n    return Object.keys(i) as any\r\n  }\r\n  selectInputTemplate (input: ElementTypes) {\r\n    this.store.selectors.selectInputInEditId$.pipe(\r\n      take(1)\r\n    ).subscribe((id)=>{\r\n      if(!id) return\r\n      this.store.actionsFormBuilder.selectInputTemplate(id,input)\r\n    }\r\n    )\r\n    \r\n  }\r\n\r\n}\r\n","<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input].disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <img matListItemAvatar [src]=\"inputs[input].illustration\" alt=\"\">\r\n        <span matListItemTitle href=\"...\">{{ inputs[input].label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>","import { CommonModule } from '@angular/common';\r\nimport {   Component, inject, } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\nimport { TDynamicDataEditComponent, TDynamicDataViewComponent } from '../../..';\r\n\r\n\r\nimport { ElementEditorInnerSectionElementInterface } from 'ngx-t-forms-types';\r\nimport { combineLatest, distinctUntilChanged, map, take, tap } from 'rxjs';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\n\r\n@Component({\r\n  selector: 'app-input-element-editor',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    MatModulesModule,\r\n    TDynamicDataEditComponent,\r\n    TDynamicDataViewComponent \r\n  ],\r\n  templateUrl: './input-element-editor.component.html',\r\n  styleUrl: './input-element-editor.component.scss',\r\n})\r\n\r\nexport class InputElementEditorComponent {\r\n\r\n  private store = inject(FormsStoreService);\r\n\r\n  inputElementEditorConfigs$ = this.store.formBuilderSelectors.inputElementEditorConfigs$.pipe(\r\n    distinctUntilChanged((a, b) => _isEqual(a, b))\r\n    \r\n  )\r\n\r\n\r\n  inputInEdit$ = this.store.formBuilderSelectors.inputInEdit$\r\n\r\n  defaultInputInEdit$ = this.store.formBuilderSelectors.defaultInputInEdit$\r\n\r\n  formInputs$ = this.store.formBuilderSelectors.getAllFormInputs$\r\n\r\n  elementConfigurationChanged = (value: any, ele: ElementEditorInnerSectionElementInterface) => {\r\n \r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input) => {\r\n        if (!input) return;\r\n      \r\n        this.store.actionsFormBuilder.elementConfigurationChanged(input.id,value, ele);\r\n      })\r\n    ).subscribe();\r\n\r\n  };\r\n  // Event handlers\r\n  clearInputInEdit = () => {\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input) => {\r\n        if (!input) return;\r\n        this.store.actionsFormBuilder.clearInputInEdit(\r\n        input.id\r\n        );\r\n      })\r\n    ).subscribe();\r\n  }\r\n  elementBlur = (event: any, element: ElementEditorInnerSectionElementInterface) => {\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input) => {\r\n        if (!input) return;\r\n        this.store.actionsFormBuilder.elementBlur(input.id, event, element);\r\n      })\r\n    ).subscribe();\r\n  }\r\n  \r\n  inputInEditValidationErrors$ = this.store.formBuilderSelectors.inputInEditValidationErrors$\r\n\r\n\r\nvm$ = combineLatest([\r\n  this.defaultInputInEdit$,\r\n  this.inputInEdit$,\r\n  this.inputElementEditorConfigs$,\r\n  this.inputInEditValidationErrors$,\r\n  this.formInputs$,\r\n  \r\n]\r\n\r\n).pipe(\r\n  map(([defaultInputInEdit, inputInEdit, inputElementEditorConfigs,\r\n\r\n    inputInEditValidationErrors,\r\n    formInputs\r\n  ]) => {\r\n    return {\r\n      defaultInputInEdit,\r\n      inputInEdit,\r\n      inputElementEditorConfigs,\r\n      inputInEditValidationErrors,\r\n      formInputs\r\n    }\r\n  })\r\n\r\n)\r\n\r\nshowDebugData() {\r\n  this.vm$.pipe(take(1)).subscribe((vm) => {\r\n    const jsonData = JSON.stringify(vm, null, 2);\r\n    const blob = new Blob([jsonData], { type: 'application/json' });\r\n    const url = window.URL.createObjectURL(blob);\r\n    const link = document.createElement('a');\r\n    link.href = url;\r\n    link.download = 'debug-data.json';\r\n    link.click();\r\n    window.URL.revokeObjectURL(url);\r\n  });\r\n}\r\n}","<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n<ng-container *ngIf=\"(vm$ |async) as vm\">\r\n    @defer (on viewport) {\r\n    \r\n        <mat-accordion togglePosition=\"before\">\r\n            @for(section of (vm.inputElementEditorConfigs?.editorSections||[]); track section.id) {\r\n            <mat-expansion-panel>\r\n                <mat-expansion-panel-header>\r\n                    <mat-panel-title>\r\n                        {{section.label}}\r\n                        <span class=\"spacer\"></span>\r\n                        @if (section.hasErrors) {\r\n                        <mat-icon color=\"warn\">error</mat-icon>\r\n                        }\r\n                        <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(vm.inputInEdit)\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                        <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                    </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n        \r\n                <div style=\"margin-top: 16px;\"></div>\r\n        \r\n                <!-- Element type selector (only in first section) -->\r\n                @if($index === 0) {\r\n                <mat-nav-list>\r\n                    <mat-list-item matTooltip=\"Change input element\" (click)=\"clearInputInEdit()\">\r\n                        <img matListItemAvatar [src]=\"(vm.defaultInputInEdit)?.illustration\"\r\n                            [alt]=\"(vm.defaultInputInEdit)?.label\">\r\n                        <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                        <span matListItemMeta>\r\n                            <mat-icon>arrow_forward_ios</mat-icon>\r\n                        </span>\r\n                    </mat-list-item>\r\n                    <mat-divider></mat-divider>\r\n                </mat-nav-list>\r\n                }\r\n        \r\n                <!-- Section elements -->\r\n                @for(element of section.elements; track element.id) {\r\n                <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                    @defer (on viewport) {\r\n                    <lib-t-dynamic-data-edit [editorConfig]=\"element\" [data]=\"(vm.inputInEdit)\"\r\n                        [validationErrors]=\"element.computedErrors||[]\"\r\n                        (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                        (blur)=\"elementBlur($event, element)\">\r\n                    </lib-t-dynamic-data-edit>\r\n                    } @placeholder {\r\n                <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                    <mat-spinner diameter=\"18\"></mat-spinner>\r\n                </div>\r\n                }\r\n                </p>\r\n                }\r\n            </mat-expansion-panel>\r\n            }\r\n        </mat-accordion>\r\n        } @placeholder {\r\n        <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n            <mat-spinner diameter=\"50\" />\r\n        </div>\r\n        } @error {\r\n        <mat-error>\r\n            <h1>Error loading element editor</h1>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n<!-- Diagnostic section -->\r\n<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Diagnostic data</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n\r\n<mat-accordion togglePosition=\"before\">\r\n\r\n    @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Validation Errors\r\n                <span class=\"spacer\"></span>\r\n                <mat-error>\r\n                    {{(vm.inputInEditValidationErrors).length||''}}\r\n                </mat-error>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n            <h1>All configuration errors:</h1>\r\n            <p>\r\n                {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will not\r\n                be saved.\r\n            </p>\r\n            <ul>\r\n                @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                <li>\r\n                    <strong>{{error.key}}</strong> {{error.message}}\r\n                </li>\r\n                }\r\n            </ul>\r\n        </mat-error>\r\n    </mat-expansion-panel>\r\n    }\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header style=\"    padding-right: 0px;\">\r\n            <mat-panel-title>\r\n                Complete Virtual Model \r\n                <span class=\"spacer\"></span>\r\n                <button mat-icon-button (click)=\"showDebugData()\">\r\n                    <mat-icon>\r\n                        troubleshoot\r\n                    </mat-icon>\r\n                </button>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-card style=\"padding: 16px;\">\r\n    \r\n            <lib-t-dynamic-data-view [data]=\"({\r\n            'Default Input Template InEdit': vm.defaultInputInEdit,\r\n            'Input In Edit': vm.inputInEdit,\r\n            'Input Editor Sections': vm.inputElementEditorConfigs?.editorSections,\r\n            })\"></lib-t-dynamic-data-view>\r\n       \r\n        </mat-card>\r\n    </mat-expansion-panel>\r\n\r\n</mat-accordion>\r\n</ng-container>","import { CommonModule } from '@angular/common';\r\nimport {  Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { DefaultElementComponent } from '../default-element/default-element.component';\r\nimport { InputElementEditorComponent } from '../input-element-editor/input-element-editor.component';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\nimport {  Observable, take, tap} from 'rxjs';\r\nimport { DefaultInputConfig } from 'ngx-t-forms-types';\r\n\r\n@Component({\r\n  selector: 'app-input-editor',\r\n  standalone: true,\r\n  imports: [CommonModule, \r\n    MatModulesModule,\r\n     DefaultElementComponent, \r\n     InputElementEditorComponent],\r\n  templateUrl: './input-editor.component.html',\r\n  styleUrl: './input-editor.component.scss'\r\n})\r\nexport class InputEditorComponent {\r\n  defaultInputs = DefaultInputConfig\r\n  inputInEdit$ = this.store.formBuilderSelectors.inputInEdit$\r\n  defaultInputInEdit$ =  this.store.formBuilderSelectors.defaultInputInEdit$\r\n\r\n  constructor(private store:FormsStoreService) {\r\n  }\r\n\r\n  saveInput =()=>{\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input)=>{\r\n        if(!input) return\r\n        this.store.actionsFormBuilder.saveInput(input.id)\r\n      })\r\n    ).subscribe()\r\n  }\r\n  closeEditor=()=> this.store.actions.setInputInEditId({\r\n    inputInEdit:null\r\n  })\r\n  get validationErrors$(): Observable<{\r\n    key: string;\r\n    message: string;\r\n  }[] | null>{\r\n   return this.store.formBuilderSelectors.inputInEditValidationErrors$\r\n  }\r\n}\r\n","<mat-card \r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n \r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n    \r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <app-input-element-editor \r\n            style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\">\r\n          </app-input-element-editor>\r\n        }@else{\r\n            <app-default-element  style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\"></app-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider></mat-divider>\r\n     \r\n      <mat-card-actions >\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-flat-button>close</button>\r\n            <span class=\"spacer\"></span>\r\n            <button *ngIf=\"!((inputInEdit$|async))?.id\" mat-flat-button \r\n            (click)=\"saveInput()\"\r\n            [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n            color=\"primary\">save new input</button>\r\n        \r\n    </mat-card-actions>\r\n</mat-card>\r\n"],"names":["i1","i2","i6","i8","i10","i11","i1.FormsStoreService","i3","i4","i5","i7"],"mappings":"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"}

package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-BrRevSpQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-mat-chip-list-editor.component-BrRevSpQ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { MatChipListboxChange } from '@angular/material/chips';\r\n\r\n@Component({\r\n  selector: 'lib-mat-chip-list-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './mat-chip-list-editor.component.html',\r\n  styleUrl: './mat-chip-list-editor.component.css',\r\n   providers: [{ provide: MatFormFieldControl,\r\n     useExisting:MatChipListEditorComponent}],\r\n})\r\nexport class MatChipListEditorComponent implements MatFormFieldControl<{\r\n  label: string,\r\n  value: any\r\n}[]>  {\r\n\r\n  \r\n    static nextId = 0;\r\n    stateChanges = new Subject<void>();\r\n  \r\n    @HostBinding() id = `lib-mat-chip-list-editor-${MatChipListEditorComponent.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  \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('.lib-mat-chip-list-editor');\r\n        // Check if the controlElement exists before attempting to set its attribute\r\n        if (controlElement) {\r\n          controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n        }\r\n      }\r\n    }\r\n    onContainerClick(event: MouseEvent): void {\r\n      this.markAsTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  \r\n    touched: boolean = false;\r\n    onTouched = () => { };\r\n    markAsTouched() {\r\n      console.log('markAsTouched')\r\n      if (!this.touched) {\r\n        this.onTouched();\r\n        this.touched = true;\r\n      }\r\n    }\r\n  \r\n  \r\n\r\n\r\n      @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() value: any;\r\n  @Input() required: boolean = false;\r\n  @Input() options:{\r\n    label: string,\r\n    value: any\r\n  }[] | undefined =[]\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  valueListChanged($event: MatChipListboxChange) {\r\n    this.valueChange.emit($event.value);\r\n  }\r\n}\r\n","<mat-chip-listbox [value]=\"value\" (change)=\"valueListChanged($event)\" aria-l abel=\"Chip select options\">\r\n    @for(option of options;track option.value){\r\n    <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n    }\r\n\r\n</mat-chip-listbox>"],"names":["i2"],"mappings":"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"}

package/fesm2022/ngx-t-forms-mat-slider-editor.component-BcgU9NYj.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-mat-slider-editor.component-BcgU9NYj.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'lib-mat-slider-editor',\r\n  standalone: true,\r\n  providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }],\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './mat-slider-editor.component.html',\r\n  styleUrl: './mat-slider-editor.component.css'\r\n})\r\nexport class MatSliderEditorComponent implements MatFormFieldControl<number> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `lib-mat-slider-editor-${MatSliderEditorComponent.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\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    \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-mat-slider-editor');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => { };\r\n  markAsTouched() {\r\n    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n  _required: boolean = false;\r\n  @Input() set required(value: boolean) {\r\n    this._required = value;\r\n  }\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() label: string = '';\r\n  @Input() min: number = 0;\r\n  @Input() max: number = 100;\r\n  @Input() step: number = 1;\r\n  @Input() value: number = 0;\r\n  @Input() format?: (value: any) => any = (value: any) => value;\r\n  @Input() formatLabel: (value: any) => any = (value: any) => value;\r\n  @Output() valueChange = new EventEmitter<number>();\r\n  valueChangedSlider(event: any) {\r\n    this.valueChange.emit(event);\r\n  }\r\n\r\n}\r\n","\r\n<section class=\"range\">\r\n    <span> {{min || 0 }}</span>\r\n<mat-slider       \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-t-forms-mat-slider-toggle-editor.component-C0bZ6L19.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-C0bZ6L19.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs/internal/Subject';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'lib-mat-slider-toggle-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule,CommonModule],\r\n  templateUrl: './mat-slider-toggle-editor.component.html',\r\n  styleUrl: './mat-slider-toggle-editor.component.css',\r\n  providers: [\r\n    {\r\n      provide: MatFormFieldControl,\r\n      useExisting: MatSliderToggleEditorComponent\r\n    }\r\n  ],\r\n})\r\nexport class MatSliderToggleEditorComponent implements MatFormFieldControl<boolean>, ControlValueAccessor {\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  disabled = false;\r\n  controlType = 'lib-mat-slider-toggle-editor';\r\n  autofilled = false;\r\n\r\n  @Input() name: string | undefined = undefined;\r\n  @Input() label: string = '';\r\n  @Input() errors:IConfigElementError[] | undefined = [];\r\n  @Output() valueChange = new EventEmitter<boolean>();\r\n\r\n  private _required = false;\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(value: boolean) {\r\n    this._required = coerceBooleanProperty(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  private _value: boolean = false;\r\n  @Input()\r\n  get value(): boolean {\r\n    return this._value;\r\n  }\r\n  set value(val: boolean) {\r\n    this._value = val;\r\n    this.onChange(val);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder;\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder = value;\r\n    this.stateChanges.next();\r\n  }\r\n  private _placeholder: string = '';\r\n\r\n  @HostBinding() id = `lib-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.nextId++}`;\r\n  @HostBinding('attr.aria-describedby') describedBy = '';\r\n  @HostBinding('class.floating') get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return this.value === false;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors||[]).length >0;\r\n  }\r\n\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>\r\n  ) {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => {};\r\n  onTouched = () => {};\r\n\r\n  writeValue(value: boolean): void {\r\n    this._value = value;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // MatFormFieldControl methods\r\n  setDescribedByIds(ids: string[]): void {\r\n    const element = this._elementRef?.nativeElement;\r\n    if (element) {\r\n      element.setAttribute('aria-describedby', ids.join(' '));\r\n    }\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  markAsTouched(): void {\r\n    if (!this.touched) {\r\n      this.touched = true;\r\n      this.onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  valueToggleChanged(value: boolean): void {\r\n    this.value = value;\r\n    this.valueChange.emit(value);\r\n    this.markAsTouched();\r\n  }\r\n}","<mat-slide-toggle\r\n  [disabled]=\"disabled\"\r\n  [checked]=\"!!value\"\r\n  (change)=\"valueToggleChanged($event.checked)\"\r\n  (blur)=\"markAsTouched()\"\r\n>\r\n set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>"],"names":["i2"],"mappings":"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"}