ngx-t-forms 2.0.28 → 2.0.29

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

@@ -1,264 +0,0 @@
-import * as i2$3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ViewChild, 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-mfuTrkmM.mjs';
-import { take, filter, tap, map, Subject, timer, takeUntil } from 'rxjs';
-import * as i1$1 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 { TourMatMenu } from 'ngx-ui-tour-md-menu';
-import * as i1 from '@angular/cdk/drag-drop';
-import * as i2 from '@angular/material/button';
-import * as i3 from '@angular/material/card';
-import * as i2$1 from '@angular/material/stepper';
-import * as i2$2 from '@angular/material/icon';
-import * as i6 from '@angular/material/menu';
-import * as i7 from '@angular/material/progress-spinner';
-import * as i8 from '@angular/material/tooltip';
-import * as i13 from '@angular/material/input';
-import * as i5 from '@angular/material/toolbar';
-
-;
-class FormSectionStepperComponent extends FormTowerControllerService {
-    constructor() {
-        super(...arguments);
-        this.store = inject(FormsStoreService);
-        this.loadingForm$ = this.store.selectors.selectLoadingForm$;
-        this.selectInputInEditId$ = this.store.selectors.selectInputInEditId$;
-        this.isEditable = true;
-        this.dragging = false;
-        this.drop = (event) => this.store.actionsFormBuilder.handleSectionDragDrop(event);
-        this.dropItems = (event, sectionId) => this.store.actionsFormBuilder.handleInputDragDrop(event, sectionId);
-        this.formDeleteSection = (sectionId) => this.store.actionsFormBuilder.formDeleteSection(sectionId);
-        this.formDeleteSectionInputs = (sectionId) => this.store.actionsFormBuilder.formDeleteSectionInputs(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) => {
-            const inputValue = event.target.value;
-            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];
-        this.ref = inject(ChangeDetectorRef);
-        this.tourManagerService = inject(TourManagerService);
-    }
-    /**
-     * Handles the key down event and opens the application log if the key combination is pressed.
-     * @param event The keyboard event object.
-     */
-    onKeyDown(event) {
-        if (event.ctrlKey && event.key === 'z') {
-            // Handle the key press combination here
-            this.revertBackHistory();
-        }
-    }
-    ngOnInit() {
-        this.store.registerFormChangeFn(this.initialize);
-        this.store.selectors.selectFormInEdit$.pipe(take(1), filter(form => form !== null && form !== undefined), tap(form => this.initialize(form.form))).subscribe();
-    }
-    get formBuilderFunctions() {
-        return {
-            getLatestAccountTree: () => this.NGX_T_FORMS_CONFIG.formBuilder.getScoaTree(),
-            getSCOAAccount: (SCOAAccount) => this.NGX_T_FORMS_CONFIG.formBuilder.getSCOAAccount(SCOAAccount),
-            multipleInputToggleForm: this.toggleMultipleInput.bind(this),
-            multipleInputSaveForm: this.saveMultipleInputForm.bind(this),
-            editInput: this.editInput.bind(this),
-            deleteInput: this.formDeleteInput.bind(this),
-            addFunction: this.addMultipleInputValueCalculationFunction.bind(this),
-            reorderItems: this.reorderMultipleInputItems.bind(this),
-            multipleInputToggleLabel: this.multipleInputToggleLabel.bind(this),
-            multipleInputEditRow: this.multipleInputEditRow.bind(this),
-            multipleInputDuplicateRow: this.multipleInputDuplicateRow.bind(this),
-        };
-    }
-    getPreviousStepLabel() {
-        if (this.stepper === undefined)
-            return '';
-        const currentIndex = this.stepper?.selectedIndex;
-        if (currentIndex > 0) {
-            return this.selectFormSteps()?.[currentIndex - 1]?.label;
-        }
-        return '';
-    }
-    getNextStepLabel() {
-        if (this.stepper === undefined)
-            return '';
-        const currentIndex = this.stepper?.selectedIndex;
-        const steps = this.selectFormSteps();
-        if (!steps)
-            return '';
-        if (currentIndex < steps.length - 1) {
-            return steps[currentIndex + 1]?.label;
-        }
-        return '';
-    }
-    getStepState(step, index) {
-        const activeStep = this.stepper?.selectedIndex === index;
-        if (activeStep)
-            return 'edit';
-        if (step.sectionForm?.touched && !step.sectionForm?.valid)
-            return 'error'; // Show error state for invalid touched forms
-        if (step.sectionForm?.valid)
-            return 'done'; // Show done state for valid forms
-        return 'number';
-    }
-    get getSubmissionStatus$() {
-        const progress = this.formProgress() || 0;
-        const steps = this.selectFormSteps();
-        return this.loadingForm$.pipe(map(loading => getSubmissionStatusFn(this.stepper, this.mainForm, progress, steps, loading)));
-    }
-    get selectFormStepsComputed() {
-        const steps = this.selectFormSteps().map((step) => ({
-            ...step,
-            columns: step.columns.map((col) => {
-                return ({
-                    ...col,
-                    inputConfigErrors: validateFormColumnInputs(col)
-                });
-            })
-        }));
-        return steps;
-    }
-    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(),
-            deleteInputs: false
-        };
-        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, deleteInputs = false) {
-        if (!sectionId) {
-            return;
-        }
-        if (this.countdownSeconds[sectionId]) {
-            this.stopDeletion(sectionId);
-            return;
-        }
-        this.countdownSeconds[sectionId] = {
-            count: 5,
-            stop$: new Subject(),
-            deleteInputs: deleteInputs
-        };
-        const countdown$ = timer(0, 1000).pipe(tap((secondsElapsed) => {
-            const data = this.countdownSeconds[sectionId];
-            if (!data) {
-                return;
-            }
-            const remainingTime = 5 - secondsElapsed;
-            if (remainingTime <= 0) {
-                if (data.deleteInputs) {
-                    this.formDeleteSectionInputs(sectionId);
-                }
-                else {
-                    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');
-            }
-        });
-    }
-    refresh() {
-        // trigger angular a change detection cycle manually
-        this.ref.markForCheck();
-        this.ref.detectChanges();
-    }
-    sectionIncludesDefault(columns) {
-        return columns.some((col) => col.systemDefault);
-    }
-    startTour(sectionId) {
-        const tourOptions = this.selectAllFormTours().filter((step) => step.sectionId === sectionId);
-        this.tourManagerService.startTourByOption(tourOptions);
-    }
-    onSpaceKey(event, sectionId) {
-        const inputValue = event.target.value;
-        this.store.actionsFormBuilder?.stepTitleChangeStep(sectionId, inputValue + ' ');
-        event.stopPropagation();
-        event.preventDefault();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FormSectionStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FormSectionStepperComponent, isStandalone: true, selector: "app-form-section-stepper", viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"mainCard\" appearance=\"raised\">\r\n\r\n  @if (loadingForm$ | async) {\r\n    <div class=\"loading-container\" role=\"status\" aria-live=\"polite\">\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            <input (input)=\"handleInput($event, step.sectionId)\" class=\"section-title-input\" matInput\r\n              (keydown.space)=\"onSpaceKey($event, step.sectionId)\" placeholder=\"Enter section title\"\r\n              [value]=\"step.label\" aria-label=\"Section title\">\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          @if ((step)?.activeSectionHasTour && !!step.isActive) {\r\n          <span class=\"tour-trigger\">\r\n            <button tourAnchor=\"Form-Tour-trigger\" (click)=\"startTour(step.sectionId)\" matTooltip=\"Start section tour\"\r\n              mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          }\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            [attr.aria-label]=\"overId === step.sectionId ? 'Cancel section deletion' : 'Section deleting in ' + inputWillBeRemovedIn(step.sectionId) + ' seconds'\">\r\n            <div class=\"delete-countdown\">\r\n              <mat-progress-spinner color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n              {{ overId === step.sectionId ? 'Click to cancel' : 'Deleting in' }}\r\n              {{ inputWillBeRemovedIn(step.sectionId) }}\r\n            </div>\r\n          </button>\r\n          }\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 aria-label=\"Section options menu\">\r\n            <mat-icon>more_horiz</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              [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              <ul class=\"error-list\">\r\n                @for (error of col.inputConfigErrors; track error.key + error.message) {\r\n                <li class=\"error-item\">{{ error.message }}</li>\r\n                }\r\n              </ul>\r\n\r\n            </div>\r\n            }\r\n            @if (activeInput === col.id) {\r\n            <mat-card-actions>\r\n\r\n              <button color=\"primary\" [matTooltip]=\"'Edit ' + col.label + ' input'\" (click)=\"editInput(col)\"\r\n                mat-icon-button aria-label=\"Edit input\">\r\n                <mat-icon>edit</mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Move this input to another section'\" [matMenuTriggerFor]=\"moveInput\"\r\n                [matMenuTriggerData]=\"col\" mat-icon-button aria-label=\"Move input to another section\">\r\n                <mat-icon>drive_file_move</mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Clone form input'\" (click)=\"cloneCopyFormInput(col.id)\" mat-icon-button\r\n                aria-label=\"Clone input\">\r\n                <mat-icon>file_copy</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 class=\"delete-countdown\">\r\n                  <mat-progress-spinner 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) {\r\n              <button color=\"warn\" [matTooltip]=\"'Delete ' + col.label + ' input'\" (click)=\"removeInput(col)\"\r\n                mat-icon-button aria-label=\"Delete input\">\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n              }\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              <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            }\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section class=\"empty-state-section\">\r\n          <p class=\"empty-state-text\">Add form fields to this section to collect information.</p>\r\n          <p class=\"empty-state-hint\">Click the <strong>\"Add Input\"</strong> button below to create a new form field.</p>\r\n          <div class=\"empty-state-actions\">\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()\" aria-label=\"Reset form\">Reset</button>\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div class=\"step-placeholder\">\r\n        <mat-spinner diameter=\"24\" aria-label=\"Loading step content\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section class=\"empty-state-section add-section-hint\">\r\n    <p class=\"empty-state-text\">A form section helps organize related input fields together.</p>\r\n    <p class=\"empty-state-hint\">Click the <strong>\"Add Section\"</strong> button below to create a new section.</p>\r\n  </section>\r\n  <mat-card-actions class=\"sticky-actions\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"accent\" mat-flat-button aria-label=\"Add new section\">\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, false)\" matTooltip=\"Deletes this section and all its inputs\"\r\n      matTooltipPosition=\"right\" mat-menu-item>\r\n      <mat-icon style=\"color: var(--mat-sys-error, #b3261e)\">delete</mat-icon>\r\n      <span style=\"color: var(--mat-sys-error, #b3261e)\">Delete section</span>\r\n    </button>\r\n    <button (click)=\"deleteSection(sectionId, true)\" matTooltip=\"Deletes all inputs in this section\"\r\n      matTooltipPosition=\"right\" mat-menu-item>\r\n      <mat-icon style=\"color: var(--mat-sys-error, #b3261e)\">delete_sweep</mat-icon>\r\n      <span style=\"color: var(--mat-sys-error, #b3261e)\">Delete section inputs</span>\r\n    </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>\r\n\r\n", styles: [".mainCard{margin:0 auto;min-height:45vh;box-shadow:0 2px 8px #00000014;max-width:768px;padding:1rem;border-radius:12px;background:var(--mat-sys-surface-container, var(--mdc-elevated-card-container-color, #fef7ff))}@media(prefers-color-scheme:dark){.mainCard{box-shadow:0 1px 3px #0000004d}}.loading-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;min-height:12rem}.inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:1px solid var(--mat-sys-primary, #6750a4)!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.delete-countdown{display:flex;align-items:center;gap:.25rem;padding:.5rem}.numbers{position:absolute!important;right:0}mat-vertical-stepper{margin:.5rem}.list{min-height:60px;display:block}.box{padding:.5rem;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;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:var(--mat-sys-surface-container-highest, #e8e0ec);border:3px dotted var(--mat-sys-outline, #79747e);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:.875rem;font-weight:600;color:var(--mat-sys-on-surface, #1c1b1f);padding:.75rem 0;outline:none;width:calc(100% - 54px);transition:border-color .15s,box-shadow .15s}.section-title-input:focus{border-bottom:1px solid var(--mat-sys-primary, #6750a4);box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #6750a4) 25%,transparent)}.inputElement:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #6750a4) 25%,transparent)}.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-sys-error, #b3261e);display:flex;align-items:center}.error-list{padding-left:1.75rem;margin:.25rem 0}.error-item{color:var(--mat-sys-error, #b3261e);font-size:.75rem}.empty-state-section{text-align:center;padding:1rem 1.5rem}.empty-state-text{font-size:.875rem;color:var(--mat-sys-on-surface-variant, #49454f);margin:0 0 .5rem}.empty-state-hint{font-size:.8125rem;color:var(--mat-sys-on-surface-variant, #49454f);margin:0 0 1rem}.empty-state-actions{margin-top:1rem}.add-section-hint{padding-top:1.5rem}.step-placeholder{padding:3.125rem;display:flex;justify-content:center;align-items:center;text-align:center}.step-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.navigation-button{min-height:2.25rem}.sticky-actions{position:sticky;bottom:0;background:var(--mat-sys-surface-container, var(--mdc-elevated-card-container-color))}.submission-toolbar{z-index:1000;background:color-mix(in srgb,var(--mat-sys-surface, #fef7ff) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--mat-divider-width) solid var(--mat-divider-color);padding:1rem 1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media(prefers-color-scheme:dark){.submission-toolbar{background:color-mix(in srgb,var(--mat-sys-surface) 95%,transparent)}}.submission-status{font-size:.75rem;opacity:.87;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1.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.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i2$1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2$1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2$1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7$1.TourAnchorMatMenuDirective, selector: "[tourAnchor]", inputs: ["tourAnchor"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }], deferBlockDependencies: [() => [i1.CdkDropList, i1.CdkDrag, i1.CdkDragPlaceholder, i2.MatButton, i2.MatIconButton, i3.MatCard, i3.MatCardActions, i2$1.MatStepperNext, i2$1.MatStepperPrevious, i2$2.MatIcon, i6.MatMenuTrigger, i7.MatProgressSpinner, i8.MatTooltip, import('./ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs').then(function (n) { return n.a3; }).then(m => m.TFormInputComponent), i1$1.NgControlStatusGroup, i1$1.FormGroupDirective, import('./ngx-t-forms-section-report.component-Z0hcYnrT.mjs').then(m => m.SectionReportComponent), i7$1.TourAnchorMatMenuDirective, i2$3.AsyncPipe], () => [i2.MatButton, i7.MatProgressSpinner, i5.MatToolbar, i2$3.AsyncPipe]] }); }
-}
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.5", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs').then(function (n) { return n.a3; }).then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-Z0hcYnrT.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
-                type: Component,
-                args: [{ selector: 'app-form-section-stepper', standalone: true, imports: [
-                            CommonModule,
-                            MatModulesModule,
-                            TFormInputComponent,
-                            ReactiveFormsModule,
-                            FormsModule,
-                            SectionReportComponent,
-                            ...TourMatMenu
-                        ], template: "<mat-card class=\"mainCard\" appearance=\"raised\">\r\n\r\n  @if (loadingForm$ | async) {\r\n    <div class=\"loading-container\" role=\"status\" aria-live=\"polite\">\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            <input (input)=\"handleInput($event, step.sectionId)\" class=\"section-title-input\" matInput\r\n              (keydown.space)=\"onSpaceKey($event, step.sectionId)\" placeholder=\"Enter section title\"\r\n              [value]=\"step.label\" aria-label=\"Section title\">\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          @if ((step)?.activeSectionHasTour && !!step.isActive) {\r\n          <span class=\"tour-trigger\">\r\n            <button tourAnchor=\"Form-Tour-trigger\" (click)=\"startTour(step.sectionId)\" matTooltip=\"Start section tour\"\r\n              mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          }\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            [attr.aria-label]=\"overId === step.sectionId ? 'Cancel section deletion' : 'Section deleting in ' + inputWillBeRemovedIn(step.sectionId) + ' seconds'\">\r\n            <div class=\"delete-countdown\">\r\n              <mat-progress-spinner color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n              {{ overId === step.sectionId ? 'Click to cancel' : 'Deleting in' }}\r\n              {{ inputWillBeRemovedIn(step.sectionId) }}\r\n            </div>\r\n          </button>\r\n          }\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 aria-label=\"Section options menu\">\r\n            <mat-icon>more_horiz</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              [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              <ul class=\"error-list\">\r\n                @for (error of col.inputConfigErrors; track error.key + error.message) {\r\n                <li class=\"error-item\">{{ error.message }}</li>\r\n                }\r\n              </ul>\r\n\r\n            </div>\r\n            }\r\n            @if (activeInput === col.id) {\r\n            <mat-card-actions>\r\n\r\n              <button color=\"primary\" [matTooltip]=\"'Edit ' + col.label + ' input'\" (click)=\"editInput(col)\"\r\n                mat-icon-button aria-label=\"Edit input\">\r\n                <mat-icon>edit</mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Move this input to another section'\" [matMenuTriggerFor]=\"moveInput\"\r\n                [matMenuTriggerData]=\"col\" mat-icon-button aria-label=\"Move input to another section\">\r\n                <mat-icon>drive_file_move</mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Clone form input'\" (click)=\"cloneCopyFormInput(col.id)\" mat-icon-button\r\n                aria-label=\"Clone input\">\r\n                <mat-icon>file_copy</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 class=\"delete-countdown\">\r\n                  <mat-progress-spinner 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) {\r\n              <button color=\"warn\" [matTooltip]=\"'Delete ' + col.label + ' input'\" (click)=\"removeInput(col)\"\r\n                mat-icon-button aria-label=\"Delete input\">\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n              }\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              <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            }\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section class=\"empty-state-section\">\r\n          <p class=\"empty-state-text\">Add form fields to this section to collect information.</p>\r\n          <p class=\"empty-state-hint\">Click the <strong>\"Add Input\"</strong> button below to create a new form field.</p>\r\n          <div class=\"empty-state-actions\">\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()\" aria-label=\"Reset form\">Reset</button>\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div class=\"step-placeholder\">\r\n        <mat-spinner diameter=\"24\" aria-label=\"Loading step content\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section class=\"empty-state-section add-section-hint\">\r\n    <p class=\"empty-state-text\">A form section helps organize related input fields together.</p>\r\n    <p class=\"empty-state-hint\">Click the <strong>\"Add Section\"</strong> button below to create a new section.</p>\r\n  </section>\r\n  <mat-card-actions class=\"sticky-actions\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"accent\" mat-flat-button aria-label=\"Add new section\">\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, false)\" matTooltip=\"Deletes this section and all its inputs\"\r\n      matTooltipPosition=\"right\" mat-menu-item>\r\n      <mat-icon style=\"color: var(--mat-sys-error, #b3261e)\">delete</mat-icon>\r\n      <span style=\"color: var(--mat-sys-error, #b3261e)\">Delete section</span>\r\n    </button>\r\n    <button (click)=\"deleteSection(sectionId, true)\" matTooltip=\"Deletes all inputs in this section\"\r\n      matTooltipPosition=\"right\" mat-menu-item>\r\n      <mat-icon style=\"color: var(--mat-sys-error, #b3261e)\">delete_sweep</mat-icon>\r\n      <span style=\"color: var(--mat-sys-error, #b3261e)\">Delete section inputs</span>\r\n    </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>\r\n\r\n", styles: [".mainCard{margin:0 auto;min-height:45vh;box-shadow:0 2px 8px #00000014;max-width:768px;padding:1rem;border-radius:12px;background:var(--mat-sys-surface-container, var(--mdc-elevated-card-container-color, #fef7ff))}@media(prefers-color-scheme:dark){.mainCard{box-shadow:0 1px 3px #0000004d}}.loading-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;min-height:12rem}.inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:1px solid var(--mat-sys-primary, #6750a4)!important}.inputCard{box-shadow:none}.cancelProgress{height:24px!important;width:24px!important}.delete-countdown{display:flex;align-items:center;gap:.25rem;padding:.5rem}.numbers{position:absolute!important;right:0}mat-vertical-stepper{margin:.5rem}.list{min-height:60px;display:block}.box{padding:.5rem;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;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:var(--mat-sys-surface-container-highest, #e8e0ec);border:3px dotted var(--mat-sys-outline, #79747e);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:.875rem;font-weight:600;color:var(--mat-sys-on-surface, #1c1b1f);padding:.75rem 0;outline:none;width:calc(100% - 54px);transition:border-color .15s,box-shadow .15s}.section-title-input:focus{border-bottom:1px solid var(--mat-sys-primary, #6750a4);box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #6750a4) 25%,transparent)}.inputElement:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #6750a4) 25%,transparent)}.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-sys-error, #b3261e);display:flex;align-items:center}.error-list{padding-left:1.75rem;margin:.25rem 0}.error-item{color:var(--mat-sys-error, #b3261e);font-size:.75rem}.empty-state-section{text-align:center;padding:1rem 1.5rem}.empty-state-text{font-size:.875rem;color:var(--mat-sys-on-surface-variant, #49454f);margin:0 0 .5rem}.empty-state-hint{font-size:.8125rem;color:var(--mat-sys-on-surface-variant, #49454f);margin:0 0 1rem}.empty-state-actions{margin-top:1rem}.add-section-hint{padding-top:1.5rem}.step-placeholder{padding:3.125rem;display:flex;justify-content:center;align-items:center;text-align:center}.step-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.navigation-button{min-height:2.25rem}.sticky-actions{position:sticky;bottom:0;background:var(--mat-sys-surface-container, var(--mdc-elevated-card-container-color))}.submission-toolbar{z-index:1000;background:color-mix(in srgb,var(--mat-sys-surface, #fef7ff) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:var(--mat-divider-width) solid var(--mat-divider-color);padding:1rem 1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media(prefers-color-scheme:dark){.submission-toolbar{background:color-mix(in srgb,var(--mat-sys-surface) 95%,transparent)}}.submission-status{font-size:.75rem;opacity:.87;display:flex;align-items:center}\n"] }]
-            }], ctorParameters: null, propDecorators: { stepper: [{
-                    type: ViewChild,
-                    args: ['stepper']
-                }] } }) });
-
-export { FormSectionStepperComponent };
-//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-BaT3CcFj.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-form-section-stepper.component-BaT3CcFj.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, 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 { TourMatMenu } 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  \r\n    ReactiveFormsModule,\r\n    FormsModule,\r\n    SectionReportComponent,\r\n    ...TourMatMenu\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\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  formDeleteSectionInputs = (sectionId: string) => this.store.actionsFormBuilder.formDeleteSectionInputs(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    const inputValue = (event.target as HTMLInputElement).value;\r\n    this.store.actionsFormBuilder?.stepTitleChangeStep(sectionId, inputValue);\r\n    event.stopPropagation();\r\n    event.preventDefault();\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      deleteInputs: boolean\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      deleteInputs: false\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,deleteInputs:boolean=false) {\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      deleteInputs: deleteInputs\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          if(data.deleteInputs) {\r\n            this.formDeleteSectionInputs(sectionId)\r\n          }else {\r\n            this.formDeleteSection(sectionId)\r\n          }\r\n      \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  \r\n  getPlaceHolerForSection = (sectionId: string): any => this.store.sectionPlaceholder[sectionId]\r\n  formDeleteInput = (item: FormColumnInputs) => this.store.actionsFormBuilder.formDeleteInput(item)\r\n  openSectionReports: Record<string, boolean> = {}\r\n  toggleSectionReports = (sectionId: string) => this.openSectionReports[sectionId] = !this.openSectionReports[sectionId]\r\n  ref = 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\n  startTour(sectionId: string): void {\r\n    const tourOptions = this.selectAllFormTours().filter((step) => step.sectionId === sectionId)\r\n\r\n    this.tourManagerService.startTourByOption(tourOptions)\r\n  }\r\n\r\n  onSpaceKey(event: Event, sectionId: string) {\r\n    const inputValue = (event.target as HTMLInputElement).value;\r\n    this.store.actionsFormBuilder?.stepTitleChangeStep(sectionId, inputValue + ' ');\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n  }\r\n\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\" role=\"status\" aria-live=\"polite\">\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            <input (input)=\"handleInput($event, step.sectionId)\" class=\"section-title-input\" matInput\r\n              (keydown.space)=\"onSpaceKey($event, step.sectionId)\" placeholder=\"Enter section title\"\r\n              [value]=\"step.label\" aria-label=\"Section title\">\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          @if ((step)?.activeSectionHasTour && !!step.isActive) {\r\n          <span class=\"tour-trigger\">\r\n            <button tourAnchor=\"Form-Tour-trigger\" (click)=\"startTour(step.sectionId)\" matTooltip=\"Start section tour\"\r\n              mat-flat-button>\r\n              <mat-icon>tour</mat-icon>\r\n            </button>\r\n          </span>\r\n          }\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            [attr.aria-label]=\"overId === step.sectionId ? 'Cancel section deletion' : 'Section deleting in ' + inputWillBeRemovedIn(step.sectionId) + ' seconds'\">\r\n            <div class=\"delete-countdown\">\r\n              <mat-progress-spinner color=\"primary\" class=\"cancelProgress\"\r\n                [value]=\"((inputWillBeRemovedIn(step.sectionId)||0)/5)*100\">\r\n              </mat-progress-spinner>\r\n              {{ overId === step.sectionId ? 'Click to cancel' : 'Deleting in' }}\r\n              {{ inputWillBeRemovedIn(step.sectionId) }}\r\n            </div>\r\n          </button>\r\n          }\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 aria-label=\"Section options menu\">\r\n            <mat-icon>more_horiz</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              [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              <ul class=\"error-list\">\r\n                @for (error of col.inputConfigErrors; track error.key + error.message) {\r\n                <li class=\"error-item\">{{ error.message }}</li>\r\n                }\r\n              </ul>\r\n\r\n            </div>\r\n            }\r\n            @if (activeInput === col.id) {\r\n            <mat-card-actions>\r\n\r\n              <button color=\"primary\" [matTooltip]=\"'Edit ' + col.label + ' input'\" (click)=\"editInput(col)\"\r\n                mat-icon-button aria-label=\"Edit input\">\r\n                <mat-icon>edit</mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Move this input to another section'\" [matMenuTriggerFor]=\"moveInput\"\r\n                [matMenuTriggerData]=\"col\" mat-icon-button aria-label=\"Move input to another section\">\r\n                <mat-icon>drive_file_move</mat-icon>\r\n              </button>\r\n\r\n              <button [matTooltip]=\"'Clone form input'\" (click)=\"cloneCopyFormInput(col.id)\" mat-icon-button\r\n                aria-label=\"Clone input\">\r\n                <mat-icon>file_copy</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 class=\"delete-countdown\">\r\n                  <mat-progress-spinner 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) {\r\n              <button color=\"warn\" [matTooltip]=\"'Delete ' + col.label + ' input'\" (click)=\"removeInput(col)\"\r\n                mat-icon-button aria-label=\"Delete input\">\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n              }\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              <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            }\r\n          </mat-card>\r\n          }\r\n        </div>\r\n        <section class=\"empty-state-section\">\r\n          <p class=\"empty-state-text\">Add form fields to this section to collect information.</p>\r\n          <p class=\"empty-state-hint\">Click the <strong>\"Add Input\"</strong> button below to create a new form field.</p>\r\n          <div class=\"empty-state-actions\">\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()\" aria-label=\"Reset form\">Reset</button>\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n      } @placeholder {\r\n      <div class=\"step-placeholder\">\r\n        <mat-spinner diameter=\"24\" aria-label=\"Loading step content\" />\r\n      </div>\r\n      }\r\n\r\n    </mat-step>\r\n    }\r\n    }\r\n  </mat-stepper>\r\n  <section class=\"empty-state-section add-section-hint\">\r\n    <p class=\"empty-state-text\">A form section helps organize related input fields together.</p>\r\n    <p class=\"empty-state-hint\">Click the <strong>\"Add Section\"</strong> button below to create a new section.</p>\r\n  </section>\r\n  <mat-card-actions class=\"sticky-actions\">\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"addSection()\" color=\"accent\" mat-flat-button aria-label=\"Add new section\">\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, false)\" matTooltip=\"Deletes this section and all its inputs\"\r\n      matTooltipPosition=\"right\" mat-menu-item>\r\n      <mat-icon style=\"color: var(--mat-sys-error, #b3261e)\">delete</mat-icon>\r\n      <span style=\"color: var(--mat-sys-error, #b3261e)\">Delete section</span>\r\n    </button>\r\n    <button (click)=\"deleteSection(sectionId, true)\" matTooltip=\"Deletes all inputs in this section\"\r\n      matTooltipPosition=\"right\" mat-menu-item>\r\n      <mat-icon style=\"color: var(--mat-sys-error, #b3261e)\">delete_sweep</mat-icon>\r\n      <span style=\"color: var(--mat-sys-error, #b3261e)\">Delete section inputs</span>\r\n    </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>\r\n\r\n"],"names":["i4","i5","i9","i10","i11","i12","i13"],"mappings":"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"}

