npm - ngx-t-forms - Versions diffs - 2.0.21 → 2.0.22 - Mend

ngx-t-forms 2.0.21 → 2.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/fesm2022/{ngx-t-forms-document-list-label-config-editor.component-B1ouOnk1.mjs.map → ngx-t-forms-document-list-label-config-editor.component-GB_9b-4L.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-document-list-label-config-editor.component-B1ouOnk1.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { Subject } from 'rxjs';\r\nimport { DocumentLitsLabelConfigInterface, DocumentLitsLabelConfigInterfaceValueType, ElementEditorInnerSectionElementInterface, FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatCardModule } from '@angular/material/card';\r\n\r\nimport { MatSliderToggleEditorComponent } from '../mat-slider-toggle-editor/mat-slider-toggle-editor.component';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatChipListEditorComponent } from '../mat-chip-list-editor/mat-chip-list-editor.component';\r\nimport { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport {\r\n CdkDragDrop,\r\n CdkDrag,\r\n CdkDropList,\r\n} from '@angular/cdk/drag-drop';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport { ClipboardModule } from '@angular/cdk/clipboard';\r\n@Component({\r\n selector: 'lib-document-list-label-config-editor',\r\n imports: [CommonModule, MatListModule, MatTooltipModule,ClipboardModule, MatSliderToggleEditorComponent,\r\n MatChipListEditorComponent,\r\n MatFormFieldModule,\r\n MatButtonModule,\r\n MatAutocompleteModule,\r\n MatInputModule,\r\n MatIconModule, MatCardModule, CdkDropList, CdkDrag],\r\n templateUrl: './document-list-label-config-editor.component.html',\r\n styleUrl: './document-list-label-config-editor.component.css',\r\n providers: [{ provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent }],\r\n})\r\nexport class DocumentListLabelConfigEditorComponent implements MatFormFieldControl<Array<DocumentLitsLabelConfigInterface>> {\r\n\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors: IConfigElementError[] \| undefined = [];\r\n @HostBinding() id = `lib-document-list-label-config-editor-${DocumentListLabelConfigEditorComponent.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 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-document-list-label-config-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 _value: Array<DocumentLitsLabelConfigInterface> = []\r\n @Input() set value(value: Array<DocumentLitsLabelConfigInterface>) {\r\n\r\n this._value = value as Array<DocumentLitsLabelConfigInterface>\r\n }\r\n get value() {\r\n return this._value\r\n }\r\n\r\n _editorConfig: ElementEditorInnerSectionElementInterface \| undefined = undefined\r\n @Input() formInputs: Array<FormColumnInputs> = []\r\n @Input() disabled: boolean = false\r\n @Input() mapToData: string[] \| undefined = []\r\n @Output() valueChange = new EventEmitter<any>()\r\n @Input() set editorConfig(config: ElementEditorInnerSectionElementInterface \| undefined) {\r\n this._editorConfig = (config)\r\n }\r\n get editorConfig() {\r\n return this._editorConfig\r\n }\r\nget filteredControlNames() {\r\n // Handle case where mapToData is undefined\r\n if (!this.mapToData) return [];\r\n \r\n const searchTerm = this.labelInEdit?.formControlName;\r\n \r\n // If searchTerm is undefined or empty, return all options\r\n if (!searchTerm \|\| searchTerm.trim() === '') {\r\n return this.mapToData;\r\n }\r\n \r\n const lowerSearchTerm = searchTerm.toLowerCase();\r\n \r\n return this.mapToData.filter(option => {\r\n // Skip null/undefined options\r\n if (option == null) return false;\r\n \r\n // Convert option to string for comparison\r\n const optionStr = String(option).toLowerCase();\r\n \r\n // Flexible matching using includes (less rigid than exact RegExp)\r\n if (optionStr.includes(lowerSearchTerm)) return true;\r\n \r\n // Also match if any word in the option starts with the search term\r\n // This helps with partial word matching\r\n return optionStr.split(/\\s+/).some(word => \r\n word.startsWith(lowerSearchTerm)\r\n );\r\n });\r\n}\r\n saveHeader() {\r\n\r\n const formControlName = this.labelInEdit?.formControlName\r\n const index = (this.value \|\| []).findIndex((item) => item.formControlName === formControlName)\r\n const v = [...this.value]\r\n if (index !== -1) {\r\n v[index] = this.labelInEdit as DocumentLitsLabelConfigInterface\r\n\r\n\r\n\r\n } else {\r\n\r\n v.push(this.labelInEdit as DocumentLitsLabelConfigInterface)\r\n\r\n\r\n }\r\n \r\n this.value = v\r\n this.valueChange.emit(v)\r\n this.labelInEdit = null\r\n\r\n\r\n }\r\n removeLabel(label: DocumentLitsLabelConfigInterface) {\r\n this.value = this.value.filter(\r\n (item) => item.formControlName !== label.formControlName\r\n )\r\n this.valueChange.emit(this.value)\r\n }\r\n labelInEdit: DocumentLitsLabelConfigInterface \| null \| Record<string, any> = null\r\n get labelSaveDisabled() {\r\n if (!this.labelInEdit) return true\r\n if (!this.labelInEdit.label) return true\r\n if (!this.labelInEdit.formControlName) return true\r\n if (!this.labelInEdit.valueType) return true\r\n\r\n return false\r\n }\r\n get valueTypes() {\r\n return Object.keys(DocumentLitsLabelConfigInterfaceValueType).map((key) => {\r\n return {\r\n label: key.replace(/([A-Z])/g, ' $1').trim().toLowerCase().replace(/^\\w/, c => c.toUpperCase()),\r\n value: key\r\n }\r\n })\r\n }\r\n nameChange(event: any) {\r\n const value = event.target?.value;\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n label: value\r\n }\r\n\r\n\r\n }\r\n formControlNameChange(event: any) {\r\n const value = event.target?.value;\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n formControlName: value\r\n }\r\n }\r\n valueTypeChanged(event: any) {\r\n const value = event\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n valueType: value\r\n }\r\n\r\n }\r\n isHiddenChanged(event: boolean) {\r\n\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n isHidden: event\r\n }\r\n\r\n }\r\n formControlSelected(event: MatAutocompleteSelectedEvent) {\r\n\r\n const formControlName = event.option.value\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n formControlName,\r\n label: this.labelInEdit?.label \|\| formControlName.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2')\r\n }\r\n\r\n\r\n }\r\n reorderArray(arr: DocumentLitsLabelConfigInterface[], fromIndex: number, toIndex: number): DocumentLitsLabelConfigInterface[] {\r\n const element = arr[fromIndex];\r\n if (!element) return arr\r\n const newArr = [...arr];\r\n newArr.splice(fromIndex, 1);\r\n newArr.splice(toIndex, 0, element);\r\n return newArr;\r\n }\r\n\r\n drop(event: CdkDragDrop<DocumentLitsLabelConfigInterface[]>) {\r\n this.value = [... this.reorderArray(this.value, event.previousIndex, event.currentIndex)] \r\n this.valueChange.emit(this.value)\r\n }\r\n copyToClipboard(value: string) {\r\n \r\n }\r\n}\r\n","<mat-nav-list cdkDropList [cdkDropListData]=\"value\"\r\n(cdkDropListDropped)=\"drop($event)\" class=\"list\" >\r\n <h5 matSubheader class=\"api-list-header\">\r\n\r\n List header config\r\n </h5>\r\n @if((value).length === 0){\r\n <p class=\"no-api-list\" style=\" margin-top: 0px;\r\n padding-left: 16px;\r\n padding-right: 16px;\">\r\n No header configured. <strong>Add new column </strong> below\r\n </p>\r\n }\r\n @for (label of value\|\|[]; track label.formControlName) {\r\n\r\n <mat-list-item cdkDrag style=\"background: azure;\" \r\n [matTooltip]=\"'click to copy ' + label.formControlName\"\r\n [cdkCopyToClipboard]=\"label.formControlName\"\r\n matTooltipPosition=\"before\" class=\"api-list-item\">\r\n\r\n <mat-icon matListItemIcon>\r\n view_column\r\n </mat-icon>\r\n <div matListItemTitle>\r\n <div style=\"line-height: normal;\">\r\n <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n <strong>\r\n {{label.label}}\r\n\r\n </strong>\r\n </small>\r\n\r\n </div>\r\n <div style=\"line-height: normal;opacity: 0.6;\">\r\n <small>\r\n <strong><code>{{label.formControlName}}</code></strong>: {{label.valueType}}\r\n </small>\r\n </div>\r\n </div>\r\n\r\n <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeLabel(label)\" mat-icon-button>\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n </mat-list-item>\r\n <mat-divider>\r\n </mat-divider>\r\n\r\n\r\n\r\n }\r\n\r\n\r\n</mat-nav-list>\r\n<br>\r\n@if(labelInEdit !== null){\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n <mat-card-content>\r\n\r\n <label for=\"fb27a2ec-e41f-45f0-916b-f2ef303c2344\">\r\n Form Control Name\r\n </label>\r\n <input ngDefaultControl type=\"text\" \r\n [id]=\"'fb27a2ec-e41f-45f0-916b-f2ef303c2344'\"\r\n placeholder=\"Pick one\" aria-label=\"form control\" \r\n [value]=\"labelInEdit.formControlName\|\|''\" \r\n (input)=\"formControlNameChange($event)\"\r\n [matAutocomplete]=\"auto\">\r\n <mat-autocomplete (optionSelected)=\"formControlSelected($event)\" autoActiveFirstOption #auto=\"matAutocomplete\">\r\n @for (option of filteredControlNames ; track option) {\r\n <mat-option [value]=\"option\">{{option}}</mat-option>\r\n }\r\n </mat-autocomplete>\r\n\r\n\r\n <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n Name\r\n </label>\r\n <input (input)=\"nameChange($event)\" [value]=\"labelInEdit.label\|\|''\" \r\n [id]=\"'4002a77c-9b01-4cdb-b4ce-fdad5a3597d7'\" [placeholder]=\"'Enter label name'\">\r\n <label for=\"bbdad0dc-f92e-4359-92af-a3ff90d0924b\">\r\n value Type\r\n </label>\r\n <lib-mat-chip-list-editor [errors]=\"[]\" [id]=\"'bbdad0dc-f92e-4359-92af-a3ff90d0924b'\"\r\n [value]=\"labelInEdit.valueType\" [options]=\"valueTypes\"\r\n (valueChange)=\"valueTypeChanged($event)\"></lib-mat-chip-list-editor>\r\n\r\n\r\n <lib-mat-slider-toggle-editor [label]=\"'is Hidden '\" [id]=\"'7c0b575c-c41c-4525-ac7e-dc4b9c351009'\"\r\n (valueChange)=\"isHiddenChanged(!!$event)\" [value]=\"labelInEdit.isHidden\" [errors]=\"[]\">\r\n </lib-mat-slider-toggle-editor>\r\n\r\n </mat-card-content>\r\n <br>\r\n <mat-divider></mat-divider>\r\n <mat-card-actions>\r\n <button mat-flat-button color=\"primary\"\r\n [disabled]=\"labelSaveDisabled\"\r\n (click)=\"saveHeader()\">Save Header</button>\r\n <span class=\"spacer\"></span>\r\n <button mat-button (click)=\"labelInEdit = null\" color=\"warn\">Cancel</button>\r\n </mat-card-actions>\r\n</mat-card>\r\n}\r\n\r\n@if (labelInEdit === null) {\r\n<button [disabled]=\"disabled\" (click)=\"labelInEdit={}\" style=\"width: 100%;\" class=\"AddButton\" mat-stroked-button color=\"primary\">\r\n Add new column\r\n</button>\r\n}\r\n\r\n"],"names":["i2","i3","i4","i6","i7","i8","i9"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;MAsCa,sCAAsC,CAAA;aAE1C,IAAM,CAAA,MAAA,GAAG,CAAH,CAAK;IAMlB,WAAuC,CAAA,SAAoB,EAAU,WAAoC,EAAA;QAAlE,IAAS,CAAA,SAAA,GAAT,SAAS;QAAqB,IAAW,CAAA,WAAA,GAAX,WAAW;AALhF,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;QACzB,IAAM,CAAA,MAAA,GAAsC,EAAE;AACxC,QAAA,IAAA,CAAA,EAAE,GAAG,CAAyC,sCAAA,EAAA,sCAAsC,CAAC,MAAM,EAAE,EAAE;QAE9G,IAAW,CAAA,WAAA,GAAW,EAAE;QAExB,IAAO,CAAA,OAAA,GAAY,KAAK;QAOxB,IAAQ,CAAA,QAAA,GAAY,KAAK;QAyBzB,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,GAAI;QAYrB,IAAM,CAAA,MAAA,GAA4C,EAAE;QASpD,IAAa,CAAA,aAAA,GAA0D,SAAS;QACvE,IAAU,CAAA,UAAA,GAA4B,EAAE;QACxC,IAAQ,CAAA,QAAA,GAAY,KAAK;QACzB,IAAS,CAAA,SAAA,GAAyB,EAAE;AACnC,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAO;QAkE/C,IAAW,CAAA,WAAA,GAAkE,IAAI;;AA3HjF,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK;;AAEpB,IAAA,IAAI,gBAAgB,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;;AAGpC,IAAA,IAAI,UAAU,GAAA;QACZ,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO;AACpG,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ;;AAOnD,IAAA,iBAAiB,CAAC,GAAa,EAAA;;QAE7B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACtD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,wCAAwC,CAAC;;YAE7G,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;;AAIpE,IAAA,gBAAgB,CAAC,KAAiB,EAAA;QAChC,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;IAK1B,aAAa,GAAA;AACX,QAAA,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;;IAQvB,IAAa,KAAK,CAAC,KAA8C,EAAA;AAE/D,QAAA,IAAI,CAAC,MAAM,GAAG,KAAgD;;AAEhE,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM;;IAQpB,IAAa,YAAY,CAAC,MAA6D,EAAA;AACrF,QAAA,IAAI,CAAC,aAAa,IAAI,MAAM,CAAC;;AAE/B,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,aAAa;;AAE7B,IAAA,IAAI,oBAAoB,GAAA;;QAEtB,IAAI,CAAC,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,EAAE;AAE9B,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe;;QAGpD,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC3C,OAAO,IAAI,CAAC,SAAS;;AAGvB,QAAA,MAAM,eAAe,GAAG,UAAU,CAAC,WAAW,EAAE;QAEhD,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,IAAG;;YAEpC,IAAI,MAAM,IAAI,IAAI;AAAE,gBAAA,OAAO,KAAK;;YAGhC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;;AAG9C,YAAA,IAAI,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC;AAAE,gBAAA,OAAO,IAAI;;;YAIpD,OAAO,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,IACrC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CACjC;AACH,SAAC,CAAC;;IAEF,UAAU,GAAA;AAER,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe;QACzD,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,KAAK,eAAe,CAAC;QAC9F,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AAChB,YAAA,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,WAA+C;;aAI1D;AAEL,YAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAA+C,CAAC;;AAK9D,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC;AACd,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;AAIzB,IAAA,WAAW,CAAC,KAAuC,EAAA;QACjD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAC5B,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,KAAK,KAAK,CAAC,eAAe,CACzD;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGnC,IAAA,IAAI,iBAAiB,GAAA;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,IAAI;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK;AAAE,YAAA,OAAO,IAAI;AACxC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe;AAAE,YAAA,OAAO,IAAI;AAClD,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS;AAAE,YAAA,OAAO,IAAI;AAE5C,QAAA,OAAO,KAAK;;AAEd,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;YACxE,OAAO;AACL,gBAAA,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;AAC/F,gBAAA,KAAK,EAAE;aACR;AACH,SAAC,CAAC;;AAEJ,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK;QAEjC,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,IAAI,CAAC,WAAW;AACnB,YAAA,KAAK,EAAE;SACR;;AAIH,IAAA,qBAAqB,CAAC,KAAU,EAAA;AAC9B,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK;QAEjC,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,IAAI,CAAC,WAAW;AACnB,YAAA,eAAe,EAAE;SAClB;;AAEH,IAAA,gBAAgB,CAAC,KAAU,EAAA;QACzB,MAAM,KAAK,GAAG,KAAK;QAEnB,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,IAAI,CAAC,WAAW;AACnB,YAAA,SAAS,EAAE;SACZ;;AAGH,IAAA,eAAe,CAAC,KAAc,EAAA;QAG5B,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,IAAI,CAAC,WAAW;AACnB,YAAA,QAAQ,EAAE;SACX;;AAGH,IAAA,mBAAmB,CAAC,KAAmC,EAAA;AAErD,QAAA,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAC1C,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,IAAI,CAAC,WAAW;YACnB,eAAe;YACf,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,eAAe,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,sBAAsB,EAAE,OAAO;SAC9H;;AAIH,IAAA,YAAY,CAAC,GAAuC,EAAE,SAAiB,EAAE,OAAe,EAAA;AACtF,QAAA,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC;AAC9B,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,GAAG;AACxB,QAAA,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC;AACvB,QAAA,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC;AAClC,QAAA,OAAO,MAAM;;AAGf,IAAA,IAAI,CAAC,KAAsD,EAAA;QACzD,IAAI,CAAC,KAAK,GAAG,CAAC,GAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QACzF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAEnC,IAAA,eAAe,CAAC,KAAa,EAAA;;8GAlNlB,sCAAsC,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sCAAsC,4TAFtC,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,sCAAsC,EAAE,CAAC,ECpCpG,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,02HA+GA,04BDpFY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAAC,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAE,IAAA,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,EAAA,eAAe,2NAAE,8BAA8B,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrG,0BAA0B,EAC1B,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,8BAClB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,qBAAqB,EACrB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,8BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,yBAAA,EAAA,4BAAA,EAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,8BACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,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,UAAA,EAAA,IAAA,EAAE,aAAa,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,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,IAAA,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,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAW,8fAAE,OAAO,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,CAAA,EAAA,CAAA,CAAA;;2FAKzC,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAblD,SAAS;+BACE,uCAAuC,EAAA,OAAA,EACxC,CAAC,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAC,eAAe,EAAE,8BAA8B;wBACrG,0BAA0B;wBAC1B,kBAAkB;wBAClB,eAAe;wBACf,qBAAqB;wBACrB,cAAc;AACd,wBAAA,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,CAAC,EAAA,SAAA,EAG1C,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,sCAAwC,EAAE,CAAC,EAAA,QAAA,EAAA,02HAAA,EAAA,MAAA,EAAA,CAAA,m1BAAA,CAAA,EAAA;;0BAUrF;;0BAAY;kEAJhB,MAAM,EAAA,CAAA;sBAAd;gBACc,EAAE,EAAA,CAAA;sBAAhB;gBAkDY,KAAK,EAAA,CAAA;sBAAjB;gBASQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACS,WAAW,EAAA,CAAA;sBAApB;gBACY,YAAY,EAAA,CAAA;sBAAxB;;;;;"}
1	+ {"version":3,"file":"ngx-t-forms-document-list-label-config-editor.component-GB_9b-4L.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { Subject } from 'rxjs';\r\nimport { DocumentLitsLabelConfigInterface, DocumentLitsLabelConfigInterfaceValueType, ElementEditorInnerSectionElementInterface, FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatCardModule } from '@angular/material/card';\r\n\r\nimport { MatSliderToggleEditorComponent } from '../mat-slider-toggle-editor/mat-slider-toggle-editor.component';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatChipListEditorComponent } from '../mat-chip-list-editor/mat-chip-list-editor.component';\r\nimport { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport {\r\n CdkDragDrop,\r\n CdkDrag,\r\n CdkDropList,\r\n} from '@angular/cdk/drag-drop';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport { ClipboardModule } from '@angular/cdk/clipboard';\r\n@Component({\r\n selector: 'lib-document-list-label-config-editor',\r\n imports: [CommonModule, MatListModule, MatTooltipModule,ClipboardModule, MatSliderToggleEditorComponent,\r\n MatChipListEditorComponent,\r\n MatFormFieldModule,\r\n MatButtonModule,\r\n MatAutocompleteModule,\r\n MatInputModule,\r\n MatIconModule, MatCardModule, CdkDropList, CdkDrag],\r\n templateUrl: './document-list-label-config-editor.component.html',\r\n styleUrl: './document-list-label-config-editor.component.css',\r\n providers: [{ provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent }],\r\n})\r\nexport class DocumentListLabelConfigEditorComponent implements MatFormFieldControl<Array<DocumentLitsLabelConfigInterface>> {\r\n\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors: IConfigElementError[] \| undefined = [];\r\n @HostBinding() id = `lib-document-list-label-config-editor-${DocumentListLabelConfigEditorComponent.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 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-document-list-label-config-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 _value: Array<DocumentLitsLabelConfigInterface> = []\r\n @Input() set value(value: Array<DocumentLitsLabelConfigInterface>) {\r\n\r\n this._value = value as Array<DocumentLitsLabelConfigInterface>\r\n }\r\n get value() {\r\n return this._value\r\n }\r\n\r\n _editorConfig: ElementEditorInnerSectionElementInterface \| undefined = undefined\r\n @Input() formInputs: Array<FormColumnInputs> = []\r\n @Input() disabled: boolean = false\r\n @Input() mapToData: string[] \| undefined = []\r\n @Output() valueChange = new EventEmitter<any>()\r\n @Input() set editorConfig(config: ElementEditorInnerSectionElementInterface \| undefined) {\r\n this._editorConfig = (config)\r\n }\r\n get editorConfig() {\r\n return this._editorConfig\r\n }\r\nget filteredControlNames() {\r\n // Handle case where mapToData is undefined\r\n if (!this.mapToData) return [];\r\n \r\n const searchTerm = this.labelInEdit?.formControlName;\r\n \r\n // If searchTerm is undefined or empty, return all options\r\n if (!searchTerm \|\| searchTerm.trim() === '') {\r\n return this.mapToData;\r\n }\r\n \r\n const lowerSearchTerm = searchTerm.toLowerCase();\r\n \r\n return this.mapToData.filter(option => {\r\n // Skip null/undefined options\r\n if (option == null) return false;\r\n \r\n // Convert option to string for comparison\r\n const optionStr = String(option).toLowerCase();\r\n \r\n // Flexible matching using includes (less rigid than exact RegExp)\r\n if (optionStr.includes(lowerSearchTerm)) return true;\r\n \r\n // Also match if any word in the option starts with the search term\r\n // This helps with partial word matching\r\n return optionStr.split(/\\s+/).some(word => \r\n word.startsWith(lowerSearchTerm)\r\n );\r\n });\r\n}\r\n saveHeader() {\r\n\r\n const formControlName = this.labelInEdit?.formControlName\r\n const index = (this.value \|\| []).findIndex((item) => item.formControlName === formControlName)\r\n const v = [...this.value]\r\n if (index !== -1) {\r\n v[index] = this.labelInEdit as DocumentLitsLabelConfigInterface\r\n\r\n\r\n\r\n } else {\r\n\r\n v.push(this.labelInEdit as DocumentLitsLabelConfigInterface)\r\n\r\n\r\n }\r\n \r\n this.value = v\r\n this.valueChange.emit(v)\r\n this.labelInEdit = null\r\n\r\n\r\n }\r\n removeLabel(label: DocumentLitsLabelConfigInterface) {\r\n this.value = this.value.filter(\r\n (item) => item.formControlName !== label.formControlName\r\n )\r\n this.valueChange.emit(this.value)\r\n }\r\n labelInEdit: DocumentLitsLabelConfigInterface \| null \| Record<string, any> = null\r\n get labelSaveDisabled() {\r\n if (!this.labelInEdit) return true\r\n if (!this.labelInEdit.label) return true\r\n if (!this.labelInEdit.formControlName) return true\r\n if (!this.labelInEdit.valueType) return true\r\n\r\n return false\r\n }\r\n get valueTypes() {\r\n return Object.keys(DocumentLitsLabelConfigInterfaceValueType).map((key) => {\r\n return {\r\n label: key.replace(/([A-Z])/g, ' $1').trim().toLowerCase().replace(/^\\w/, c => c.toUpperCase()),\r\n value: key\r\n }\r\n })\r\n }\r\n nameChange(event: any) {\r\n const value = event.target?.value;\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n label: value\r\n }\r\n\r\n\r\n }\r\n formControlNameChange(event: any) {\r\n const value = event.target?.value;\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n formControlName: value\r\n }\r\n }\r\n valueTypeChanged(event: any) {\r\n const value = event\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n valueType: value\r\n }\r\n\r\n }\r\n isHiddenChanged(event: boolean) {\r\n\r\n\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n isHidden: event\r\n }\r\n\r\n }\r\n formControlSelected(event: MatAutocompleteSelectedEvent) {\r\n\r\n const formControlName = event.option.value\r\n this.labelInEdit = {\r\n ...this.labelInEdit,\r\n formControlName,\r\n label: this.labelInEdit?.label \|\| formControlName.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2')\r\n }\r\n\r\n\r\n }\r\n reorderArray(arr: DocumentLitsLabelConfigInterface[], fromIndex: number, toIndex: number): DocumentLitsLabelConfigInterface[] {\r\n const element = arr[fromIndex];\r\n if (!element) return arr\r\n const newArr = [...arr];\r\n newArr.splice(fromIndex, 1);\r\n newArr.splice(toIndex, 0, element);\r\n return newArr;\r\n }\r\n\r\n drop(event: CdkDragDrop<DocumentLitsLabelConfigInterface[]>) {\r\n this.value = [... this.reorderArray(this.value, event.previousIndex, event.currentIndex)] \r\n this.valueChange.emit(this.value)\r\n }\r\n copyToClipboard(value: string) {\r\n \r\n }\r\n}\r\n","<mat-nav-list cdkDropList [cdkDropListData]=\"value\"\r\n(cdkDropListDropped)=\"drop($event)\" class=\"list\" >\r\n <h5 matSubheader class=\"api-list-header\">\r\n\r\n List header config\r\n </h5>\r\n @if((value).length === 0){\r\n <p class=\"no-api-list\" style=\" margin-top: 0px;\r\n padding-left: 16px;\r\n padding-right: 16px;\">\r\n No header configured. <strong>Add new column </strong> below\r\n </p>\r\n }\r\n @for (label of value\|\|[]; track label.formControlName) {\r\n\r\n <mat-list-item cdkDrag style=\"background: azure;\" \r\n [matTooltip]=\"'click to copy ' + label.formControlName\"\r\n [cdkCopyToClipboard]=\"label.formControlName\"\r\n matTooltipPosition=\"before\" class=\"api-list-item\">\r\n\r\n <mat-icon matListItemIcon>\r\n view_column\r\n </mat-icon>\r\n <div matListItemTitle>\r\n <div style=\"line-height: normal;\">\r\n <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n <strong>\r\n {{label.label}}\r\n\r\n </strong>\r\n </small>\r\n\r\n </div>\r\n <div style=\"line-height: normal;opacity: 0.6;\">\r\n <small>\r\n <strong><code>{{label.formControlName}}</code></strong>: {{label.valueType}}\r\n </small>\r\n </div>\r\n </div>\r\n\r\n <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeLabel(label)\" mat-icon-button>\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n </mat-list-item>\r\n <mat-divider>\r\n </mat-divider>\r\n\r\n\r\n\r\n }\r\n\r\n\r\n</mat-nav-list>\r\n<br>\r\n@if(labelInEdit !== null){\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n <mat-card-content>\r\n\r\n <label for=\"fb27a2ec-e41f-45f0-916b-f2ef303c2344\">\r\n Form Control Name\r\n </label>\r\n <input ngDefaultControl type=\"text\" \r\n [id]=\"'fb27a2ec-e41f-45f0-916b-f2ef303c2344'\"\r\n placeholder=\"Pick one\" aria-label=\"form control\" \r\n [value]=\"labelInEdit.formControlName\|\|''\" \r\n (input)=\"formControlNameChange($event)\"\r\n [matAutocomplete]=\"auto\">\r\n <mat-autocomplete (optionSelected)=\"formControlSelected($event)\" autoActiveFirstOption #auto=\"matAutocomplete\">\r\n @for (option of filteredControlNames ; track option) {\r\n <mat-option [value]=\"option\">{{option}}</mat-option>\r\n }\r\n </mat-autocomplete>\r\n\r\n\r\n <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n Name\r\n </label>\r\n <input (input)=\"nameChange($event)\" [value]=\"labelInEdit.label\|\|''\" \r\n [id]=\"'4002a77c-9b01-4cdb-b4ce-fdad5a3597d7'\" [placeholder]=\"'Enter label name'\">\r\n <label for=\"bbdad0dc-f92e-4359-92af-a3ff90d0924b\">\r\n value Type\r\n </label>\r\n <lib-mat-chip-list-editor [errors]=\"[]\" [id]=\"'bbdad0dc-f92e-4359-92af-a3ff90d0924b'\"\r\n [value]=\"labelInEdit.valueType\" [options]=\"valueTypes\"\r\n (valueChange)=\"valueTypeChanged($event)\"></lib-mat-chip-list-editor>\r\n\r\n\r\n <lib-mat-slider-toggle-editor [label]=\"'is Hidden '\" [id]=\"'7c0b575c-c41c-4525-ac7e-dc4b9c351009'\"\r\n (valueChange)=\"isHiddenChanged(!!$event)\" [value]=\"labelInEdit.isHidden\" [errors]=\"[]\">\r\n </lib-mat-slider-toggle-editor>\r\n\r\n </mat-card-content>\r\n <br>\r\n <mat-divider></mat-divider>\r\n <mat-card-actions>\r\n <button mat-flat-button color=\"primary\"\r\n [disabled]=\"labelSaveDisabled\"\r\n (click)=\"saveHeader()\">Save Header</button>\r\n <span class=\"spacer\"></span>\r\n <button mat-button (click)=\"labelInEdit = null\" color=\"warn\">Cancel</button>\r\n </mat-card-actions>\r\n</mat-card>\r\n}\r\n\r\n@if (labelInEdit === null) {\r\n<button [disabled]=\"disabled\" (click)=\"labelInEdit={}\" style=\"width: 100%;\" class=\"AddButton\" mat-stroked-button color=\"primary\">\r\n Add new column\r\n</button>\r\n}\r\n\r\n"],"names":["i2","i3","i4","i6","i7","i8","i9"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-form-input-selector.component-Dqru3fNh.mjs → ngx-t-forms-form-input-selector.component-C5Amatf0.mjs} RENAMED Viewed

@@ -3,7 +3,7 @@ import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } f
 import { Subject, BehaviorSubject, take, tap } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-zYBCwTI4.mjs';
+import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CHdFFTXs.mjs';
 import { map } from 'rxjs/operators';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import * as i1 from '@angular/forms';
@@ -129,4 +129,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             }] } });
 export { FormInputSelectorComponent };
