@dereekb/dbx-form 13.6.17 → 13.8.0

package/fesm2022/dereekb-dbx-form-array.field.component-1wYSd4d3.mjs

@@ -0,0 +1,169 @@
+import * as i0 from '@angular/core';
+import { input, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder } from '@angular/cdk/drag-drop';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { DynamicForm } from '@ng-forge/dynamic-forms';
+import { DbxButtonComponent, DbxButtonSpacerDirective } from '@dereekb/dbx-web';
+import { forgeFieldDisabled } from './dereekb-dbx-form.mjs';
+
+let _forgeArrayItemTrackId = 0;
+/**
+ * Forge ValueFieldComponent that renders a drag-and-drop array.
+ *
+ * Each array item is rendered as a nested `DynamicForm` using the provided template.
+ * Items can be reordered via CDK drag/drop, added, removed, and duplicated.
+ *
+ * This is the forge equivalent of formly's `DbxFormRepeatArrayTypeComponent`.
+ */
+class DbxForgeArrayFieldComponent {
+    // ng-forge ValueFieldComponent inputs
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+    key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    className = input('', ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
+    tabIndex = input(...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    props = input(...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
+    meta = input(...(ngDevMode ? [undefined, { debugName: "meta" }] : /* istanbul ignore next */ []));
+    validationMessages = input(...(ngDevMode ? [undefined, { debugName: "validationMessages" }] : /* istanbul ignore next */ []));
+    defaultValidationMessages = input(...(ngDevMode ? [undefined, { debugName: "defaultValidationMessages" }] : /* istanbul ignore next */ []));
+    itemsSignal = signal([], ...(ngDevMode ? [{ debugName: "itemsSignal" }] : /* istanbul ignore next */ []));
+    _initialized = false;
+    templateConfigSignal = computed(() => {
+        const template = this.props()?.template;
+        if (!template) {
+            return { fields: [] };
+        }
+        const fields = Array.isArray(template) ? template : [template];
+        return { fields };
+    }, ...(ngDevMode ? [{ debugName: "templateConfigSignal" }] : /* istanbul ignore next */ []));
+    // Disabled state
+    isDisabled = forgeFieldDisabled();
+    formOptionsSignal = computed(() => (this.isDisabled() ? { disabled: true } : undefined), ...(ngDevMode ? [{ debugName: "formOptionsSignal" }] : /* istanbul ignore next */ []));
+    disableRearrangeSignal = computed(() => this.props()?.disableRearrange ?? false, ...(ngDevMode ? [{ debugName: "disableRearrangeSignal" }] : /* istanbul ignore next */ []));
+    allowAddSignal = computed(() => this.props()?.allowAdd ?? true, ...(ngDevMode ? [{ debugName: "allowAddSignal" }] : /* istanbul ignore next */ []));
+    allowRemoveSignal = computed(() => this.props()?.allowRemove ?? true, ...(ngDevMode ? [{ debugName: "allowRemoveSignal" }] : /* istanbul ignore next */ []));
+    allowDuplicateSignal = computed(() => this.props()?.allowDuplicate ?? false, ...(ngDevMode ? [{ debugName: "allowDuplicateSignal" }] : /* istanbul ignore next */ []));
+    addTextSignal = computed(() => this.props()?.addText ?? 'Add', ...(ngDevMode ? [{ debugName: "addTextSignal" }] : /* istanbul ignore next */ []));
+    removeTextSignal = computed(() => this.props()?.removeText ?? 'Remove', ...(ngDevMode ? [{ debugName: "removeTextSignal" }] : /* istanbul ignore next */ []));
+    duplicateTextSignal = computed(() => this.props()?.duplicateText ?? 'Duplicate', ...(ngDevMode ? [{ debugName: "duplicateTextSignal" }] : /* istanbul ignore next */ []));
+    static _DEFAULT_ADD_BUTTON_STYLE = { type: 'raised', color: 'primary' };
+    static _DEFAULT_REMOVE_BUTTON_STYLE = { type: 'stroked', color: 'warn' };
+    static _DEFAULT_DUPLICATE_BUTTON_STYLE = { type: 'stroked', color: 'primary' };
+    addButtonStyleSignal = computed(() => this.props()?.addButtonStyle ?? DbxForgeArrayFieldComponent._DEFAULT_ADD_BUTTON_STYLE, ...(ngDevMode ? [{ debugName: "addButtonStyleSignal" }] : /* istanbul ignore next */ []));
+    removeButtonStyleSignal = computed(() => this.props()?.removeButtonStyle ?? DbxForgeArrayFieldComponent._DEFAULT_REMOVE_BUTTON_STYLE, ...(ngDevMode ? [{ debugName: "removeButtonStyleSignal" }] : /* istanbul ignore next */ []));
+    duplicateButtonStyleSignal = computed(() => this.props()?.duplicateButtonStyle ?? DbxForgeArrayFieldComponent._DEFAULT_DUPLICATE_BUTTON_STYLE, ...(ngDevMode ? [{ debugName: "duplicateButtonStyleSignal" }] : /* istanbul ignore next */ []));
+    showAddButtonSignal = computed(() => {
+        if (!this.allowAddSignal()) {
+            return false;
+        }
+        const maxLength = this.props()?.maxLength;
+        if (maxLength != null) {
+            return this.itemsSignal().length < maxLength;
+        }
+        return true;
+    }, ...(ngDevMode ? [{ debugName: "showAddButtonSignal" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const fieldState = this.field()();
+            const values = fieldState.value() ?? [];
+            if (!this._initialized && Array.isArray(values)) {
+                this._initialized = true;
+                this.itemsSignal.set(values.map((value) => ({
+                    trackId: _forgeArrayItemTrackId++,
+                    value
+                })));
+            }
+        });
+    }
+    /**
+     * Cast item value to Partial for the DynamicForm [value] binding.
+     *
+     * @param value - The raw array item value to cast
+     * @returns The value cast as a Record for DynamicForm binding, or undefined if null/undefined
+     */
+    asPartial(value) {
+        return value ?? undefined;
+    }
+    labelForItem(index, value) {
+        const labelForField = this.props()?.labelForField;
+        if (!labelForField) {
+            return `${index + 1}.`;
+        }
+        if (typeof labelForField === 'string') {
+            return `${index + 1}. ${labelForField}`;
+        }
+        const pair = { index, value: value };
+        return `${index + 1}. ${labelForField(pair)}`;
+    }
+    onItemValueChange(index, newValue) {
+        const items = [...this.itemsSignal()];
+        if (items[index]) {
+            items[index] = { ...items[index], value: newValue };
+            this.itemsSignal.set(items);
+            this._syncToFieldTree();
+        }
+    }
+    addItem() {
+        const items = [...this.itemsSignal()];
+        items.push({ trackId: _forgeArrayItemTrackId++, value: {} });
+        this.itemsSignal.set(items);
+        this._syncToFieldTree();
+    }
+    removeItem(index) {
+        const items = [...this.itemsSignal()];
+        items.splice(index, 1);
+        this.itemsSignal.set(items);
+        this._syncToFieldTree();
+    }
+    duplicateItem(index) {
+        const items = [...this.itemsSignal()];
+        const source = items[index];
+        if (!source) {
+            return;
+        }
+        const duplicate = {
+            trackId: _forgeArrayItemTrackId++,
+            value: structuredClone(source.value)
+        };
+        const addToEnd = this.props()?.addDuplicateToEnd ?? false;
+        if (addToEnd) {
+            items.push(duplicate);
+        }
+        else {
+            items.splice(index + 1, 0, duplicate);
+        }
+        this.itemsSignal.set(items);
+        this._syncToFieldTree();
+    }
+    drop(event) {
+        const items = [...this.itemsSignal()];
+        const [movedItem] = items.splice(event.previousIndex, 1);
+        if (movedItem) {
+            items.splice(event.currentIndex, 0, movedItem);
+            this.itemsSignal.set(items);
+            this._syncToFieldTree();
+        }
+    }
+    _syncToFieldTree() {
+        const values = this.itemsSignal().map((item) => item.value);
+        const fieldState = this.field()();
+        fieldState.value.set(values);
+        fieldState.markAsTouched();
+        fieldState.markAsDirty();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeArrayFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxForgeArrayFieldComponent, isStandalone: true, selector: "dbx-forge-array-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, validationMessages: { classPropertyName: "validationMessages", publicName: "validationMessages", isSignal: true, isRequired: false, transformFunction: null }, defaultValidationMessages: { classPropertyName: "defaultValidationMessages", publicName: "defaultValidationMessages", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "className()" } }, ngImport: i0, template: "<div class=\"dbx-form-repeat-array\">\n  <div cdkDropList [cdkDropListDisabled]=\"disableRearrangeSignal() || isDisabled()\" (cdkDropListDropped)=\"drop($event)\">\n    @for (item of itemsSignal(); track item.trackId; let i = $index) {\n      <div class=\"dbx-form-repeat-array-field\" cdkDrag cdkDragLockAxis=\"y\">\n        <ng-template cdkDragPlaceholder>\n          <div class=\"dbx-form-repeat-array-drag-placeholder\"></div>\n        </ng-template>\n        <div class=\"dbx-form-repeat-array-bar dbx-flex-bar\">\n          @if (!disableRearrangeSignal()) {\n            <button mat-icon-button type=\"button\" cdkDragHandle class=\"dbx-form-repeat-array-drag-button\" [disabled]=\"isDisabled()\" aria-label=\"Drag to reorder\">\n              <mat-icon>drag_handle</mat-icon>\n            </button>\n            <dbx-button-spacer></dbx-button-spacer>\n          }\n          <span class=\"dbx-form-repeat-array-label\">{{ labelForItem(i, item.value) }}</span>\n          <span class=\"spacer\"></span>\n          @if (allowDuplicateSignal()) {\n            <dbx-button [text]=\"duplicateTextSignal()\" [buttonStyle]=\"duplicateButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"duplicateItem(i)\"></dbx-button>\n            <dbx-button-spacer></dbx-button-spacer>\n          }\n          @if (allowRemoveSignal()) {\n            <dbx-button [text]=\"removeTextSignal()\" [buttonStyle]=\"removeButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"removeItem(i)\"></dbx-button>\n          }\n        </div>\n        <div class=\"dbx-form-repeat-array-field-content\">\n          <form [dynamic-form]=\"templateConfigSignal()\" [value]=\"asPartial(item.value)\" [formOptions]=\"formOptionsSignal()\" (valueChange)=\"onItemValueChange(i, $event)\"></form>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showAddButtonSignal()) {\n    <div class=\"dbx-form-repeat-array-footer\">\n      <dbx-button [text]=\"addTextSignal()\" [buttonStyle]=\"addButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"addItem()\"></dbx-button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: 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: 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: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: DynamicForm, selector: "form[dynamic-form]", inputs: ["dynamic-form", "formOptions", "value"], outputs: ["valueChange", "validityChange", "dirtyChange", "submitted", "reset", "cleared", "events", "initialized", "onPageChange", "onPageNavigationStateChange"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "customContent", "allowClickPropagation", "mode"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeArrayFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-forge-array-field', imports: [CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, MatIconModule, MatButtonModule, DynamicForm, DbxButtonComponent, DbxButtonSpacerDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
+                        '[class]': 'className()'
+                    }, template: "<div class=\"dbx-form-repeat-array\">\n  <div cdkDropList [cdkDropListDisabled]=\"disableRearrangeSignal() || isDisabled()\" (cdkDropListDropped)=\"drop($event)\">\n    @for (item of itemsSignal(); track item.trackId; let i = $index) {\n      <div class=\"dbx-form-repeat-array-field\" cdkDrag cdkDragLockAxis=\"y\">\n        <ng-template cdkDragPlaceholder>\n          <div class=\"dbx-form-repeat-array-drag-placeholder\"></div>\n        </ng-template>\n        <div class=\"dbx-form-repeat-array-bar dbx-flex-bar\">\n          @if (!disableRearrangeSignal()) {\n            <button mat-icon-button type=\"button\" cdkDragHandle class=\"dbx-form-repeat-array-drag-button\" [disabled]=\"isDisabled()\" aria-label=\"Drag to reorder\">\n              <mat-icon>drag_handle</mat-icon>\n            </button>\n            <dbx-button-spacer></dbx-button-spacer>\n          }\n          <span class=\"dbx-form-repeat-array-label\">{{ labelForItem(i, item.value) }}</span>\n          <span class=\"spacer\"></span>\n          @if (allowDuplicateSignal()) {\n            <dbx-button [text]=\"duplicateTextSignal()\" [buttonStyle]=\"duplicateButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"duplicateItem(i)\"></dbx-button>\n            <dbx-button-spacer></dbx-button-spacer>\n          }\n          @if (allowRemoveSignal()) {\n            <dbx-button [text]=\"removeTextSignal()\" [buttonStyle]=\"removeButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"removeItem(i)\"></dbx-button>\n          }\n        </div>\n        <div class=\"dbx-form-repeat-array-field-content\">\n          <form [dynamic-form]=\"templateConfigSignal()\" [value]=\"asPartial(item.value)\" [formOptions]=\"formOptionsSignal()\" (valueChange)=\"onItemValueChange(i, $event)\"></form>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showAddButtonSignal()) {\n    <div class=\"dbx-form-repeat-array-footer\">\n      <dbx-button [text]=\"addTextSignal()\" [buttonStyle]=\"addButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"addItem()\"></dbx-button>\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], meta: [{ type: i0.Input, args: [{ isSignal: true, alias: "meta", required: false }] }], validationMessages: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationMessages", required: false }] }], defaultValidationMessages: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValidationMessages", required: false }] }] } });
+
+export { DbxForgeArrayFieldComponent };
+//# sourceMappingURL=dereekb-dbx-form-array.field.component-1wYSd4d3.mjs.map

package/fesm2022/dereekb-dbx-form-array.field.component-1wYSd4d3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dereekb-dbx-form-array.field.component-1wYSd4d3.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/value/array/array.field.component.ts","../../../../packages/dbx-form/src/lib/forge/field/value/array/array.field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, input, signal } from '@angular/core';\nimport { type CdkDragDrop, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder } from '@angular/cdk/drag-drop';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { type FieldTree } from '@angular/forms/signals';\nimport { type DynamicText, type FieldMeta, type ValidationMessages, type FormConfig, DynamicForm } from '@ng-forge/dynamic-forms';\nimport { type FactoryWithRequiredInput } from '@dereekb/util';\nimport { DbxButtonComponent, DbxButtonSpacerDirective, type DbxButtonStyle } from '@dereekb/dbx-web';\nimport type { DbxForgeArrayFieldProps, DbxForgeArrayItemPair } from './array.field';\nimport { forgeFieldDisabled } from '../../field.disabled';\n\n/**\n * Internal state for a single array item.\n */\ninterface DbxForgeArrayItem {\n  readonly trackId: number;\n  value: unknown;\n}\n\nlet _forgeArrayItemTrackId = 0;\n\n/**\n * Forge ValueFieldComponent that renders a drag-and-drop array.\n *\n * Each array item is rendered as a nested `DynamicForm` using the provided template.\n * Items can be reordered via CDK drag/drop, added, removed, and duplicated.\n *\n * This is the forge equivalent of formly's `DbxFormRepeatArrayTypeComponent`.\n */\n@Component({\n  selector: 'dbx-forge-array-field',\n  templateUrl: './array.field.component.html',\n  imports: [CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, MatIconModule, MatButtonModule, DynamicForm, DbxButtonComponent, DbxButtonSpacerDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class]': 'className()'\n  }\n})\nexport class DbxForgeArrayFieldComponent<T = unknown> {\n  // ng-forge ValueFieldComponent inputs\n  readonly field = input.required<FieldTree<unknown[]>>();\n  readonly key = input.required<string>();\n  readonly label = input<DynamicText | undefined>();\n  readonly placeholder = input<DynamicText | undefined>();\n  readonly className = input<string>('');\n  readonly tabIndex = input<number | undefined>();\n  readonly props = input<DbxForgeArrayFieldProps<T> | undefined>();\n  readonly meta = input<FieldMeta | undefined>();\n  readonly validationMessages = input<ValidationMessages | undefined>();\n  readonly defaultValidationMessages = input<ValidationMessages | undefined>();\n\n  readonly itemsSignal = signal<DbxForgeArrayItem[]>([]);\n\n  private _initialized = false;\n\n  readonly templateConfigSignal = computed((): FormConfig => {\n    const template = this.props()?.template;\n\n    if (!template) {\n      return { fields: [] } as unknown as FormConfig;\n    }\n\n    const fields = Array.isArray(template) ? template : [template];\n    return { fields } as unknown as FormConfig;\n  });\n\n  // Disabled state\n  readonly isDisabled = forgeFieldDisabled();\n  readonly formOptionsSignal = computed(() => (this.isDisabled() ? { disabled: true } : undefined));\n\n  readonly disableRearrangeSignal = computed(() => this.props()?.disableRearrange ?? false);\n  readonly allowAddSignal = computed(() => this.props()?.allowAdd ?? true);\n  readonly allowRemoveSignal = computed(() => this.props()?.allowRemove ?? true);\n  readonly allowDuplicateSignal = computed(() => this.props()?.allowDuplicate ?? false);\n  readonly addTextSignal = computed(() => this.props()?.addText ?? 'Add');\n  readonly removeTextSignal = computed(() => this.props()?.removeText ?? 'Remove');\n  readonly duplicateTextSignal = computed(() => this.props()?.duplicateText ?? 'Duplicate');\n\n  private static readonly _DEFAULT_ADD_BUTTON_STYLE: DbxButtonStyle = { type: 'raised', color: 'primary' };\n  private static readonly _DEFAULT_REMOVE_BUTTON_STYLE: DbxButtonStyle = { type: 'stroked', color: 'warn' };\n  private static readonly _DEFAULT_DUPLICATE_BUTTON_STYLE: DbxButtonStyle = { type: 'stroked', color: 'primary' };\n\n  readonly addButtonStyleSignal = computed(() => this.props()?.addButtonStyle ?? DbxForgeArrayFieldComponent._DEFAULT_ADD_BUTTON_STYLE);\n  readonly removeButtonStyleSignal = computed(() => this.props()?.removeButtonStyle ?? DbxForgeArrayFieldComponent._DEFAULT_REMOVE_BUTTON_STYLE);\n  readonly duplicateButtonStyleSignal = computed(() => this.props()?.duplicateButtonStyle ?? DbxForgeArrayFieldComponent._DEFAULT_DUPLICATE_BUTTON_STYLE);\n\n  readonly showAddButtonSignal = computed(() => {\n    if (!this.allowAddSignal()) {\n      return false;\n    }\n\n    const maxLength = this.props()?.maxLength;\n\n    if (maxLength != null) {\n      return this.itemsSignal().length < maxLength;\n    }\n\n    return true;\n  });\n\n  constructor() {\n    effect(() => {\n      const fieldState = this.field()();\n      const values = fieldState.value() ?? [];\n\n      if (!this._initialized && Array.isArray(values)) {\n        this._initialized = true;\n        this.itemsSignal.set(\n          values.map((value) => ({\n            trackId: _forgeArrayItemTrackId++,\n            value\n          }))\n        );\n      }\n    });\n  }\n\n  /**\n   * Cast item value to Partial for the DynamicForm [value] binding.\n   *\n   * @param value - The raw array item value to cast\n   * @returns The value cast as a Record for DynamicForm binding, or undefined if null/undefined\n   */\n  asPartial(value: unknown): Record<string, unknown> | undefined {\n    return (value as Record<string, unknown>) ?? undefined;\n  }\n\n  labelForItem(index: number, value: unknown): string {\n    const labelForField = this.props()?.labelForField;\n\n    if (!labelForField) {\n      return `${index + 1}.`;\n    }\n\n    if (typeof labelForField === 'string') {\n      return `${index + 1}. ${labelForField}`;\n    }\n\n    const pair: DbxForgeArrayItemPair<T> = { index, value: value as T };\n    return `${index + 1}. ${(labelForField as FactoryWithRequiredInput<string, DbxForgeArrayItemPair<T>>)(pair)}`;\n  }\n\n  onItemValueChange(index: number, newValue: unknown): void {\n    const items = [...this.itemsSignal()];\n\n    if (items[index]) {\n      items[index] = { ...items[index], value: newValue };\n      this.itemsSignal.set(items);\n      this._syncToFieldTree();\n    }\n  }\n\n  addItem(): void {\n    const items = [...this.itemsSignal()];\n    items.push({ trackId: _forgeArrayItemTrackId++, value: {} });\n    this.itemsSignal.set(items);\n    this._syncToFieldTree();\n  }\n\n  removeItem(index: number): void {\n    const items = [...this.itemsSignal()];\n    items.splice(index, 1);\n    this.itemsSignal.set(items);\n    this._syncToFieldTree();\n  }\n\n  duplicateItem(index: number): void {\n    const items = [...this.itemsSignal()];\n    const source = items[index];\n\n    if (!source) {\n      return;\n    }\n\n    const duplicate: DbxForgeArrayItem = {\n      trackId: _forgeArrayItemTrackId++,\n      value: structuredClone(source.value)\n    };\n\n    const addToEnd = this.props()?.addDuplicateToEnd ?? false;\n\n    if (addToEnd) {\n      items.push(duplicate);\n    } else {\n      items.splice(index + 1, 0, duplicate);\n    }\n\n    this.itemsSignal.set(items);\n    this._syncToFieldTree();\n  }\n\n  drop(event: CdkDragDrop<unknown>): void {\n    const items = [...this.itemsSignal()];\n    const [movedItem] = items.splice(event.previousIndex, 1);\n\n    if (movedItem) {\n      items.splice(event.currentIndex, 0, movedItem);\n      this.itemsSignal.set(items);\n      this._syncToFieldTree();\n    }\n  }\n\n  private _syncToFieldTree(): void {\n    const values = this.itemsSignal().map((item) => item.value);\n    const fieldState = this.field()();\n    fieldState.value.set(values);\n    fieldState.markAsTouched();\n    fieldState.markAsDirty();\n  }\n}\n","<div class=\"dbx-form-repeat-array\">\n  <div cdkDropList [cdkDropListDisabled]=\"disableRearrangeSignal() || isDisabled()\" (cdkDropListDropped)=\"drop($event)\">\n    @for (item of itemsSignal(); track item.trackId; let i = $index) {\n      <div class=\"dbx-form-repeat-array-field\" cdkDrag cdkDragLockAxis=\"y\">\n        <ng-template cdkDragPlaceholder>\n          <div class=\"dbx-form-repeat-array-drag-placeholder\"></div>\n        </ng-template>\n        <div class=\"dbx-form-repeat-array-bar dbx-flex-bar\">\n          @if (!disableRearrangeSignal()) {\n            <button mat-icon-button type=\"button\" cdkDragHandle class=\"dbx-form-repeat-array-drag-button\" [disabled]=\"isDisabled()\" aria-label=\"Drag to reorder\">\n              <mat-icon>drag_handle</mat-icon>\n            </button>\n            <dbx-button-spacer></dbx-button-spacer>\n          }\n          <span class=\"dbx-form-repeat-array-label\">{{ labelForItem(i, item.value) }}</span>\n          <span class=\"spacer\"></span>\n          @if (allowDuplicateSignal()) {\n            <dbx-button [text]=\"duplicateTextSignal()\" [buttonStyle]=\"duplicateButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"duplicateItem(i)\"></dbx-button>\n            <dbx-button-spacer></dbx-button-spacer>\n          }\n          @if (allowRemoveSignal()) {\n            <dbx-button [text]=\"removeTextSignal()\" [buttonStyle]=\"removeButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"removeItem(i)\"></dbx-button>\n          }\n        </div>\n        <div class=\"dbx-form-repeat-array-field-content\">\n          <form [dynamic-form]=\"templateConfigSignal()\" [value]=\"asPartial(item.value)\" [formOptions]=\"formOptionsSignal()\" (valueChange)=\"onItemValueChange(i, $event)\"></form>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showAddButtonSignal()) {\n    <div class=\"dbx-form-repeat-array-footer\">\n      <dbx-button [text]=\"addTextSignal()\" [buttonStyle]=\"addButtonStyleSignal()\" [disabled]=\"isDisabled()\" (buttonClick)=\"addItem()\"></dbx-button>\n    </div>\n  }\n</div>\n"],"names":["i2"],"mappings":"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"}