package/fesm2022/ngx-t-forms-forms-builder-menu.component-DKybEMbx.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-forms-builder-menu.component-DKybEMbx.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/select-form-template/select-form-template.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/select-form-template/select-form-template.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-submissions-config/config.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-submissions-config/form-submissions-config.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-submissions-config/form-submissions-config.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/forms-builder-menu/forms-builder-menu.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/forms-builder-menu/forms-builder-menu.component.html"],"sourcesContent":["import { Component, inject, OnInit } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport {MAT_DIALOG_DATA} from '@angular/material/dialog';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { getAvatar } from '../../../../shared/functions/getAvatar';\r\n\r\nimport { DaysAgoPipe } from '../../../../../lib/shared/pipes/date/days-ago.pipe';\r\nimport { FormInterface } from 'ngx-t-forms-types';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\n@Component({\r\n  selector: 'lib-select-form-template',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule, DaysAgoPipe],\r\n  templateUrl: './select-form-template.component.html',\r\n  styleUrl: './select-form-template.component.scss'\r\n})\r\nexport class SelectFormTemplateComponent implements OnInit {\r\n\r\nselectForms$ = this.store.selectors.selectForms$\r\nselectLoadingForms$ = this.store.selectors.selectLoadingForms$\r\nreadonly dialogRef = inject(MatDialogRef< SelectFormTemplateComponent>);\r\nreadonly data = inject<any>(MAT_DIALOG_DATA);\r\nconstructor(private store:FormsStoreService){\r\n\r\n}\r\n  ngOnInit(): void {\r\n    this.store.effects.loadForms$()\r\n  }\r\nclose(){\r\n  this.dialogRef.close();\r\n}\r\n\r\n dialog = inject(MatDialog);\r\n snackBar = inject(MatSnackBar);\r\nselectForm(form:FormInterface){\r\n  this.store.actionsFormBuilder.applyFormTemplate(form)\r\n  this.dialogRef.close(form) \r\n}\r\n  getFormAvatar(formTitle:string){\r\n    return getAvatar(formTitle)\r\n  }\r\n}\r\n","<div class=\"template-select-dialog\">\r\n  <!-- Header: icon + title + subtitle per design rule §4 -->\r\n  <header class=\"dialog-header\">\r\n    <div class=\"header-icon\" aria-hidden=\"true\">\r\n      <mat-icon>description</mat-icon>\r\n    </div>\r\n    <div class=\"header-text\">\r\n      <h1 class=\"header-title\">Choose a Form Template</h1>\r\n      <p class=\"header-subtitle\">\r\n        Select a pre-built form template to start with. You can customize and save it as your own form after copying it to the editor.\r\n      </p>\r\n    </div>\r\n  </header>\r\n\r\n  <section class=\"dialog-content\">\r\n    @if (selectLoadingForms$ | async) {\r\n      <div class=\"loading-state\">\r\n        <mat-spinner diameter=\"40\" aria-label=\"Loading form templates\"></mat-spinner>\r\n        <span class=\"loading-text\">Loading form templates...</span>\r\n      </div>\r\n    } @else {\r\n      <ul class=\"form-template-list\" aria-label=\"Available form templates\">\r\n        @for (form of selectForms$ | async; track form._id) {\r\n          <li>\r\n          <button\r\n            type=\"button\"\r\n            class=\"form-list-item\"\r\n            (click)=\"selectForm(form)\"\r\n            [matTooltip]=\"'Click to select this template'\"\r\n            [attr.aria-label]=\"'Select template: ' + form.formTitle\">\r\n            <img\r\n              class=\"form-avatar\"\r\n              [class.form-avatar--error]=\"form.errors.length > 0\"\r\n              [src]=\"getFormAvatar(form.formTitle)\"\r\n              [alt]=\"''\"\r\n              aria-hidden=\"true\">\r\n            <div class=\"form-item-content\">\r\n              <span class=\"form-title\">{{ form.formTitle | titlecase }}</span>\r\n              <div class=\"form-metadata\">\r\n                @if (form.errors.length > 0) {\r\n                  <span class=\"metadata-item\">\r\n                    <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\r\n                    <small>{{ form.errors.length }}</small>\r\n                  </span>\r\n                  <span class=\"metadata-divider\" aria-hidden=\"true\">•</span>\r\n                }\r\n                <span class=\"metadata-item\">\r\n                  <mat-icon aria-hidden=\"true\">add_circle_outline</mat-icon>\r\n                  <small>{{ form.createdAt | daysAgo }}</small>\r\n                </span>\r\n                <span class=\"metadata-divider\" aria-hidden=\"true\">•</span>\r\n                <span class=\"metadata-item\">\r\n                  <mat-icon aria-hidden=\"true\">update</mat-icon>\r\n                  <small>{{ form.updatedAt | daysAgo }}</small>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n\r\n      @if ((selectForms$ | async)?.length === 0) {\r\n        <div class=\"empty-state\">\r\n          <mat-icon class=\"empty-state-icon\" aria-hidden=\"true\">folder_off</mat-icon>\r\n          <p>No form templates available.</p>\r\n        </div>\r\n      }\r\n    }\r\n  </section>\r\n\r\n  <footer class=\"dialog-actions\">\r\n    <button mat-button (click)=\"close()\" aria-label=\"Close dialog\">\r\n      Close\r\n    </button>\r\n  </footer>\r\n</div>\r\n","\r\n\r\nimport { ConfigurationValidTestInterface, ElementEditorInnerSectionElementInterface, ElementEditorTypes, NgxTFormsConfig, SpecialElementKeys } from \"ngx-t-forms-types\"\r\n\r\n\r\n\r\n\r\nexport function  SubmissionAPIListItemConfig (environment: NgxTFormsConfig): ElementEditorInnerSectionElementInterface[]{\r\n  return [\r\n\r\n      {\r\n        id: '16140923-0542-4d5d-9b63-186c1e91b1a7',\r\n        name: SpecialElementKeys.MatOptionsApiCall,\r\n        editType: ElementEditorTypes.ApiCall,\r\n        required: true,\r\n        postmanCollectionConfig: {\r\n          collectionUrl: environment['POSTMAN_COLLECTION_URL'] as string,\r\n          collectionKey: environment['POSTMAN_COLLECTION_KEY'] as string\r\n        },\r\n        hint: `APIs are loaded from Postman collection. Configure required headers, payload format, and response mapping before use. Ensure API is documented in Postman.`,\r\n        deepBind: ['data'],\r\n        label: 'Select form submission api',\r\n      },\r\n      \r\n      {\r\n        name: SpecialElementKeys.Default,\r\n        deepBind: [\r\n\r\n          'data',\r\n          'backEndConfig',\r\n          'minimumInputRequired',\r\n        ],\r\n        additionalTest: [\r\n          {\r\n            testType: 'exists',\r\n            deepBind: [\r\n\r\n              'data',\r\n              'backEndConfig',\r\n              'minimumInputRequired',\r\n            ],\r\n          } as ConfigurationValidTestInterface\r\n\r\n        ],\r\n        hint: `These are payload fields that are required to be filled in order to fetch data from the selected source`,\r\n        editType: ElementEditorTypes.RequiredInputs,\r\n        label: 'Set up required inputs',\r\n        id: \"2d0f1e18-897b-4c28-97bc-3078be09f8ee\"\r\n      },\r\n      {\r\n        name: SpecialElementKeys.Default,\r\n        deepBind: ['data','projectFormData'],\r\n        editType: ElementEditorTypes.Input,\r\n        label: 'Project form data',\r\n        hint: 'JSON template for the payload. Use {$formValue} to include submitted form data. Example: {\"data\": {$formValue}}',\r\n        id: \"$2d0f1e18-897b-4c28-97bc-3078be09f8ee\"\r\n    },\r\n    ]}\r\nexport const SubmissionAPIOtherConfig : ElementEditorInnerSectionElementInterface[] = [\r\n    {\r\n        id:\"7acaa5d1-fb37-4dc0-9f1a-53b6f36534e0\",\r\n        name:SpecialElementKeys.Default,\r\n        deepBind:['submissionHandle','submissionMessage'],\r\n        editType:ElementEditorTypes.Input,\r\n        label:\"Submission Message\",\r\n        hint:\"Message shown to the user after successful form submission.\",\r\n    },\r\n    {\r\n        id:\"5636c16c-be58-48d9-b701-81fe05573a39\",\r\n        name:SpecialElementKeys.Default,\r\n        deepBind:['submissionHandle','innerComponentShowSubmitButton'],\r\n        editType:ElementEditorTypes.Toggle,\r\n        label:\"Show submit button in inner component form\",\r\n    },\r\n    {\r\n      id:\"c9103faa-eeba-4cf3-b3d0-f25fd05ccb3c\",\r\n      name:SpecialElementKeys.Default,\r\n      deepBind:['systemDefault'],\r\n      editType:ElementEditorTypes.Toggle,\r\n      label:\"Is system default\",\r\n  }\r\n] \r\n  \r\n export const SubmissionDialogConfig = [\r\n    {\r\n        titleIcon:'send',\r\n        id:'44023662-7343-4c93-999d-fc03c54438c3',\r\n        title:'Form Submission Endpoint',\r\n        description:`Choose where to send your form data after submission. Connect to your database, data pipeline, or\r\n            third-party service.`,\r\n        primaryKey:'submissionAPI',\r\n        elements : SubmissionAPIOtherConfig \r\n    },\r\n    {\r\n        titleIcon:'rule',\r\n        title:'Data Validation Rules',\r\n        description:`Define validation rules to ensure data quality before form submission.\r\n            <br>\r\n            <strong>Note:</strong> All validation endpoints must return a boolean value -\r\n            <code>true</code> indicates valid data that will be submitted.`,\r\n        primaryKey:'canSubmitAPI',\r\n        id:'acac6045-5b13-4c8d-a7ee-da194ebbad41',\r\n    }\r\n ]","import { Component, computed, inject } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { SubmissionAPIListItemConfig, SubmissionDialogConfig } from './config';\r\nimport { MAT_DIALOG_DATA, MatDialog, } from '@angular/material/dialog';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { testAgainstItem } from '../../../t-dynamic-data-edit/functions/testData';\r\n\r\nimport { TDynamicDataEditComponent } from '../../../t-dynamic-data-edit/t-dynamic-data-edit.component';\r\n\r\nimport { assignDeepPropertyToObject } from '../../../../../lib/shared';\r\nimport { NGX_T_FORMS_CONFIG_TOKEN } from '../../../../../lib/injection-tokens';\r\n\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { APIDataFetchingConfigurationInterface, ElementEditorInnerSectionElementInterface, validateApiDataFetchingConfiguration } from 'ngx-t-forms-types';\r\nimport { map } from 'rxjs';\r\n\r\n\r\n@Component({\r\n  selector: 'app-form-submissions-config',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, TDynamicDataEditComponent],\r\n\r\n  templateUrl: './form-submissions-config.component.html',\r\n  styleUrl: './form-submissions-config.component.scss',\r\n\r\n})\r\nexport class FormSubmissionsConfigComponent {\r\n  NGX_T_FORMS_CONFIG = inject(NGX_T_FORMS_CONFIG_TOKEN)\r\n\r\n  panels = computed(() => {\r\n    return SubmissionDialogConfig.map((panel) => {\r\n      const error = this.getPanelError(panel)()\r\n      return ({\r\n        ...panel,\r\n        error\r\n      })\r\n    });\r\n  })\r\n\r\n  private getPanelError(panel: typeof SubmissionDialogConfig[0]) {\r\n\r\n    return computed(() => {\r\n      const form = this.form()\r\n      if (panel.primaryKey === 'submissionAPI') {\r\n        return (form?.submissionHandle?.submissionAPI || []).length === 0 ? 'At least one submission API is required' : undefined\r\n      }\r\n      return undefined;\r\n    })\r\n\r\n  }\r\n\r\n\r\n  _data = inject(MAT_DIALOG_DATA)\r\n  store: FormsStoreService = this._data.store\r\n  form = toSignal(\r\n    this.store.selectors.selectFormInEdit$.pipe(map((form) => form?.form)),\r\n    {\r\n      initialValue: undefined\r\n    }\r\n  )\r\n  formInputs = toSignal(\r\n    this.store.formBuilderSelectors.getAllFormInputs$,\r\n    {\r\n      initialValue: []\r\n    }\r\n  )\r\n  getFormApis(key: any) {\r\n    return computed(() => {\r\n      const form = this.form()\r\n      return form?.submissionHandle?.[key as ('submissionAPI' | 'canSubmitAPI')] || []\r\n    })\r\n  }\r\n  // private dialogRef: MatDialogRef<FormSubmissionsConfigComponent>,\r\n  constructor(\r\n  ) {\r\n\r\n\r\n\r\n\r\n  }\r\n  dataPlaceholder: undefined | {\r\n    data: APIDataFetchingConfigurationInterface\r\n  }\r\n  keyInEdit: 'submissionAPI' | 'canSubmitAPI' | undefined = undefined\r\n  get submissionApiListItemConfigElements(): ElementEditorInnerSectionElementInterface[] {\r\n    return SubmissionAPIListItemConfig(this.NGX_T_FORMS_CONFIG).filter((el) => {\r\n      if (!el.additionalTest) {\r\n        return true\r\n      }\r\n      return el.additionalTest.every((test) => {\r\n        return testAgainstItem(test, this.dataPlaceholder || { data: {} })\r\n      })\r\n    })\r\n  }\r\n\r\n\r\n\r\n  formValidationError = toSignal(this.store.formBuilderSelectors.formErrors$, {\r\n    initialValue: []\r\n  })\r\n  readonly computedErrors = (element: ElementEditorInnerSectionElementInterface) => {\r\n    return computed(() => {\r\n      const allErrors = this.formValidationError();\r\n      const errors = allErrors?.filter(error => error.key === element.deepBind?.join('.')) || []\r\n\r\n      return [...[], ...errors];\r\n    })\r\n  }\r\n  validationErrors(element: ElementEditorInnerSectionElementInterface): {\r\n    key: string;\r\n    message: string;\r\n  }[] {\r\n    const val = validateApiDataFetchingConfiguration((this.dataPlaceholder || {})).map((error) => ({\r\n      message: error.message,\r\n      key: 'data.' + error.key\r\n    }))\r\n\r\n    const errors = val?.filter(error => error.key === element.deepBind?.join('.')) || []\r\n    return errors\r\n  }\r\n  elementBlur(\r\n    event: any,\r\n    element: ElementEditorInnerSectionElementInterface\r\n  ) {\r\n    console.info(\"[Admin Panel Input Element Editor] element blur\", event)\r\n  }\r\n  inputChange(event: any, element: ElementEditorInnerSectionElementInterface) {\r\n    console.info(\"[Admin Panel Input Element Editor] input changed\", event)\r\n\r\n    this.elementConfigurationChanged(event, element)\r\n    // this.elementConfigurationChanged(event?.target?.value, element)\r\n  }\r\n  passFormChanges(event: any, element: ElementEditorInnerSectionElementInterface) {\r\n    console.error(\"[Admin Panel Input Element Editor] pass form changes\", event)\r\n    this.formInputChange(event, element)\r\n  }\r\n  formInputChange = (value: any, ele: ElementEditorInnerSectionElementInterface) => this.store.actionsFormBuilder.formInputChange(ele, value)\r\n  elementConfigurationChanged(\r\n    value: any,\r\n    ele: ElementEditorInnerSectionElementInterface\r\n  ) {\r\n\r\n\r\n    const applyTo = { ...this.dataPlaceholder }\r\n    if (ele.clearOnChange) {\r\n      ele.clearOnChange.forEach((clear: string[]) => {\r\n        assignDeepPropertyToObject(\r\n          applyTo,\r\n          clear,\r\n          undefined\r\n        );\r\n      })\r\n\r\n    }\r\n    if (ele.deepBind) {\r\n      assignDeepPropertyToObject(\r\n        applyTo,\r\n        ele.deepBind,\r\n        value\r\n      );\r\n    }\r\n    this.dataPlaceholder = {\r\n      ...applyTo\r\n    } as any\r\n\r\n    // const formClass= this.formBuilder$$.value\r\n    // const form = formClass?.form\r\n    // if (form) {\r\n    //   formClass?.refreshController(form)\r\n    // }\r\n\r\n    // this.formBuilder$$.value?.syncInputController();\r\n    // this.appStatesService.TFormBuilderService$.next(formClass)\r\n\r\n\r\n  }\r\n  addNewSubmitApi(submision: string) {\r\n    this.dataPlaceholder = {\r\n      data: {} as any\r\n    }\r\n    this.keyInEdit = submision as any\r\n\r\n\r\n\r\n  }\r\n  saveSubmitApi() {\r\n\r\n    this.store.actionsFormBuilder.saveSubmitApi(this.dataPlaceholder, this.keyInEdit)\r\n    this.dataPlaceholder = undefined\r\n    this.keyInEdit = undefined\r\n  }\r\n  removeSubmissionApi(api: APIDataFetchingConfigurationInterface, key: string) {\r\n    this.store.actionsFormBuilder.removeSubmissionApi(api, key as any)\r\n    this.dataPlaceholder = undefined\r\n    this.keyInEdit = undefined\r\n\r\n  }\r\n  cancelSubmitApi() {\r\n    this.dataPlaceholder = undefined\r\n    this.keyInEdit = undefined\r\n\r\n  }\r\n  matDialog = inject(MatDialog)\r\n  close() {\r\n    //close mat dialog\r\n    this.matDialog.closeAll()\r\n\r\n  }\r\n\r\n}\r\n","<div class=\"submissions-dialog\">\r\n  <!-- Header: icon + title + subtitle per design rule §4 -->\r\n  <header class=\"dialog-header\">\r\n    <div class=\"header-icon\" aria-hidden=\"true\">\r\n      <mat-icon>settings</mat-icon>\r\n    </div>\r\n    <div class=\"header-text\">\r\n      <h1 class=\"header-title\">Form Submission Configuration</h1>\r\n      <p class=\"header-subtitle\">Configure how your form is submitted and validated before submission.</p>\r\n    </div>\r\n    <button mat-icon-button mat-dialog-close [attr.aria-label]=\"'Close dialog'\" class=\"header-close\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </header>\r\n\r\n  <section class=\"dialog-content\">\r\n    <mat-accordion multi>\r\n      @for (panel of panels(); track panel.id) {\r\n        <mat-expansion-panel [expanded]=\"true\" class=\"config-panel\">\r\n          <mat-expansion-panel-header class=\"panel-header\">\r\n            <mat-panel-title class=\"panel-title\">\r\n              <mat-icon class=\"panel-icon\" [color]=\"'primary'\">{{ panel.titleIcon }}</mat-icon>\r\n              {{ panel.title }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n\r\n          <div class=\"panel-content\">\r\n            <p class=\"panel-description\" [innerHTML]=\"panel.description\"></p>\r\n\r\n            <!-- Dynamic form elements (submission message, toggles, etc.) -->\r\n            @if ((panel?.elements || []).length > 0) {\r\n              <div class=\"edit-section\">\r\n                @for (edit of (panel?.elements || []); track edit.id) {\r\n                  <div class=\"edit-field\">\r\n                    <lib-t-dynamic-data-edit\r\n                      [editorConfig]=\"edit\"\r\n                      [data]=\"form()\"\r\n                      [validationErrors]=\"(computedErrors(edit)()) || []\"\r\n                      (valueChange)=\"passFormChanges($event, edit)\"\r\n                      [formInputs]=\"(formInputs()) || []\"\r\n                      (blur)=\"elementBlur($event, edit)\">\r\n                    </lib-t-dynamic-data-edit>\r\n                  </div>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            <!-- API endpoints list -->\r\n            <div class=\"api-section\">\r\n              <h3 class=\"api-section-header\" [class.api-section-header--error]=\"panel.error\">\r\n                {{ panel.primaryKey === 'submissionAPI' ? 'Submission Endpoints' : 'Validation Endpoints' }}\r\n              </h3>\r\n\r\n              @if ((getFormApis(panel.primaryKey)()).length === 0) {\r\n                <div class=\"empty-state\" [class.empty-state--error]=\"panel.error\">\r\n                  <mat-icon class=\"empty-state-icon\">add_link</mat-icon>\r\n                  <p>\r\n                    {{ panel.primaryKey === 'submissionAPI'\r\n                      ? 'No submission endpoints configured. Add one to send form data.'\r\n                      : 'No validation endpoints configured. Add one to validate data before submission.' }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (api of getFormApis(panel.primaryKey)(); track api._id) {\r\n                <div class=\"api-list-item\">\r\n                  <span class=\"api-method-tag\" [class.api-method-tag--post]=\"api.httpMethod === 'POST'\">\r\n                    {{ api.httpMethod }}\r\n                  </span>\r\n                  <div class=\"api-details\">\r\n                    <span class=\"api-name\">{{ api.name }}</span>\r\n                    <span class=\"api-endpoint\" [matTooltip]=\"api.httpEndPoint\" matTooltipPosition=\"above\">\r\n                      {{ api.httpEndPoint }}\r\n                    </span>\r\n                  </div>\r\n                  <div class=\"api-item-actions\">\r\n                    <button\r\n                      [cdkCopyToClipboard]=\"api.httpEndPoint || ''\"\r\n                      mat-icon-button\r\n                      matTooltip=\"Copy URL\"\r\n                      [attr.aria-label]=\"'Copy endpoint URL'\"\r\n                      class=\"api-copy-btn\"\r\n                      (click)=\"$event.stopPropagation()\">\r\n                      <mat-icon>content_copy</mat-icon>\r\n                    </button>\r\n                    <button\r\n                      (click)=\"removeSubmissionApi(api,panel.primaryKey)\"\r\n                      mat-icon-button\r\n                      matTooltip=\"Remove endpoint\"\r\n                      [attr.aria-label]=\"'Remove endpoint ' + api.name\"\r\n                      class=\"api-remove-btn\">\r\n                      <mat-icon>delete</mat-icon>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <mat-divider></mat-divider>\r\n              }\r\n\r\n              @if (keyInEdit !== panel.primaryKey) {\r\n                <div class=\"api-actions\">\r\n                  <button\r\n                    (click)=\"addNewSubmitApi(panel.primaryKey)\"\r\n                    mat-stroked-button\r\n                    color=\"primary\"\r\n                    class=\"add-endpoint-btn\">\r\n                    <mat-icon>add</mat-icon>\r\n                    Add new endpoint\r\n                  </button>\r\n                </div>\r\n              }\r\n\r\n              @if (panel.error) {\r\n                <mat-error class=\"panel-error\">{{ panel.error }}</mat-error>\r\n              }\r\n            </div>\r\n\r\n            <!-- Inline edit form for new/editing endpoint -->\r\n            @if (keyInEdit === panel.primaryKey) {\r\n              <div class=\"edit-section edit-section--inline\">\r\n                @for (element of submissionApiListItemConfigElements; track element.id) {\r\n                  <div class=\"edit-field\">\r\n                    <lib-t-dynamic-data-edit\r\n                      [editorConfig]=\"element\"\r\n                      [data]=\"dataPlaceholder\"\r\n                      [validationErrors]=\"validationErrors(element)\"\r\n                      (valueChange)=\"inputChange($event, element)\"\r\n                      [formInputs]=\"(formInputs()) || []\"\r\n                      (blur)=\"elementBlur($event, element)\">\r\n                    </lib-t-dynamic-data-edit>\r\n                  </div>\r\n                }\r\n                <mat-divider></mat-divider>\r\n                <div class=\"inline-edit-actions\">\r\n                  <button mat-flat-button (click)=\"saveSubmitApi()\" color=\"primary\">Save</button>\r\n                  <button mat-button (click)=\"cancelSubmitApi()\" color=\"warn\">Cancel</button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n        </mat-expansion-panel>\r\n      }\r\n    </mat-accordion>\r\n  </section>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, inject } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { FormJsonViewComponent } from '../form-json-view/form-json-view.component';\r\nimport { combineLatest, map, take, } from 'rxjs';\r\nimport { CdkDrag } from '@angular/cdk/drag-drop';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { SelectFormTemplateComponent } from '../select-form-template/select-form-template.component';\r\nimport { FormSubmissionsConfigComponent } from '../form-submissions-config/form-submissions-config.component'\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\nimport { FormInterface } from 'ngx-t-forms-types';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\n\r\n@Component({\r\n  selector: 'app-forms-builder-menu',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormJsonViewComponent, CdkDrag],\r\n  templateUrl: './forms-builder-menu.component.html',\r\n  styleUrl: './forms-builder-menu.component.scss',\r\n})\r\nexport class FormsBuilderMenuComponent {\r\n  form$ = this.store.selectors.selectFormInEdit$.pipe(map((form) => form?.form))\r\n\r\n\r\n  showJson = false;\r\n  \r\n snackBar = inject(MatSnackBar);\r\n  constructor(private store: FormsStoreService) { }\r\n\r\n\r\n\r\n\r\n  formCopy$ = this.form$.pipe(\r\n    map((\r\n      form\r\n    ) => JSON.stringify(form || {}))\r\n  )\r\n  readonly dialog = inject(MatDialog);\r\n  openDialog() {\r\n    const dialogRef = this.dialog.open(SelectFormTemplateComponent);\r\n\r\n    dialogRef.afterClosed().pipe(take(1)).subscribe(form => {\r\n      if (form) {\r\n        this.applyFormTemplate(form)\r\n      }\r\n    });\r\n  }\r\n  \r\n  applyFormTemplate = (form: FormInterface) => this.store.actionsFormBuilder.applyFormTemplate(form)\r\n  openFormSubmissionDialog() {\r\n\r\n    const dialogRef = this.dialog.open(FormSubmissionsConfigComponent\r\n      , {\r\n        data: {\r\n          store: this.store\r\n        }\r\n      })\r\n\r\n    dialogRef.afterClosed().pipe(take(1)).subscribe(data => {\r\n      if (data) {\r\n        console.log(data)\r\n\r\n      }\r\n    });\r\n  }\r\n  errors$ = this.store.formBuilderSelectors.formErrors$\r\n\r\n  configHasErrors$ =  this.errors$.pipe(\r\n    map(errors => errors?.some(error => error.key.split('.')?.[0] === 'submissionHandle'))\r\n  )\r\n  items$ = this.configHasErrors$.pipe(\r\n    map(configHasErrors =>{\r\n   \r\n      return [\r\n        {\r\n          label: \"Templates\",\r\n          icon: \"content_copy\",\r\n          hint: \"Select a form to apply as a template\",\r\n          action: () => this.openDialog()\r\n        },\r\n        {\r\n          label: \"Submission Config\",\r\n          hint: \"Setup form submission api and other configurations\",\r\n          icon: \"api\",\r\n          errors: configHasErrors,\r\n          action: () => this.openFormSubmissionDialog()\r\n        },\r\n      ]\r\n    })\r\n  )\r\n  vm$ = combineLatest(\r\n    [\r\n      this.items$,\r\n      this.form$,\r\n      this.formCopy$,\r\n      this\r\n.configHasErrors$\r\n    ]\r\n  ).pipe(\r\n    map(([items, form, formCopy,configHasErrors]) => ({ items, form, formCopy,configHasErrors }))\r\n  )\r\n\r\n}\r\n","\r\n<ng-container *ngIf=\"(  vm$|async) as vm\">\r\n\r\n    <button [matBadge]=\"'!'\" matBadgeColor=\"warn\" [matTooltip]=\"vm.configHasErrors === false?'\r\n    Click to view form configuration \r\n    ':'Click to fix or add missing form configurations'\" [matBadgeHidden]=\"!!(vm.configHasErrors) === false\"\r\n        [matMenuTriggerFor]=\"configMenu\" mat-flat-button>\r\n        Config\r\n        <mat-icon>\r\n            settings_suggest\r\n        </mat-icon>\r\n    </button>\r\n    \r\n    <mat-menu #configMenu=\"matMenu\">\r\n    \r\n    \r\n        <div mat-subheader style=\"padding-left: 16px;\">Form edit options</div>\r\n        @for(item of vm.items;track item){\r\n        <button [matTooltip]=\"item.hint\" matTooltipPosition=\"right\" style=\"padding-top:4px;padding-bottom:4px\"\r\n            (click)=\"item?.action()\" mat-menu-item>\r\n            <mat-icon>{{item.icon}}</mat-icon>\r\n    \r\n            <span>\r\n                @if (item.errors) {\r\n                <div style=\"line-height: normal;\"ks>\r\n                    {{item.label}}\r\n                </div>\r\n                <div style=\"line-height: normal;\">\r\n    \r\n                    <mat-error>\r\n                        <small>\r\n                            Invalid configurations\r\n                        </small>\r\n    \r\n                    </mat-error>\r\n                </div>\r\n                }@else {\r\n    \r\n                {{item.label}}\r\n    \r\n                }\r\n    \r\n    \r\n            </span>\r\n    \r\n        </button>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        <button [matTooltip]=\"showJson?'Hide json':'Show json'\" (click)=\"showJson= !showJson\" mat-menu-item>\r\n            <mat-icon>data_object</mat-icon>\r\n    \r\n            <span>\r\n                <div>\r\n                    Show json\r\n                </div>\r\n    \r\n    \r\n    \r\n            </span>\r\n        </button>\r\n        \r\n    </mat-menu>\r\n    \r\n    <div *ngIf=\"showJson\" class=\"DragBoundary\">\r\n        @defer (on viewport) {\r\n        <mat-card cdkDragBoundary=\"DragBoundary\" cdkDrag class=\"menuCard\">\r\n            <mat-toolbar\r\n                style=\"background: var(--mat-sidenav-content-background-color);color:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))\">\r\n                <span>\r\n                    Json Form Value\r\n                </span>\r\n                <span class=\"spacer\"></span>\r\n    \r\n                <mat-icon cdkDragHandle style=\"\r\n                margin:8px;\r\n                color:var(--mat-divider-color, var(--mat-app-outline))\">\r\n                    drag_indicator\r\n                </mat-icon>\r\n            </mat-toolbar>\r\n            <mat-divider style=\"margin-bottom: 12px;\"></mat-divider>\r\n    \r\n    \r\n            <mat-card-content style=\" overflow-y: auto;\r\n        max-height: calc(100vh - 150px);\">\r\n                <app-form-json-view></app-form-json-view>\r\n            </mat-card-content>\r\n            <mat-card-actions>\r\n                <span class=\"spacer\"></span>\r\n                <button (click)=\"showJson = false\" mat-flat-button>\r\n                    Close\r\n                </button>\r\n                <button color=\"primary\" [cdkCopyToClipboard]=\"(vm.formCopy)||''\" matTooltip=\"Copy json to clipboard\"\r\n                    mat-flat-button>\r\n                    Copy\r\n                </button>\r\n    \r\n            </mat-card-actions>\r\n    \r\n    \r\n        </mat-card>\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=\"20\" />\r\n          </div>\r\n      \r\n        }\r\n    </div>\r\n</ng-container>\r\n"],"names":["i1.FormsStoreService","i3","i4","i5","i6","i7","i8","i9","i10","i11","i2","i12","i13","i14","i15"],"mappings":"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"}