npm - ngx-t-forms - Versions diffs - 2.0.31 → 2.0.32 - Mend

ngx-t-forms 2.0.31 → 2.0.32

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

Files changed (96) hide show

package/fesm2022/{ngx-t-forms-form-payload-projection.component-CDkTuX9S.mjs.map → ngx-t-forms-form-payload-projection.component-Ip9ewB18.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-form-payload-projection.component-CDkTuX9S.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-payload-projection/projection-expression.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-payload-projection/form-payload-projection.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-payload-projection/form-payload-projection.component.html"],"sourcesContent":["/*\n Parser/serialiser for the `projectFormData` submission expression.\n \n At runtime the expression is consumed by `destructureObject({ $formValue: form }, expr)`,\n * so the only token available is `$formValue` — the entire submitted form. The\n * sole authoring choice is therefore whether to send the form fields flat or to\n * nest the whole payload under one or more named keys. This module bridges that\n * raw string and the guided builder's structured model.\n /\n\n/* Token that resolves to the entire submitted form payload at runtime. /\nexport const FORM_VALUE_TOKEN = '$formValue';\n\n/* Default envelope: the whole form nested under a `data` key. /\nexport const DEFAULT_PROJECTION = `data:{${FORM_VALUE_TOKEN}}`;\n\n/\n Structured model behind the guided \"Project form data\" editor.\n \n @remarks `keys` empty ⇒ send fields at the top level; each key nests the whole\n * form under that name (`{ key: { ...form } }`).\n /\nexport interface ProjectionModel {\n /* Keys to nest the whole form under. Empty ⇒ send fields at the top level. /\n readonly keys: readonly string[];\n}\n\n/* Matches a single `alias:{token}` envelope entry. /\nconst ENVELOPE = /^([^:]+):\\{(.+)\\}$/;\n\n/\n Parses a `projectFormData` expression into the guided model (best-effort).\n * Unrecognised entries are kept as literal keys so nothing is silently dropped.\n /\nexport function parseProjection(expression: string \| null \| undefined): ProjectionModel {\n if (!expression) return { keys: [] };\n const keys = expression\n .split(',')\n .map((entry) => entry.trim())\n .filter(Boolean)\n .map((entry) => {\n const match = ENVELOPE.exec(entry);\n // `alias:{$formValue}` ⇒ alias; a bare token (or any other entry) ⇒ literal key.\n return (match?.[1] ?? entry).trim();\n })\n .filter(Boolean);\n return { keys };\n}\n\n/* Serialises the guided model back to a `projectFormData` expression. /\nexport function serializeProjection(model: ProjectionModel): string {\n return model.keys\n .map((key) => key.trim())\n .filter(Boolean)\n .map((key) => `${key}:{${FORM_VALUE_TOKEN}}`)\n .join(', ');\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n computed,\n effect,\n input,\n output,\n signal,\n} from '@angular/core';\nimport { JsonPipe } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { FormColumnInputs } from 'ngx-t-forms-types';\n\nimport {\n DEFAULT_PROJECTION,\n parseProjection,\n serializeProjection,\n} from './projection-expression';\n\n/* Validation error surfaced by the parent editor for display. /\ninterface ProjectionError {\n readonly key: string;\n readonly message: string;\n}\n\n/\n Guided editor for a form's `projectFormData` submission expression.\n \n Replaces the raw `data:{$formValue}` text field with a no-code chooser: send\n * the form fields flat, or wrap the whole payload under one or more named keys —\n * with a live preview of the resulting JSON shape. The runtime engine only\n * exposes the whole form (`$formValue`), so the model is intentionally a simple\n * list of envelope keys (see {@link parseProjection}).\n \n @example\n * <lib-form-payload-projection [value]=\"expr()\" [formInputs]=\"inputs()\"\n * (valueChanged)=\"onExpr($event)\" />\n /\n@Component({\n selector: 'lib-form-payload-projection',\n templateUrl: './form-payload-projection.component.html',\n styleUrl: './form-payload-projection.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.Emulated,\n host: { class: 'lib-form-payload-projection' },\n imports: [JsonPipe, MatButtonModule, MatButtonToggleModule, MatIconModule, MatTooltipModule],\n})\nexport class FormPayloadProjectionComponent {\n /* Current `projectFormData` expression. /\n readonly value = input<string>('');\n\n /* Whether the editor is read-only. /\n readonly disabled = input<boolean>(false);\n\n /* The form's inputs — used to sketch the payload shape in the preview. /\n readonly formInputs = input<FormColumnInputs[]>([]);\n\n /* Validation errors surfaced by the parent for display. /\n readonly errors = input<ProjectionError[]>([]);\n\n /* Emits the serialised expression whenever the user changes the mapping. /\n readonly valueChanged = output<string>();\n\n /* Envelope keys the whole form is nested under. Empty ⇒ sent flat. /\n protected readonly keys = signal<string[]>([]);\n\n /* 'flat' = top-level fields; 'wrap' = nested under key(s). /\n protected readonly mode = computed<'flat' \| 'wrap'>(() => (this.keys().length > 0 ? 'wrap' : 'flat'));\n\n /\n The last expression we synced from / emitted. Guards the input bridge so our\n * own round-tripped emissions don't clobber in-progress edits (the parent\n * debounces and echoes the value back through `value`).\n /\n #lastSynced: string \| undefined = undefined;\n\n protected readonly valueBridge = effect(() => {\n const incoming = this.value() ?? '';\n if (incoming === this.#lastSynced) return;\n this.#lastSynced = incoming;\n this.keys.set([...parseProjection(incoming).keys]);\n });\n\n /* A sample of the form payload (field name → placeholder) for the preview. /\n readonly #sampleForm = computed<Record<string, unknown>>(() => {\n const sample: Record<string, unknown> = {};\n for (const column of this.formInputs()) {\n if (column.multipleInputInEditId \|\| !column.formControlName) continue;\n sample[column.formControlName] = '…';\n if (Object.keys(sample).length >= 8) break;\n }\n if (Object.keys(sample).length === 0) sample['field'] = '…';\n return sample;\n });\n\n /* Live preview of the JSON shape sent to the endpoint. /\n protected readonly preview = computed<unknown>(() => {\n const keys = this.keys().map((k) => k.trim()).filter(Boolean);\n const sample = this.#sampleForm();\n if (keys.length === 0) return sample;\n const out: Record<string, unknown> = {};\n for (const key of keys) out[key] = sample;\n return out;\n });\n\n /* Switches between flat and wrapped modes (seeding a default key on first wrap). /\n protected setMode(mode: 'flat' \| 'wrap'): void {\n if (mode === 'flat') {\n this.#apply([]);\n return;\n }\n if (this.keys().length === 0) this.#apply(['data']);\n }\n\n protected addKey(): void {\n this.#apply([...this.keys(), '']);\n }\n\n protected updateKey(index: number, key: string): void {\n this.#apply(this.keys().map((k, i) => (i === index ? key : k)));\n }\n\n protected removeKey(index: number): void {\n this.#apply(this.keys().filter((_, i) => i !== index));\n }\n\n /* Reads a native input's value from a DOM event (keeps the template `any`-free). /\n protected inputValue(event: Event): string {\n return (event.target as HTMLInputElement).value;\n }\n\n protected trackByIndex(index: number): number {\n return index;\n }\n\n /* Reset to the recommended default (`data:{$formValue}`). */\n protected resetToDefault(): void {\n this.#apply([...parseProjection(DEFAULT_PROJECTION).keys]);\n }\n\n #apply(keys: string[]): void {\n if (this.disabled()) return;\n this.keys.set(keys);\n const serialized = serializeProjection({ keys });\n // Pre-record so the echoed value (see valueBridge) is ignored, preserving\n // empty in-progress key rows that serialise away.\n this.#lastSynced = serialized;\n this.valueChanged.emit(serialized);\n }\n}\n","<div class=\"projection\">\n <p class=\"hint-line\">\n <mat-icon class=\"info-icon\">help_outline</mat-icon>\n <span>Choose how the submitted form is shaped before it is sent to the endpoint.</span>\n </p>\n\n <mat-button-toggle-group class=\"mode-toggle\" [value]=\"mode()\" hideSingleSelectionIndicator\n [disabled]=\"disabled()\" (change)=\"setMode($event.value)\" aria-label=\"Payload shape\">\n <mat-button-toggle value=\"flat\" matTooltip=\"Send each field at the top level\">\n <mat-icon>list</mat-icon> Top level\n </mat-button-toggle>\n <mat-button-toggle value=\"wrap\" matTooltip=\"Nest the whole form under a key\">\n <mat-icon>data_object</mat-icon> Wrap under key\n </mat-button-toggle>\n </mat-button-toggle-group>\n\n @if (mode() === 'wrap') {\n <div class=\"keys\">\n <span class=\"field-label\">Wrap the form under</span>\n @for (key of keys(); track trackByIndex($index); let i = $index) {\n <div class=\"key-row\">\n <span class=\"key-prefix\" aria-hidden=\"true\">{</span>\n <input class=\"key-input\" [value]=\"key\" [disabled]=\"disabled()\"\n placeholder=\"e.g. data, payload\" [attr.aria-label]=\"'Wrapper key ' + (i + 1)\"\n (input)=\"updateKey(i, inputValue($event))\">\n <span class=\"key-suffix\" aria-hidden=\"true\">: form}</span>\n <button type=\"button\" class=\"key-remove\" [disabled]=\"disabled()\" matTooltip=\"Remove key\"\n [attr.aria-label]=\"'Remove wrapper key ' + (i + 1)\" (click)=\"removeKey(i)\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n }\n <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" (click)=\"addKey()\">\n <mat-icon>add</mat-icon> Add another key\n </button>\n </div>\n } @else {\n <p class=\"hint-line subtle\">\n <mat-icon class=\"info-icon\">info</mat-icon>\n <span>Every field is sent at the top level of the request body.</span>\n </p>\n }\n\n <div class=\"preview\">\n <div class=\"preview-head\">\n <span class=\"field-label\">Sent to the endpoint</span>\n <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" matTooltip=\"Reset to the recommended shape\"\n (click)=\"resetToDefault()\">\n <mat-icon>restart_alt</mat-icon> Reset\n </button>\n </div>\n <pre class=\"preview-json\">{{ preview() \| json }}</pre>\n </div>\n\n @for (error of errors(); track error.key) {\n <p class=\"error-line\">{{ error.message }}</p>\n }\n</div>\n"],"names":["i1","i2","i3"],"mappings":";;;;;;;;;;;AAAA;;;;;;;;AAQG;AAEH;AACO,MAAM,gBAAgB,GAAG,YAAY;AAE5C;AACO,MAAM,kBAAkB,GAAG,CAAA,MAAA,EAAS,gBAAgB,GAAG;AAa9D;AACA,MAAM,QAAQ,GAAG,oBAAoB;AAErC;;;AAGG;AACG,SAAU,eAAe,CAAC,UAAqC,EAAA;AACnE,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG;SACV,KAAK,CAAC,GAAG;SACT,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE;SAC3B,MAAM,CAAC,OAAO;AACd,SAAA,GAAG,CAAC,CAAC,KAAK,KAAI;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;;AAElC,QAAA,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE;AACrC,IAAA,CAAC;SACA,MAAM,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,IAAI,EAAE;AACjB;AAEA;AACM,SAAU,mBAAmB,CAAC,KAAsB,EAAA;IACxD,OAAO,KAAK,CAAC;SACV,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,EAAE;SACvB,MAAM,CAAC,OAAO;SACd,GAAG,CAAC,CAAC,GAAG,KAAK,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,gBAAgB,CAAA,CAAA,CAAG;SAC3C,IAAI,CAAC,IAAI,CAAC;AACf;;ACzBA;;;;;;;;;;;;AAYG;MAUU,8BAA8B,CAAA;AAT3C,IAAA,WAAA,GAAA;;AAWW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;;AAGzB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;AAGhC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAqB,EAAE,iFAAC;;AAG1C,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAoB,EAAE,6EAAC;;QAGrC,IAAA,CAAA,YAAY,GAAG,MAAM,EAAU;;AAGrB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAW,EAAE,2EAAC;;QAG3B,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAkB,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAErG;;;;AAIG;QACH,IAAA,CAAA,WAAW,GAAuB,SAAS;AAExB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,MAAK;YAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;AACnC,YAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,WAAW;gBAAE;AACnC,YAAA,IAAI,CAAC,WAAW,GAAG,QAAQ;AAC3B,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;AACpD,QAAA,CAAC,kFAAC;;AAGO,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAA0B,MAAK;YAC5D,MAAM,MAAM,GAA4B,EAAE;YAC1C,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACtC,gBAAA,IAAI,MAAM,CAAC,qBAAqB,IAAI,CAAC,MAAM,CAAC,eAAe;oBAAE;AAC7D,gBAAA,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,GAAG;gBACpC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,CAAC;oBAAE;YACvC;YACA,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;AAAE,gBAAA,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG;AAC3D,YAAA,OAAO,MAAM;AACf,QAAA,CAAC,kFAAC;;AAGiB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAU,MAAK;YAClD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AAC7D,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AACjC,YAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,gBAAA,OAAO,MAAM;YACpC,MAAM,GAAG,GAA4B,EAAE;YACvC,KAAK,MAAM,GAAG,IAAI,IAAI;AAAE,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM;AACzC,YAAA,OAAO,GAAG;AACZ,QAAA,CAAC,8EAAC;AA8CH,IAAA;AAhFC;;;;AAIG;AACH,IAAA,WAAW;;AAUF,IAAA,WAAW;;AAsBV,IAAA,OAAO,CAAC,IAAqB,EAAA;AACrC,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACf;QACF;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;AAAE,YAAA,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACrD;IAEU,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACnC;IAEU,SAAS,CAAC,KAAa,EAAE,GAAW,EAAA;AAC5C,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACjE;AAEU,IAAA,SAAS,CAAC,KAAa,EAAA;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;IACxD;;AAGU,IAAA,UAAU,CAAC,KAAY,EAAA;AAC/B,QAAA,OAAQ,KAAK,CAAC,MAA2B,CAAC,KAAK;IACjD;AAEU,IAAA,YAAY,CAAC,KAAa,EAAA;AAClC,QAAA,OAAO,KAAK;IACd;;IAGU,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5D;AAEA,IAAA,MAAM,CAAC,IAAc,EAAA;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QACnB,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC;;;AAGhD,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU;AAC7B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;IACpC;+GArGW,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,6BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrD3C,8hFA0DA,EAAA,MAAA,EAAA,CAAA,y5EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDPsB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,8BAAA,EAAA,gCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAjF,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEP,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAT1C,SAAS;+BACE,6BAA6B,EAAA,eAAA,EAGtB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAA,OAAA,EACrC,CAAC,QAAQ,EAAE,eAAe,EAAE,qBAAqB,EAAE,aAAa,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,8hFAAA,EAAA,MAAA,EAAA,CAAA,y5EAAA,CAAA,EAAA;;;;;"}
1	+ {"version":3,"file":"ngx-t-forms-form-payload-projection.component-Ip9ewB18.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-payload-projection/projection-expression.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-payload-projection/form-payload-projection.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-payload-projection/form-payload-projection.component.html"],"sourcesContent":["/*\n Parser/serialiser for the `projectFormData` submission expression.\n \n At runtime the expression is consumed by `destructureObject({ $formValue: form }, expr)`,\n * so the only token available is `$formValue` — the entire submitted form. The\n * sole authoring choice is therefore whether to send the form fields flat or to\n * nest the whole payload under one or more named keys. This module bridges that\n * raw string and the guided builder's structured model.\n /\n\n/* Token that resolves to the entire submitted form payload at runtime. /\nexport const FORM_VALUE_TOKEN = '$formValue';\n\n/* Default envelope: the whole form nested under a `data` key. /\nexport const DEFAULT_PROJECTION = `data:{${FORM_VALUE_TOKEN}}`;\n\n/\n Structured model behind the guided \"Project form data\" editor.\n \n @remarks `keys` empty ⇒ send fields at the top level; each key nests the whole\n * form under that name (`{ key: { ...form } }`).\n /\nexport interface ProjectionModel {\n /* Keys to nest the whole form under. Empty ⇒ send fields at the top level. /\n readonly keys: readonly string[];\n}\n\n/* Matches a single `alias:{token}` envelope entry. /\nconst ENVELOPE = /^([^:]+):\\{(.+)\\}$/;\n\n/\n Parses a `projectFormData` expression into the guided model (best-effort).\n * Unrecognised entries are kept as literal keys so nothing is silently dropped.\n /\nexport function parseProjection(expression: string \| null \| undefined): ProjectionModel {\n if (!expression) return { keys: [] };\n const keys = expression\n .split(',')\n .map((entry) => entry.trim())\n .filter(Boolean)\n .map((entry) => {\n const match = ENVELOPE.exec(entry);\n // `alias:{$formValue}` ⇒ alias; a bare token (or any other entry) ⇒ literal key.\n return (match?.[1] ?? entry).trim();\n })\n .filter(Boolean);\n return { keys };\n}\n\n/* Serialises the guided model back to a `projectFormData` expression. /\nexport function serializeProjection(model: ProjectionModel): string {\n return model.keys\n .map((key) => key.trim())\n .filter(Boolean)\n .map((key) => `${key}:{${FORM_VALUE_TOKEN}}`)\n .join(', ');\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n computed,\n effect,\n input,\n output,\n signal,\n} from '@angular/core';\nimport { JsonPipe } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { FormColumnInputs } from 'ngx-t-forms-types';\n\nimport {\n DEFAULT_PROJECTION,\n parseProjection,\n serializeProjection,\n} from './projection-expression';\n\n/* Validation error surfaced by the parent editor for display. /\ninterface ProjectionError {\n readonly key: string;\n readonly message: string;\n}\n\n/\n Guided editor for a form's `projectFormData` submission expression.\n \n Replaces the raw `data:{$formValue}` text field with a no-code chooser: send\n * the form fields flat, or wrap the whole payload under one or more named keys —\n * with a live preview of the resulting JSON shape. The runtime engine only\n * exposes the whole form (`$formValue`), so the model is intentionally a simple\n * list of envelope keys (see {@link parseProjection}).\n \n @example\n * <lib-form-payload-projection [value]=\"expr()\" [formInputs]=\"inputs()\"\n * (valueChanged)=\"onExpr($event)\" />\n /\n@Component({\n selector: 'lib-form-payload-projection',\n templateUrl: './form-payload-projection.component.html',\n styleUrl: './form-payload-projection.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.Emulated,\n host: { class: 'lib-form-payload-projection' },\n imports: [JsonPipe, MatButtonModule, MatButtonToggleModule, MatIconModule, MatTooltipModule],\n})\nexport class FormPayloadProjectionComponent {\n /* Current `projectFormData` expression. /\n readonly value = input<string>('');\n\n /* Whether the editor is read-only. /\n readonly disabled = input<boolean>(false);\n\n /* The form's inputs — used to sketch the payload shape in the preview. /\n readonly formInputs = input<FormColumnInputs[]>([]);\n\n /* Validation errors surfaced by the parent for display. /\n readonly errors = input<ProjectionError[]>([]);\n\n /* Emits the serialised expression whenever the user changes the mapping. /\n readonly valueChanged = output<string>();\n\n /* Envelope keys the whole form is nested under. Empty ⇒ sent flat. /\n protected readonly keys = signal<string[]>([]);\n\n /* 'flat' = top-level fields; 'wrap' = nested under key(s). /\n protected readonly mode = computed<'flat' \| 'wrap'>(() => (this.keys().length > 0 ? 'wrap' : 'flat'));\n\n /\n The last expression we synced from / emitted. Guards the input bridge so our\n * own round-tripped emissions don't clobber in-progress edits (the parent\n * debounces and echoes the value back through `value`).\n /\n #lastSynced: string \| undefined = undefined;\n\n protected readonly valueBridge = effect(() => {\n const incoming = this.value() ?? '';\n if (incoming === this.#lastSynced) return;\n this.#lastSynced = incoming;\n this.keys.set([...parseProjection(incoming).keys]);\n });\n\n /* A sample of the form payload (field name → placeholder) for the preview. /\n readonly #sampleForm = computed<Record<string, unknown>>(() => {\n const sample: Record<string, unknown> = {};\n for (const column of this.formInputs()) {\n if (column.multipleInputInEditId \|\| !column.formControlName) continue;\n sample[column.formControlName] = '…';\n if (Object.keys(sample).length >= 8) break;\n }\n if (Object.keys(sample).length === 0) sample['field'] = '…';\n return sample;\n });\n\n /* Live preview of the JSON shape sent to the endpoint. /\n protected readonly preview = computed<unknown>(() => {\n const keys = this.keys().map((k) => k.trim()).filter(Boolean);\n const sample = this.#sampleForm();\n if (keys.length === 0) return sample;\n const out: Record<string, unknown> = {};\n for (const key of keys) out[key] = sample;\n return out;\n });\n\n /* Switches between flat and wrapped modes (seeding a default key on first wrap). /\n protected setMode(mode: 'flat' \| 'wrap'): void {\n if (mode === 'flat') {\n this.#apply([]);\n return;\n }\n if (this.keys().length === 0) this.#apply(['data']);\n }\n\n protected addKey(): void {\n this.#apply([...this.keys(), '']);\n }\n\n protected updateKey(index: number, key: string): void {\n this.#apply(this.keys().map((k, i) => (i === index ? key : k)));\n }\n\n protected removeKey(index: number): void {\n this.#apply(this.keys().filter((_, i) => i !== index));\n }\n\n /* Reads a native input's value from a DOM event (keeps the template `any`-free). /\n protected inputValue(event: Event): string {\n return (event.target as HTMLInputElement).value;\n }\n\n protected trackByIndex(index: number): number {\n return index;\n }\n\n /* Reset to the recommended default (`data:{$formValue}`). */\n protected resetToDefault(): void {\n this.#apply([...parseProjection(DEFAULT_PROJECTION).keys]);\n }\n\n #apply(keys: string[]): void {\n if (this.disabled()) return;\n this.keys.set(keys);\n const serialized = serializeProjection({ keys });\n // Pre-record so the echoed value (see valueBridge) is ignored, preserving\n // empty in-progress key rows that serialise away.\n this.#lastSynced = serialized;\n this.valueChanged.emit(serialized);\n }\n}\n","<div class=\"projection\">\n <p class=\"hint-line\">\n <mat-icon class=\"info-icon\">help_outline</mat-icon>\n <span>Choose how the submitted form is shaped before it is sent to the endpoint.</span>\n </p>\n\n <mat-button-toggle-group class=\"mode-toggle\" [value]=\"mode()\" hideSingleSelectionIndicator\n [disabled]=\"disabled()\" (change)=\"setMode($event.value)\" aria-label=\"Payload shape\">\n <mat-button-toggle value=\"flat\" matTooltip=\"Send each field at the top level\">\n <mat-icon>list</mat-icon> Top level\n </mat-button-toggle>\n <mat-button-toggle value=\"wrap\" matTooltip=\"Nest the whole form under a key\">\n <mat-icon>data_object</mat-icon> Wrap under key\n </mat-button-toggle>\n </mat-button-toggle-group>\n\n @if (mode() === 'wrap') {\n <div class=\"keys\">\n <span class=\"field-label\">Wrap the form under</span>\n @for (key of keys(); track trackByIndex($index); let i = $index) {\n <div class=\"key-row\">\n <span class=\"key-prefix\" aria-hidden=\"true\">{</span>\n <input class=\"key-input\" [value]=\"key\" [disabled]=\"disabled()\"\n placeholder=\"e.g. data, payload\" [attr.aria-label]=\"'Wrapper key ' + (i + 1)\"\n (input)=\"updateKey(i, inputValue($event))\">\n <span class=\"key-suffix\" aria-hidden=\"true\">: form}</span>\n <button type=\"button\" class=\"key-remove\" [disabled]=\"disabled()\" matTooltip=\"Remove key\"\n [attr.aria-label]=\"'Remove wrapper key ' + (i + 1)\" (click)=\"removeKey(i)\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n }\n <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" (click)=\"addKey()\">\n <mat-icon>add</mat-icon> Add another key\n </button>\n </div>\n } @else {\n <p class=\"hint-line subtle\">\n <mat-icon class=\"info-icon\">info</mat-icon>\n <span>Every field is sent at the top level of the request body.</span>\n </p>\n }\n\n <div class=\"preview\">\n <div class=\"preview-head\">\n <span class=\"field-label\">Sent to the endpoint</span>\n <button type=\"button\" class=\"link-btn\" [disabled]=\"disabled()\" matTooltip=\"Reset to the recommended shape\"\n (click)=\"resetToDefault()\">\n <mat-icon>restart_alt</mat-icon> Reset\n </button>\n </div>\n <pre class=\"preview-json\">{{ preview() \| json }}</pre>\n </div>\n\n @for (error of errors(); track error.key) {\n <p class=\"error-line\">{{ error.message }}</p>\n }\n</div>\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-form-section-stepper.component-Bs50-nEB.mjs → ngx-t-forms-form-section-stepper.component-BPgPfZSy.mjs} RENAMED Viewed

@@ -29,7 +29,7 @@ import { take, filter, tap, map, Subject, timer, takeUntil } from 'rxjs';
 import * as i7 from 'ngx-ui-tour-md-menu';
 import { TourMatMenu } from 'ngx-ui-tour-md-menu';
 import { validateFormColumnInputs } from 'ngx-t-forms-types';
-import { c as TFormEngine, F as FormsStoreService, d as TourManagerService, e as getSubmissionStatusFn } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { c as TFormEngine, F as FormsStoreService, d as TourManagerService, e as getSubmissionStatusFn } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 class FormSectionStepperComponent {
     constructor() {
@@ -291,9 +291,9 @@ class FormSectionStepperComponent {
         this.#snackBar.open('✨Input field successfully added to the row entry form. Open the form to configure it further.', 'OK', { duration: 3000 });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FormSectionStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: FormSectionStepperComponent, isStandalone: true, selector: "lib-form-section-stepper", providers: [TFormEngine], viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true, isSignal: 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)=\"engine.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          <button cdkDragHandle type=\"button\" class=\"section-drag-handle\" (click)=\"$event.stopPropagation()\"\r\n            matTooltip=\"Drag to reorder section\" aria-label=\"Drag to reorder section\" mat-icon-button>\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\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=\"Untitled section \u2014 click to name\"\r\n              [value]=\"step.label\" aria-label=\"Section title\">\r\n            <mat-icon class=\"section-title-edit-hint\" aria-hidden=\"true\">edit</mat-icon>\r\n          </span>\r\n          @if (step.sectionIsSeen) {\r\n          <mat-icon class=\"section-status-icon\" [class.error]=\"step.sectionIsInvalid\"\r\n            [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n            {{ step.sectionIsInvalid ? 'error' : 'check_circle' }}\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-icon-button aria-label=\"Start section tour\">\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\r\n          (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button class=\"countdown-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          @if(engine.canRefreshSection(step.sectionId)&& step.isActive){\r\n          <button mat-icon-button\r\n            class=\"input-sync-button\"\r\n            matTooltip=\"Click to refresh this section.\"\r\n            (click)=\"refreshASection(step.sectionId)\" >\r\n            <mat-icon>sync</mat-icon>\r\n          </button>\r\n          }\r\n          <button (click)=\"$event.stopPropagation()\"\r\n            [matMenuTriggerData]=\"{ sectionId: step.sectionId, columns: step.columns }\" [matMenuTriggerFor]=\"sectionMenu\"\r\n            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            (focusin)=\"activeInput = col.id\">\r\n            @if (step.sectionForm) {\r\n            <lib-t-form-input [editorMode]=\"true\" [tourAnchor]=\"col.id\" (valueChange)=\"engine.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                @if (!col.formIsOpen) {\r\n                <button matTooltip=\"Open the row entry form \u2014 configure each column's input type here\"\r\n                  (click)=\"engine.toggleMultipleInput(col.id, true)\" mat-button>\r\n                  <mat-icon>table_rows</mat-icon>\r\n                  Row Entry Form\r\n                </button>\r\n                }\r\n              <button \r\n              [disabled]=\"col.systemDefault\"\r\n              matTooltip=\"Add a new column field to this table\" (click)=\"\r\n              addColAndOpen(col)\"\r\n                color=\"accent\" mat-stroked-button>\r\n                <mat-icon>view_column</mat-icon>\r\n                Add Column\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        @if (step.columns.length === 0) {\r\n        <section class=\"empty-state-section\">\r\n          <p class=\"empty-state-text\">This section has no fields yet.</p>\r\n          <p class=\"empty-state-hint\">Add a field to start collecting information.</p>\r\n          <div class=\"empty-state-actions\">\r\n            <button matTooltip=\"Add a field to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"primary\"\r\n              mat-flat-button>\r\n              <mat-icon>add</mat-icon>\r\n              Add field\r\n            </button>\r\n          </div>\r\n        </section>\r\n        } @else {\r\n        <div class=\"section-add-field\">\r\n          <button class=\"add-field-button\" matTooltip=\"Add another field to this section\"\r\n            (click)=\"addNewInput(step.sectionId)\" mat-stroked-button aria-label=\"Add field to this section\">\r\n            <mat-icon>add</mat-icon>\r\n            Add field\r\n          </button>\r\n        </div>\r\n        }\r\n\r\n\r\n        } @else {\r\n        <lib-section-report [sectionId]=\"step.sectionId\"></lib-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  @if (engine.selectFormSteps().length === 0) {\r\n  <section class=\"empty-state-section add-section-hint\">\r\n    <p class=\"empty-state-text\">A form section groups related fields together.</p>\r\n    <p class=\"empty-state-hint\">Click <strong>\"Add Section\"</strong> below to create your first section.</p>\r\n  </section>\r\n  }\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          {{ engine.formSubmissionMessage()}}\r\n        </span>\r\n        @if (engine.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:var(--lib-forms-shadow-resting);max-width:768px;padding:2rem;border-radius:12px;background:var(--lib-forms-surface-container-low)}.loading-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;min-height:12rem}:host .inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:1px solid var(--lib-forms-primary)}.inputCard{box-shadow:none}:host .cancelProgress{height:24px;width:24px}.delete-countdown{display:flex;align-items:center;gap:.25rem;padding:.5rem}:host .numbers{position:absolute;right:0}mat-vertical-stepper{margin:.5rem}.form-section{min-height:60px}.box{padding:.5rem;cursor:move;box-sizing:border-box}.cdk-drag-preview{box-sizing:border-box;border:none;border-radius:8px;box-shadow:var(--lib-forms-shadow-floating)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.box:last-child{border:none}.form-section.cdk-drop-list-dragging .box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.step-label-container{display:flex;align-items:center;gap:.5rem;width:100%}.spacer{flex:1 1 auto}.section-drag-handle{flex:none;cursor:grab;color:var(--lib-forms-on-surface-variant);max-width:0;margin-right:-.5rem;opacity:0;overflow:hidden;transition:max-width var(--lib-forms-duration-hover) var(--lib-forms-easing),margin-right var(--lib-forms-duration-hover) var(--lib-forms-easing),opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.section-drag-handle:active{cursor:grabbing}.step-label-container:hover .section-drag-handle,.section-drag-handle:focus-visible{max-width:3rem;margin-right:0;opacity:.7}.step-label-text{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0}.section-title-edit-hint{flex:none;font-size:1rem;width:1rem;height:1rem;margin-left:.5rem;color:var(--lib-forms-on-surface-variant);opacity:0;transition:opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.step-label-text:hover .section-title-edit-hint,.section-title-input:focus~.section-title-edit-hint{opacity:.5}.section-status-icon{flex:none;color:var(--sem-emerald)}.section-status-icon.error{color:var(--sem-error)}.input-sync-button{margin-right:.5rem}.input-sync-button mat-icon{color:var(--lib-forms-primary)}.section-title-input{border:none;border-bottom:1px solid transparent;background-color:transparent;font-size:.9375rem;font-weight:600;color:var(--lib-forms-on-surface);padding:.5rem 0;outline:none;width:100%;transition:border-color var(--lib-forms-duration-hover) var(--lib-forms-easing),box-shadow var(--lib-forms-duration-hover) var(--lib-forms-easing)}.section-title-input::placeholder{color:var(--lib-forms-on-surface-variant);font-weight:400;opacity:.6}.section-title-input:hover{border-bottom-color:var(--lib-forms-outline-variant)}.section-title-input:focus{border-bottom-color:var(--lib-forms-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 25%,transparent)}.inputElement:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 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(--sem-error);display:flex;align-items:center}.error-list{padding-left:1.75rem;margin:.25rem 0}.error-item{color:var(--sem-error);font-size:.75rem}.empty-state-section{text-align:center;padding:1rem 1.5rem}.empty-state-text{font-size:.875rem;color:var(--lib-forms-on-surface-variant);margin:0 0 .5rem}.empty-state-hint{font-size:.8125rem;color:var(--lib-forms-on-surface-variant);margin:0 0 1rem}.empty-state-actions{margin-top:1rem}.add-section-hint{padding-top:1.5rem}.section-add-field{display:flex;justify-content:center;padding:1rem 0 .5rem}.add-field-button{border:1px dashed color-mix(in srgb,var(--lib-forms-outline) 30%,transparent);color:var(--lib-forms-on-surface-variant);transition:border-color var(--lib-forms-duration) var(--lib-forms-easing),color var(--lib-forms-duration) var(--lib-forms-easing),background var(--lib-forms-duration) var(--lib-forms-easing)}.add-field-button:hover{border-color:var(--lib-forms-primary);color:var(--lib-forms-primary);background:color-mix(in srgb,var(--lib-forms-primary) 6%,transparent)}.step-placeholder{padding:3.125rem;display:flex;justify-content:center;align-items:center;text-align:center}.step-actions{display:flex;gap:.75rem;margin-top:1.5rem;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(--lib-forms-surface) 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: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$1.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$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.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: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { 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: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: MatMenuModule }, { 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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i4.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i4.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i4.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "aria-label", "headerPrefix", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.TourAnchorMatMenuDirective, selector: "[tourAnchor]", inputs: ["tourAnchor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [i1.NgControlStatusGroup, i1.FormGroupDirective, i1$1.CdkDropList, i1$1.CdkDrag, i1$2.MatButton, i1$2.MatIconButton, i3.MatCard, i3.MatCardActions, i3$1.MatIcon, i6.MatMenuTrigger, i3$2.MatProgressSpinner, i4.MatStepperNext, i4.MatStepperPrevious, i5.MatTooltip, import('./ngx-t-forms-index-dDSobs6A.mjs').then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-BxOhR6C0.mjs').then(m => m.SectionReportComponent), i7.TourAnchorMatMenuDirective, AsyncPipe], () => [i1$2.MatButton, i3$2.MatProgressSpinner, i5$1.MatToolbar, AsyncPipe]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: FormSectionStepperComponent, isStandalone: true, selector: "lib-form-section-stepper", providers: [TFormEngine], viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true, isSignal: 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)=\"engine.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          <button cdkDragHandle type=\"button\" class=\"section-drag-handle\" (click)=\"$event.stopPropagation()\"\r\n            matTooltip=\"Drag to reorder section\" aria-label=\"Drag to reorder section\" mat-icon-button>\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\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=\"Untitled section \u2014 click to name\"\r\n              [value]=\"step.label\" aria-label=\"Section title\">\r\n            <mat-icon class=\"section-title-edit-hint\" aria-hidden=\"true\">edit</mat-icon>\r\n          </span>\r\n          @if (step.sectionIsSeen) {\r\n          <mat-icon class=\"section-status-icon\" [class.error]=\"step.sectionIsInvalid\"\r\n            [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n            {{ step.sectionIsInvalid ? 'error' : 'check_circle' }}\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-icon-button aria-label=\"Start section tour\">\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\r\n          (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n            (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button class=\"countdown-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          @if(engine.canRefreshSection(step.sectionId)&& step.isActive){\r\n          <button mat-icon-button\r\n            class=\"input-sync-button\"\r\n            matTooltip=\"Click to refresh this section.\"\r\n            (click)=\"refreshASection(step.sectionId)\" >\r\n            <mat-icon>sync</mat-icon>\r\n          </button>\r\n          }\r\n          <button (click)=\"$event.stopPropagation()\"\r\n            [matMenuTriggerData]=\"{ sectionId: step.sectionId, columns: step.columns }\" [matMenuTriggerFor]=\"sectionMenu\"\r\n            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            (focusin)=\"activeInput = col.id\">\r\n            @if (step.sectionForm) {\r\n            <lib-t-form-input [editorMode]=\"true\" [tourAnchor]=\"col.id\" (valueChange)=\"engine.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                @if (!col.formIsOpen) {\r\n                <button matTooltip=\"Open the row entry form \u2014 configure each column's input type here\"\r\n                  (click)=\"engine.toggleMultipleInput(col.id, true)\" mat-button>\r\n                  <mat-icon>table_rows</mat-icon>\r\n                  Row Entry Form\r\n                </button>\r\n                }\r\n              <button \r\n              [disabled]=\"col.systemDefault\"\r\n              matTooltip=\"Add a new column field to this table\" (click)=\"\r\n              addColAndOpen(col)\"\r\n                color=\"accent\" mat-stroked-button>\r\n                <mat-icon>view_column</mat-icon>\r\n                Add Column\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        @if (step.columns.length === 0) {\r\n        <section class=\"empty-state-section\">\r\n          <p class=\"empty-state-text\">This section has no fields yet.</p>\r\n          <p class=\"empty-state-hint\">Add a field to start collecting information.</p>\r\n          <div class=\"empty-state-actions\">\r\n            <button matTooltip=\"Add a field to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"primary\"\r\n              mat-flat-button>\r\n              <mat-icon>add</mat-icon>\r\n              Add field\r\n            </button>\r\n          </div>\r\n        </section>\r\n        } @else {\r\n        <div class=\"section-add-field\">\r\n          <button class=\"add-field-button\" matTooltip=\"Add another field to this section\"\r\n            (click)=\"addNewInput(step.sectionId)\" mat-stroked-button aria-label=\"Add field to this section\">\r\n            <mat-icon>add</mat-icon>\r\n            Add field\r\n          </button>\r\n        </div>\r\n        }\r\n\r\n\r\n        } @else {\r\n        <lib-section-report [sectionId]=\"step.sectionId\"></lib-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  @if (engine.selectFormSteps().length === 0) {\r\n  <section class=\"empty-state-section add-section-hint\">\r\n    <p class=\"empty-state-text\">A form section groups related fields together.</p>\r\n    <p class=\"empty-state-hint\">Click <strong>\"Add Section\"</strong> below to create your first section.</p>\r\n  </section>\r\n  }\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          {{ engine.formSubmissionMessage()}}\r\n        </span>\r\n        @if (engine.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:var(--lib-forms-shadow-resting);max-width:768px;padding:2rem;border-radius:12px;background:var(--lib-forms-surface-container-low)}.loading-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;min-height:12rem}:host .inEditCol{box-shadow:var(--mdc-elevated-card-container-elevation);border:1px solid var(--lib-forms-primary)}.inputCard{box-shadow:none}:host .cancelProgress{height:24px;width:24px}.delete-countdown{display:flex;align-items:center;gap:.25rem;padding:.5rem}:host .numbers{position:absolute;right:0}mat-vertical-stepper{margin:.5rem}.form-section{min-height:60px}.box{padding:.5rem;cursor:move;box-sizing:border-box}.cdk-drag-preview{box-sizing:border-box;border:none;border-radius:8px;box-shadow:var(--lib-forms-shadow-floating)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.box:last-child{border:none}.form-section.cdk-drop-list-dragging .box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.step-label-container{display:flex;align-items:center;gap:.5rem;width:100%}.spacer{flex:1 1 auto}.section-drag-handle{flex:none;cursor:grab;color:var(--lib-forms-on-surface-variant);max-width:0;margin-right:-.5rem;opacity:0;overflow:hidden;transition:max-width var(--lib-forms-duration-hover) var(--lib-forms-easing),margin-right var(--lib-forms-duration-hover) var(--lib-forms-easing),opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.section-drag-handle:active{cursor:grabbing}.step-label-container:hover .section-drag-handle,.section-drag-handle:focus-visible{max-width:3rem;margin-right:0;opacity:.7}.step-label-text{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0}.section-title-edit-hint{flex:none;font-size:1rem;width:1rem;height:1rem;margin-left:.5rem;color:var(--lib-forms-on-surface-variant);opacity:0;transition:opacity var(--lib-forms-duration-hover) var(--lib-forms-easing)}.step-label-text:hover .section-title-edit-hint,.section-title-input:focus~.section-title-edit-hint{opacity:.5}.section-status-icon{flex:none;color:var(--sem-emerald)}.section-status-icon.error{color:var(--sem-error)}.input-sync-button{margin-right:.5rem}.input-sync-button mat-icon{color:var(--lib-forms-primary)}.section-title-input{border:none;border-bottom:1px solid transparent;background-color:transparent;font-size:.9375rem;font-weight:600;color:var(--lib-forms-on-surface);padding:.5rem 0;outline:none;width:100%;transition:border-color var(--lib-forms-duration-hover) var(--lib-forms-easing),box-shadow var(--lib-forms-duration-hover) var(--lib-forms-easing)}.section-title-input::placeholder{color:var(--lib-forms-on-surface-variant);font-weight:400;opacity:.6}.section-title-input:hover{border-bottom-color:var(--lib-forms-outline-variant)}.section-title-input:focus{border-bottom-color:var(--lib-forms-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 25%,transparent)}.inputElement:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 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(--sem-error);display:flex;align-items:center}.error-list{padding-left:1.75rem;margin:.25rem 0}.error-item{color:var(--sem-error);font-size:.75rem}.empty-state-section{text-align:center;padding:1rem 1.5rem}.empty-state-text{font-size:.875rem;color:var(--lib-forms-on-surface-variant);margin:0 0 .5rem}.empty-state-hint{font-size:.8125rem;color:var(--lib-forms-on-surface-variant);margin:0 0 1rem}.empty-state-actions{margin-top:1rem}.add-section-hint{padding-top:1.5rem}.section-add-field{display:flex;justify-content:center;padding:1rem 0 .5rem}.add-field-button{border:1px dashed color-mix(in srgb,var(--lib-forms-outline) 30%,transparent);color:var(--lib-forms-on-surface-variant);transition:border-color var(--lib-forms-duration) var(--lib-forms-easing),color var(--lib-forms-duration) var(--lib-forms-easing),background var(--lib-forms-duration) var(--lib-forms-easing)}.add-field-button:hover{border-color:var(--lib-forms-primary);color:var(--lib-forms-primary);background:color-mix(in srgb,var(--lib-forms-primary) 6%,transparent)}.step-placeholder{padding:3.125rem;display:flex;justify-content:center;align-items:center;text-align:center}.step-actions{display:flex;gap:.75rem;margin-top:1.5rem;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(--lib-forms-surface) 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: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$1.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$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.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: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { 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: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: MatMenuModule }, { 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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i4.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i4.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i4.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "aria-label", "headerPrefix", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.TourAnchorMatMenuDirective, selector: "[tourAnchor]", inputs: ["tourAnchor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [i1.NgControlStatusGroup, i1.FormGroupDirective, i1$1.CdkDropList, i1$1.CdkDrag, i1$2.MatButton, i1$2.MatIconButton, i3.MatCard, i3.MatCardActions, i3$1.MatIcon, i6.MatMenuTrigger, i3$2.MatProgressSpinner, i4.MatStepperNext, i4.MatStepperPrevious, i5.MatTooltip, import('./ngx-t-forms-index-BcrQ01DQ.mjs').then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-C1w16LYm.mjs').then(m => m.SectionReportComponent), i7.TourAnchorMatMenuDirective, AsyncPipe], () => [i1$2.MatButton, i3$2.MatProgressSpinner, i5$1.MatToolbar, AsyncPipe]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.12", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-index-dDSobs6A.mjs').then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-BxOhR6C0.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.12", ngImport: i0, type: FormSectionStepperComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-index-BcrQ01DQ.mjs').then(m => m.TFormInputComponent), import('./ngx-t-forms-section-report.component-C1w16LYm.mjs').then(m => m.SectionReportComponent)], resolveMetadata: (TFormInputComponent, SectionReportComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'lib-form-section-stepper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [
                             AsyncPipe,
@@ -316,4 +316,4 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.12", n
             }], ctorParameters: null, propDecorators: { stepper: [{ type: i0.ViewChild, args: ['stepper', { isSignal: true }] }] } }) });
 export { FormSectionStepperComponent };