-//# sourceMappingURL=ngx-t-forms-form-input-selector.component-Dqru3fNh.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-input-selector.component-C5Amatf0.mjs.map

package/fesm2022/{ngx-t-forms-form-input-selector.component-Dqru3fNh.mjs.map → ngx-t-forms-form-input-selector.component-C5Amatf0.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-form-input-selector.component-Dqru3fNh.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { BehaviorSubject, Observable, Subject, take, tap } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { map } from 'rxjs/operators';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\ninterface IFormColumnUiList extends FormColumnInputs {\r\n selected: boolean,\r\n illustration: string\r\n}\r\n@Component({\r\n selector: 'lib-form-input-selector',\r\n standalone: true,\r\n imports: [CommonModule, MatModulesModule],\r\n templateUrl: './form-input-selector.component.html',\r\n styleUrl: './form-input-selector.component.css',\r\n providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }],\r\n})\r\nexport class FormInputSelectorComponent implements MatFormFieldControl<string \| undefined> {\r\n\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors:IConfigElementError[] \|undefined = [];\r\n @HostBinding() id = `lib-form-input-selector-${FormInputSelectorComponent .nextId++}`;\r\n \r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused \|\| !this.empty;\r\n }\r\n required: boolean = false;\r\nget errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors \|\| (this.errors\|\|[]).length > 0 && this.touched\r\n return !this.value && !!this.required \|\| hasError\r\n }\r\n\r\n controlType?: string \| undefined;\r\n autofilled?: boolean \| undefined;\r\n userAriaDescribedBy?: string \| undefined;\r\n disableAutomaticLabeling?: boolean \| undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.lib-form-input-selector');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n touched: boolean = false;\r\n onTouched = () => {};\r\n markAsTouched() {\r\n console.log('markAsTouched') \r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n } \r\n\r\n\r\n\r\n\r\n _value = new BehaviorSubject<string \| undefined>(undefined)\r\n @Input() set value(value: string \| undefined) {\r\n if (this._value.getValue() === value) {\r\n return\r\n }\r\n this._value.next(value)\r\n }\r\n get value() {\r\n return this._value.getValue()\r\n }\r\n get value$() {\r\n return this._value.asObservable()\r\n\r\n }\r\n @Input() formInputs: Array<FormColumnInputs> = []\r\n @Input() disabled: boolean = false\r\n @Output() change = new EventEmitter<any>()\r\n selectInput(id: string) {\r\n this.value$.pipe(\r\n take(1),\r\n tap((value) => {\r\n if (value === id) {\r\n this.change.emit(undefined)\r\n return;\r\n }\r\n this.change.emit(id)\r\n })\r\n ).subscribe()\r\n\r\n }\r\n get filteredInputs$():Observable<Array<IFormColumnUiList>> {\r\n return this.value$.pipe(\r\n map((value: string \| undefined) => {\r\n const inputs = () => {\r\n const selectedInput = this.formInputs.find((input) => input.id === value)\r\n if (selectedInput) {\r\n return [{ ...selectedInput, selected: true , illustration: this.getInputIllustration(selectedInput) }]\r\n }\r\n return this.formInputs.map(input => ({ ...input, selected: false, illustration: this.getInputIllustration(input) }))\r\n }\r\n return inputs().map(\r\n (input) => {\r\n return {\r\n ...input,\r\n illustration: this.getInputIllustration(input)\r\n }\r\n\r\n })}\r\n\r\n )\r\n )\r\n }\r\n getInputIllustration(input: FormColumnInputs) {\r\n return getInputIllustration(input.element)\r\n }\r\n}\r\n","\r\n\r\n <mat-nav-list class=\"inputList\"> \r\n @for(input of filteredInputs$\|async;track input.id){\r\n <mat-list-item \r\n [disabled]=\"disabled\"\r\n (click)=\"selectInput(input.id)\" \r\n [activated]=\"input.selected\"\r\n matRipple matTooltip=\"Select form input\">\r\n <img matListItemAvatar \r\n style=\"margin-left: 8px;\" [src]=\"input.illustration \"\r\n [alt]=\"input.label\">\r\n \r\n <span matListItemTitle >\r\n {{ input.label}}\r\n </span>\r\n <span *ngIf=\"input.multipleInputInEditId\" matListItemLine>\r\n Item List Input\r\n </span>\r\n <span matListItemMeta>\r\n <mat-icon [color]=\"input.selected?'primary':''\">\r\n \r\n {{input.selected?'check_circle':'radio_button_unchecked'}}\r\n \r\n </mat-icon>\r\n </span>\r\n \r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n }\r\n @if((filteredInputs$\|async)?.length===0){\r\n <mat-list-item>\r\n <span matLine>\r\n No form inputs found\r\n </span>\r\n </mat-list-item>\r\n }\r\n </mat-nav-list>\r\n\r\n"],"names":["i3","i4","i8"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-t-forms-form-input-selector.component-C5Amatf0.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { BehaviorSubject, Observable, Subject, take, tap } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { map } from 'rxjs/operators';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\ninterface IFormColumnUiList extends FormColumnInputs {\r\n selected: boolean,\r\n illustration: string\r\n}\r\n@Component({\r\n selector: 'lib-form-input-selector',\r\n standalone: true,\r\n imports: [CommonModule, MatModulesModule],\r\n templateUrl: './form-input-selector.component.html',\r\n styleUrl: './form-input-selector.component.css',\r\n providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }],\r\n})\r\nexport class FormInputSelectorComponent implements MatFormFieldControl<string \| undefined> {\r\n\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors:IConfigElementError[] \|undefined = [];\r\n @HostBinding() id = `lib-form-input-selector-${FormInputSelectorComponent .nextId++}`;\r\n \r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused \|\| !this.empty;\r\n }\r\n required: boolean = false;\r\nget errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors \|\| (this.errors\|\|[]).length > 0 && this.touched\r\n return !this.value && !!this.required \|\| hasError\r\n }\r\n\r\n controlType?: string \| undefined;\r\n autofilled?: boolean \| undefined;\r\n userAriaDescribedBy?: string \| undefined;\r\n disableAutomaticLabeling?: boolean \| undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.lib-form-input-selector');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n touched: boolean = false;\r\n onTouched = () => {};\r\n markAsTouched() {\r\n console.log('markAsTouched') \r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n } \r\n\r\n\r\n\r\n\r\n _value = new BehaviorSubject<string \| undefined>(undefined)\r\n @Input() set value(value: string \| undefined) {\r\n if (this._value.getValue() === value) {\r\n return\r\n }\r\n this._value.next(value)\r\n }\r\n get value() {\r\n return this._value.getValue()\r\n }\r\n get value$() {\r\n return this._value.asObservable()\r\n\r\n }\r\n @Input() formInputs: Array<FormColumnInputs> = []\r\n @Input() disabled: boolean = false\r\n @Output() change = new EventEmitter<any>()\r\n selectInput(id: string) {\r\n this.value$.pipe(\r\n take(1),\r\n tap((value) => {\r\n if (value === id) {\r\n this.change.emit(undefined)\r\n return;\r\n }\r\n this.change.emit(id)\r\n })\r\n ).subscribe()\r\n\r\n }\r\n get filteredInputs$():Observable<Array<IFormColumnUiList>> {\r\n return this.value$.pipe(\r\n map((value: string \| undefined) => {\r\n const inputs = () => {\r\n const selectedInput = this.formInputs.find((input) => input.id === value)\r\n if (selectedInput) {\r\n return [{ ...selectedInput, selected: true , illustration: this.getInputIllustration(selectedInput) }]\r\n }\r\n return this.formInputs.map(input => ({ ...input, selected: false, illustration: this.getInputIllustration(input) }))\r\n }\r\n return inputs().map(\r\n (input) => {\r\n return {\r\n ...input,\r\n illustration: this.getInputIllustration(input)\r\n }\r\n\r\n })}\r\n\r\n )\r\n )\r\n }\r\n getInputIllustration(input: FormColumnInputs) {\r\n return getInputIllustration(input.element)\r\n }\r\n}\r\n","\r\n\r\n <mat-nav-list class=\"inputList\"> \r\n @for(input of filteredInputs$\|async;track input.id){\r\n <mat-list-item \r\n [disabled]=\"disabled\"\r\n (click)=\"selectInput(input.id)\" \r\n [activated]=\"input.selected\"\r\n matRipple matTooltip=\"Select form input\">\r\n <img matListItemAvatar \r\n style=\"margin-left: 8px;\" [src]=\"input.illustration \"\r\n [alt]=\"input.label\">\r\n \r\n <span matListItemTitle >\r\n {{ input.label}}\r\n </span>\r\n <span *ngIf=\"input.multipleInputInEditId\" matListItemLine>\r\n Item List Input\r\n </span>\r\n <span matListItemMeta>\r\n <mat-icon [color]=\"input.selected?'primary':''\">\r\n \r\n {{input.selected?'check_circle':'radio_button_unchecked'}}\r\n \r\n </mat-icon>\r\n </span>\r\n \r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n }\r\n @if((filteredInputs$\|async)?.length===0){\r\n <mat-list-item>\r\n <span matLine>\r\n No form inputs found\r\n </span>\r\n </mat-list-item>\r\n }\r\n </mat-nav-list>\r\n\r\n"],"names":["i3","i4","i8"],"mappings":";;;;;;;;;;;;;;;;MAuBa,0BAA0B,CAAA;aAE9B,IAAM,CAAA,MAAA,GAAG,CAAH,CAAK;IAMlB,WAAuC,CAAA,SAAoB,EAAU,WAAoC,EAAA;QAAlE,IAAS,CAAA,SAAA,GAAT,SAAS;QAAqB,IAAW,CAAA,WAAA,GAAX,WAAW;AALhF,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;QACvB,IAAM,CAAA,MAAA,GAAoC,EAAE;AACxC,QAAA,IAAA,CAAA,EAAE,GAAG,CAA2B,wBAAA,EAAA,0BAA0B,CAAE,MAAM,EAAE,EAAE;QAErF,IAAW,CAAA,WAAA,GAAW,EAAE;QAExB,IAAO,CAAA,OAAA,GAAY,KAAK;QAOxB,IAAQ,CAAA,QAAA,GAAY,KAAK;QAyBzB,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,GAAG;AAYpB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,eAAe,CAAqB,SAAS,CAAC;QAclD,IAAU,CAAA,UAAA,GAA4B,EAAE;QACxC,IAAQ,CAAA,QAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAO;;AA5D1C,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK;;AAEpB,IAAA,IAAI,gBAAgB,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;;AAGtC,IAAA,IAAI,UAAU,GAAA;QACT,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAE,EAAE,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO;AAClG,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAK,QAAQ;;AAOrD,IAAA,iBAAiB,CAAC,GAAa,EAAA;;QAE7B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACtD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,0BAA0B,CAAC;;YAE/F,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;;AAIpE,IAAA,gBAAgB,CAAC,KAAiB,EAAA;QAChC,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;IAK1B,aAAa,GAAA;AACX,QAAA,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;;IAQvB,IAAa,KAAK,CAAC,KAAyB,EAAA;QAC1C,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,KAAK,EAAE;YACpC;;AAEF,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;AAEzB,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;;AAE/B,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;;AAMnC,IAAA,WAAW,CAAC,EAAU,EAAA;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CACd,IAAI,CAAC,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,KAAK,KAAI;AACZ,YAAA,IAAI,KAAK,KAAK,EAAE,EAAE;AAChB,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC3B;;AAEF,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,SAAC,CAAC,CACH,CAAC,SAAS,EAAE;;AAGf,IAAA,IAAI,eAAe,GAAA;QACjB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CACrB,GAAG,CAAC,CAAC,KAAyB,KAAI;YAChC,MAAM,MAAM,GAAG,MAAK;AAClB,gBAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC;gBACzE,IAAI,aAAa,EAAE;AACjB,oBAAA,OAAO,CAAC,EAAE,GAAG,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAK,YAAY,EAAE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,EAAE,CAAC;;AAE1G,gBAAA,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACtH,aAAC;YACD,OAAO,MAAM,EAAE,CAAC,GAAG,CACjB,CAAC,KAAK,KAAI;gBACR,OAAO;AACL,oBAAA,GAAG,KAAK;AACR,oBAAA,YAAY,EAAE,IAAI,CAAC,oBAAoB,CAAC,KAAK;iBAC9C;AAEP,aAAC,CAAC;SAAC,CAEF,CACF;;AAEH,IAAA,oBAAoB,CAAC,KAAuB,EAAA;AAC1C,QAAA,OAAO,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC;;8GA3GjC,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,8OAFzB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBzF,m7CAuCA,EDrBY,MAAA,EAAA,CAAA,gDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,uLAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,uBAAA,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,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,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,CAAA,EAAA,CAAA,CAAA;;2FAK7B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,cACvB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,SAAA,EAG7B,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,0BAA4B,EAAE,CAAC,EAAA,QAAA,EAAA,m7CAAA,EAAA,MAAA,EAAA,CAAA,gDAAA,CAAA,EAAA;;0BAU1E;;0BAAY;kEAJd,MAAM,EAAA,CAAA;sBAAd;gBACY,EAAE,EAAA,CAAA;sBAAhB;gBAkDY,KAAK,EAAA,CAAA;sBAAjB;gBAaQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACS,MAAM,EAAA,CAAA;sBAAf;;;;;"}

