@dereekb/dbx-form 13.7.0 → 13.8.0

package/fesm2022/dereekb-dbx-form-working.wrapper.field.component-BtD7_5i5.mjs

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { viewChild, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { AbstractForgeWrapperFieldComponent, provideDbxForgeWrapperFieldDirective } from './dereekb-dbx-form.mjs';
+import { D as DbxForgeWrapperContentComponent } from './dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs';
+
+/**
+ * Forge wrapper field component that renders child fields with a loading
+ * indicator shown during async validation.
+ *
+ * This is the forge equivalent of formly's `DbxFormWorkingWrapperComponent`.
+ * Monitors the child form's pending signal (via {@link DbxForgeWrapperContentComponent})
+ * to detect when async validators are running.
+ */
+class DbxForgeWorkingWrapperFieldComponent extends AbstractForgeWrapperFieldComponent {
+    _content = viewChild(DbxForgeWrapperContentComponent, ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
+    showLoadingSignal = computed(() => {
+        return this._content()?.pending() ?? false;
+    }, ...(ngDevMode ? [{ debugName: "showLoadingSignal" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeWorkingWrapperFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxForgeWorkingWrapperFieldComponent, isStandalone: true, selector: "dbx-forge-working-wrapper-field", host: { properties: { "class": "className()" } }, providers: provideDbxForgeWrapperFieldDirective(DbxForgeWorkingWrapperFieldComponent), viewQueries: [{ propertyName: "_content", first: true, predicate: DbxForgeWrapperContentComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="dbx-forge-working-wrapper">
+      <dbx-forge-wrapper-content />
+      @if (showLoadingSignal()) {
+        <mat-progress-bar mode="indeterminate" class="dbx-forge-working-bar"></mat-progress-bar>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxForgeWrapperContentComponent, selector: "dbx-forge-wrapper-content" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeWorkingWrapperFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-forge-working-wrapper-field',
+                    template: `
+    <div class="dbx-forge-working-wrapper">
+      <dbx-forge-wrapper-content />
+      @if (showLoadingSignal()) {
+        <mat-progress-bar mode="indeterminate" class="dbx-forge-working-bar"></mat-progress-bar>
+      }
+    </div>
+  `,
+                    providers: provideDbxForgeWrapperFieldDirective(DbxForgeWorkingWrapperFieldComponent),
+                    imports: [DbxForgeWrapperContentComponent, MatProgressBarModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    host: {
+                        '[class]': 'className()'
+                    }
+                }]
+        }], propDecorators: { _content: [{ type: i0.ViewChild, args: [i0.forwardRef(() => DbxForgeWrapperContentComponent), { isSignal: true }] }] } });
+
+export { DbxForgeWorkingWrapperFieldComponent };
+//# sourceMappingURL=dereekb-dbx-form-working.wrapper.field.component-BtD7_5i5.mjs.map

package/fesm2022/dereekb-dbx-form-working.wrapper.field.component-BtD7_5i5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dereekb-dbx-form-working.wrapper.field.component-BtD7_5i5.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/working/working.wrapper.field.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, viewChild } from '@angular/core';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { AbstractForgeWrapperFieldComponent, provideDbxForgeWrapperFieldDirective } from '../wrapper.field';\nimport { DbxForgeWrapperContentComponent } from '../wrapper.content.component';\nimport type { DbxForgeWorkingWrapperFieldProps } from './working.wrapper.field';\n\n/**\n * Forge wrapper field component that renders child fields with a loading\n * indicator shown during async validation.\n *\n * This is the forge equivalent of formly's `DbxFormWorkingWrapperComponent`.\n * Monitors the child form's pending signal (via {@link DbxForgeWrapperContentComponent})\n * to detect when async validators are running.\n */\n@Component({\n  selector: 'dbx-forge-working-wrapper-field',\n  template: `\n    <div class=\"dbx-forge-working-wrapper\">\n      <dbx-forge-wrapper-content />\n      @if (showLoadingSignal()) {\n        <mat-progress-bar mode=\"indeterminate\" class=\"dbx-forge-working-bar\"></mat-progress-bar>\n      }\n    </div>\n  `,\n  providers: provideDbxForgeWrapperFieldDirective(DbxForgeWorkingWrapperFieldComponent),\n  imports: [DbxForgeWrapperContentComponent, MatProgressBarModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class]': 'className()'\n  }\n})\nexport class DbxForgeWorkingWrapperFieldComponent extends AbstractForgeWrapperFieldComponent<DbxForgeWorkingWrapperFieldProps> {\n  private readonly _content = viewChild(DbxForgeWrapperContentComponent);\n\n  readonly showLoadingSignal = computed((): boolean => {\n    return this._content()?.pending() ?? false;\n  });\n}\n"],"names":[],"mappings":";;;;;;;AAMA;;;;;;;AAOG;AAmBG,MAAO,oCAAqC,SAAQ,kCAAoE,CAAA;AAC3G,IAAA,QAAQ,GAAG,SAAS,CAAC,+BAA+B,+EAAC;AAE7D,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAc;QAClD,OAAO,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK;AAC5C,IAAA,CAAC,wFAAC;uGALS,oCAAoC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oCAAoC,gIARpC,oCAAoC,CAAC,oCAAoC,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAS/C,+BAA+B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjB3D;;;;;;;GAOT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAES,+BAA+B,qEAAE,oBAAoB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAOpD,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBAlBhD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,QAAQ,EAAE;;;;;;;AAOT,EAAA,CAAA;oBACD,SAAS,EAAE,oCAAoC,CAAA,oCAAA,CAAsC;AACrF,oBAAA,OAAO,EAAE,CAAC,+BAA+B,EAAE,oBAAoB,CAAC;oBAChE,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;0FAEuC,+BAA+B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;;;"}

package/fesm2022/dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, computed, viewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DynamicForm } from '@ng-forge/dynamic-forms';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { EMPTY } from 'rxjs';
+import { BooleanStringKeyArrayUtility } from '@dereekb/util';
+import { DbxForgeWrapperFieldDirective, DbxForgeFormContext } from './dereekb-dbx-form.mjs';
+
+/**
+ * Reusable component that renders a nested ng-forge `DynamicForm` for wrapper fields.
+ *
+ * Injects the parent {@link DbxForgeWrapperFieldDirective} to read the child form config
+ * and two-way bind the form value. Wrapper field components provide themselves as
+ * `DbxForgeWrapperFieldDirective` via {@link provideDbxForgeWrapperFieldDirective}.
+ *
+ * Exposes the child DynamicForm's validation state via public signals so parent
+ * wrapper components can display errors in their own subscript area.
+ *
+ * @example
+ * ```html
+ * <dbx-section [headerConfig]="headerConfigSignal()">
+ *   <dbx-forge-wrapper-content />
+ * </dbx-section>
+ * ```
+ */
+class DbxForgeWrapperContentComponent {
+    wrapper = inject(DbxForgeWrapperFieldDirective);
+    _context = inject(DbxForgeFormContext, { optional: true });
+    _destroyRef = inject(DestroyRef);
+    _contextDisabled = toSignal(this._context?.disabled$ ?? EMPTY, { initialValue: undefined });
+    formOptionsSignal = computed(() => {
+        return BooleanStringKeyArrayUtility.isTrue(this._contextDisabled()) ? { disabled: true } : undefined;
+    }, ...(ngDevMode ? [{ debugName: "formOptionsSignal" }] : /* istanbul ignore next */ []));
+    /**
+     * Reference to the child DynamicForm instance.
+     */
+    dynamicForm = viewChild(DynamicForm, ...(ngDevMode ? [{ debugName: "dynamicForm" }] : /* istanbul ignore next */ []));
+    /**
+     * All child form validation errors (recursive). Empty array when the form hasn't rendered yet.
+     *
+     * Uses `errorSummary` from the field tree which aggregates errors from all child fields,
+     * not just root-level errors. This is necessary because wrapper child forms contain
+     * nested fields whose validation errors don't appear in the root `errors()` signal.
+     */
+    errors = computed(() => this.dynamicForm()?.form()?.()?.errorSummary?.() ?? [], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether any child form field has been touched (blurred).
+     */
+    touched = computed(() => this.dynamicForm()?.touched() ?? false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the child form is currently valid.
+     */
+    valid = computed(() => this.dynamicForm()?.valid() ?? true, ...(ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the child form has any pending async validators.
+     */
+    pending = computed(() => this.dynamicForm()?.form()?.()?.pending?.() ?? false, ...(ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        if (this._context) {
+            const unregister = this._context.registerWrapperValidity(this.valid);
+            this._destroyRef.onDestroy(unregister);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeWrapperContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxForgeWrapperContentComponent, isStandalone: true, selector: "dbx-forge-wrapper-content", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: DynamicForm, descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (wrapper.childConfigSignal()) {
+      <form [dynamic-form]="wrapper.childConfigSignal()!" [(value)]="wrapper.childValueSignal" [formOptions]="formOptionsSignal()"></form>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: DynamicForm, selector: "form[dynamic-form]", inputs: ["dynamic-form", "formOptions", "value"], outputs: ["valueChange", "validityChange", "dirtyChange", "submitted", "reset", "cleared", "events", "initialized", "onPageChange", "onPageNavigationStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeWrapperContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-forge-wrapper-content',
+                    template: `
+    @if (wrapper.childConfigSignal()) {
+      <form [dynamic-form]="wrapper.childConfigSignal()!" [(value)]="wrapper.childValueSignal" [formOptions]="formOptionsSignal()"></form>
+    }
+  `,
+                    imports: [DynamicForm],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true
+                }]
+        }], propDecorators: { dynamicForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => DynamicForm), { isSignal: true }] }] } });
+
+export { DbxForgeWrapperContentComponent as D };
+//# sourceMappingURL=dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs.map

package/fesm2022/dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/wrapper.content.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, type OnInit, type Signal, viewChild } from '@angular/core';\nimport { DynamicForm, type FormOptions } from '@ng-forge/dynamic-forms';\nimport type { ValidationError } from '@angular/forms/signals';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { EMPTY } from 'rxjs';\nimport { BooleanStringKeyArrayUtility } from '@dereekb/util';\nimport { DbxForgeWrapperFieldDirective } from './wrapper.field';\nimport { DbxForgeFormContext } from '../../form/forge.context';\n\n/**\n * Reusable component that renders a nested ng-forge `DynamicForm` for wrapper fields.\n *\n * Injects the parent {@link DbxForgeWrapperFieldDirective} to read the child form config\n * and two-way bind the form value. Wrapper field components provide themselves as\n * `DbxForgeWrapperFieldDirective` via {@link provideDbxForgeWrapperFieldDirective}.\n *\n * Exposes the child DynamicForm's validation state via public signals so parent\n * wrapper components can display errors in their own subscript area.\n *\n * @example\n * ```html\n * <dbx-section [headerConfig]=\"headerConfigSignal()\">\n *   <dbx-forge-wrapper-content />\n * </dbx-section>\n * ```\n */\n@Component({\n  selector: 'dbx-forge-wrapper-content',\n  template: `\n    @if (wrapper.childConfigSignal()) {\n      <form [dynamic-form]=\"wrapper.childConfigSignal()!\" [(value)]=\"wrapper.childValueSignal\" [formOptions]=\"formOptionsSignal()\"></form>\n    }\n  `,\n  imports: [DynamicForm],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true\n})\nexport class DbxForgeWrapperContentComponent implements OnInit {\n  readonly wrapper = inject(DbxForgeWrapperFieldDirective);\n\n  private readonly _context = inject(DbxForgeFormContext, { optional: true });\n  private readonly _destroyRef = inject(DestroyRef);\n\n  private readonly _contextDisabled = toSignal(this._context?.disabled$ ?? EMPTY, { initialValue: undefined });\n\n  readonly formOptionsSignal = computed((): FormOptions | undefined => {\n    return BooleanStringKeyArrayUtility.isTrue(this._contextDisabled()) ? { disabled: true } : undefined;\n  });\n\n  /**\n   * Reference to the child DynamicForm instance.\n   */\n  readonly dynamicForm = viewChild(DynamicForm);\n\n  /**\n   * All child form validation errors (recursive). Empty array when the form hasn't rendered yet.\n   *\n   * Uses `errorSummary` from the field tree which aggregates errors from all child fields,\n   * not just root-level errors. This is necessary because wrapper child forms contain\n   * nested fields whose validation errors don't appear in the root `errors()` signal.\n   */\n  readonly errors: Signal<ValidationError.WithFieldTree[]> = computed(() => this.dynamicForm()?.form()?.()?.errorSummary?.() ?? []);\n\n  /**\n   * Whether any child form field has been touched (blurred).\n   */\n  readonly touched: Signal<boolean> = computed(() => this.dynamicForm()?.touched() ?? false);\n\n  /**\n   * Whether the child form is currently valid.\n   */\n  readonly valid: Signal<boolean> = computed(() => this.dynamicForm()?.valid() ?? true);\n\n  /**\n   * Whether the child form has any pending async validators.\n   */\n  readonly pending: Signal<boolean> = computed(() => this.dynamicForm()?.form()?.()?.pending?.() ?? false);\n\n  ngOnInit(): void {\n    if (this._context) {\n      const unregister = this._context.registerWrapperValidity(this.valid);\n      this._destroyRef.onDestroy(unregister);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}