ngx-t-forms 2.0.9 → 2.0.10

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

@@ -1,673 +0,0 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, Component, ViewChild } from '@angular/core';
-import { c as FormTowerControllerService, F as FormsStoreService, d as getSubmissionStatusFn, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
-import { take, filter, tap, map, Subject, timer, takeUntil } from 'rxjs';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { validateFormColumnInputs } from 'ngx-t-forms-types';
-import * as i7$1 from 'ngx-ui-tour-md-menu';
-import { TourMatMenuModule } from 'ngx-ui-tour-md-menu';
-import * as i2$2 from '@angular/cdk/drag-drop';
-import * as i2$1 from '@angular/material/button';
-import * as i3 from '@angular/material/card';
-import * as i3$1 from '@angular/material/stepper';
-import * as i6 from '@angular/material/icon';
-import * as i6$1 from '@angular/material/menu';
-import * as i7 from '@angular/material/progress-spinner';
-import * as i8 from '@angular/material/tooltip';
-import * as i9 from '@angular/material/toolbar';
-
-const _c0 = ["stepper"];
-const FormSectionStepperComponent_Defer_26_DepsFn = () => [i2.AsyncPipe, i2$1.MatButton, i7.MatProgressSpinner, i9.MatToolbar];
-const FormSectionStepperComponent_For_8_Conditional_0_Defer_4_DepsFn = () => [i2.NgIf, i2.AsyncPipe, i2$2.CdkDropList, i2$2.CdkDrag, i2$2.CdkDragPlaceholder, i2$1.MatButton, i2$1.MatIconButton, i3.MatCard, i3.MatCardActions, i3$1.MatStepperNext, i3$1.MatStepperPrevious, i6.MatIcon, i6$1.MatMenuTrigger, i7.MatProgressSpinner, i8.MatTooltip, import('./ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs').then(function (n) { return n.G; }).then(m => m.TFormInputComponent), i7$1.TourAnchorMatMenuDirective, i1.NgControlStatusGroup, i1.FormGroupDirective, import('./ngx-t-forms-section-report.component-C_h0KIR4.mjs').then(m => m.SectionReportComponent)];
-const _c1 = a0 => ({ sectionId: a0 });
-const _forTrack0 = ($index, $item) => $item.sectionId;
-const _forTrack1 = ($index, $item) => $item.id;
-const _forTrack2 = ($index, $item) => $item.key + $item.message;
-function FormSectionStepperComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "mat-spinner", 14);
-    i0.ɵɵelementEnd();
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r3 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵclassProp("error", step_r3.sectionIsInvalid);
-    i0.ɵɵattribute("aria-label", step_r3.sectionIsInvalid ? "Section has errors" : "Section completed");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", step_r3.sectionIsSeen, " ");
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 24)(1, "button", 25)(2, "mat-icon");
-    i0.ɵɵtext(3, "tour");
-    i0.ɵɵelementEnd()()();
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
-    i0.ɵɵlistener("mouseover", function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_6_Template_button_mouseover_0_listener() { i0.ɵɵrestoreView(_r5); const step_r3 = i0.ɵɵnextContext(3).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.overId = step_r3.sectionId); })("mouseout", function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_6_Template_button_mouseout_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r3 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r3.overId = null); })("click", function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const step_r3 = i0.ɵɵnextContext(3).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.deleteSection(step_r3.sectionId)); });
-    i0.ɵɵelementStart(1, "div", 27);
-    i0.ɵɵelement(2, "mat-progress-spinner", 28);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const step_r3 = i0.ɵɵnextContext(3).$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("value", (ctx_r3.inputWillBeRemovedIn(step_r3.sectionId) || 0) / 5 * 100);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r3.overId === step_r3.sectionId ? "Click to cancel" : "Deleting in", " ", ctx_r3.inputWillBeRemovedIn(step_r3.sectionId), " ");
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "span", 18)(2, "input", 19);
-    i0.ɵɵlistener("input", function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Template_input_input_2_listener($event) { i0.ɵɵrestoreView(_r2); const step_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.handleInput($event, step_r3.sectionId)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(3, FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_3_Template, 2, 4, "mat-icon", 20)(4, FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_span_4_Template, 4, 0, "span", 21);
-    i0.ɵɵelement(5, "span", 10);
-    i0.ɵɵtemplate(6, FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Conditional_6_Template, 4, 3, "button", 22);
-    i0.ɵɵelementStart(7, "button", 23);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(8, "mat-icon");
-    i0.ɵɵtext(9, " more_horiz ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const step_r3 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    const sectionMenu_r6 = i0.ɵɵreference(29);
-    i0.ɵɵattribute("aria-label", "Section " + step_r3.label);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("value", step_r3.label);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r3.sectionIsSeen ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", (step_r3 == null ? null : step_r3.activeSectionHasTour) && !!step_r3.isActive);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!!ctx_r3.inputWillBeRemovedIn(step_r3.sectionId) ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("matMenuTriggerData", i0.ɵɵpureFunction1(7, _c1, step_r3.sectionId))("matMenuTriggerFor", sectionMenu_r6);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 43);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "lib-t-form-input", 44);
-    i0.ɵɵlistener("valueChange", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_3_Template_lib_t_form_input_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const col_r9 = i0.ɵɵnextContext().$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.updateValue(col_r9.id, $event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r9 = i0.ɵɵnextContext().$implicit;
-    const step_r3 = i0.ɵɵnextContext(4).$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("editorMode", true)("tourAnchor", col_r9.id)("formBuilderFunctions", ctx_r3.formBuilderFunctions)("inputConfig", col_r9)("formGroup", step_r3.sectionForm);
-    i0.ɵɵattribute("aria-label", (col_r9 == null ? null : col_r9.label) || "");
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const error_r11 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(error_r11.message);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41)(1, "ul", 45);
-    i0.ɵɵrepeaterCreate(2, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_4_For_3_Template, 2, 1, "li", null, _forTrack2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const col_r9 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(col_r9.inputConfigErrors);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
-    i0.ɵɵlistener("mouseover", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_11_Template_button_mouseover_0_listener() { i0.ɵɵrestoreView(_r13); const col_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.overId = col_r9.id); })("mouseout", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_11_Template_button_mouseout_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r3 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r3.overId = null); })("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const col_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.removeInput(col_r9)); });
-    i0.ɵɵelementStart(1, "div", 52);
-    i0.ɵɵelement(2, "mat-progress-spinner", 28);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const col_r9 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r3 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("value", (ctx_r3.inputWillBeRemovedIn(col_r9.id) || 0) / 5 * 100);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r3.overId === col_r9.id ? "Click to cancel" : "Deleting in", " ", ctx_r3.inputWillBeRemovedIn(col_r9.id), " ");
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 53);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const col_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.removeInput(col_r9)); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, " delete ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const col_r9 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("matTooltip", "Delete " + col_r9.label + " input");
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 54);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const col_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.addMultipleFormInput(col_r9.sectionId, col_r9.id)); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "add");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " Add Form Input ");
-    i0.ɵɵelementEnd();
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 55);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const col_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.addInputToScoaSelection(col_r9.sectionId, col_r9.id)); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "add");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " Add Form Input ");
-    i0.ɵɵelementEnd();
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-card-actions")(1, "button", 46);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const col_r9 = i0.ɵɵnextContext().$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.editInput(col_r9)); });
-    i0.ɵɵelementStart(2, "mat-icon");
-    i0.ɵɵtext(3, " edit ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "button", 47)(5, "mat-icon");
-    i0.ɵɵtext(6, " drive_file_move ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "button", 48);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r12); const col_r9 = i0.ɵɵnextContext().$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.cloneCopyFormInput(col_r9.id)); });
-    i0.ɵɵelementStart(8, "mat-icon");
-    i0.ɵɵtext(9, " file_copy ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelement(10, "span", 10);
-    i0.ɵɵtemplate(11, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_11_Template, 4, 3, "button", 22)(12, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_12_Template, 3, 1, "button", 49)(13, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_13_Template, 4, 0, "button", 50)(14, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Conditional_14_Template, 4, 0, "button", 51);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r3 = i0.ɵɵnextContext(5);
-    const moveInput_r17 = i0.ɵɵreference(46);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("matTooltip", "Edit " + col_r9.label + " input");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("matTooltip", "Move this input to another section")("matMenuTriggerFor", moveInput_r17)("matMenuTriggerData", col_r9);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("matTooltip", "Clone/ copy form input");
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(!!ctx_r3.inputWillBeRemovedIn(col_r9.id) ? 11 : 12);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r3.activeInput === col_r9.id && col_r9.element === "multipleInput" ? 13 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r3.activeInput === col_r9.id && col_r9.element === "mscoaSelection" ? 14 : -1);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-card", 38);
-    i0.ɵɵpipe(1, "async");
-    i0.ɵɵlistener("cdkDragStarted", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Template_mat_card_cdkDragStarted_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.dragging = true); })("cdkDragReleased", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Template_mat_card_cdkDragReleased_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.dragging = false); })("mouseover", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Template_mat_card_mouseover_0_listener() { const col_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r3 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r3.activeInput = col_r9.id); });
-    i0.ɵɵtemplate(2, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_div_2_Template, 1, 0, "div", 39)(3, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_3_Template, 1, 6, "lib-t-form-input", 40)(4, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Conditional_4_Template, 4, 0, "div", 41)(5, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_mat_card_actions_5_Template, 15, 8, "mat-card-actions", 42);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r9 = ctx.$implicit;
-    const step_r3 = i0.ɵɵnextContext(4).$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵclassMap("box inputCard col-md-" + (ctx_r3.dragging ? "12" : col_r9.colSize));
-    i0.ɵɵclassProp("inEditCol", i0.ɵɵpipeBind1(1, 7, ctx_r3.selectInputInEditId$) === col_r9.id);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(step_r3.sectionForm ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(col_r9.inputConfigErrors.length > 0 ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r3.activeInput === col_r9.id);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35, 4);
-    i0.ɵɵlistener("cdkDropListDropped", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_Template_div_cdkDropListDropped_0_listener($event) { i0.ɵɵrestoreView(_r7); const step_r3 = i0.ɵɵnextContext(3).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.dropItems($event, step_r3.sectionId)); });
-    i0.ɵɵrepeaterCreate(2, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_For_3_Template, 6, 9, "mat-card", 36, _forTrack1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "section")(5, "button", 37);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r7); const step_r3 = i0.ɵɵnextContext(3).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.addNewInput(step_r3.sectionId)); });
-    i0.ɵɵelementStart(6, "mat-icon");
-    i0.ɵɵtext(7, "add");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(8, " Add section Input ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const step_r3 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("cdkDropListData", step_r3.columns);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(step_r3.columns);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-section-report", 30);
-} if (rf & 2) {
-    const step_r3 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("sectionId", step_r3.sectionId);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 32);
-    i0.ɵɵtext(1, " Back ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext(4);
-    i0.ɵɵattribute("aria-label", "Go back to " + ctx_r3.getPreviousStepLabel());
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 33);
-    i0.ɵɵtext(1, " Next ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext(4);
-    i0.ɵɵattribute("aria-label", "Continue to " + ctx_r3.getNextStepLabel());
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 56);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); i0.ɵɵnextContext(4); const stepper_r19 = i0.ɵɵreference(4); return i0.ɵɵresetView(stepper_r19.reset()); });
-    i0.ɵɵtext(1, "Reset");
-    i0.ɵɵelementEnd();
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵtemplate(1, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_1_Template, 9, 1)(2, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_2_Template, 1, 1, "app-section-report", 30);
-    i0.ɵɵelementStart(3, "div", 31);
-    i0.ɵɵtemplate(4, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_4_Template, 2, 1, "button", 32)(5, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_5_Template, 2, 1, "button", 33)(6, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Conditional_6_Template, 2, 0, "button", 34);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r19 = i0.ɵɵnextContext(2);
-    const step_r3 = ctx_r19.$implicit;
-    const ɵ$index_12_r21 = ctx_r19.$index;
-    const ɵ$count_12_r22 = ctx_r19.$count;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r3.openSectionReports[step_r3.sectionId] ? 1 : 2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(!(ɵ$index_12_r21 === 0) ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_12_r21 === ɵ$count_12_r22 - 1) ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!!(ɵ$index_12_r21 === ɵ$count_12_r22 - 1) ? 6 : -1);
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_DeferPlaceholder_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "mat-spinner", 58);
-    i0.ɵɵelementEnd();
-} }
-function FormSectionStepperComponent_For_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-step", 15);
-    i0.ɵɵtemplate(1, FormSectionStepperComponent_For_8_Conditional_0_ng_template_1_Template, 10, 9, "ng-template", 16)(2, FormSectionStepperComponent_For_8_Conditional_0_Defer_2_Template, 7, 4)(3, FormSectionStepperComponent_For_8_Conditional_0_DeferPlaceholder_3_Template, 2, 0);
-    i0.ɵɵdefer(4, 2, FormSectionStepperComponent_For_8_Conditional_0_Defer_4_DepsFn, null, 3);
-    i0.ɵɵdeferOnViewport(0, -1);
-    i0.ɵɵdeferPrefetchOnIdle();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r19 = i0.ɵɵnextContext();
-    const step_r3 = ctx_r19.$implicit;
-    const $index_r23 = ctx_r19.$index;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("stepControl", step_r3.sectionForm || ctx_r3.getPlaceHolerForSection(step_r3.sectionId))("completed", step_r3.sectionIsSeen && !step_r3.sectionIsInvalid)("editable", ctx_r3.isEditable)("errorMessage", step_r3.sectionFormErrorMessage || "")("state", ctx_r3.getStepState(step_r3, $index_r23))("hasError", !(step_r3.sectionForm == null ? null : step_r3.sectionForm.valid) && !!(step_r3.sectionForm == null ? null : step_r3.sectionForm.touched));
-} }
-function FormSectionStepperComponent_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormSectionStepperComponent_For_8_Conditional_0_Template, 6, 6, "mat-step", 15);
-} if (rf & 2) {
-    const step_r3 = ctx.$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(step_r3.sectionForm || ctx_r3.getPlaceHolerForSection(step_r3.sectionId) ? 0 : -1);
-} }
-function FormSectionStepperComponent_Defer_24_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-spinner", 62);
-} }
-function FormSectionStepperComponent_Defer_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "footer")(1, "mat-toolbar", 59)(2, "span", 60);
-    i0.ɵɵtext(3);
-    i0.ɵɵpipe(4, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 61)(6, "span");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, FormSectionStepperComponent_Defer_24_Conditional_8_Template, 1, 0, "mat-spinner", 62);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, ctx_r3.getSubmissionStatus$), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", true);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r3.formSubmissionMessage(), " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r3.submittingForm ? 8 : -1);
-} }
-function FormSectionStepperComponent_DeferPlaceholder_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "footer");
-    i0.ɵɵelement(1, "div", 63);
-    i0.ɵɵelementEnd();
-} }
-function FormSectionStepperComponent_ng_template_30_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 64);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_ng_template_30_Template_button_click_0_listener() { const sectionId_r25 = i0.ɵɵrestoreView(_r24).sectionId; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.deleteSection(sectionId_r25)); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "delete");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " Delete section");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 64);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_ng_template_30_Template_button_click_4_listener() { const sectionId_r25 = i0.ɵɵrestoreView(_r24).sectionId; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleSectionReports(sectionId_r25)); });
-    i0.ɵɵelementStart(5, "mat-icon");
-    i0.ɵɵtext(6, "leaderboard");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const sectionId_r25 = ctx.sectionId;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate1(" ", ctx_r3.openSectionReports[sectionId_r25] ? "Close report" : "Section report", "");
-} }
-function FormSectionStepperComponent_ng_template_47_For_1_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function FormSectionStepperComponent_ng_template_47_For_1_Template_button_click_0_listener() { const section_r27 = i0.ɵɵrestoreView(_r26).$implicit; const id_r28 = i0.ɵɵnextContext().id; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.moveInputToSection(id_r28, section_r27.sectionId)); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "folder");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const section_r27 = ctx.$implicit;
-    const sectionId_r29 = i0.ɵɵnextContext().sectionId;
-    i0.ɵɵproperty("disabled", section_r27.sectionId === sectionId_r29);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", section_r27.label || "Untitled section", " ");
-} }
-function FormSectionStepperComponent_ng_template_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, FormSectionStepperComponent_ng_template_47_For_1_Template, 4, 2, "button", 65, _forTrack0);
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵrepeater(ctx_r3.selectFormStepsComputed);
-} }
-;
-class FormSectionStepperComponent extends FormTowerControllerService {
-    constructor() {
-        super(...arguments);
-        this.store = inject(FormsStoreService);
-        this.loadingForm$ = this.store.selectors.selectLoadingForm$;
-        this.selectInputInEditId$ = this.store.selectors.selectInputInEditId$;
-        this.isEditable = true;
-        this.dragging = false;
-        this.drop = (event) => this.store.actionsFormBuilder.handleSectionDragDrop(event);
-        this.dropItems = (event, sectionId) => this.store.actionsFormBuilder.handleInputDragDrop(event, sectionId);
-        this.formDeleteSection = (sectionId) => this.store.actionsFormBuilder.formDeleteSection(sectionId);
-        this.addMultipleFormInput = (sectionId, multipleInputId) => this.store.actionsFormBuilder.addMultipleFormInput(sectionId, multipleInputId);
-        this.moveInputToSection = (inputId, targetSectionId) => this.store.actionsFormBuilder.moveInputToSection(inputId, targetSectionId);
-        this.reorderMultipleInputItems = (event, multipleInputId) => this.store.actionsFormBuilder.reorderMultipleInputItems(event, multipleInputId);
-        this.cloneCopyFormInput = (inputId) => this.store.actionsFormBuilder.cloneCopyFormInput(inputId);
-        this.multipleInputToggleLabel = (item) => this.store.actionsFormBuilder.multipleInputToggleLabel(item);
-        this.editInput = (item) => this.store.actionsFormBuilder.editInput(item);
-        this.addMultipleInputValueCalculationFunction = (item, multipleInputId) => this.store.actionsFormBuilder.addMultipleInputValueCalculationFunction(item, multipleInputId);
-        this.setActiveSection = ($event) => this.setMatActiveStepper($event.selectedIndex);
-        this.addInputToScoaSelection = (sectionId, scoaInputId) => this.store.actionsFormBuilder.addInputToScoaSelection(sectionId, scoaInputId);
-        this.addNewInput = (sectionId) => this.store.actionsFormBuilder.saveInput(sectionId);
-        this.addSection = () => this.store.actionsFormBuilder.handleAddSection();
-        this.setMatActiveStepper = (index) => setTimeout(() => {
-            if (this.stepper === undefined)
-                return;
-            this.stepper.selectedIndex = index;
-        }, 0);
-        this.mouseOverSection = null;
-        this.handleInput = (event, sectionId) => {
-            // Cast the event target to HTMLInputElement to access the value property
-            console.error('handleInput', event, sectionId);
-            const inputValue = event.target.value;
-            // Pass the input value to the store action
-            this.store.actionsFormBuilder?.stepTitleChangeStep(sectionId, inputValue);
-            event.stopPropagation();
-            event.preventDefault();
-        };
-        this.overId = null;
-        this.countdownSeconds = {};
-        this.inputWillBeRemovedIn = (id) => this.countdownSeconds[id]?.count;
-        this.getPlaceHolerForSection = (sectionId) => this.store.sectionPlaceholder[sectionId];
-        this.formDeleteInput = (item) => this.store.actionsFormBuilder.formDeleteInput(item);
-        this.openSectionReports = {};
-        this.toggleSectionReports = (sectionId) => this.openSectionReports[sectionId] = !this.openSectionReports[sectionId];
-    }
-    ngOnInit() {
-        this.store.registerFormChangeFn(this.initialize);
-        this.store.selectors.selectFormInEdit$.pipe(take(1), filter(form => form !== null && form !== undefined), tap(form => this.initialize(form.form))).subscribe();
-    }
-    get formBuilderFunctions() {
-        return {
-            getLatestAccountTree: () => this.NGX_T_FORMS_CONFIG.formBuilder.getScoaTree(),
-            getSCOAAccount: (SCOAAccount) => this.NGX_T_FORMS_CONFIG.formBuilder.getSCOAAccount(SCOAAccount),
-            multipleInputToggleForm: this.toggleMultipleInput.bind(this),
-            multipleInputSaveForm: this.saveMultipleInputForm.bind(this),
-            editInput: this.editInput.bind(this),
-            deleteInput: this.formDeleteInput.bind(this),
-            addFunction: this.addMultipleInputValueCalculationFunction.bind(this),
-            reorderItems: this.reorderMultipleInputItems.bind(this),
-            multipleInputToggleLabel: this.multipleInputToggleLabel.bind(this),
-            multipleInputEditRow: this.multipleInputEditRow.bind(this),
-            multipleInputDuplicateRow: this.multipleInputDuplicateRow.bind(this),
-        };
-    }
-    getPreviousStepLabel() {
-        if (this.stepper === undefined)
-            return '';
-        const currentIndex = this.stepper?.selectedIndex;
-        if (currentIndex > 0) {
-            return this.selectFormSteps()?.[currentIndex - 1]?.label;
-        }
-        return '';
-    }
-    getNextStepLabel() {
-        if (this.stepper === undefined)
-            return '';
-        const currentIndex = this.stepper?.selectedIndex;
-        const steps = this.selectFormSteps();
-        if (!steps)
-            return '';
-        if (currentIndex < steps.length - 1) {
-            return steps[currentIndex + 1]?.label;
-        }
-        return '';
-    }
-    getStepState(step, index) {
-        const activeStep = this.stepper?.selectedIndex === index;
-        if (activeStep)
-            return 'edit';
-        if (step.sectionForm?.touched && !step.sectionForm?.valid)
-            return 'error'; // Show error state for invalid touched forms
-        if (step.sectionForm?.valid)
-            return 'done'; // Show done state for valid forms
-        return 'number';
-    }
-    get getSubmissionStatus$() {
-        const progress = this.formProgress() || 0;
-        const steps = this.selectFormSteps();
-        return this.loadingForm$.pipe(map(loading => getSubmissionStatusFn(this.stepper, this.mainForm, progress, steps, loading)));
-    }
-    get selectFormStepsComputed() {
-        return this.selectFormSteps().map((step) => ({
-            ...step,
-            columns: step.columns.map((col) => ({
-                ...col,
-                inputConfigErrors: validateFormColumnInputs(col)
-            }))
-        }));
-    }
-    stopDeletion(id) {
-        if (this.countdownSeconds[id]) {
-            this.countdownSeconds[id]?.stop$.next();
-            delete this.countdownSeconds[id];
-        }
-    }
-    removeInput(item) {
-        if (this.countdownSeconds[item.id]) {
-            this.stopDeletion(item.id);
-            return;
-        }
-        this.countdownSeconds[item.id] = {
-            count: 5,
-            stop$: new Subject()
-        };
-        const countdown$ = timer(0, 1000).pipe(tap((secondsElapsed) => {
-            const data = this.countdownSeconds[item.id];
-            if (!data) {
-                return;
-            }
-            const remainingTime = 5 - secondsElapsed;
-            if (remainingTime <= 0) {
-                this.formDeleteInput(item);
-                this.stopDeletion(item.id);
-                // Stop and remove timer
-                // Actual deletion logic here, e.g., remove the element by id
-                // document.getElementById(id)?.remove();
-            }
-            else {
-                data.count = remainingTime;
-            }
-        }), takeUntil(this.countdownSeconds[item.id]?.stop$));
-        countdown$?.subscribe({
-            complete: () => {
-                console.log('Deletion stopped or completed');
-            }
-        });
-    }
-    deleteSection(sectionId) {
-        if (!sectionId) {
-            return;
-        }
-        if (this.countdownSeconds[sectionId]) {
-            this.stopDeletion(sectionId);
-            return;
-        }
-        this.countdownSeconds[sectionId] = {
-            count: 5,
-            stop$: new Subject()
-        };
-        const countdown$ = timer(0, 1000).pipe(tap((secondsElapsed) => {
-            const data = this.countdownSeconds[sectionId];
-            if (!data) {
-                return;
-            }
-            const remainingTime = 5 - secondsElapsed;
-            if (remainingTime <= 0) {
-                this.formDeleteSection(sectionId);
-                this.stopDeletion(sectionId);
-                // Stop and remove timer
-                // Actual deletion logic here, e.g., remove the element by id
-                // document.getElementById(id)?.remove();
-            }
-            else {
-                data.count = remainingTime;
-            }
-        }), takeUntil(this.countdownSeconds[sectionId]?.stop$));
-        countdown$?.subscribe({
-            complete: () => {
-                console.log('Deletion stopped or completed');
-            }
-        });
-    }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFormSectionStepperComponent_BaseFactory; return function FormSectionStepperComponent_Factory(__ngFactoryType__) { return (ɵFormSectionStepperComponent_BaseFactory || (ɵFormSectionStepperComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormSectionStepperComponent)))(__ngFactoryType__ || FormSectionStepperComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormSectionStepperComponent, selectors: [["app-form-section-stepper"]], viewQuery: function FormSectionStepperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepper = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 48, vars: 10, consts: [["stepper", "", "formSections", "cdkDropList"], ["sectionMenu", "matMenu"], ["sectionType", "matMenu"], ["moveInput", "matMenu"], ["InputList", "cdkDropList"], [1, "mainCard"], [1, "loading-container"], ["c", "", "lass", "form-stepper", "orientation", "vertical", "aria-label", "Form sections stepper", "cdkDropList", "", 3, "cdkDropListDropped", "selectionChange", "linear", "animationDuration", "cdkDropListData"], [2, "text-align", "center"], [2, "position", "sticky", "bottom", "0"], [1, "spacer"], ["color", "primary", "mat-flat-button", "", 3, "click"], ["matMenuContent", ""], ["mat-menu-item", ""], ["diameter", "48", "aria-label", "Loading form"], [3, "stepControl", "completed", "editable", "errorMessage", "state", "hasError"], ["matStepLabel", ""], ["cdkDrag", "", 1, "step-label-container"], [1, "step-label-text"], ["placeholder", "Enter section title", 1, "section-title-input", 3, "input", "value"], [3, "error"], ["class", "tour-trigger ", 4, "ngIf"], ["color", "warn", "mat-stroked-button", ""], ["color", "primary", "mat-icon-button", "", 3, "click", "matMenuTriggerData", "matMenuTriggerFor"], [1, "tour-trigger"], ["tourAnchor", "Form-Tour-trigger", "matTooltip", "Start section tour", "mat-flat-button", ""], ["color", "warn", "mat-stroked-button", "", 3, "mouseover", "mouseout", "click"], [2, "display", "flex", "align-items", "center", "gap", "4px", "padding", "8px"], ["color", "primary", 1, "cancelProgress", 2, "margin-right", "5px", 3, "value"], [1, "step-content"], [3, "sectionId"], [1, "step-actions"], ["mat-button", "", "matStepperPrevious", "", "type", "button", 1, "navigation-button"], ["mat-flat-button", "", "matStepperNext", "", "color", "primary", "type", "button", 1, "navigation-button"], ["mat-button", ""], ["cdkDropList", "", 1, "row", "form-section", 3, "cdkDropListDropped", "cdkDropListData"], ["cdkDrag", "", 3, "inEditCol", "class"], ["mat-stroked-button", "", 2, "width", "100%", 3, "click"], ["cdkDrag", "", 3, "cdkDragStarted", "cdkDragReleased", "mouseover"], ["class", "custom-placeholder", 4, "cdkDragPlaceholder"], [3, "editorMode", "tourAnchor", "formBuilderFunctions", "inputConfig", "formGroup"], [1, "error"], [4, "ngIf"], [1, "custom-placeholder"], [3, "valueChange", "editorMode", "tourAnchor", "formBuilderFunctions", "inputConfig", "formGroup"], [2, "padding-left", "28px"], ["color", "primary", "mat-icon-button", "", 3, "click", "matTooltip"], ["moveInput", "", "mat-icon-button", "", 3, "matTooltip", "matMenuTriggerFor", "matMenuTriggerData"], ["moveInput", "", "mat-icon-button", "", 3, "click", "matTooltip"], ["color", "warn", "mat-icon-button", "", 3, "matTooltip"], ["matTooltip", "Add input to list control form", "color", "accent", "mat-flat-button", ""], ["matTooltip", "Extend SCOA Segments with additional inputs", "color", "accent", "mat-flat-button", ""], [2, "display", "flex", "align-items", "center"], ["color", "warn", "mat-icon-button", "", 3, "click", "matTooltip"], ["matTooltip", "Add input to list control form", "color", "accent", "mat-flat-button", "", 3, "click"], ["matTooltip", "Extend SCOA Segments with additional inputs", "color", "accent", "mat-flat-button", "", 3, "click"], ["mat-button", "", 3, "click"], [2, "padding", "50px", "display", "flex", "justify-content", "center", "align-items", "center", "text-align", "center"], ["diameter", "24"], ["role", "toolbar", "aria-label", "Form submission actions", 1, "submission-toolbar"], ["role", "status", 1, "submission-status"], ["mat-raised-button", "", "color", "primary", "aria-label", "Submit form", 3, "disabled"], ["diameter", "10"], [1, "submission-toolbar-placeholder"], ["mat-menu-item", "", 3, "click"], ["mat-menu-item", "", 3, "disabled"], ["mat-menu-item", "", 3, "click", "disabled"]], template: function FormSectionStepperComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "mat-card", 5);
-            i0.ɵɵtemplate(1, FormSectionStepperComponent_Conditional_1_Template, 2, 0, "div", 6);
-            i0.ɵɵpipe(2, "async");
-            i0.ɵɵelementStart(3, "mat-stepper", 7, 0);
-            i0.ɵɵpipe(6, "async");
-            i0.ɵɵlistener("cdkDropListDropped", function FormSectionStepperComponent_Template_mat_stepper_cdkDropListDropped_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.drop($event)); })("selectionChange", function FormSectionStepperComponent_Template_mat_stepper_selectionChange_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleStepChange($event)); });
-            i0.ɵɵrepeaterCreate(7, FormSectionStepperComponent_For_8_Template, 1, 1, null, null, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "section", 8);
-            i0.ɵɵelement(10, "br");
-            i0.ɵɵtext(11, " A form section helps organize related input fields together. ");
-            i0.ɵɵelement(12, "br");
-            i0.ɵɵtext(13, " Click the ");
-            i0.ɵɵelementStart(14, "strong");
-            i0.ɵɵtext(15, "\"Add Section\"");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(16, " button below to create a new section. ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "mat-card-actions", 9);
-            i0.ɵɵelement(18, "span", 10);
-            i0.ɵɵelementStart(19, "button", 11);
-            i0.ɵɵlistener("click", function FormSectionStepperComponent_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addSection()); });
-            i0.ɵɵelementStart(20, "mat-icon");
-            i0.ɵɵtext(21, "add");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(22, " Add Section ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(23, "span", 10);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(24, FormSectionStepperComponent_Defer_24_Template, 9, 6)(25, FormSectionStepperComponent_DeferPlaceholder_25_Template, 2, 0);
-            i0.ɵɵdefer(26, 24, FormSectionStepperComponent_Defer_26_DepsFn, null, 25);
-            i0.ɵɵdeferOnIdle();
-            i0.ɵɵdeferPrefetchOnViewport(0, -1);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "mat-menu", null, 1);
-            i0.ɵɵtemplate(30, FormSectionStepperComponent_ng_template_30_Template, 8, 1, "ng-template", 12);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "mat-menu", null, 2)(33, "button", 13)(34, "mat-icon");
-            i0.ɵɵtext(35, "visibility");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(36, " view only");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "button", 13)(38, "mat-icon");
-            i0.ɵɵtext(39, "visibility_off");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(40, " system");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(41, "button", 13)(42, "mat-icon");
-            i0.ɵɵtext(43, "edit");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(44, " user edit");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(45, "mat-menu", null, 3);
-            i0.ɵɵtemplate(47, FormSectionStepperComponent_ng_template_47_Template, 2, 0, "ng-template", 12);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(i0.ɵɵpipeBind1(2, 6, ctx.loadingForm$) ? 1 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵstyleProp("display", i0.ɵɵpipeBind1(6, 8, ctx.loadingForm$) ? "none" : "block");
-            i0.ɵɵproperty("linear", !ctx.isEditable)("animationDuration", "300")("cdkDropListData", ctx.selectFormStepsComputed);
-            i0.ɵɵadvance(4);
-            i0.ɵɵrepeater(ctx.selectFormStepsComputed);
-        } }, dependencies: [CommonModule, i2.NgIf, i2.AsyncPipe, MatModulesModule, i2$2.CdkDropList, i2$2.CdkDrag, i2$1.MatButton, i2$1.MatIconButton, i3.MatCard, i3.MatCardActions, i3$1.MatStep, i3$1.MatStepLabel, i3$1.MatStepper, i6.MatIcon, i6$1.MatMenu, i6$1.MatMenuItem, i6$1.MatMenuContent, i6$1.MatMenuTrigger, i7.MatProgressSpinner, i8.MatTooltip, TourMatMenuModule, i7$1.TourAnchorMatMenuDirective, ReactiveFormsModule,
-            FormsModule], styles: [".mainCard[_ngcontent-%COMP%]{margin-top:0;min-height:45vh;box-shadow:none;max-width:768px;margin-left:auto;left:0;margin-right:auto;border-radius:12px;border:solid 1px var(--mat-divider-color, var(--mat-sys-outline))!important}.inEditCol[_ngcontent-%COMP%]{box-shadow:var(--mdc-elevated-card-container-elevation);border:solid 1px #243D91!important}.inputCard[_ngcontent-%COMP%]{box-shadow:none}.cancelProgress[_ngcontent-%COMP%]{height:24px!important;width:24px!important}.numbers[_ngcontent-%COMP%]{position:absolute!important;right:0}mat-vertical-stepper[_ngcontent-%COMP%]{margin:5px}.list[_ngcontent-%COMP%]{min-height:60px;display:block}.box[_ngcontent-%COMP%]{padding:4px;cursor:move}.cdk-drag-preview[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.box[_ngcontent-%COMP%]:last-child{border:none}.list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.custom-placeholder[_ngcontent-%COMP%]{background:#ccc;border:dotted 3px #999;min-width:100%;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.section-title-input[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:focus{border-bottom:1px solid #007bff}.inputElement[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 .2rem #007bff40}.headerToolbar[_ngcontent-%COMP%]{position:sticky;top:0;min-width:100%;background:var(--mdc-elevated-card-container-color)}  mat-step-header .mat-step-label{width:100%}.error[_ngcontent-%COMP%]{color:var(--mat-form-field-error-text-color, var(--mat-app-error));display:flex;align-items:center}.submission-toolbar[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{font-size:12px;opacity:.87;display:flex;align-items:center}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadataAsync(FormSectionStepperComponent, () => [import('./ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs').then(function (n) { return n.G; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-C_h0KIR4.mjs').then(m => m.SectionReportComponent)], (TFormInputComponent, SectionReportComponent) => { i0.ɵsetClassMetadata(FormSectionStepperComponent, [{
-        type: Component,
-        args: [{ selector: 'app-form-section-stepper', standalone: true, imports: [
-                    CommonModule,
-                    MatModulesModule,
-                    TFormInputComponent,
-                    TourMatMenuModule,
-                    ReactiveFormsModule,
-                    FormsModule,
-                    SectionReportComponent
-                ], template: "<mat-card class=\"mainCard\">\r\n\r\n  @if (loadingForm$|async) {\r\n  <div class=\"loading-container\">\r\n    <mat-spinner diameter=\"48\" aria-label=\"Loading form\" />\r\n  </div>\r\n  }\r\n  <mat-stepper [style.display]=\"(loadingForm$|async)?'none':'block'\" #stepper c lass=\"form-stepper\"\r\n    orientation=\"vertical\" [linear]=\"!isEditable\" aria-label=\"Form sections stepper\" [animationDuration]=\"'300'\"\r\n    cdkDropList #formSections=\"cdkDropList\" [cdkDropListData]=\"selectFormStepsComputed\"\r\n    (cdkDropListDropped)=\"drop($event)\" (selectionChange)=\"handleStepChange($event)\">\r\n\r\n    @for (step of selectFormStepsComputed; track step.sectionId) {\r\n    @if(step.sectionForm || getPlaceHolerForSection(step.sectionId)){\r\n    <mat-step [stepControl]=\"step.sectionForm || getPlaceHolerForSection(step.sectionId) \"\r\n      [completed]=\"step.sectionIsSeen && !step.sectionIsInvalid\" [editable]=\"isEditable\"\r\n      [errorMessage]=\"step.sectionFormErrorMessage||''\" [state]=\"getStepState(step,$index)\"\r\n      [hasError]=\"!step.sectionForm?.valid && !!step.sectionForm?.touched\">\r\n      <ng-template matStepLabel>\r\n        <div cdkDrag class=\"step-label-container \" [attr.aria-label]=\"'Section ' + step.label\">\r\n          <span class=\"step-label-text\">\r\n\r\n            <input (input)=\"handleInput($event,step.sectionId)\" class=\"section-title-input\"\r\n              placeholder=\"Enter section title\" [value]=\"step.label \">\r\n          </span>\r\n          @if (step.sectionIsSeen) {\r\n          <mat-icon [class.error]=\"step.sectionIsInvalid\"\r\n            [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n            {{step.sectionIsSeen}}\r\n          </mat-icon>\r\n          }\r\n          <span class=\"tour-trigger \" *ngIf=\"(step)?.activeSectionHasTour&&!!step.isActive \">\r\n            <button tourAnchor=\"Form-Tour-trigger\" matTooltip=\"Start section tour\" mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          <span class=\"spacer\"></span>\r\n\r\n          @if(!!inputWillBeRemovedIn(step.sectionId) ){\r\n          <button (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button>\r\n            <div style=\"display: flex; align-items: center;gap:4px;padding:8px;\">\r\n              <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n\r\n              {{overId === step.sectionId ? 'Click to cancel':'Deleting in'}}\r\n              {{inputWillBeRemovedIn(step.sectionId)}}\r\n            </div>\r\n\r\n          </button>\r\n          }\r\n          <button (click)=\"$event.stopPropagation();\" [matMenuTriggerData]=\"{sectionId:step.sectionId}\"\r\n            [matMenuTriggerFor]=\"sectionMenu\" color=\"primary\" mat-icon-button>\r\n            <mat-icon>\r\n              <!-- {{section.sectionId === ( activeSectionId())? 'expand_circle_down':'more_horiz'}} -->\r\n              more_horiz\r\n            </mat-icon>\r\n          </button>\r\n\r\n\r\n\r\n        </div>\r\n      </ng-template>\r\n\r\n      @defer (on viewport; prefetch on idle) {\r\n      <div class=\"step-content\">\r\n        @if(!openSectionReports[step.sectionId]){\r\n        <div (cdkDropListDropped)=\"dropItems($event,step.sectionId)\" [cdkDropListData]=\"step.columns\" cdkDropList\r\n          #InputList=\"cdkDropList\" class=\"row form-section\">\r\n          @for (col of step.columns; track col.id) {\r\n          <mat-card cdkDrag (cdkDragStarted)=\"dragging =true\" (cdkDragReleased)=\"dragging =false\"\r\n            [class.inEditCol]=\"(selectInputInEditId$|async) === col.id\"\r\n            [class]=\"'box inputCard col-md-'+(dragging?'12':col.colSize)\" (mouseover)=\"activeInput =col.id\">\r\n            <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\r\n            @if(step.sectionForm){\r\n            <lib-t-form-input [editorMode]=\"true\" [tourAnchor]=\"col.id\" (valueChange)=\"updateValue(col.id,$event)\"\r\n              [formBuilderFunctions]=\"formBuilderFunctions\" [inputConfig]=\"col\" [formGroup]=\"step.sectionForm\"\r\n              [attr.aria-label]=\"col?.label || ''\">\r\n            </lib-t-form-input>\r\n            }\r\n\r\n\r\n\r\n            @if (col.inputConfigErrors.length > 0) {\r\n            <div class=\"error\">\r\n\r\n              <ul style=\"\r\n          padding-left: 28px;\">\r\n                @for(error of col.inputConfigErrors;track error.key+error.message){\r\n                <li>{{error.message}}</li>\r\n                }\r\n              </ul>\r\n\r\n            </div>\r\n            }\r\n            <mat-card-actions *ngIf=\"activeInput === col.id\">\r\n\r\n              <button color=\"primary\" [matTooltip]=\"'Edit ' + col.label +' input'\" (click)=\"editInput(col)\"\r\n                mat-icon-button>\r\n                <mat-icon>\r\n                  edit\r\n                </mat-icon>\r\n\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Move this input to another section'\" moveInput [matMenuTriggerFor]=\"moveInput\"\r\n                [matMenuTriggerData]=\"col\" mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  drive_file_move\r\n                </mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Clone/ copy form input'\" (click)=\"cloneCopyFormInput(col.id)\" moveInput\r\n                mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  file_copy\r\n                </mat-icon>\r\n              </button>\r\n              <span class=\"spacer\"></span>\r\n\r\n\r\n\r\n              @if(!!inputWillBeRemovedIn(col.id) ){\r\n              <button (mouseover)=\"overId = col.id\" (mouseout)=\"overId = null\" (click)=\"removeInput(col)\" color=\"warn\"\r\n                mat-stroked-button>\r\n                <div style=\"display: flex; align-items: center;\">\r\n                  <mat-progress-spinner style=\"margin-right: 5px;\" color=\"primary\" class=\"cancelProgress\"\r\n                    [value]=\"((inputWillBeRemovedIn(col.id)||0)/5)*100\">\r\n                  </mat-progress-spinner>\r\n\r\n                  {{overId === col.id ? 'Click to cancel':'Deleting in'}} {{inputWillBeRemovedIn(col.id)}}\r\n                </div>\r\n\r\n              </button>\r\n\r\n              }@else {\r\n              <button color=\"warn\" [matTooltip]=\"'Delete '+ col.label + ' input'\" (click)=\"removeInput(col)\"\r\n                mat-icon-button>\r\n\r\n                <mat-icon>\r\n                  delete\r\n                </mat-icon>\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='multipleInput') {\r\n\r\n              <button matTooltip=\"Add input to list control form\" (click)=\"addMultipleFormInput(col.sectionId,col.id)\"\r\n                color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n              @if (activeInput === col.id && col.element ==='mscoaSelection') {\r\n\r\n              <button matTooltip=\"Extend SCOA Segments with additional inputs\"\r\n                (click)=\"addInputToScoaSelection(col.sectionId,col.id)\" color=\"accent\" mat-flat-button>\r\n                <mat-icon>add</mat-icon>\r\n                Add Form Input\r\n              </button>\r\n              }\r\n\r\n            </mat-card-actions>\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section>\r\n          <button style=\"width: 100%;\" (click)=\"addNewInput(step.sectionId)\" mat-stroked-button>\r\n            <mat-icon>add</mat-icon>\r\n            Add section Input\r\n          </button>\r\n        </section>\r\n        }@else {\r\n        <app-section-report [sectionId]=\"step.sectionId \"></app-section-report>\r\n        }\r\n        <div class=\"step-actions\">\r\n          @if(!$first) {\r\n          <button mat-button matStepperPrevious type=\"button\" class=\"navigation-button\"\r\n            [attr.aria-label]=\"'Go back to ' + getPreviousStepLabel()\">\r\n\r\n            Back\r\n          </button>\r\n          }\r\n          @if (!$last) {\r\n          <button mat-flat-button matStepperNext color=\"primary\" type=\"button\" class=\"navigation-button\"\r\n            [attr.aria-label]=\"'Continue to ' + getNextStepLabel()\">\r\n            Next\r\n          </button>\r\n          }\r\n          @if (!!$last) {\r\n          <button mat-button (click)=\"stepper.reset()\">Reset</button>\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"24\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section style=\"text-align: center;\">\r\n    <br>\r\n    A form section helps organize related input fields together.\r\n    <br>\r\n    Click the <strong>\"Add Section\"</strong> button below to create a new section.\r\n  </section>\r\n  <mat-card-actions style=\"position: sticky;bottom: 0;\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"primary\" mat-flat-button>\r\n      <mat-icon>add</mat-icon>\r\n      Add Section\r\n    </button>\r\n    <span class=\"spacer\"></span>\r\n  </mat-card-actions>\r\n  <!-- Defer the footer toolbar until after the main form is loaded -->\r\n  @defer (on idle; prefetch on viewport) {\r\n  <footer><mat-toolbar class=\"submission-toolbar\" role=\"toolbar\" aria-label=\"Form submission actions\">\r\n      <span class=\"submission-status\" role=\"status\">\r\n        {{getSubmissionStatus$|async}}\r\n      </span>\r\n      <button mat-raised-button color=\"primary\" [disabled]=\"true\" aria-label=\"Submit form\">\r\n        <span>\r\n          {{ formSubmissionMessage()}}\r\n        </span>\r\n        @if(submittingForm){\r\n        <mat-spinner diameter=\"10\"></mat-spinner>\r\n        }\r\n\r\n      </button>\r\n    </mat-toolbar>\r\n  </footer>\r\n  } @placeholder {\r\n  <!-- Simple placeholder for the footer that maintains layout -->\r\n  <footer>\r\n    <div class=\"submission-toolbar-placeholder\"></div>\r\n  </footer>\r\n  }\r\n\r\n</mat-card>\r\n<mat-menu #sectionMenu=\"matMenu\">\r\n  <ng-template matMenuContent let-sectionId=\"sectionId\">\r\n    <!-- <button mat-menu-item [matMenuTriggerFor]=\"sectionType\">\r\n    <mat-icon> disabled_visible</mat-icon>\r\n    Set visibility type</button> -->\r\n    <button (click)=\"deleteSection(sectionId)\" mat-menu-item>\r\n      <mat-icon>delete</mat-icon>\r\n      Delete section</button>\r\n    <button (click)=\"toggleSectionReports(sectionId)\" mat-menu-item>\r\n      <mat-icon>leaderboard</mat-icon>\r\n      {{openSectionReports[sectionId]?'Close report': 'Section report'}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n<mat-menu #sectionType=\"matMenu\">\r\n  <button mat-menu-item>\r\n    <mat-icon>visibility</mat-icon>\r\n    view only</button>\r\n  <button mat-menu-item>\r\n    <mat-icon>visibility_off</mat-icon>\r\n    system</button>\r\n  <button mat-menu-item>\r\n    <mat-icon>edit</mat-icon>\r\n    user edit</button>\r\n</mat-menu>\r\n<mat-menu #moveInput=\"matMenu\">\r\n  <ng-template matMenuContent let-id=\"id\" let-sectionId=\"sectionId\">\r\n    @for (section of ( selectFormStepsComputed); track section.sectionId) {\r\n    <button [disabled]=\"section.sectionId === sectionId\" (click)=\"moveInputToSection(id,section.sectionId)\"\r\n      mat-menu-item>\r\n      <mat-icon>folder</mat-icon>\r\n      {{section.label || 'Untitled section'}}\r\n    </button>\r\n    }\r\n\r\n  </ng-template>\r\n</mat-menu>", styles: [".mainCard{margin-top:0;min-height:45vh;box-shadow:none;max-width:768px;margin-left:auto;left:0;margin-right:auto;border-radius:12px;border:solid 1px var(--mat-divider-color, var(--mat-sys-outline))!important}.inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:solid 1px #243D91!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.numbers{position:absolute!important;right:0}mat-vertical-stepper{margin:5px}.list{min-height:60px;display:block}.box{padding:4px;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.box:last-child{border:none}.list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.custom-placeholder{background:#ccc;border:dotted 3px #999;min-width:100%;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.section-title-input{border:none;background-color:transparent;font-size:14px;font-weight:600;color:#333;padding-top:12px;padding-bottom:12px;outline:none;width:calc(100% - 54px);transition:border-bottom-color .3s ease-in-out}.section-title-input:focus{border-bottom:1px solid #007bff}.inputElement:focus{box-shadow:0 0 0 .2rem #007bff40}.headerToolbar{position:sticky;top:0;min-width:100%;background:var(--mdc-elevated-card-container-color)}::ng-deep mat-step-header .mat-step-label{width:100%}.error{color:var(--mat-form-field-error-text-color, var(--mat-app-error));display:flex;align-items:center}.submission-toolbar{z-index:1000;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--mat-divider-width) solid var(--mat-divider-color);padding:8px 16px;display:flex;justify-content:flex-end;gap:16px}.submission-status{font-size:12px;opacity:.87;display:flex;align-items:center}\n"] }]
-    }], null, { stepper: [{
-            type: ViewChild,
-            args: ['stepper']
-        }] }); }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormSectionStepperComponent, { className: "FormSectionStepperComponent", filePath: "lib/components/form-builder/elements/form-section-stepper/form-section-stepper.component.ts", lineNumber: 37 }); })();
-
-export { FormSectionStepperComponent };
-//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-Ba5WCLzp.mjs.map