package/fesm2022/{ngx-t-forms-form-json-view.component-70kAIKgZ.mjs → ngx-t-forms-form-json-view.component-CQg4E5ba.mjs} RENAMED Viewed

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

package/fesm2022/{ngx-t-forms-form-json-view.component-70kAIKgZ.mjs.map → ngx-t-forms-form-json-view.component-CQg4E5ba.mjs.map} RENAMED Viewed

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

package/fesm2022/{ngx-t-forms-form-section-stepper.component-BQBmaKv_.mjs → ngx-t-forms-form-section-stepper.component-C0kP-AiW.mjs} RENAMED Viewed

@@ -2,7 +2,7 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, ViewChild, HostListener, Component } from '@angular/core';
-import { c as FormTowerControllerService, F as FormsStoreService, d as TourManagerService, e as getSubmissionStatusFn, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-zYBCwTI4.mjs';
+import { c as FormTowerControllerService, F as FormsStoreService, d as TourManagerService, e as getSubmissionStatusFn, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CHdFFTXs.mjs';
 import { take, filter, tap, map, Subject, timer, takeUntil } from 'rxjs';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
@@ -231,9 +231,9 @@ class FormSectionStepperComponent extends FormTowerControllerService {
         this.tourManagerService.startTourByOption(tourOptions);
     }
     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\" appearance=\"raised\">\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 class=\"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\" \r\n             (click)=\"startTour(step.sectionId)\"\r\n            matTooltip=\"Start section tour\" mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          <span class=\"spacer\"></span>\r\n\r\n          @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n          <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n            <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n              <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n\r\n              {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n              {{inputWillBeRemovedIn(step.sectionId)}}\r\n            </div>\r\n\r\n          </button>\r\n          }\r\n          <button (click)=\"$event.stopPropagation();\"\r\n            [matMenuTriggerData]=\"{sectionId:step.sectionId,columns: step.columns}\" [matMenuTriggerFor]=\"sectionMenu\"\r\n            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        </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              \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       \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 if (col.systemDefault !==true) { <button color=\"warn\"\r\n                [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\" mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  delete\r\n                </mat-icon>\r\n              </button>}\r\n\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\" [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n            Next\r\n          </button>\r\n          }\r\n          @if (!!$last) {\r\n          <button mat-button (click)=\"stepper.reset()\">Reset</button>\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"24\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section style=\"text-align: center;\">\r\n    <br>\r\n    A form section helps organize related input fields together.\r\n    <br>\r\n    Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n  </section>\r\n  <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"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\" let-columns=\"columns\">\r\n    <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n    <mat-icon> disabled_visible</mat-icon>\r\n    Set visibility type</button> -->\r\n    @if (sectionIncludesDefault(columns) === false) {\r\n    <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n      <mat-icon>delete</mat-icon>\r\n      Delete section</button>\r\n    }\r\n\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;padding:8px;left:0;margin-right:auto;border-radius:12px}.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:5px;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: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i3.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i3.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i3.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i6$1.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, i4.MatCard, i4.MatCardActions, i3.MatStepperNext, i3.MatStepperPrevious, i5.MatIcon, i6.MatMenuTrigger, i7.MatProgressSpinner, i6$1.MatTooltip, import('./ngx-t-forms-ngx-t-forms-zYBCwTI4.mjs').then(function (n) { return n.X; }).then(m => m.TFormInputComponent), i7$1.TourAnchorMatMenuDirective, i1.NgControlStatusGroup, i1.FormGroupDirective, import('./ngx-t-forms-section-report.component-CGLiAw8J.mjs').then(m => m.SectionReportComponent)], () => [i2.AsyncPipe, i2$2.MatButton, i7.MatProgressSpinner, i9.MatToolbar]] }); }
+    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\" appearance=\"raised\">\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 class=\"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\" \r\n             (click)=\"startTour(step.sectionId)\"\r\n            matTooltip=\"Start section tour\" mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          <span class=\"spacer\"></span>\r\n\r\n          @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n          <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n            <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n              <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n\r\n              {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n              {{inputWillBeRemovedIn(step.sectionId)}}\r\n            </div>\r\n\r\n          </button>\r\n          }\r\n          <button (click)=\"$event.stopPropagation();\"\r\n            [matMenuTriggerData]=\"{sectionId:step.sectionId,columns: step.columns}\" [matMenuTriggerFor]=\"sectionMenu\"\r\n            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        </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              \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       \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 if (col.systemDefault !==true) { <button color=\"warn\"\r\n                [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\" mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  delete\r\n                </mat-icon>\r\n              </button>}\r\n\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\" [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n            Next\r\n          </button>\r\n          }\r\n          @if (!!$last) {\r\n          <button mat-button (click)=\"stepper.reset()\">Reset</button>\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"24\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section style=\"text-align: center;\">\r\n    <br>\r\n    A form section helps organize related input fields together.\r\n    <br>\r\n    Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n  </section>\r\n  <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"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\" let-columns=\"columns\">\r\n    <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n    <mat-icon> disabled_visible</mat-icon>\r\n    Set visibility type</button> -->\r\n    @if (sectionIncludesDefault(columns) === false) {\r\n    <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n      <mat-icon>delete</mat-icon>\r\n      Delete section</button>\r\n    }\r\n\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;padding:8px;left:0;margin-right:auto;border-radius:12px}.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:5px;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: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i3.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i3.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i3.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i6$1.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, i4.MatCard, i4.MatCardActions, i3.MatStepperNext, i3.MatStepperPrevious, i5.MatIcon, i6.MatMenuTrigger, i7.MatProgressSpinner, i6$1.MatTooltip, import('./ngx-t-forms-ngx-t-forms-CHdFFTXs.mjs').then(function (n) { return n.X; }).then(m => m.TFormInputComponent), i7$1.TourAnchorMatMenuDirective, i1.NgControlStatusGroup, i1.FormGroupDirective, import('./ngx-t-forms-section-report.component-5c0zmsRd.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-zYBCwTI4.mjs').then(function (n) { return n.X; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-CGLiAw8J.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-ngx-t-forms-CHdFFTXs.mjs').then(function (n) { return n.X; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-5c0zmsRd.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'app-form-section-stepper', standalone: true, imports: [
                             CommonModule,
@@ -258,4 +258,4 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ng
                 }] } }) });
 export { FormSectionStepperComponent };
