ngx-t-forms 2.0.31 → 2.0.32

package/fesm2022/ngx-t-forms.mjs

@@ -1,3 +1,3 @@
-export { o as DialogTemplateComponent, H as FORM_ACTIONS_TOKEN, I as FORM_CONFIG_TOKEN, K as FORM_INPUTS_TOKEN, L as FORM_ROUTE_SOURCE, O as FORM_SLIDES_TOKEN, p as FormBuilderComponent, Q as FormTowerControllerService, x as FormatDataPipe, q as FormsComponent, R as HttpPipelineRepository, W as IMPORT_TOWER_INSTANCE_ID, X as INPUT_SECRET_TOKEN, Y as MSCOA_TREE_PROVIDER, Z as MULTIPLE_FORM_INPUT_TOKEN, M as MscoaFormInputComponent, N as NGX_T_FORMS_CONFIG_TOKEN, $ as NgxTFormsComponent, a0 as NgxTFormsService, a1 as PIPELINE_REPOSITORY, a2 as PipelineRepository, a3 as PropertyAccessError, S as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, a4 as TFormImportController, r as TFormInputComponent, a5 as UTILS_OBJECT_TOKEN, U as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, a as assignDeepPropertyToObject, a6 as createFileFromBase64, a7 as formGenerator, a8 as getPipedValueFromDataType, a9 as getSampleValueForInput, aa as getSectionElements, u as getSignatureImage, ab as getUrl, ac as getValueFromValueAccessor, ad as initFormConfigToV2, ae as provideNgxTForms, af as returnDeepProperty, w as returnMappedPathValue, s as safeReturnDeepProperty, ag as sheetConsolodation, t as testAgainstItem, ah as textIconsForUserHints, ai as validateExpressionSyntax, aj as validateObjectAgainstString, ak as withHttpPipeline, al as withInputSecret, am as withRouterFormId } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+export { v as DialogTemplateComponent, Q as FORM_ACTIONS_TOKEN, R as FORM_CONFIG_TOKEN, W as FORM_INPUTS_TOKEN, X as FORM_ROUTE_SOURCE, Y as FORM_SLIDES_TOKEN, w as FormBuilderComponent, Z as FormTowerControllerService, G as FormatDataPipe, x as FormsComponent, $ as HttpPipelineRepository, a0 as IMPORT_TOWER_INSTANCE_ID, a1 as INPUT_SECRET_TOKEN, a2 as MSCOA_TREE_PROVIDER, a3 as MULTIPLE_FORM_INPUT_TOKEN, M as MscoaFormInputComponent, N as NGX_T_FORMS_CONFIG_TOKEN, a4 as NgxTFormsComponent, a5 as NgxTFormsService, a6 as PIPELINE_REPOSITORY, a7 as PipelineRepository, a8 as PropertyAccessError, S as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, a9 as TFormImportController, y as TFormInputComponent, aa as UTILS_OBJECT_TOKEN, U as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, a as assignDeepPropertyToObject, ab as createFileFromBase64, ac as formGenerator, ad as getPipedValueFromDataType, ae as getSampleValueForInput, af as getSectionElements, z as getSignatureImage, ag as getUrl, ah as getValueFromValueAccessor, ai as initFormConfigToV2, aj as provideNgxTForms, ak as returnDeepProperty, C as returnMappedPathValue, n as safeReturnDeepProperty, al as sheetConsolodation, t as testAgainstItem, am as textIconsForUserHints, an as validateExpressionSyntax, ao as validateObjectAgainstString, ap as withHttpPipeline, aq as withInputSecret, ar as withRouterFormId } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 export { WorkflowFunctionTypes } from 'ngx-t-forms-types';
 //# sourceMappingURL=ngx-t-forms.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-t-forms",