-//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-Bs50-nEB.mjs.map
+//# sourceMappingURL=ngx-t-forms-form-section-stepper.component-BPgPfZSy.mjs.map

package/fesm2022/{ngx-t-forms-form-section-stepper.component-Bs50-nEB.mjs.map → ngx-t-forms-form-section-stepper.component-BPgPfZSy.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-form-section-stepper.component-Bs50-nEB.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 { AsyncPipe } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n DestroyRef,\r\n OnDestroy,\r\n OnInit,\r\n ViewEncapsulation,\r\n inject,\r\n viewChild,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { AbstractControl, ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { StepperSelectionEvent, StepState } from '@angular/cdk/stepper';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { MatStepper, MatStepperModule } from '@angular/material/stepper';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { filter, map, Observable, Subject, take, takeUntil, tap, timer } from 'rxjs';\r\nimport { TourMatMenu } from 'ngx-ui-tour-md-menu';\r\n\r\nimport {\r\n FormBuilderFunctions,\r\n FormColumnInputs,\r\n IMultipleInputCal,\r\n ITowerFormSteps,\r\n ITowerStepColumn,\r\n validateFormColumnInputs,\r\n} from 'ngx-t-forms-types';\r\n\r\nimport { TFormInputComponent } from '../../..';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TFormEngine } from '../../../../services/core/t-form-engine/t-form-engine';\r\nimport { getSubmissionStatusFn } from '../../../../services/core/t-form-tower-controller/functions/getSubmissionStatus';\r\nimport { TourManagerService } from '../../../../services/core/tour/tour-manager.service';\r\nimport { SectionReportComponent } from '../section-report/section-report.component';\r\n\r\ninterface CountdownEntry {\r\n count: number \| null;\r\n stop$: Subject<void>;\r\n deleteInputs: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'lib-form-section-stepper',\r\n templateUrl: './form-section-stepper.component.html',\r\n styleUrl: './form-section-stepper.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.Emulated,\r\n imports: [\r\n AsyncPipe,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n DragDropModule,\r\n MatButtonModule,\r\n MatCardModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatMenuModule,\r\n MatProgressSpinnerModule,\r\n MatStepperModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n TFormInputComponent,\r\n SectionReportComponent,\r\n ...TourMatMenu,\r\n ],\r\n providers: [TFormEngine],\r\n})\r\nexport class FormSectionStepperComponent\r\n implements OnInit, OnDestroy\r\n{\r\n /*\r\n Runtime form engine, held by composition (SIGNAL_FORMS Phase 0, D-025).\r\n * Provided per-component instance; replaces the former `extends` of the tower.\r\n /\r\n protected readonly engine = inject(TFormEngine);\r\n\r\n readonly #destroyRef = inject(DestroyRef);\r\n readonly #store: FormsStoreService = inject(FormsStoreService);\r\n readonly #ref = inject(ChangeDetectorRef);\r\n readonly #snackBar = inject(MatSnackBar);\r\n readonly #tourManagerService = inject(TourManagerService);\r\n\r\n protected readonly stepper = viewChild<MatStepper>('stepper');\r\n\r\n protected readonly loadingForm$ = this.#store.selectors.selectLoadingForm$;\r\n protected readonly selectInputInEditId$ = this.#store.selectors.selectInputInEditId$;\r\n protected isEditable = true;\r\n protected activeInput: string \| undefined;\r\n protected dragging = false;\r\n protected mouseOverSection: string \| null = null;\r\n protected overId: string \| null = null;\r\n protected openSectionReports: Record<string, boolean> = {};\r\n\r\n protected countdownSeconds: Record<string, CountdownEntry> = {};\r\n\r\n ngOnDestroy(): void {\r\n this.#store.deregisterFormChangeFn();\r\n // The per-component TFormEngine is torn down automatically by Angular when\r\n // this component is destroyed (component-provided service ngOnDestroy).\r\n }\r\n\r\n ngOnInit(): void {\r\n this.#store.registerFormChangeFn(this.engine.initialize);\r\n this.engine.registerFormInputConfigChangeFn((inputId, config) => {\r\n this.#store.actions.updateFormInputConfigFromTower({ inputId, config });\r\n });\r\n this.#store.selectors.selectFormInEdit$\r\n .pipe(\r\n take(1),\r\n filter(form => form !== null && form !== undefined),\r\n tap(form => this.engine.initialize(form.form)),\r\n takeUntilDestroyed(this.#destroyRef),\r\n )\r\n .subscribe();\r\n }\r\n\r\n /\r\n Handles the key down event and reverts the last form change on Ctrl+Z.\r\n * @param event The keyboard event object.\r\n /\r\n protected onKeyDown(event: KeyboardEvent): void {\r\n if (event.ctrlKey && event.key === 'z') {\r\n this.engine.revertBackHistory();\r\n }\r\n }\r\n\r\n get formBuilderFunctions(): FormBuilderFunctions {\r\n const fns: FormBuilderFunctions = {\r\n getLatestAccountTree: () => this.engine.NGX_T_FORMS_CONFIG.formBuilder.getScoaTree(),\r\n getSCOAAccount: (SCOAAccount: string) =>\r\n this.engine.NGX_T_FORMS_CONFIG.formBuilder.getSCOAAccount(SCOAAccount),\r\n multipleInputToggleForm: this.engine.toggleMultipleInput.bind(this.engine),\r\n multipleInputSaveForm: this.engine.saveMultipleInputForm.bind(this.engine),\r\n editInput: this.editInput.bind(this),\r\n deleteInput: this.formDeleteInput.bind(this),\r\n addFunction: this.addMultipleInputValueCalculationFunction.bind(this),\r\n // Pre-existing node_modules duplication (ngx-t-forms-typings ships its own @angular/cdk copy).\r\n // CdkDragDrop types are nominally distinct due to private `_changeDetectorRef`. Cast at the boundary.\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Phase-4 TODO: deduplicate @angular/cdk peer dep in typings package.\r\n reorderItems: this.reorderMultipleInputItems.bind(this) as any,\r\n multipleInputToggleLabel: this.multipleInputToggleLabel.bind(this),\r\n multipleInputEditRow: this.engine.multipleInputEditRow.bind(this.engine),\r\n multipleInputDuplicateRow: this.engine.multipleInputDuplicateRow.bind(this.engine),\r\n };\r\n return fns;\r\n }\r\n\r\n getPreviousStepLabel(): string \| undefined {\r\n const stepper = this.stepper();\r\n if (stepper === undefined) return '';\r\n const currentIndex = stepper.selectedIndex;\r\n if (currentIndex > 0) {\r\n return this.engine.selectFormSteps()?.[currentIndex - 1]?.label;\r\n }\r\n return '';\r\n }\r\n\r\n getNextStepLabel(): string \| undefined {\r\n const stepper = this.stepper();\r\n if (stepper === undefined) return '';\r\n const currentIndex = stepper.selectedIndex;\r\n const steps = this.engine.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\r\n getStepState(step: ITowerFormSteps, 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';\r\n if (step.sectionForm?.valid) return 'done';\r\n return 'number';\r\n }\r\n\r\n get getSubmissionStatus$(): Observable<string> {\r\n const progress = this.engine.formProgress() \|\| 0;\r\n const steps = this.engine.selectFormSteps();\r\n return this.loadingForm$.pipe(\r\n map(loading =>\r\n getSubmissionStatusFn(this.stepper(), this.engine.mainForm, progress, steps, loading),\r\n ),\r\n );\r\n }\r\n\r\n // CDK drag-drop generics retained loose because the template's `<mat-step [stepControl]>`/\r\n // `<div cdkDropList [cdkDropListData]>` bindings pass `ITowerFormSteps[]` / `ITowerStepColumn[]`\r\n // which structurally differ from the store-action payload types (`FormSlideInterface[]` / `FormColumnInputs[]`).\r\n // The downstream store actions accept the looser `<any, any, unknown>` shape so this is type-safe at the call boundary.\r\n // Phase-4 TODO: tighten once FormBuilderFunctions.reorderItems generics are typed upstream.\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n drop = (event: CdkDragDrop<any, any, unknown>): void =>\r\n this.#store.actionsFormBuilder.handleSectionDragDrop(event);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n dropItems = (event: CdkDragDrop<any, any, unknown>, sectionId: string): void =>\r\n this.#store.actionsFormBuilder.handleInputDragDrop(event, sectionId);\r\n formDeleteSection = (sectionId: string): void =>\r\n this.#store.actionsFormBuilder.formDeleteSection(sectionId);\r\n formDeleteSectionInputs = (sectionId: string): void =>\r\n this.#store.actionsFormBuilder.formDeleteSectionInputs(sectionId);\r\n addMultipleFormInput = (sectionId: string, multipleInputId: string): void =>\r\n this.#store.actionsFormBuilder.addMultipleFormInput(sectionId, multipleInputId);\r\n moveInputToSection = (inputId: string, targetSectionId: string): void =>\r\n this.#store.actionsFormBuilder.moveInputToSection(inputId, targetSectionId);\r\n reorderMultipleInputItems = (\r\n // Mirrors `FormBuilderFunctions.reorderItems` (now generic over the row\r\n // shape). The lib-internal store action requires symmetric container data,\r\n // so we narrow the second slot to `FormColumnInputs[]` at the boundary.\r\n event: CdkDragDrop<FormColumnInputs[], FormColumnInputs[], unknown>,\r\n multipleInputId: string,\r\n ): void => this.#store.actionsFormBuilder.reorderMultipleInputItems(event, multipleInputId);\r\n cloneCopyFormInput = (inputId: string): void =>\r\n this.#store.actionsFormBuilder.cloneCopyFormInput(inputId);\r\n\r\n multipleInputToggleLabel = (item: FormColumnInputs): void =>\r\n this.#store.actionsFormBuilder.multipleInputToggleLabel(item);\r\n editInput = (item: FormColumnInputs): void =>\r\n this.#store.actionsFormBuilder.editInput(item);\r\n addMultipleInputValueCalculationFunction = (\r\n item: IMultipleInputCal,\r\n multipleInputId: string \| undefined,\r\n ): void =>\r\n this.#store.actionsFormBuilder.addMultipleInputValueCalculationFunction(item, multipleInputId);\r\n setActiveSection = ($event: StepperSelectionEvent): void =>\r\n this.setMatActiveStepper($event.selectedIndex);\r\n addInputToScoaSelection = (sectionId: string, scoaInputId: string): void =>\r\n this.#store.actionsFormBuilder.addInputToScoaSelection(sectionId, scoaInputId);\r\n addNewInput = (sectionId: string): void => this.#store.actionsFormBuilder.saveInput(sectionId);\r\n\r\n addSection = (): void => this.#store.actionsFormBuilder.handleAddSection();\r\n\r\n setMatActiveStepper = (index: number): void => {\r\n setTimeout(() => {\r\n const stepper = this.stepper();\r\n if (stepper === undefined) return;\r\n stepper.selectedIndex = index;\r\n }, 0);\r\n };\r\n\r\n handleInput = (event: Event, sectionId: string): void => {\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 get selectFormStepsComputed(): ITowerFormSteps[] {\r\n return this.engine.selectFormSteps().map(step => ({\r\n ...step,\r\n columns: step.columns.map(col => ({\r\n ...col,\r\n inputConfigErrors: validateFormColumnInputs(col),\r\n })),\r\n }));\r\n }\r\n\r\n stopDeletion(id: string): void {\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\r\n inputWillBeRemovedIn = (id: string): number \| null \| undefined =>\r\n this.countdownSeconds[id]?.count;\r\n\r\n removeInput(item: FormColumnInputs): void {\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 } else {\r\n data.count = remainingTime;\r\n }\r\n }),\r\n takeUntil(this.countdownSeconds[item.id]?.stop$!),\r\n takeUntilDestroyed(this.#destroyRef),\r\n );\r\n\r\n countdown$?.subscribe({ complete: () => {} });\r\n }\r\n\r\n deleteSection(sectionId: string \| null, deleteInputs: boolean = false): void {\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 this.stopDeletion(sectionId);\r\n } else {\r\n data.count = remainingTime;\r\n }\r\n }),\r\n takeUntil(this.countdownSeconds[sectionId]?.stop$!),\r\n takeUntilDestroyed(this.#destroyRef),\r\n );\r\n\r\n countdown$?.subscribe({ complete: () => {} });\r\n }\r\n\r\n // Template binds `step.sectionForm \|\| getPlaceHolerForSection(...)` to `<mat-step [stepControl]>`\r\n // which requires a non-undefined AbstractControl; the placeholder is always present at render time\r\n // (created by the store ahead of the @if(step.sectionForm \|\| ...) guard). Phase-4 TODO: tighten store\r\n // contract to guarantee placeholder presence and make this non-nullable.\r\n getPlaceHolerForSection = (sectionId: string): AbstractControl =>\r\n this.#store.sectionPlaceholder[sectionId] as AbstractControl;\r\n\r\n formDeleteInput = (item: FormColumnInputs): void =>\r\n this.#store.actionsFormBuilder.formDeleteInput(item);\r\n\r\n toggleSectionReports = (sectionId: string): boolean =>\r\n (this.openSectionReports[sectionId] = !this.openSectionReports[sectionId]);\r\n\r\n refresh(): void {\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\r\n startTour(sectionId: string): void {\r\n const tourOptions = this.engine.selectAllFormTours().filter(step => step.sectionId === sectionId);\r\n this.#tourManagerService.startTourByOption(tourOptions);\r\n }\r\n\r\n onSpaceKey(event: Event, sectionId: string): void {\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 refreshASection = (sectionId: string): void => {\r\n this.engine.refreshSection(sectionId)\r\n .pipe(take(1), takeUntilDestroyed(this.#destroyRef))\r\n .subscribe();\r\n };\r\n\r\n addColAndOpen(col: ITowerStepColumn): void {\r\n this.addMultipleFormInput(col.sectionId, col.id);\r\n if (!col.formIsOpen) {\r\n this.engine.toggleMultipleInput(col.id, true);\r\n }\r\n this.#snackBar.open(\r\n '✨Input field successfully added to the row entry form. Open the form to configure it further.',\r\n 'OK',\r\n { duration: 3000 },\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)=\"engine.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 <button cdkDragHandle type=\"button\" class=\"section-drag-handle\" (click)=\"$event.stopPropagation()\"\r\n matTooltip=\"Drag to reorder section\" aria-label=\"Drag to reorder section\" mat-icon-button>\r\n <mat-icon>drag_indicator</mat-icon>\r\n </button>\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=\"Untitled section — click to name\"\r\n [value]=\"step.label\" aria-label=\"Section title\">\r\n <mat-icon class=\"section-title-edit-hint\" aria-hidden=\"true\">edit</mat-icon>\r\n </span>\r\n @if (step.sectionIsSeen) {\r\n <mat-icon class=\"section-status-icon\" [class.error]=\"step.sectionIsInvalid\"\r\n [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n {{ step.sectionIsInvalid ? 'error' : 'check_circle' }}\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-icon-button aria-label=\"Start section tour\">\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\r\n (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button class=\"countdown-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 @if(engine.canRefreshSection(step.sectionId)&& step.isActive){\r\n <button mat-icon-button\r\n class=\"input-sync-button\"\r\n matTooltip=\"Click to refresh this section.\"\r\n (click)=\"refreshASection(step.sectionId)\" >\r\n <mat-icon>sync</mat-icon>\r\n </button>\r\n }\r\n <button (click)=\"$event.stopPropagation()\"\r\n [matMenuTriggerData]=\"{ sectionId: step.sectionId, columns: step.columns }\" [matMenuTriggerFor]=\"sectionMenu\"\r\n 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 (focusin)=\"activeInput = col.id\">\r\n @if (step.sectionForm) {\r\n <lib-t-form-input [editorMode]=\"true\" [tourAnchor]=\"col.id\" (valueChange)=\"engine.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 @if (!col.formIsOpen) {\r\n <button matTooltip=\"Open the row entry form — configure each column's input type here\"\r\n (click)=\"engine.toggleMultipleInput(col.id, true)\" mat-button>\r\n <mat-icon>table_rows</mat-icon>\r\n Row Entry Form\r\n </button>\r\n }\r\n <button \r\n [disabled]=\"col.systemDefault\"\r\n matTooltip=\"Add a new column field to this table\" (click)=\"\r\n addColAndOpen(col)\"\r\n color=\"accent\" mat-stroked-button>\r\n <mat-icon>view_column</mat-icon>\r\n Add Column\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 @if (step.columns.length === 0) {\r\n <section class=\"empty-state-section\">\r\n <p class=\"empty-state-text\">This section has no fields yet.</p>\r\n <p class=\"empty-state-hint\">Add a field to start collecting information.</p>\r\n <div class=\"empty-state-actions\">\r\n <button matTooltip=\"Add a field to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"primary\"\r\n mat-flat-button>\r\n <mat-icon>add</mat-icon>\r\n Add field\r\n </button>\r\n </div>\r\n </section>\r\n } @else {\r\n <div class=\"section-add-field\">\r\n <button class=\"add-field-button\" matTooltip=\"Add another field to this section\"\r\n (click)=\"addNewInput(step.sectionId)\" mat-stroked-button aria-label=\"Add field to this section\">\r\n <mat-icon>add</mat-icon>\r\n Add field\r\n </button>\r\n </div>\r\n }\r\n\r\n\r\n } @else {\r\n <lib-section-report [sectionId]=\"step.sectionId\"></lib-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 @if (engine.selectFormSteps().length === 0) {\r\n <section class=\"empty-state-section add-section-hint\">\r\n <p class=\"empty-state-text\">A form section groups related fields together.</p>\r\n <p class=\"empty-state-hint\">Click <strong>\"Add Section\"</strong> below to create your first section.</p>\r\n </section>\r\n }\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 {{ engine.formSubmissionMessage()}}\r\n </span>\r\n @if (engine.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":["i1","i4","i5","i8","i9","i10","i11","i2","i7"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-t-forms-form-section-stepper.component-BPgPfZSy.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 { AsyncPipe } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n DestroyRef,\r\n OnDestroy,\r\n OnInit,\r\n ViewEncapsulation,\r\n inject,\r\n viewChild,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { AbstractControl, ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { StepperSelectionEvent, StepState } from '@angular/cdk/stepper';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { MatStepper, MatStepperModule } from '@angular/material/stepper';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { filter, map, Observable, Subject, take, takeUntil, tap, timer } from 'rxjs';\r\nimport { TourMatMenu } from 'ngx-ui-tour-md-menu';\r\n\r\nimport {\r\n FormBuilderFunctions,\r\n FormColumnInputs,\r\n IMultipleInputCal,\r\n ITowerFormSteps,\r\n ITowerStepColumn,\r\n validateFormColumnInputs,\r\n} from 'ngx-t-forms-types';\r\n\r\nimport { TFormInputComponent } from '../../..';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TFormEngine } from '../../../../services/core/t-form-engine/t-form-engine';\r\nimport { getSubmissionStatusFn } from '../../../../services/core/t-form-tower-controller/functions/getSubmissionStatus';\r\nimport { TourManagerService } from '../../../../services/core/tour/tour-manager.service';\r\nimport { SectionReportComponent } from '../section-report/section-report.component';\r\n\r\ninterface CountdownEntry {\r\n count: number \| null;\r\n stop$: Subject<void>;\r\n deleteInputs: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'lib-form-section-stepper',\r\n templateUrl: './form-section-stepper.component.html',\r\n styleUrl: './form-section-stepper.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.Emulated,\r\n imports: [\r\n AsyncPipe,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n DragDropModule,\r\n MatButtonModule,\r\n MatCardModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatMenuModule,\r\n MatProgressSpinnerModule,\r\n MatStepperModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n TFormInputComponent,\r\n SectionReportComponent,\r\n ...TourMatMenu,\r\n ],\r\n providers: [TFormEngine],\r\n})\r\nexport class FormSectionStepperComponent\r\n implements OnInit, OnDestroy\r\n{\r\n /*\r\n Runtime form engine, held by composition (SIGNAL_FORMS Phase 0, D-025).\r\n * Provided per-component instance; replaces the former `extends` of the tower.\r\n /\r\n protected readonly engine = inject(TFormEngine);\r\n\r\n readonly #destroyRef = inject(DestroyRef);\r\n readonly #store: FormsStoreService = inject(FormsStoreService);\r\n readonly #ref = inject(ChangeDetectorRef);\r\n readonly #snackBar = inject(MatSnackBar);\r\n readonly #tourManagerService = inject(TourManagerService);\r\n\r\n protected readonly stepper = viewChild<MatStepper>('stepper');\r\n\r\n protected readonly loadingForm$ = this.#store.selectors.selectLoadingForm$;\r\n protected readonly selectInputInEditId$ = this.#store.selectors.selectInputInEditId$;\r\n protected isEditable = true;\r\n protected activeInput: string \| undefined;\r\n protected dragging = false;\r\n protected mouseOverSection: string \| null = null;\r\n protected overId: string \| null = null;\r\n protected openSectionReports: Record<string, boolean> = {};\r\n\r\n protected countdownSeconds: Record<string, CountdownEntry> = {};\r\n\r\n ngOnDestroy(): void {\r\n this.#store.deregisterFormChangeFn();\r\n // The per-component TFormEngine is torn down automatically by Angular when\r\n // this component is destroyed (component-provided service ngOnDestroy).\r\n }\r\n\r\n ngOnInit(): void {\r\n this.#store.registerFormChangeFn(this.engine.initialize);\r\n this.engine.registerFormInputConfigChangeFn((inputId, config) => {\r\n this.#store.actions.updateFormInputConfigFromTower({ inputId, config });\r\n });\r\n this.#store.selectors.selectFormInEdit$\r\n .pipe(\r\n take(1),\r\n filter(form => form !== null && form !== undefined),\r\n tap(form => this.engine.initialize(form.form)),\r\n takeUntilDestroyed(this.#destroyRef),\r\n )\r\n .subscribe();\r\n }\r\n\r\n /\r\n Handles the key down event and reverts the last form change on Ctrl+Z.\r\n * @param event The keyboard event object.\r\n /\r\n protected onKeyDown(event: KeyboardEvent): void {\r\n if (event.ctrlKey && event.key === 'z') {\r\n this.engine.revertBackHistory();\r\n }\r\n }\r\n\r\n get formBuilderFunctions(): FormBuilderFunctions {\r\n const fns: FormBuilderFunctions = {\r\n getLatestAccountTree: () => this.engine.NGX_T_FORMS_CONFIG.formBuilder.getScoaTree(),\r\n getSCOAAccount: (SCOAAccount: string) =>\r\n this.engine.NGX_T_FORMS_CONFIG.formBuilder.getSCOAAccount(SCOAAccount),\r\n multipleInputToggleForm: this.engine.toggleMultipleInput.bind(this.engine),\r\n multipleInputSaveForm: this.engine.saveMultipleInputForm.bind(this.engine),\r\n editInput: this.editInput.bind(this),\r\n deleteInput: this.formDeleteInput.bind(this),\r\n addFunction: this.addMultipleInputValueCalculationFunction.bind(this),\r\n // Pre-existing node_modules duplication (ngx-t-forms-typings ships its own @angular/cdk copy).\r\n // CdkDragDrop types are nominally distinct due to private `_changeDetectorRef`. Cast at the boundary.\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Phase-4 TODO: deduplicate @angular/cdk peer dep in typings package.\r\n reorderItems: this.reorderMultipleInputItems.bind(this) as any,\r\n multipleInputToggleLabel: this.multipleInputToggleLabel.bind(this),\r\n multipleInputEditRow: this.engine.multipleInputEditRow.bind(this.engine),\r\n multipleInputDuplicateRow: this.engine.multipleInputDuplicateRow.bind(this.engine),\r\n };\r\n return fns;\r\n }\r\n\r\n getPreviousStepLabel(): string \| undefined {\r\n const stepper = this.stepper();\r\n if (stepper === undefined) return '';\r\n const currentIndex = stepper.selectedIndex;\r\n if (currentIndex > 0) {\r\n return this.engine.selectFormSteps()?.[currentIndex - 1]?.label;\r\n }\r\n return '';\r\n }\r\n\r\n getNextStepLabel(): string \| undefined {\r\n const stepper = this.stepper();\r\n if (stepper === undefined) return '';\r\n const currentIndex = stepper.selectedIndex;\r\n const steps = this.engine.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\r\n getStepState(step: ITowerFormSteps, 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';\r\n if (step.sectionForm?.valid) return 'done';\r\n return 'number';\r\n }\r\n\r\n get getSubmissionStatus$(): Observable<string> {\r\n const progress = this.engine.formProgress() \|\| 0;\r\n const steps = this.engine.selectFormSteps();\r\n return this.loadingForm$.pipe(\r\n map(loading =>\r\n getSubmissionStatusFn(this.stepper(), this.engine.mainForm, progress, steps, loading),\r\n ),\r\n );\r\n }\r\n\r\n // CDK drag-drop generics retained loose because the template's `<mat-step [stepControl]>`/\r\n // `<div cdkDropList [cdkDropListData]>` bindings pass `ITowerFormSteps[]` / `ITowerStepColumn[]`\r\n // which structurally differ from the store-action payload types (`FormSlideInterface[]` / `FormColumnInputs[]`).\r\n // The downstream store actions accept the looser `<any, any, unknown>` shape so this is type-safe at the call boundary.\r\n // Phase-4 TODO: tighten once FormBuilderFunctions.reorderItems generics are typed upstream.\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n drop = (event: CdkDragDrop<any, any, unknown>): void =>\r\n this.#store.actionsFormBuilder.handleSectionDragDrop(event);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n dropItems = (event: CdkDragDrop<any, any, unknown>, sectionId: string): void =>\r\n this.#store.actionsFormBuilder.handleInputDragDrop(event, sectionId);\r\n formDeleteSection = (sectionId: string): void =>\r\n this.#store.actionsFormBuilder.formDeleteSection(sectionId);\r\n formDeleteSectionInputs = (sectionId: string): void =>\r\n this.#store.actionsFormBuilder.formDeleteSectionInputs(sectionId);\r\n addMultipleFormInput = (sectionId: string, multipleInputId: string): void =>\r\n this.#store.actionsFormBuilder.addMultipleFormInput(sectionId, multipleInputId);\r\n moveInputToSection = (inputId: string, targetSectionId: string): void =>\r\n this.#store.actionsFormBuilder.moveInputToSection(inputId, targetSectionId);\r\n reorderMultipleInputItems = (\r\n // Mirrors `FormBuilderFunctions.reorderItems` (now generic over the row\r\n // shape). The lib-internal store action requires symmetric container data,\r\n // so we narrow the second slot to `FormColumnInputs[]` at the boundary.\r\n event: CdkDragDrop<FormColumnInputs[], FormColumnInputs[], unknown>,\r\n multipleInputId: string,\r\n ): void => this.#store.actionsFormBuilder.reorderMultipleInputItems(event, multipleInputId);\r\n cloneCopyFormInput = (inputId: string): void =>\r\n this.#store.actionsFormBuilder.cloneCopyFormInput(inputId);\r\n\r\n multipleInputToggleLabel = (item: FormColumnInputs): void =>\r\n this.#store.actionsFormBuilder.multipleInputToggleLabel(item);\r\n editInput = (item: FormColumnInputs): void =>\r\n this.#store.actionsFormBuilder.editInput(item);\r\n addMultipleInputValueCalculationFunction = (\r\n item: IMultipleInputCal,\r\n multipleInputId: string \| undefined,\r\n ): void =>\r\n this.#store.actionsFormBuilder.addMultipleInputValueCalculationFunction(item, multipleInputId);\r\n setActiveSection = ($event: StepperSelectionEvent): void =>\r\n this.setMatActiveStepper($event.selectedIndex);\r\n addInputToScoaSelection = (sectionId: string, scoaInputId: string): void =>\r\n this.#store.actionsFormBuilder.addInputToScoaSelection(sectionId, scoaInputId);\r\n addNewInput = (sectionId: string): void => this.#store.actionsFormBuilder.saveInput(sectionId);\r\n\r\n addSection = (): void => this.#store.actionsFormBuilder.handleAddSection();\r\n\r\n setMatActiveStepper = (index: number): void => {\r\n setTimeout(() => {\r\n const stepper = this.stepper();\r\n if (stepper === undefined) return;\r\n stepper.selectedIndex = index;\r\n }, 0);\r\n };\r\n\r\n handleInput = (event: Event, sectionId: string): void => {\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 get selectFormStepsComputed(): ITowerFormSteps[] {\r\n return this.engine.selectFormSteps().map(step => ({\r\n ...step,\r\n columns: step.columns.map(col => ({\r\n ...col,\r\n inputConfigErrors: validateFormColumnInputs(col),\r\n })),\r\n }));\r\n }\r\n\r\n stopDeletion(id: string): void {\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\r\n inputWillBeRemovedIn = (id: string): number \| null \| undefined =>\r\n this.countdownSeconds[id]?.count;\r\n\r\n removeInput(item: FormColumnInputs): void {\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 } else {\r\n data.count = remainingTime;\r\n }\r\n }),\r\n takeUntil(this.countdownSeconds[item.id]?.stop$!),\r\n takeUntilDestroyed(this.#destroyRef),\r\n );\r\n\r\n countdown$?.subscribe({ complete: () => {} });\r\n }\r\n\r\n deleteSection(sectionId: string \| null, deleteInputs: boolean = false): void {\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 this.stopDeletion(sectionId);\r\n } else {\r\n data.count = remainingTime;\r\n }\r\n }),\r\n takeUntil(this.countdownSeconds[sectionId]?.stop$!),\r\n takeUntilDestroyed(this.#destroyRef),\r\n );\r\n\r\n countdown$?.subscribe({ complete: () => {} });\r\n }\r\n\r\n // Template binds `step.sectionForm \|\| getPlaceHolerForSection(...)` to `<mat-step [stepControl]>`\r\n // which requires a non-undefined AbstractControl; the placeholder is always present at render time\r\n // (created by the store ahead of the @if(step.sectionForm \|\| ...) guard). Phase-4 TODO: tighten store\r\n // contract to guarantee placeholder presence and make this non-nullable.\r\n getPlaceHolerForSection = (sectionId: string): AbstractControl =>\r\n this.#store.sectionPlaceholder[sectionId] as AbstractControl;\r\n\r\n formDeleteInput = (item: FormColumnInputs): void =>\r\n this.#store.actionsFormBuilder.formDeleteInput(item);\r\n\r\n toggleSectionReports = (sectionId: string): boolean =>\r\n (this.openSectionReports[sectionId] = !this.openSectionReports[sectionId]);\r\n\r\n refresh(): void {\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\r\n startTour(sectionId: string): void {\r\n const tourOptions = this.engine.selectAllFormTours().filter(step => step.sectionId === sectionId);\r\n this.#tourManagerService.startTourByOption(tourOptions);\r\n }\r\n\r\n onSpaceKey(event: Event, sectionId: string): void {\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 refreshASection = (sectionId: string): void => {\r\n this.engine.refreshSection(sectionId)\r\n .pipe(take(1), takeUntilDestroyed(this.#destroyRef))\r\n .subscribe();\r\n };\r\n\r\n addColAndOpen(col: ITowerStepColumn): void {\r\n this.addMultipleFormInput(col.sectionId, col.id);\r\n if (!col.formIsOpen) {\r\n this.engine.toggleMultipleInput(col.id, true);\r\n }\r\n this.#snackBar.open(\r\n '✨Input field successfully added to the row entry form. Open the form to configure it further.',\r\n 'OK',\r\n { duration: 3000 },\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)=\"engine.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 <button cdkDragHandle type=\"button\" class=\"section-drag-handle\" (click)=\"$event.stopPropagation()\"\r\n matTooltip=\"Drag to reorder section\" aria-label=\"Drag to reorder section\" mat-icon-button>\r\n <mat-icon>drag_indicator</mat-icon>\r\n </button>\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=\"Untitled section — click to name\"\r\n [value]=\"step.label\" aria-label=\"Section title\">\r\n <mat-icon class=\"section-title-edit-hint\" aria-hidden=\"true\">edit</mat-icon>\r\n </span>\r\n @if (step.sectionIsSeen) {\r\n <mat-icon class=\"section-status-icon\" [class.error]=\"step.sectionIsInvalid\"\r\n [attr.aria-label]=\"step.sectionIsInvalid ? 'Section has errors' : 'Section completed'\">\r\n {{ step.sectionIsInvalid ? 'error' : 'check_circle' }}\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-icon-button aria-label=\"Start section tour\">\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\r\n (mouseover)=\"overId = step.sectionId\" (mouseout)=\"overId = null\"\r\n (click)=\"deleteSection(step.sectionId)\" color=\"warn\" mat-stroked-button class=\"countdown-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 @if(engine.canRefreshSection(step.sectionId)&& step.isActive){\r\n <button mat-icon-button\r\n class=\"input-sync-button\"\r\n matTooltip=\"Click to refresh this section.\"\r\n (click)=\"refreshASection(step.sectionId)\" >\r\n <mat-icon>sync</mat-icon>\r\n </button>\r\n }\r\n <button (click)=\"$event.stopPropagation()\"\r\n [matMenuTriggerData]=\"{ sectionId: step.sectionId, columns: step.columns }\" [matMenuTriggerFor]=\"sectionMenu\"\r\n 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 (focusin)=\"activeInput = col.id\">\r\n @if (step.sectionForm) {\r\n <lib-t-form-input [editorMode]=\"true\" [tourAnchor]=\"col.id\" (valueChange)=\"engine.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 @if (!col.formIsOpen) {\r\n <button matTooltip=\"Open the row entry form — configure each column's input type here\"\r\n (click)=\"engine.toggleMultipleInput(col.id, true)\" mat-button>\r\n <mat-icon>table_rows</mat-icon>\r\n Row Entry Form\r\n </button>\r\n }\r\n <button \r\n [disabled]=\"col.systemDefault\"\r\n matTooltip=\"Add a new column field to this table\" (click)=\"\r\n addColAndOpen(col)\"\r\n color=\"accent\" mat-stroked-button>\r\n <mat-icon>view_column</mat-icon>\r\n Add Column\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 @if (step.columns.length === 0) {\r\n <section class=\"empty-state-section\">\r\n <p class=\"empty-state-text\">This section has no fields yet.</p>\r\n <p class=\"empty-state-hint\">Add a field to start collecting information.</p>\r\n <div class=\"empty-state-actions\">\r\n <button matTooltip=\"Add a field to this section\" (click)=\"addNewInput(step.sectionId)\" color=\"primary\"\r\n mat-flat-button>\r\n <mat-icon>add</mat-icon>\r\n Add field\r\n </button>\r\n </div>\r\n </section>\r\n } @else {\r\n <div class=\"section-add-field\">\r\n <button class=\"add-field-button\" matTooltip=\"Add another field to this section\"\r\n (click)=\"addNewInput(step.sectionId)\" mat-stroked-button aria-label=\"Add field to this section\">\r\n <mat-icon>add</mat-icon>\r\n Add field\r\n </button>\r\n </div>\r\n }\r\n\r\n\r\n } @else {\r\n <lib-section-report [sectionId]=\"step.sectionId\"></lib-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 @if (engine.selectFormSteps().length === 0) {\r\n <section class=\"empty-state-section add-section-hint\">\r\n <p class=\"empty-state-text\">A form section groups related fields together.</p>\r\n <p class=\"empty-state-hint\">Click <strong>\"Add Section\"</strong> below to create your first section.</p>\r\n </section>\r\n }\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 {{ engine.formSubmissionMessage()}}\r\n </span>\r\n @if (engine.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":["i1","i4","i5","i8","i9","i10","i11","i2","i7"],"mappings":"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"}