-//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-BQBmaKv_.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-C0kP-AiW.mjs.map

package/fesm2022/{ngx-t-forms-form-section-stepper.component-BQBmaKv_.mjs.map → ngx-t-forms-form-section-stepper.component-C0kP-AiW.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-form-section-stepper.component-BQBmaKv_.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 { ChangeDetectorRef, 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\nimport { TourManagerService } from '../../../../services/core/tour/tour-manager.service';\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\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 const steps = this.selectFormSteps().map(\r\n (step) => (\r\n {\r\n ...step,\r\n columns: step.columns.map(\r\n (col) => {\r\n return ({\r\n ...col,\r\n \r\n inputConfigErrors: validateFormColumnInputs(col)\r\n\r\n })\r\n }\r\n )\r\n\r\n }\r\n )\r\n )\r\n \r\n return steps\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\nref = inject(ChangeDetectorRef)\r\n refresh() {\r\n // trigger angular a change detection cycle manually\r\n this.ref.markForCheck();\r\n this.ref.detectChanges();\r\n \r\n }\r\n sectionIncludesDefault(columns: FormColumnInputs[]): boolean {\r\n return columns.some((col) => col.systemDefault);\r\n }\r\n tourManagerService = inject(TourManagerService)\r\nstartTour(sectionId:string): void {\r\n const tourOptions = this.selectAllFormTours().filter((step) => step.sectionId === sectionId)\r\n\r\nconsole.error('tourOptions', tourOptions)\r\n this.tourManagerService.startTourByOption(tourOptions)\r\n}\r\n}\r\n","<mat-card class=\"mainCard\" appearance=\"raised\">\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 class=\"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\" \r\n (click)=\"startTour(step.sectionId)\"\r\n matTooltip=\"Start section tour\" mat-flat-button>\r\n <mat-icon>tour</mat-icon>\r\n </button>\r\n </span>\r\n <span class=\"spacer\"></span>\r\n\r\n @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n [value]=\"((inputWillBeRemovedIn(step.sectionId)\|\|0)/5)100\">\r\n </mat-progress-spinner>\r\n\r\n {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n {{inputWillBeRemovedIn(step.sectionId)}}\r\n </div>\r\n\r\n </button>\r\n }\r\n <button (click)=\"$event.stopPropagation();\"\r\n [matMenuTriggerData]=\"{sectionId:step.sectionId,columns: step.columns}\" [matMenuTriggerFor]=\"sectionMenu\"\r\n 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 </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 \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 \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 if (col.systemDefault !==true) { <button color=\"warn\"\r\n [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\" mat-icon-button>\r\n\r\n <mat-icon>\r\n delete\r\n </mat-icon>\r\n </button>}\r\n\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\" [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n Next\r\n </button>\r\n }\r\n @if (!!$last) {\r\n <button mat-button (click)=\"stepper.reset()\">Reset</button>\r\n }\r\n\r\n </div>\r\n </div>\r\n } @placeholder {\r\n <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n <mat-spinner diameter=\"24\" />\r\n </div>\r\n }\r\n\r\n </mat-step>\r\n }\r\n }\r\n </mat-stepper>\r\n <section style=\"text-align: center;\">\r\n <br>\r\n A form section helps organize related input fields together.\r\n <br>\r\n Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n </section>\r\n <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n <span class=\"spacer\"></span>\r\n <button (click)=\"addSection()\" color=\"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\" let-columns=\"columns\">\r\n <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n <mat-icon> disabled_visible</mat-icon>\r\n Set visibility type</button> -->\r\n @if (sectionIncludesDefault(columns) === false) {\r\n <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n <mat-icon>delete</mat-icon>\r\n Delete section</button>\r\n }\r\n\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","i5","i6","i7","i8","i9","i10","i11","i12"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-t-forms-form-section-stepper.component-C0kP-AiW.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 { ChangeDetectorRef, 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\nimport { TourManagerService } from '../../../../services/core/tour/tour-manager.service';\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\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 const steps = this.selectFormSteps().map(\r\n (step) => (\r\n {\r\n ...step,\r\n columns: step.columns.map(\r\n (col) => {\r\n return ({\r\n ...col,\r\n \r\n inputConfigErrors: validateFormColumnInputs(col)\r\n\r\n })\r\n }\r\n )\r\n\r\n }\r\n )\r\n )\r\n \r\n return steps\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\nref = inject(ChangeDetectorRef)\r\n refresh() {\r\n // trigger angular a change detection cycle manually\r\n this.ref.markForCheck();\r\n this.ref.detectChanges();\r\n \r\n }\r\n sectionIncludesDefault(columns: FormColumnInputs[]): boolean {\r\n return columns.some((col) => col.systemDefault);\r\n }\r\n tourManagerService = inject(TourManagerService)\r\nstartTour(sectionId:string): void {\r\n const tourOptions = this.selectAllFormTours().filter((step) => step.sectionId === sectionId)\r\n\r\nconsole.error('tourOptions', tourOptions)\r\n this.tourManagerService.startTourByOption(tourOptions)\r\n}\r\n}\r\n","<mat-card class=\"mainCard\" appearance=\"raised\">\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 class=\"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\" \r\n (click)=\"startTour(step.sectionId)\"\r\n matTooltip=\"Start section tour\" mat-flat-button>\r\n <mat-icon>tour</mat-icon>\r\n </button>\r\n </span>\r\n <span class=\"spacer\"></span>\r\n\r\n @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n [value]=\"((inputWillBeRemovedIn(step.sectionId)\|\|0)/5)100\">\r\n </mat-progress-spinner>\r\n\r\n {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n {{inputWillBeRemovedIn(step.sectionId)}}\r\n </div>\r\n\r\n </button>\r\n }\r\n <button (click)=\"$event.stopPropagation();\"\r\n [matMenuTriggerData]=\"{sectionId:step.sectionId,columns: step.columns}\" [matMenuTriggerFor]=\"sectionMenu\"\r\n 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 </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 \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 \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 if (col.systemDefault !==true) { <button color=\"warn\"\r\n [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\" mat-icon-button>\r\n\r\n <mat-icon>\r\n delete\r\n </mat-icon>\r\n </button>}\r\n\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\" [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n Next\r\n </button>\r\n }\r\n @if (!!$last) {\r\n <button mat-button (click)=\"stepper.reset()\">Reset</button>\r\n }\r\n\r\n </div>\r\n </div>\r\n } @placeholder {\r\n <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n <mat-spinner diameter=\"24\" />\r\n </div>\r\n }\r\n\r\n </mat-step>\r\n }\r\n }\r\n </mat-stepper>\r\n <section style=\"text-align: center;\">\r\n <br>\r\n A form section helps organize related input fields together.\r\n <br>\r\n Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n </section>\r\n <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n <span class=\"spacer\"></span>\r\n <button (click)=\"addSection()\" color=\"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\" let-columns=\"columns\">\r\n <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n <mat-icon> disabled_visible</mat-icon>\r\n Set visibility type</button> -->\r\n @if (sectionIncludesDefault(columns) === false) {\r\n <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n <mat-icon>delete</mat-icon>\r\n Delete section</button>\r\n }\r\n\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","i5","i6","i7","i8","i9","i10","i11","i12"],"mappings":"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"}