-  "version": "2.0.31",
+  "version": "2.0.32",
   "description": "Angular forms module for creating dynamic forms through configuration. Supports form validation, custom controls, and complex form structures.",
   "license": "UNLICENSED",
   "author": {
@@ -41,7 +41,7 @@
     "html5-qrcode": "^2.3.8",
     "katex": "^0.16.11",
     "mathjs": "^15.2.0",
-    "ngx-t-forms-types": "^0.0.21",
+    "ngx-t-forms-types": "^0.0.22",
     "ngx-ui-tour-md-menu": "^16.0.0",
     "qrcode": "^1.5.4",
     "quill": "^2.0.3",

package/types/ngx-t-forms.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Provider, EnvironmentProviders, InjectionToken, OnInit, OnDestroy, Signal, PipeTransform, Type, ElementRef } from '@angular/core';
 import * as ngx_t_forms_types from 'ngx-t-forms-types';
-import { NgxTFormsConfig, IFormActions, FormInterface, FormSlideInterface, InClassFormUtilsInterface, IWorkflowDocumentPicker, IBasicFormInput, IFileUploadInput, IDateRangePickerInput, ITextareaProperties, IToggleInput, IMatrixInput, IMultiple, IGetTreeResponse, IRunPipelineResponse, IPipelineGenerationResponse, LocalFormStateSelectorInterface, FormsStoreSelectorsInterface, FormListSection, WorkflowFunctionTypes, FileData, FormSubmissionStatus, IFormValidationOverride, FormColumnInputs, IFormChangeHistory, FormBuilderFunctions, ITowerFormSteps, ElementEditorTypes, ElementEditorInnerSectionElementInterface, IWorkflowOption, BlurHandleTypes, ITowerStepColumn, TreeNode, FlatNode, IArrayFunction, DocumentLitsLabelConfigInterfaceValueType, InputDataTypes, InputPipeTypes, ImportProgress, ImportRowState, ValidationError, FormInputBasicOptionInterface, ElementTypes, DialogConfig, PropertyPath, DeepPropertyValue, FileUploadInputValueInterface, FormInterfaceMigration, ConfigurationValidTestInterface, EncryptedData } from 'ngx-t-forms-types';
+import { NgxTFormsConfig, IFormActions, FormInterface, FormSlideInterface, InClassFormUtilsInterface, IWorkflowDocumentPicker, IBasicFormInput, IFileUploadInput, IDateRangePickerInput, ITextareaProperties, IToggleInput, IMatrixInput, IMultiple, IGetTreeResponse, IRunPipelineResponse, IPipelineGenerationResponse, LocalFormStateSelectorInterface, FormsStoreSelectorsInterface, FormListSection, WorkflowFunctionTypes, FileData, FormSubmissionStatus, IFormValidationOverride, FormColumnInputs, IFormChangeHistory, FormBuilderFunctions, ITowerFormSteps, ElementEditorTypes, ElementEditorInnerSectionElementInterface, ScoaInnerInput, IWorkflowOption, BlurHandleTypes, ITowerStepColumn, TreeNode, FlatNode, IArrayFunction, DocumentLitsLabelConfigInterfaceValueType, InputDataTypes, InputPipeTypes, ImportProgress, ImportRowState, ValidationError, FormInputBasicOptionInterface, ElementTypes, DialogConfig, PropertyPath, DeepPropertyValue, FileUploadInputValueInterface, FormInterfaceMigration, ConfigurationValidTestInterface, EncryptedData } from 'ngx-t-forms-types';
 export { BlurHandleTypes, ConfigurationValidTestInterface, DeepPropertyValue, DialogConfig, DocumentLitsLabelConfigInterfaceValueType, ElementEditorInnerSectionElementInterface, ElementEditorTypes, EncryptedData, FileUploadInputValueInterface, FormBuilderFunctions, FormColumnInputs, FormInterface, FormInterfaceMigration, FormListSection, FormSubmissionStatus, IArrayFunction, IFormActions, IFormChangeHistory, IFormTour, IFormValidationOverride, IGetTreeResponse, IScoaAccount, ITowerStepColumn, IWorkflowOption, ImportProgress, ImportRowState, ImportRowStatus, InClassFormUtilsInterface, InputDataTypes, InputPipeTypes, LocalFormStateSelectorInterface, NgxTFormsConfig, OLD_FormInterface, PropertyPath, TreeNode, ValidationError, WorkflowFunctionTypes } from 'ngx-t-forms-types';
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
@@ -848,6 +848,27 @@ declare abstract class FormTowerControllerService implements OnDestroy {
      * @param inputId - The MultipleInput whose sub-row bridge to drop.
      */
     unbindMultipleInputRowControls: (inputId: string) => void;
+    /**
+     * Bridges live edits of mSCOA inner inputs — the custom form inputs configured
+     * inside an `MscoaSelection` column (e.g. `budgetValue`, `department`) and
+     * rendered inline by the MSCOA chart via a `ComponentPortal` — into the signal
+     * graph.
+     *
+     * Each inner input is a `${mscoaColId}.${innerId}` control sitting in the mSCOA
+     * column's section group. The engine already lists it in `allFormInputs`, so
+     * its derived calc / value-API / options graph is built at init (the OUTPUT
+     * half). But a `ComponentPortal` forwards inputs only and never subscribes the
+     * host's `valueChange` output, so the user's typed value never reached `#model`
+     * — leaving dependent calculations / value-fetches / options blind to it. This
+     * subscribes each such control's `valueChanges` → `updateValue(controlName, …)`,
+     * restoring the INPUT half so an mSCOA custom input behaves exactly like a
+     * primary-form input. Direct mirror of
+     * {@link FormTowerControllerService.bindMultipleInputRowControls}.
+     *
+     * Idempotent (tears down the prior bridge first) and anchored to `_destroyed$`,
+     * so the re-init `clearFormState` drops every inner subscription.
+     */
+    bindScoaInnerInputControls: () => void;
     /**
      * Re-runs every refreshable function for inputs in `sectionId` (resource
      * `.reload()` + dependency order). Returns an Observable that completes when
@@ -1105,6 +1126,18 @@ declare class TDynamicDataEditComponent {
     readonly data: _angular_core.InputSignal<unknown>;
     /** Validation errors surfaced by the parent for display. */
     readonly validationErrors: _angular_core.InputSignal<IConfigElementError[] | null>;
+    /**
+     * Builder-only: creates or updates an account-level MSCOA custom input (a peer
+     * of the segments) from the segment-config quick editor. Forwarded to that
+     * editor; absent outside the form builder, which hides the related affordance.
+     */
+    readonly mscoaSaveCustomInput: _angular_core.InputSignal<((sectionId: string, scoaInputId: string, config: Pick<ScoaInnerInput, "element" | "label" | "formControlName" | "singleSelect" | "readonly"> & {
+        id?: string;
+    }) => void) | undefined>;
+    /** Builder-only: opens an MSCOA custom input in the input editor for advanced configuration. */
+    readonly mscoaEditInput: _angular_core.InputSignal<((input: FormColumnInputs) => void) | undefined>;
+    /** Builder-only: removes an MSCOA custom input from the config. */
+    readonly mscoaDeleteInput: _angular_core.InputSignal<((input: FormColumnInputs) => void) | undefined>;
     /** Fires when the edited value changes (debounced). */
     readonly valueChange: _angular_core.OutputEmitterRef<unknown>;
     /** Fires when an inner editor loses focus (used for expression-style editors). */
@@ -1141,7 +1174,7 @@ declare class TDynamicDataEditComponent {
         inputConfig: Partial<ITowerStepColumn>;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TDynamicDataEditComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TDynamicDataEditComponent, "lib-t-dynamic-data-edit", never, { "editorConfig": { "alias": "editorConfig"; "required": false; "isSignal": true; }; "formInputs": { "alias": "formInputs"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "validationErrors": { "alias": "validationErrors"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TDynamicDataEditComponent, "lib-t-dynamic-data-edit", never, { "editorConfig": { "alias": "editorConfig"; "required": false; "isSignal": true; }; "formInputs": { "alias": "formInputs"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "validationErrors": { "alias": "validationErrors"; "required": false; "isSignal": true; }; "mscoaSaveCustomInput": { "alias": "mscoaSaveCustomInput"; "required": false; "isSignal": true; }; "mscoaEditInput": { "alias": "mscoaEditInput"; "required": false; "isSignal": true; }; "mscoaDeleteInput": { "alias": "mscoaDeleteInput"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
 }
 
 declare class TreeComponent {
@@ -1413,6 +1446,41 @@ declare class TFormImportController {
      * Errors are prefixed with the item index: "[0].subField.errorCode".
      */
     private _processMultipleFormInput;
+    /**
+     * Rewrites a MultipleInput sub-input's cross-field dependency references from
+     * the live form's COMPOUND id scheme back to the SIMPLE id the per-row mock
+     * form uses.
+     *
+     * In the real form, {@link allFormInputs} flattens a MultipleInput's children
+     * and rewrites each child's id to `${multipleInputId}.${childId}`. Every
+     * dependent field's `mapTo.inputId` (value/options-API `minimumInputRequired`)
+     * is authored against that compound id — so `readDep(compoundId)` resolves and
+     * the dependent fetch fires. The mock form built in
+     * {@link TFormImportController._processMultipleFormInput} hoists those children
+     * to top-level columns, so they keep their SIMPLE ids; the baked-in compound
+     * `mapTo.inputId` references then resolve to nothing, `validateMinInput` fails,
+     * the value-API `params` stay `undefined`, and the resource never fetches —
+     * leaving every derived sub-field null (and dropped by `getFormValueNames`).
+     *
+     * Deep-clones `node` (never mutates the shared form definition) and strips the
+     * `${parentId}.` prefix from any `inputId` that targets a sibling in THIS
+     * MultipleInput, so the sub-tower's signal graph resolves dependencies exactly
+     * as the live form does.
+     *
+     * @param node     - The sub-input config (or any nested fragment) to rewrite.
+     * @param parentId - The owning MultipleInput's id (the compound prefix).
+     */
+    private _localizeSubInputDeps;
+    /**
+     * Parses a string MultipleInput cell into an array of row objects.
+     *
+     * Spreadsheet cells are primitives, so a MultipleInput column arrives as a
+     * JSON-stringified array. Returns the parsed array on success; returns the
+     * raw value unchanged on failure (empty string, plain text, malformed JSON,
+     * or a non-array JSON value) so the caller's `Array.isArray` check treats it
+     * as "no rows" rather than throwing.
+     */
+    private _tryParseJsonArray;
     /**
      * Resolves a single account code to an IScoaAccount.
      * Routed through `_cachedGet` so identical codes across concurrent rows share
@@ -1478,6 +1546,29 @@ declare class TFormImportController {
      * Multiple error keys on one control are joined with '.'.
      */
     private _collectColErrors;
+    /**
+     * Collects the MultipleInput columns whose value is tower-derived — i.e. they
+     * carry a value-API fetch (`matOptions.fetch.value.source === 'api'`) or a
+     * value-producing calculation. These are the columns whose import rows are
+     * overridden by the tower's own value graph and therefore need the
+     * tower-favored deep merge applied in {@link TFormImportController._processRow}.
+     */
+    private _valueDerivedMultipleInputs;
+    /** True iff the column derives its value from a value-API fetch or a calculation. */
+    private _isValueDerivedColumn;
+    /**
+     * Deep-merges two values with the **override** (tower-derived) value favored
+     * and the **base** (import) value filling every gap it leaves.
+     *
+     * Rules (mirrors the import-merge contract):
+     * - `override` wins for scalars and for any key it defines.
+     * - Keys present only on `base` are preserved (import fills gaps).
+     * - Arrays merge **element-wise by index** (each element deep-merged), so a
+     *   tower row that omits an import-only field keeps that field.
+     * - An **empty** `override` array (or `null`/`undefined`) falls back entirely
+     *   to `base` — a tower value that resolves empty never erases the import rows.
+     */
+    private _deepMergePreferTower;
     /**
      * Immutable row update — clones the rows array and the targeted row before
      * pushing through `_rows$` so subscribers downstream of `progress$` always
@@ -1722,6 +1813,63 @@ declare class SignatureInputElementComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignatureInputElementComponent, "lib-signature-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": true; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; }, { "reload": "reload"; }, never, never, true, never>;
 }
 
+/**
+ * @file Round-trip bridge between the guided condition builder in
+ * `lib-validators-config` and a custom validator's `expression` **string** plus
+ * its `inputsObservedForChanges` dependency list — both part of the frozen
+ * {@link FormControlCustomValidatorsInterface} contract.
+ *
+ * The validator engine evaluates `expression` with the shared predicate DSL
+ * ({@link evaluatePredicate}) where **`true` means the field is INVALID**. The
+ * scope it evaluates against is `{ [variable]: <whole value of inputId> }` for
+ * every entry in `inputsObservedForChanges` (see `build-manual-validation.ts`).
+ *
+ * Because the grammar is identical to the array-access predicate builder, this
+ * module reuses {@link PREDICATE_OPERATORS} so the operator labels stay in lock
+ * step with `lib-data-tree`. The model differs in one validator-specific way:
+ * the right-hand side of a comparison may be **another field** (e.g. an
+ * "end date is before start date" rule), not only a typed literal — so the
+ * serializer must emit a bare variable token rather than a quoted string in
+ * that case.
+ *
+ * {@link parseConditions} best-effort parses an expression into the structured
+ * model; when it cannot (parentheses, mixed `&&`/`||`, unary `!`, an unknown
+ * operator), it returns `null` and the UI falls back to the raw editor — power
+ * users and legacy expressions are never locked out.
+ *
+ * @internal
+ */
+
+/** A single guided comparison: `field operator (value | field)`. */
+interface ValidatorCondition {
+    /** Left operand — always a referenced field's variable name. */
+    field: string;
+    /** One of the {@link PREDICATE_OPERATORS} values (`===`, `>`, `includes`, …). */
+    operator: string;
+    /** Whether the right operand is a typed literal or another field. */
+    compareTo: 'value' | 'field';
+    /** Literal text, or the variable name of the compared field. */
+    value: string;
+}
+/** A flat list of conditions joined by a single connector. */
+interface ValidatorConditionGroup {
+    connector: '&&' | '||';
+    conditions: ValidatorCondition[];
+}
+
+/** A field the guided builder can reference, with a friendly label. */
+interface ExpressionFieldOption {
+    readonly variable: string;
+    readonly label: string;
+    /** The step the field belongs to, used to group the dropdown (`null` = ungrouped). */
+    readonly stepName: string | null;
+}
+/** A set of field options sharing a step, rendered as one `<optgroup>`. */
+interface ExpressionFieldGroup {
+    /** The `<optgroup>` label, or `null` to render the options without a group. */
+    readonly label: string | null;
+    readonly options: readonly ExpressionFieldOption[];
+}
 /**
  * Builder-side editor for authoring a boolean expression (used for guarded
  * navigation, conditional validation, and API path-selection rules). Validates
@@ -1767,17 +1915,40 @@ declare class ValidationExpressioCreatorComponent {
         expression: string | null;
         valueAccessRules: Record<string, TreeNode[]>;
     }>;
-    protected readonly textareaElementRef: _angular_core.Signal<ElementRef<HTMLTextAreaElement>>;
+    protected readonly textareaElementRef: _angular_core.Signal<ElementRef<HTMLTextAreaElement> | undefined>;
     protected readonly expressionControl: FormControl<string | null>;
     protected readonly showSuggestions: _angular_core.WritableSignal<boolean>;
     protected readonly optionsSearch: _angular_core.WritableSignal<string | undefined>;
     protected readonly variableInEdit: _angular_core.WritableSignal<string | null>;
+    /** Operator choices, shared with the validators builder for label parity. */
+    protected readonly operators: readonly {
+        value: string;
+        label: string;
+    }[];
+    protected readonly mode: _angular_core.Signal<"guided" | "advanced">;
+    protected readonly group: _angular_core.Signal<ValidatorConditionGroup>;
+    protected readonly expressionText: _angular_core.Signal<string>;
+    /** Fields the guided builder can reference, as friendly options. */
+    protected readonly fieldOptions: _angular_core.Signal<readonly ExpressionFieldOption[]>;
+    /**
+     * Field options grouped by their `stepName` for the dropdowns, preserving
+     * first-seen order. Fields without a step collapse into a single ungrouped
+     * bucket (rendered without an `<optgroup>`), so forms that don't carry step
+     * names degrade to a plain flat list.
+     */
+    protected readonly fieldOptionGroups: _angular_core.Signal<readonly ExpressionFieldGroup[]>;
+    /** Whether the current expression can be represented by the guided builder. */
+    protected readonly canUseGuided: _angular_core.Signal<boolean>;
     protected readonly methods: {
         label: string;
         hint: string;
         value: string;
     }[];
-    /** Bridge the `expression` input into the FormControl. */
+    /**
+     * Bridge the `expression` input into the FormControl and seed the guided
+     * builder. Reparsing is `untracked` so this only re-runs when the `expression`
+     * input changes — never when the user edits inside either mode.
+     */
     protected readonly expressionBridge: _angular_core.EffectRef;
     /** Mirror the `valueAccessRules` input into the local mutable copy. */
     protected readonly valueAccessRulesBridge: _angular_core.EffectRef;
@@ -1795,6 +1966,22 @@ declare class ValidationExpressioCreatorComponent {
     protected cleanValueAccessRules(): void;
     protected selectSuggestionInput(suggestion: string): void;
     protected onFocus(): void;
+    /** Read the value-event target as a string. */
+    protected inputValue(event: Event): string;
+    /** Switch the All/Any connector joining the conditions. */
+    protected setConnector(connector: '&&' | '||'): void;
+    /** Append a fresh condition defaulting its field to the first available one. */
+    protected addCondition(): void;
+    /** Apply a partial change to the condition at `index`. */
+    protected updateCondition(index: number, patch: Partial<ValidatorCondition>): void;
+    /** Flip a condition between comparing to a typed value and another field. */
+    protected toggleCompareTo(index: number): void;
+    /** Remove the condition at `index`. */
+    protected removeCondition(index: number): void;
+    /** Switch to the raw expression editor (the escape hatch for power users). */
+    protected useAdvanced(): void;
+    /** Switch back to the guided builder, reparsing the current expression. */
+    protected useGuided(): void;
     protected toggleVariableInEdit(variable: string): void;
     protected activeVariableChanged(value: TreeNode[] | string | {
         [key: string]: TreeNode[] | string;

package/fesm2022/ngx-t-forms-index-dDSobs6A.mjs

@@ -1,2 +0,0 @@
-export { o as DialogTemplateComponent, p as FormBuilderComponent, q as FormsComponent, M as MscoaFormInputComponent, S as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, r as TFormInputComponent, U as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, u as getSignatureImage, t as testAgainstItem } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
-//# sourceMappingURL=ngx-t-forms-index-dDSobs6A.mjs.map

package/fesm2022/ngx-t-forms-index-dDSobs6A.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-index-dDSobs6A.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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