@ng-forge/dynamic-forms 1.2.0-next.2 → 1.2.0-next.4

package/fesm2022/{ng-forge-dynamic-forms-ng-forge-dynamic-forms-DtnrCyH2.mjs → ng-forge-dynamic-forms-ng-forge-dynamic-forms-BGRxIQ2V.mjs}

@@ -403,14 +403,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { dfFieldOutlet: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfFieldOutlet", required: true }] }], dfFieldOutletEnvironmentInjector: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfFieldOutletEnvironmentInjector", required: false }] }] } });
 
+function isTreeValidationErrors(result) {
+    const isError = (v) => typeof v === 'object' && v !== null && 'kind' in v;
+    return Array.isArray(result) ? result.every(isError) && result.length > 0 : isError(result);
+}
 function wrapSubmissionAction(action) {
     return async (formTree) => {
         const result = action(formTree);
-                if (isObservable(result)) {
-            await firstValueFrom(result);
-            return;
-        }
-        await Promise.resolve(result);
+                const resolved = isObservable(result) ? await firstValueFrom(result) : await Promise.resolve(result);
+        return isTreeValidationErrors(resolved) ? resolved : undefined;
     };
 }
 function createSubmissionHandler(options) {
@@ -436,10 +437,6 @@ class FormSubmitEvent {
     type = 'submit';
 }
 
-class NextPageEvent {
-    type = 'next-page';
-}
-
 class PageChangeEvent {
     currentPageIndex;
     totalPages;
@@ -455,105 +452,9 @@ class PageChangeEvent {
     }
 }
 
-class PreviousPageEvent {
-    type = 'previous-page';
-}
-
-class FormResetEvent {
-    type = 'form-reset';
-}
-
-class FormClearEvent {
-    type = 'form-clear';
-}
-
-class AppendArrayItemEvent {
-    arrayKey;
-    template;
-    type = 'append-array-item';
-    constructor(
-        arrayKey, 
-        template) {
-        this.arrayKey = arrayKey;
-        this.template = template;
-    }
-}
-
-class PrependArrayItemEvent {
-    arrayKey;
-    template;
-    type = 'prepend-array-item';
-    constructor(
-        arrayKey, 
-        template) {
-        this.arrayKey = arrayKey;
-        this.template = template;
-    }
-}
-
-class InsertArrayItemEvent {
-    arrayKey;
-    index;
-    template;
-    type = 'insert-array-item';
-    constructor(
-        arrayKey, 
-        index, 
-        template) {
-        this.arrayKey = arrayKey;
-        this.index = index;
-        this.template = template;
-    }
-}
-
-class PopArrayItemEvent {
-    arrayKey;
-    type = 'pop-array-item';
-    constructor(
-        arrayKey) {
-        this.arrayKey = arrayKey;
-    }
-}
-
-class ShiftArrayItemEvent {
-    arrayKey;
-    type = 'shift-array-item';
-    constructor(
-        arrayKey) {
-        this.arrayKey = arrayKey;
-    }
-}
-
-class MoveArrayItemEvent {
-    arrayKey;
-    fromIndex;
-    toIndex;
-    type = 'move-array-item';
-    constructor(
-        arrayKey, 
-        fromIndex, 
-        toIndex) {
-        this.arrayKey = arrayKey;
-        this.fromIndex = fromIndex;
-        this.toIndex = toIndex;
-    }
-}
-
-class RemoveAtIndexEvent {
-    arrayKey;
-    index;
-    type = 'remove-at-index';
-    constructor(
-        arrayKey, 
-        index) {
-        this.arrayKey = arrayKey;
-        this.index = index;
-    }
-}
-
-class PageNavigationStateChangeEvent {
+class PagerStateEvent {
     state;
-    type = 'page-navigation-state-change';
+    type = 'pager-state';
     constructor(state) {
         this.state = state;
     }
@@ -614,20 +515,18 @@ class PageOrchestratorComponent {
             totalPages,
             isFirstPage: isFirstVisiblePage,
             isLastPage: isLastVisiblePage,
-            navigationDisabled: false,
         };
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
-        currentPageValid = computed(() => {
-        const currentIndex = this.currentPageIndex();
+        currentPageValid = computed(() => this.isPageValid(this.currentPageIndex()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentPageValid" }] : /* istanbul ignore next */ []));
+        isPageValid(pageIndex) {
         const pages = this.pageFields();
         const form = this.form();
-                if (pages.length === 0 || currentIndex >= pages.length) {
+        if (pageIndex < 0 || pageIndex >= pages.length) {
             return true;
         }
-        const currentPage = pages[currentIndex];
-        const pageFields = currentPage.fields || [];
-                const leafKeys = collectLeafFieldKeys(pageFields);
+                const leafKeys = collectLeafFieldKeys(pages[pageIndex].fields || []);
                         for (const fieldKey of leafKeys) {
             const field = form[fieldKey];
             if (field && typeof field === 'function') {
@@ -638,8 +537,7 @@ class PageOrchestratorComponent {
             }
         }
         return true;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "currentPageValid" }] : /* istanbul ignore next */ []));
+    }
         extendedFieldSignalContext = computed(() => ({
         ...this.fieldSignalContext(),
         currentPageValid: this.currentPageValid,
@@ -660,7 +558,7 @@ class PageOrchestratorComponent {
             if (currentVisiblePosition === -1 && visibleIndices.length > 0) {
                                 const nearest = this.findNearestVisiblePage(state.currentPageIndex, visibleIndices);
                 if (nearest !== -1) {
-                    this.navigateToPage(nearest);
+                    this.executePageChange(nearest);
                 }
             }
         });
@@ -682,13 +580,6 @@ class PageOrchestratorComponent {
                 newPageIndex: currentState.currentPageIndex,
                 error: 'Already on the last visible page',
             };
-        }
-        if (currentState.navigationDisabled) {
-            return {
-                success: false,
-                newPageIndex: currentState.currentPageIndex,
-                error: 'Navigation is currently disabled',
-            };
         }
                 const currentVisiblePosition = visibleIndices.indexOf(currentState.currentPageIndex);
         if (currentVisiblePosition === -1 || currentVisiblePosition >= visibleIndices.length - 1) {
@@ -699,7 +590,7 @@ class PageOrchestratorComponent {
             };
         }
         const nextVisiblePageIndex = visibleIndices[currentVisiblePosition + 1];
-        return this.navigateToPage(nextVisiblePageIndex);
+        return this.executePageChange(nextVisiblePageIndex);
     }
         navigateToPreviousPage() {
         const currentState = this.state();
@@ -710,13 +601,6 @@ class PageOrchestratorComponent {
                 newPageIndex: currentState.currentPageIndex,
                 error: 'Already on the first visible page',
             };
-        }
-        if (currentState.navigationDisabled) {
-            return {
-                success: false,
-                newPageIndex: currentState.currentPageIndex,
-                error: 'Navigation is currently disabled',
-            };
         }
                 const currentVisiblePosition = visibleIndices.indexOf(currentState.currentPageIndex);
         if (currentVisiblePosition <= 0) {
@@ -727,9 +611,31 @@ class PageOrchestratorComponent {
             };
         }
         const prevVisiblePageIndex = visibleIndices[currentVisiblePosition - 1];
-        return this.navigateToPage(prevVisiblePageIndex);
+        return this.executePageChange(prevVisiblePageIndex);
     }
         navigateToPage(pageIndex) {
+        const currentIndex = this.state().currentPageIndex;
+        const visibleIndices = this.visiblePageIndices();
+                        if (pageIndex <= currentIndex || !visibleIndices.includes(pageIndex)) {
+            return this.executePageChange(pageIndex);
+        }
+        const disableWhenPageInvalid = this.formOptions?.()?.nextButton?.disableWhenPageInvalid ?? true;
+        if (!disableWhenPageInvalid) {
+            return this.executePageChange(pageIndex);
+        }
+        const crossedPages = visibleIndices.filter((index) => index >= currentIndex && index < pageIndex);
+        const firstInvalidPage = crossedPages.find((index) => !this.isPageValid(index));
+        if (firstInvalidPage === undefined) {
+            return this.executePageChange(pageIndex);
+        }
+                this.executePageChange(firstInvalidPage);
+        return {
+            success: false,
+            newPageIndex: firstInvalidPage,
+            error: `Cannot navigate to page ${pageIndex}: page ${firstInvalidPage} has invalid fields`,
+        };
+    }
+        executePageChange(pageIndex) {
         const currentState = this.state();
         const totalPages = currentState.totalPages;
                 if (pageIndex < 0 || pageIndex >= totalPages) {
@@ -786,7 +692,13 @@ class PageOrchestratorComponent {
             .subscribe(() => {
             this.navigateToPreviousPage();
         });
-        explicitEffect([this.state], ([state]) => this.eventBus.dispatch(PageNavigationStateChangeEvent, state));
+                this.eventBus
+            .on('go-to-page')
+            .pipe(takeUntilDestroyed())
+            .subscribe((event) => {
+            this.navigateToPage(event.pageIndex);
+        });
+        explicitEffect([this.state], ([state]) => this.eventBus.dispatch(PagerStateEvent, state));
     }
         evaluatePageHidden(page) {
                 if (!page.logic || page.logic.length === 0) {
@@ -862,10 +774,10 @@ class PageOrchestratorComponent {
       }
     }
   `, isInline: true, styles: [":host{display:block;position:relative;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [/* @ts-ignore */
-                import('./ng-forge-dynamic-forms-page-field.component-PWJ-9bnw.mjs').then(m => m.default)]] });
+                import('./ng-forge-dynamic-forms-page-field.component-B7A2v1vN.mjs').then(m => m.default)]] });
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.1", ngImport: i0, type: PageOrchestratorComponent, resolveDeferredDeps: () => [/* @ts-ignore */
-        import('./ng-forge-dynamic-forms-page-field.component-PWJ-9bnw.mjs').then(m => m.default)], resolveMetadata: PageFieldComponent => ({ decorators: [{
+        import('./ng-forge-dynamic-forms-page-field.component-B7A2v1vN.mjs').then(m => m.default)], resolveMetadata: PageFieldComponent => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'div[page-orchestrator]', imports: [PageFieldComponent], template: `
     @for (pageField of pageFields(); track pageField.key; let i = $index) {
@@ -3879,7 +3791,7 @@ function createDerivationRenderGate() {
         if (!has || engine() !== 'idle')
             return;
         engine.set('loading');
-                pendingTasks.run(() => import('./ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-D_DGkAXj.mjs')
+                pendingTasks.run(() => import('./ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-jHiY95pr.mjs')
             .then(({ bootstrapDerivationOrchestrator }) => {
             runInInjectionContext(injector, () => bootstrapDerivationOrchestrator());
             engine.set('wired');
@@ -4210,7 +4122,7 @@ class DynamicForm {
         events = outputFromObservable(this.eventBus.events$);
         initialized = outputFromObservable(this.initialized$);
         onPageChange = outputFromObservable(this.eventBus.on('page-change'));
-        onPageNavigationStateChange = outputFromObservable(this.eventBus.on('page-navigation-state-change'));
+        onPageNavigationStateChange = outputFromObservable(this.eventBus.on('pager-state'));
                 constructor() {
         this.dispatcher?.connect(this.eventBus);
         this.destroyRef.onDestroy(() => this.dispatcher?.disconnect());
@@ -4434,28 +4346,28 @@ const DISPLAY_FIELD_TYPES_BASE = {
 const BUILT_IN_FIELDS = [
     {
         name: 'row',
-                                loadComponent: () => import('./ng-forge-dynamic-forms-container-field.component-CrWGMLMJ.mjs'),
+                                loadComponent: () => import('./ng-forge-dynamic-forms-container-field.component-ug5tp6kt.mjs'),
         mapper: rowFieldMapper,
         valueHandling: 'flatten',
         ...CONTAINER_FIELD_TYPES_BASE,
     },
     {
         name: 'group',
-        loadComponent: () => import('./ng-forge-dynamic-forms-group-field.component-Ds_k0Tkn.mjs'),
+        loadComponent: () => import('./ng-forge-dynamic-forms-group-field.component-DyD00a1U.mjs'),
         mapper: groupFieldMapper,
         valueHandling: 'include',
         ...CONTAINER_FIELD_TYPES_BASE,
     },
     {
         name: 'array',
-        loadComponent: () => import('./ng-forge-dynamic-forms-array-field.component-B5t7W5fo.mjs'),
+        loadComponent: () => import('./ng-forge-dynamic-forms-array-field.component-BLPWSurR.mjs'),
         mapper: arrayFieldMapper,
         valueHandling: 'include',
         ...CONTAINER_FIELD_TYPES_BASE,
     },
     {
         name: 'page',
-        loadComponent: () => import('./ng-forge-dynamic-forms-page-field.component-PWJ-9bnw.mjs'),
+        loadComponent: () => import('./ng-forge-dynamic-forms-page-field.component-B7A2v1vN.mjs'),
         mapper: pageFieldMapper,
         valueHandling: 'flatten',
         ...CONTAINER_FIELD_TYPES_BASE,
@@ -4473,7 +4385,7 @@ const BUILT_IN_FIELDS = [
     },
     {
         name: 'container',
-        loadComponent: () => import('./ng-forge-dynamic-forms-container-field.component-CrWGMLMJ.mjs'),
+        loadComponent: () => import('./ng-forge-dynamic-forms-container-field.component-ug5tp6kt.mjs'),
         mapper: containerFieldMapper,
         valueHandling: 'flatten',
         ...CONTAINER_FIELD_TYPES_BASE,
@@ -4875,6 +4787,115 @@ function sanitizeFormConfigPure(config, fieldRegistry, typeRegistry, options = {
     return { sanitized: { ...config, fields: fields }, warnings };
 }
 
+class GoToPageEvent {
+    pageIndex;
+    type = 'go-to-page';
+    constructor(
+        pageIndex) {
+        this.pageIndex = pageIndex;
+    }
+}
+
+class NextPageEvent {
+    type = 'next-page';
+}
+
+class PreviousPageEvent {
+    type = 'previous-page';
+}
+
+class FormResetEvent {
+    type = 'form-reset';
+}
+
+class FormClearEvent {
+    type = 'form-clear';
+}
+
+class AppendArrayItemEvent {
+    arrayKey;
+    template;
+    type = 'append-array-item';
+    constructor(
+        arrayKey, 
+        template) {
+        this.arrayKey = arrayKey;
+        this.template = template;
+    }
+}
+
+class PrependArrayItemEvent {
+    arrayKey;
+    template;
+    type = 'prepend-array-item';
+    constructor(
+        arrayKey, 
+        template) {
+        this.arrayKey = arrayKey;
+        this.template = template;
+    }
+}
+
+class InsertArrayItemEvent {
+    arrayKey;
+    index;
+    template;
+    type = 'insert-array-item';
+    constructor(
+        arrayKey, 
+        index, 
+        template) {
+        this.arrayKey = arrayKey;
+        this.index = index;
+        this.template = template;
+    }
+}
+
+class PopArrayItemEvent {
+    arrayKey;
+    type = 'pop-array-item';
+    constructor(
+        arrayKey) {
+        this.arrayKey = arrayKey;
+    }
+}
+
+class ShiftArrayItemEvent {
+    arrayKey;
+    type = 'shift-array-item';
+    constructor(
+        arrayKey) {
+        this.arrayKey = arrayKey;
+    }
+}
+
+class MoveArrayItemEvent {
+    arrayKey;
+    fromIndex;
+    toIndex;
+    type = 'move-array-item';
+    constructor(
+        arrayKey, 
+        fromIndex, 
+        toIndex) {
+        this.arrayKey = arrayKey;
+        this.fromIndex = fromIndex;
+        this.toIndex = toIndex;
+    }
+}
+
+class RemoveAtIndexEvent {
+    arrayKey;
+    index;
+    type = 'remove-at-index';
+    constructor(
+        arrayKey, 
+        index) {
+        this.arrayKey = arrayKey;
+        this.index = index;
+    }
+}
+
 function arrayEvent(arrayKey) {
     return {
                 append: (template) => new AppendArrayItemEvent(arrayKey, template),
@@ -4890,5 +4911,5 @@ function arrayEvent(arrayKey) {
 
 
 
-export { withLegacyStatusClasses as $, ArrayItemRegistryService as A, BUILT_IN_FIELDS as B, CONTAINER_FIELD_PROCESSORS as C, DfFieldOutlet as D, EventDispatcher as E, FIELD_WINDOWING as F, PageChangeEvent as G, PopArrayItemEvent as H, InsertArrayItemEvent as I, PrependArrayItemEvent as J, PreviousPageEvent as K, TextAddonComponent as L, MoveArrayItemEvent as M, NextPageEvent as N, arrayEvent as O, PROPERTY_OVERRIDE_STORE as P, createWrappers as Q, RemoveAtIndexEvent as R, ShiftArrayItemEvent as S, TemplateAddonComponent as T, isWrappersBundle as U, provideDynamicForm as V, sanitizeFormConfig as W, withAddonActions as X, withCustomAddon as Y, withEventFormValue as Z, withFieldWindowing as _, isSameWrapperChain as a, withLoggerConfig as a0, withPagePreload as a1, withValidationExecutionDefaults as a2, withValueExclusionDefaults as a3, wrapperProps as a4, createWrapperChainController as b, createFieldResolutionPipe as c, createSchemaFromFields as d, createHiddenSignal as e, createRenderReadySignal as f, getNormalizedArrayMetadata as g, getFieldDefaultValue as h, injectFieldRegistry as i, resolveFieldWindowing as j, DEV_MODE as k, DEFAULT_DEBOUNCE_MS as l, mapFieldToInputs as m, DERIVATION_WARNING_TRACKER as n, FormStateManager as o, DERIVATION_LOG_CONFIG as p, AppendArrayItemEvent as q, resolveWrappers as r, ComponentAddonComponent as s, traverseFieldsWithContext as t, ConsoleLogger as u, DfTemplate as v, DynamicForm as w, FormClearEvent as x, FormResetEvent as y, FormSubmitEvent as z };
-//# sourceMappingURL=ng-forge-dynamic-forms-ng-forge-dynamic-forms-DtnrCyH2.mjs.map
+export { withEventFormValue as $, ArrayItemRegistryService as A, BUILT_IN_FIELDS as B, CONTAINER_FIELD_PROCESSORS as C, DfFieldOutlet as D, EventDispatcher as E, FIELD_WINDOWING as F, GoToPageEvent as G, PageChangeEvent as H, InsertArrayItemEvent as I, PagerStateEvent as J, PopArrayItemEvent as K, PrependArrayItemEvent as L, MoveArrayItemEvent as M, NextPageEvent as N, PreviousPageEvent as O, PROPERTY_OVERRIDE_STORE as P, TextAddonComponent as Q, RemoveAtIndexEvent as R, ShiftArrayItemEvent as S, TemplateAddonComponent as T, arrayEvent as U, createWrappers as V, isWrappersBundle as W, provideDynamicForm as X, sanitizeFormConfig as Y, withAddonActions as Z, withCustomAddon as _, isSameWrapperChain as a, withFieldWindowing as a0, withLegacyStatusClasses as a1, withLoggerConfig as a2, withPagePreload as a3, withValidationExecutionDefaults as a4, withValueExclusionDefaults as a5, wrapperProps as a6, createWrapperChainController as b, createFieldResolutionPipe as c, createSchemaFromFields as d, createHiddenSignal as e, createRenderReadySignal as f, getNormalizedArrayMetadata as g, getFieldDefaultValue as h, injectFieldRegistry as i, resolveFieldWindowing as j, DEV_MODE as k, DEFAULT_DEBOUNCE_MS as l, mapFieldToInputs as m, DERIVATION_WARNING_TRACKER as n, FormStateManager as o, DERIVATION_LOG_CONFIG as p, AppendArrayItemEvent as q, resolveWrappers as r, ComponentAddonComponent as s, traverseFieldsWithContext as t, ConsoleLogger as u, DfTemplate as v, DynamicForm as w, FormClearEvent as x, FormResetEvent as y, FormSubmitEvent as z };
+//# sourceMappingURL=ng-forge-dynamic-forms-ng-forge-dynamic-forms-BGRxIQ2V.mjs.map