@dereekb/dbx-form 13.8.0 → 13.10.0

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

@@ -1,169 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}

package/fesm2022/dereekb-dbx-form-formfield.field.component-BQyujXe3.mjs

@@ -1,70 +0,0 @@
-import * as i0 from '@angular/core';
-import { viewChild, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { DynamicTextPipe } from '@ng-forge/dynamic-forms';
-import { AbstractForgeWrapperFieldComponent, forgeFieldDisabled, provideDbxForgeWrapperFieldDirective } from './dereekb-dbx-form.mjs';
-import { AsyncPipe } from '@angular/common';
-import { D as DbxForgeWrapperContentComponent } from './dereekb-dbx-form-wrapper.content.component-Cy4ND_se.mjs';
-
-/**
- * Forge wrapper field component that renders child fields inside a Material-style
- * outlined container with a notched outline, floating label, and hint/error subscript.
- *
- * This is the forge equivalent of ngx-formly's `FormlyWrapperFormField` which wraps
- * fields in `<mat-form-field>`. Uses `<dbx-forge-wrapper-content />` for the nested
- * DynamicForm rendering and reads its validation state for error display.
- */
-class DbxForgeFormFieldWrapperComponent extends AbstractForgeWrapperFieldComponent {
-    contentRef = viewChild(DbxForgeWrapperContentComponent, ...(ngDevMode ? [{ debugName: "contentRef" }] : /* istanbul ignore next */ []));
-    // Disabled state
-    isDisabled = forgeFieldDisabled();
-    // Child form validation state via content component
-    childErrors = computed(() => this.contentRef()?.errors() ?? [], ...(ngDevMode ? [{ debugName: "childErrors" }] : /* istanbul ignore next */ []));
-    childTouched = computed(() => this.contentRef()?.touched() ?? false, ...(ngDevMode ? [{ debugName: "childTouched" }] : /* istanbul ignore next */ []));
-    childDirty = computed(() => this.contentRef()?.dynamicForm()?.dirty() ?? false, ...(ngDevMode ? [{ debugName: "childDirty" }] : /* istanbul ignore next */ []));
-    // Error display: show errors when the child form has been touched OR is dirty (value changed)
-    showErrors = computed(() => (this.childTouched() || this.childDirty()) && this.childErrors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
-    hasError = computed(() => this.showErrors(), ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
-    firstErrorMessage = computed(() => {
-        const errors = this.childErrors();
-        if (errors.length === 0) {
-            return '';
-        }
-        const error = errors[0];
-        // Try raw error message first (set by Angular built-in validators)
-        if (error.message) {
-            return error.message;
-        }
-        // Resolve from child field validationMessages by matching error.kind
-        const fields = this.props()?.fields;
-        if (fields?.length) {
-            for (const field of fields) {
-                const messages = field.validationMessages;
-                if (messages?.[error.kind]) {
-                    return messages[error.kind];
-                }
-            }
-        }
-        return error.kind;
-    }, ...(ngDevMode ? [{ debugName: "firstErrorMessage" }] : /* istanbul ignore next */ []));
-    // Props
-    hintSignal = computed(() => this.props()?.hint, ...(ngDevMode ? [{ debugName: "hintSignal" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether any child field has `required: true`, used to show the asterisk in the label.
-     */
-    isRequired = computed(() => {
-        const fields = this.props()?.fields;
-        return fields?.some((f) => f.required === true) ?? false;
-    }, ...(ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeFormFieldWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxForgeFormFieldWrapperComponent, isStandalone: true, selector: "dbx-forge-form-field-wrapper", host: { properties: { "class": "className()" }, classAttribute: "mat-mdc-form-field mat-form-field-animations-enabled" }, providers: provideDbxForgeWrapperFieldDirective(DbxForgeFormFieldWrapperComponent), viewQueries: [{ propertyName: "contentRef", first: true, predicate: DbxForgeWrapperContentComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-forge-form-field-wrapper\" [class.dbx-forge-form-field-wrapper-error]=\"hasError()\" [class.dbx-forge-form-field-wrapper-disabled]=\"isDisabled()\">\n  <div class=\"dbx-forge-form-field-outline\">\n    <div class=\"dbx-forge-form-field-outline-leading\"></div>\n    <div class=\"dbx-forge-form-field-outline-notch\" [class.dbx-forge-form-field-outline-notch-empty]=\"!label()\">\n      @if (label(); as labelText) {\n        <span class=\"dbx-forge-form-field-outline-label\">\n          {{ labelText | dynamicText | async }}\n          @if (isRequired()) {\n            <span aria-hidden=\"true\" class=\"mat-mdc-form-field-required-marker mdc-floating-label--required\"></span>\n          }\n        </span>\n      }\n    </div>\n    <div class=\"dbx-forge-form-field-outline-trailing\"></div>\n  </div>\n  <div class=\"dbx-forge-form-field-content\">\n    <dbx-forge-wrapper-content />\n  </div>\n</div>\n<div class=\"mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align\">\n  @if (showErrors()) {\n    <div class=\"mat-mdc-form-field-error-wrapper\">\n      <div class=\"mat-mdc-form-field-error mat-mdc-form-field-bottom-align\">{{ firstErrorMessage() }}</div>\n    </div>\n  } @else if (hintSignal(); as hint) {\n    <div class=\"mat-mdc-form-field-hint-wrapper\">\n      <div class=\"mat-mdc-form-field-hint mat-mdc-form-field-bottom-align\">{{ hint }}</div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;margin-bottom:16px}.dbx-forge-form-field-wrapper{position:relative;margin-top:8px}.dbx-forge-form-field-outline{display:flex;position:absolute;inset:0;pointer-events:none}.dbx-forge-form-field-outline-leading{border:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));border-right:none;border-radius:var(--mdc-outlined-text-field-container-shape, 8px) 0 0 var(--mdc-outlined-text-field-container-shape, 8px);width:12px}.dbx-forge-form-field-outline-notch{border-bottom:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));display:flex;align-items:flex-start;max-width:calc(100% - 24px)}.dbx-forge-form-field-outline-notch-empty{border-top:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));width:0;padding:0}.dbx-forge-form-field-outline-label{display:inline-block;transform:translateY(-50%);padding:0 4px;background:var(--mat-sys-surface, white);white-space:nowrap;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-outlined-label-text-populated-font, var(--mat-sys-body-small-font));font-size:var(--mat-form-field-outlined-label-text-populated-size, var(--mat-sys-body-small-size));line-height:var(--mat-form-field-outlined-label-text-populated-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mat-form-field-outlined-label-text-populated-tracking, var(--mat-sys-body-small-tracking));font-weight:var(--mat-form-field-outlined-label-text-populated-weight, var(--mat-sys-body-small-weight));color:var(--mdc-outlined-text-field-label-text-color, var(--mat-sys-on-surface-variant, rgba(0, 0, 0, .6)))}.dbx-forge-form-field-outline-trailing{border:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));border-left:none;border-radius:0 var(--mdc-outlined-text-field-container-shape, 8px) var(--mdc-outlined-text-field-container-shape, 8px) 0;flex-grow:1}.dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-hover-outline-color, var(--mat-sys-on-surface, rgba(0, 0, 0, .87)))}.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-focus-outline-color, var(--mat-sys-primary));border-width:2px}.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-label{color:var(--mdc-outlined-text-field-focus-label-text-color, var(--mat-sys-primary));padding:0 3px}.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-error-outline-color, var(--mat-sys-error, #f44336))}.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-label{color:var(--mdc-outlined-text-field-error-label-text-color, var(--mat-sys-error, #f44336))}.dbx-forge-form-field-content{position:relative;padding:var(--mat-form-field-container-vertical-padding, 16px) 16px 8px;min-height:56px;box-sizing:border-box}.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-content{opacity:.38;pointer-events:none}.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-trailing,.dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-disabled-outline-color, rgba(0, 0, 0, .12))}.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-label{color:var(--mdc-outlined-text-field-disabled-label-text-color, rgba(0, 0, 0, .38))}.mat-mdc-form-field-subscript-wrapper{padding:0 16px;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: DbxForgeWrapperContentComponent, selector: "dbx-forge-wrapper-content" }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeFormFieldWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dbx-forge-form-field-wrapper', providers: provideDbxForgeWrapperFieldDirective(DbxForgeFormFieldWrapperComponent), imports: [DbxForgeWrapperContentComponent, DynamicTextPipe, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
-                        class: 'mat-mdc-form-field mat-form-field-animations-enabled',
-                        '[class]': 'className()'
-                    }, template: "<div class=\"dbx-forge-form-field-wrapper\" [class.dbx-forge-form-field-wrapper-error]=\"hasError()\" [class.dbx-forge-form-field-wrapper-disabled]=\"isDisabled()\">\n  <div class=\"dbx-forge-form-field-outline\">\n    <div class=\"dbx-forge-form-field-outline-leading\"></div>\n    <div class=\"dbx-forge-form-field-outline-notch\" [class.dbx-forge-form-field-outline-notch-empty]=\"!label()\">\n      @if (label(); as labelText) {\n        <span class=\"dbx-forge-form-field-outline-label\">\n          {{ labelText | dynamicText | async }}\n          @if (isRequired()) {\n            <span aria-hidden=\"true\" class=\"mat-mdc-form-field-required-marker mdc-floating-label--required\"></span>\n          }\n        </span>\n      }\n    </div>\n    <div class=\"dbx-forge-form-field-outline-trailing\"></div>\n  </div>\n  <div class=\"dbx-forge-form-field-content\">\n    <dbx-forge-wrapper-content />\n  </div>\n</div>\n<div class=\"mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align\">\n  @if (showErrors()) {\n    <div class=\"mat-mdc-form-field-error-wrapper\">\n      <div class=\"mat-mdc-form-field-error mat-mdc-form-field-bottom-align\">{{ firstErrorMessage() }}</div>\n    </div>\n  } @else if (hintSignal(); as hint) {\n    <div class=\"mat-mdc-form-field-hint-wrapper\">\n      <div class=\"mat-mdc-form-field-hint mat-mdc-form-field-bottom-align\">{{ hint }}</div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;margin-bottom:16px}.dbx-forge-form-field-wrapper{position:relative;margin-top:8px}.dbx-forge-form-field-outline{display:flex;position:absolute;inset:0;pointer-events:none}.dbx-forge-form-field-outline-leading{border:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));border-right:none;border-radius:var(--mdc-outlined-text-field-container-shape, 8px) 0 0 var(--mdc-outlined-text-field-container-shape, 8px);width:12px}.dbx-forge-form-field-outline-notch{border-bottom:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));display:flex;align-items:flex-start;max-width:calc(100% - 24px)}.dbx-forge-form-field-outline-notch-empty{border-top:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));width:0;padding:0}.dbx-forge-form-field-outline-label{display:inline-block;transform:translateY(-50%);padding:0 4px;background:var(--mat-sys-surface, white);white-space:nowrap;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-outlined-label-text-populated-font, var(--mat-sys-body-small-font));font-size:var(--mat-form-field-outlined-label-text-populated-size, var(--mat-sys-body-small-size));line-height:var(--mat-form-field-outlined-label-text-populated-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mat-form-field-outlined-label-text-populated-tracking, var(--mat-sys-body-small-tracking));font-weight:var(--mat-form-field-outlined-label-text-populated-weight, var(--mat-sys-body-small-weight));color:var(--mdc-outlined-text-field-label-text-color, var(--mat-sys-on-surface-variant, rgba(0, 0, 0, .6)))}.dbx-forge-form-field-outline-trailing{border:1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .38)));border-left:none;border-radius:0 var(--mdc-outlined-text-field-container-shape, 8px) var(--mdc-outlined-text-field-container-shape, 8px) 0;flex-grow:1}.dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-hover-outline-color, var(--mat-sys-on-surface, rgba(0, 0, 0, .87)))}.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-focus-outline-color, var(--mat-sys-primary));border-width:2px}.dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-label{color:var(--mdc-outlined-text-field-focus-label-text-color, var(--mat-sys-primary));padding:0 3px}.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-error-outline-color, var(--mat-sys-error, #f44336))}.dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-label{color:var(--mdc-outlined-text-field-error-label-text-color, var(--mat-sys-error, #f44336))}.dbx-forge-form-field-content{position:relative;padding:var(--mat-form-field-container-vertical-padding, 16px) 16px 8px;min-height:56px;box-sizing:border-box}.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-content{opacity:.38;pointer-events:none}.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-trailing,.dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-leading,.dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-notch,.dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-trailing{border-color:var(--mdc-outlined-text-field-disabled-outline-color, rgba(0, 0, 0, .12))}.dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-label{color:var(--mdc-outlined-text-field-disabled-label-text-color, rgba(0, 0, 0, .38))}.mat-mdc-form-field-subscript-wrapper{padding:0 16px;box-sizing:border-box}\n"] }]
-        }], propDecorators: { contentRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => DbxForgeWrapperContentComponent), { isSignal: true }] }] } });
-
-export { DbxForgeFormFieldWrapperComponent };
-//# sourceMappingURL=dereekb-dbx-form-formfield.field.component-BQyujXe3.mjs.map

package/fesm2022/dereekb-dbx-form-formfield.field.component-BQyujXe3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dereekb-dbx-form-formfield.field.component-BQyujXe3.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/formfield/formfield.field.component.ts","../../../../packages/dbx-form/src/lib/forge/field/wrapper/formfield/formfield.field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, viewChild } from '@angular/core';\nimport { DynamicTextPipe, type FieldWithValidation } from '@ng-forge/dynamic-forms';\nimport { forgeFieldDisabled } from '../../field.disabled';\nimport { AsyncPipe } from '@angular/common';\nimport { AbstractForgeWrapperFieldComponent, provideDbxForgeWrapperFieldDirective } from '../wrapper.field';\nimport { DbxForgeWrapperContentComponent } from '../wrapper.content.component';\nimport type { DbxForgeFormFieldWrapperProps } from './formfield.field';\n\n/**\n * Forge wrapper field component that renders child fields inside a Material-style\n * outlined container with a notched outline, floating label, and hint/error subscript.\n *\n * This is the forge equivalent of ngx-formly's `FormlyWrapperFormField` which wraps\n * fields in `<mat-form-field>`. Uses `<dbx-forge-wrapper-content />` for the nested\n * DynamicForm rendering and reads its validation state for error display.\n */\n@Component({\n  selector: 'dbx-forge-form-field-wrapper',\n  templateUrl: './formfield.field.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n        margin-bottom: 16px;\n      }\n\n      .dbx-forge-form-field-wrapper {\n        position: relative;\n        margin-top: 8px;\n      }\n\n      /* --- Notched outline --- */\n      .dbx-forge-form-field-outline {\n        display: flex;\n        position: absolute;\n        top: 0;\n        right: 0;\n        left: 0;\n        bottom: 0;\n        pointer-events: none;\n      }\n\n      .dbx-forge-form-field-outline-leading {\n        border: 1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, 0.38)));\n        border-right: none;\n        border-radius: var(--mdc-outlined-text-field-container-shape, 8px) 0 0 var(--mdc-outlined-text-field-container-shape, 8px);\n        width: 12px;\n      }\n\n      .dbx-forge-form-field-outline-notch {\n        border-bottom: 1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, 0.38)));\n        display: flex;\n        align-items: flex-start;\n        max-width: calc(100% - 24px);\n      }\n\n      .dbx-forge-form-field-outline-notch-empty {\n        border-top: 1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, 0.38)));\n        width: 0;\n        padding: 0;\n      }\n\n      .dbx-forge-form-field-outline-label {\n        display: inline-block;\n        transform: translateY(-50%);\n        padding: 0 4px;\n        background: var(--mat-sys-surface, white);\n        white-space: nowrap;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        font-family: var(--mat-form-field-outlined-label-text-populated-font, var(--mat-sys-body-small-font));\n        font-size: var(--mat-form-field-outlined-label-text-populated-size, var(--mat-sys-body-small-size));\n        line-height: var(--mat-form-field-outlined-label-text-populated-line-height, var(--mat-sys-body-small-line-height));\n        letter-spacing: var(--mat-form-field-outlined-label-text-populated-tracking, var(--mat-sys-body-small-tracking));\n        font-weight: var(--mat-form-field-outlined-label-text-populated-weight, var(--mat-sys-body-small-weight));\n        color: var(--mdc-outlined-text-field-label-text-color, var(--mat-sys-on-surface-variant, rgba(0, 0, 0, 0.6)));\n      }\n\n      .dbx-forge-form-field-outline-trailing {\n        border: 1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, 0.38)));\n        border-left: none;\n        border-radius: 0 var(--mdc-outlined-text-field-container-shape, 8px) var(--mdc-outlined-text-field-container-shape, 8px) 0;\n        flex-grow: 1;\n      }\n\n      /* --- Hover state --- */\n      .dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-leading,\n      .dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-notch,\n      .dbx-forge-form-field-wrapper:hover .dbx-forge-form-field-outline-trailing {\n        border-color: var(--mdc-outlined-text-field-hover-outline-color, var(--mat-sys-on-surface, rgba(0, 0, 0, 0.87)));\n      }\n\n      /* --- Focus state --- */\n      .dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-leading,\n      .dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-notch,\n      .dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-trailing {\n        border-color: var(--mdc-outlined-text-field-focus-outline-color, var(--mat-sys-primary));\n        border-width: 2px;\n      }\n\n      .dbx-forge-form-field-wrapper:focus-within .dbx-forge-form-field-outline-label {\n        color: var(--mdc-outlined-text-field-focus-label-text-color, var(--mat-sys-primary));\n        padding: 0 3px;\n      }\n\n      /* --- Error state --- */\n      .dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-leading,\n      .dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-notch,\n      .dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-trailing {\n        border-color: var(--mdc-outlined-text-field-error-outline-color, var(--mat-sys-error, #f44336));\n      }\n\n      .dbx-forge-form-field-wrapper-error .dbx-forge-form-field-outline-label {\n        color: var(--mdc-outlined-text-field-error-label-text-color, var(--mat-sys-error, #f44336));\n      }\n\n      /* --- Content area --- */\n      .dbx-forge-form-field-content {\n        position: relative;\n        padding: var(--mat-form-field-container-vertical-padding, 16px) 16px 8px;\n        min-height: 56px;\n        box-sizing: border-box;\n      }\n\n      /* --- Disabled state --- */\n      .dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-content {\n        opacity: 0.38;\n        pointer-events: none;\n      }\n\n      .dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-leading,\n      .dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-notch,\n      .dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-trailing {\n        border-color: var(--mdc-outlined-text-field-disabled-outline-color, rgba(0, 0, 0, 0.12));\n      }\n\n      .dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-leading,\n      .dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-notch,\n      .dbx-forge-form-field-wrapper-disabled:hover .dbx-forge-form-field-outline-trailing {\n        border-color: var(--mdc-outlined-text-field-disabled-outline-color, rgba(0, 0, 0, 0.12));\n      }\n\n      .dbx-forge-form-field-wrapper-disabled .dbx-forge-form-field-outline-label {\n        color: var(--mdc-outlined-text-field-disabled-label-text-color, rgba(0, 0, 0, 0.38));\n      }\n\n      /* --- Subscript area --- */\n      .mat-mdc-form-field-subscript-wrapper {\n        padding: 0 16px;\n        box-sizing: border-box;\n      }\n    `\n  ],\n  providers: provideDbxForgeWrapperFieldDirective(DbxForgeFormFieldWrapperComponent),\n  imports: [DbxForgeWrapperContentComponent, DynamicTextPipe, AsyncPipe],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    class: 'mat-mdc-form-field mat-form-field-animations-enabled',\n    '[class]': 'className()'\n  }\n})\nexport class DbxForgeFormFieldWrapperComponent extends AbstractForgeWrapperFieldComponent<DbxForgeFormFieldWrapperProps> {\n  readonly contentRef = viewChild(DbxForgeWrapperContentComponent);\n\n  // Disabled state\n  readonly isDisabled = forgeFieldDisabled();\n\n  // Child form validation state via content component\n  readonly childErrors = computed(() => this.contentRef()?.errors() ?? []);\n  readonly childTouched = computed(() => this.contentRef()?.touched() ?? false);\n  readonly childDirty = computed(() => this.contentRef()?.dynamicForm()?.dirty() ?? false);\n\n  // Error display: show errors when the child form has been touched OR is dirty (value changed)\n  readonly showErrors = computed(() => (this.childTouched() || this.childDirty()) && this.childErrors().length > 0);\n  readonly hasError = computed(() => this.showErrors());\n  readonly firstErrorMessage = computed(() => {\n    const errors = this.childErrors();\n\n    if (errors.length === 0) {\n      return '';\n    }\n\n    const error = errors[0];\n\n    // Try raw error message first (set by Angular built-in validators)\n    if (error.message) {\n      return error.message;\n    }\n\n    // Resolve from child field validationMessages by matching error.kind\n    const fields = this.props()?.fields;\n\n    if (fields?.length) {\n      for (const field of fields) {\n        const messages = (field as FieldWithValidation).validationMessages as Record<string, string> | undefined;\n\n        if (messages?.[error.kind]) {\n          return messages[error.kind];\n        }\n      }\n    }\n\n    return error.kind;\n  });\n\n  // Props\n  readonly hintSignal = computed(() => this.props()?.hint);\n\n  /**\n   * Whether any child field has `required: true`, used to show the asterisk in the label.\n   */\n  readonly isRequired = computed(() => {\n    const fields = this.props()?.fields;\n    return fields?.some((f: any) => f.required === true) ?? false;\n  });\n}\n","<div class=\"dbx-forge-form-field-wrapper\" [class.dbx-forge-form-field-wrapper-error]=\"hasError()\" [class.dbx-forge-form-field-wrapper-disabled]=\"isDisabled()\">\n  <div class=\"dbx-forge-form-field-outline\">\n    <div class=\"dbx-forge-form-field-outline-leading\"></div>\n    <div class=\"dbx-forge-form-field-outline-notch\" [class.dbx-forge-form-field-outline-notch-empty]=\"!label()\">\n      @if (label(); as labelText) {\n        <span class=\"dbx-forge-form-field-outline-label\">\n          {{ labelText | dynamicText | async }}\n          @if (isRequired()) {\n            <span aria-hidden=\"true\" class=\"mat-mdc-form-field-required-marker mdc-floating-label--required\"></span>\n          }\n        </span>\n      }\n    </div>\n    <div class=\"dbx-forge-form-field-outline-trailing\"></div>\n  </div>\n  <div class=\"dbx-forge-form-field-content\">\n    <dbx-forge-wrapper-content />\n  </div>\n</div>\n<div class=\"mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align\">\n  @if (showErrors()) {\n    <div class=\"mat-mdc-form-field-error-wrapper\">\n      <div class=\"mat-mdc-form-field-error mat-mdc-form-field-bottom-align\">{{ firstErrorMessage() }}</div>\n    </div>\n  } @else if (hintSignal(); as hint) {\n    <div class=\"mat-mdc-form-field-hint-wrapper\">\n      <div class=\"mat-mdc-form-field-hint mat-mdc-form-field-bottom-align\">{{ hint }}</div>\n    </div>\n  }\n</div>\n"],"names":[],"mappings":";;;;;;;AAQA;;;;;;;AAOG;AAoJG,MAAO,iCAAkC,SAAQ,kCAAiE,CAAA;AAC7G,IAAA,UAAU,GAAG,SAAS,CAAC,+BAA+B,iFAAC;;IAGvD,UAAU,GAAG,kBAAkB,EAAE;;AAGjC,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kFAAC;AAC/D,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,mFAAC;AACpE,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,KAAK,iFAAC;;IAG/E,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IACxG,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAC5C,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AAEjC,QAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AACvB,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;;AAGvB,QAAA,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,KAAK,CAAC,OAAO;QACtB;;QAGA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM;AAEnC,QAAA,IAAI,MAAM,EAAE,MAAM,EAAE;AAClB,YAAA,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;AAC1B,gBAAA,MAAM,QAAQ,GAAI,KAA6B,CAAC,kBAAwD;gBAExG,IAAI,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE;AAC1B,oBAAA,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC7B;YACF;QACF;QAEA,OAAO,KAAK,CAAC,IAAI;AACnB,IAAA,CAAC,wFAAC;;AAGO,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,iFAAC;AAExD;;AAEG;AACM,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM;AACnC,QAAA,OAAO,MAAM,EAAE,IAAI,CAAC,CAAC,CAAM,KAAK,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,IAAI,KAAK;AAC/D,IAAA,CAAC,iFAAC;uGArDS,iCAAiC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,sDAAA,EAAA,EAAA,SAAA,EATjC,oCAAoC,CAAC,iCAAiC,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAUlD,+BAA+B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpKjE,m5CA8BA,EAAA,MAAA,EAAA,CAAA,u1IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED6HY,+BAA+B,EAAA,QAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,+CAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAQ1D,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAnJ7C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,aAyI7B,oCAAoC,CAAA,iCAAA,CAAmC,EAAA,OAAA,EACzE,CAAC,+BAA+B,EAAE,eAAe,EAAE,SAAS,CAAC,EAAA,eAAA,EACrD,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,KAAK,EAAE,sDAAsD;AAC7D,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,m5CAAA,EAAA,MAAA,EAAA,CAAA,u1IAAA,CAAA,EAAA;4FAG+B,+BAA+B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;;;"}

package/fesm2022/dereekb-dbx-form-info.wrapper.field.component-Crm4wVr5.mjs

@@ -1,35 +0,0 @@
-import * as i0 from '@angular/core';
-import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { MatIconButton } from '@angular/material/button';
-import * as i1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-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 inside a flex layout
- * with an info icon button beside them.
- *
- * This is the forge equivalent of formly's `DbxFormInfoWrapperComponent`,
- * providing a content area with a clickable info button on the right side.
- * Supports wrapping groups of fields, not just single fields.
- */
-class DbxForgeInfoWrapperFieldComponent extends AbstractForgeWrapperFieldComponent {
-    ariaLabelSignal = computed(() => {
-        return this.props()?.ariaLabel ?? 'More information';
-    }, ...(ngDevMode ? [{ debugName: "ariaLabelSignal" }] : /* istanbul ignore next */ []));
-    onClick() {
-        this.props()?.onInfoClick();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeInfoWrapperFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxForgeInfoWrapperFieldComponent, isStandalone: true, selector: "dbx-forge-info-wrapper-field", host: { properties: { "class": "className()" } }, providers: provideDbxForgeWrapperFieldDirective(DbxForgeInfoWrapperFieldComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-form-info-wrapper dbx-flex-bar\">\n  <div class=\"dbx-form-info-wrapper-content dbx-flex-grow\">\n    <dbx-forge-wrapper-content />\n  </div>\n  <div class=\"dbx-form-info-wrapper-info dbx-flex-noshrink dbx-flex-column dbx-flex-center\">\n    <button mat-icon-button type=\"button\" (click)=\"onClick()\" [attr.aria-label]=\"ariaLabelSignal()\">\n      <mat-icon>info</mat-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: DbxForgeWrapperContentComponent, selector: "dbx-forge-wrapper-content" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeInfoWrapperFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dbx-forge-info-wrapper-field', providers: provideDbxForgeWrapperFieldDirective(DbxForgeInfoWrapperFieldComponent), imports: [DbxForgeWrapperContentComponent, MatIconButton, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
-                        '[class]': 'className()'
-                    }, template: "<div class=\"dbx-form-info-wrapper dbx-flex-bar\">\n  <div class=\"dbx-form-info-wrapper-content dbx-flex-grow\">\n    <dbx-forge-wrapper-content />\n  </div>\n  <div class=\"dbx-form-info-wrapper-info dbx-flex-noshrink dbx-flex-column dbx-flex-center\">\n    <button mat-icon-button type=\"button\" (click)=\"onClick()\" [attr.aria-label]=\"ariaLabelSignal()\">\n      <mat-icon>info</mat-icon>\n    </button>\n  </div>\n</div>\n" }]
-        }] });
-
-export { DbxForgeInfoWrapperFieldComponent };
-//# sourceMappingURL=dereekb-dbx-form-info.wrapper.field.component-Crm4wVr5.mjs.map

package/fesm2022/dereekb-dbx-form-info.wrapper.field.component-Crm4wVr5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dereekb-dbx-form-info.wrapper.field.component-Crm4wVr5.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/info/info.wrapper.field.component.ts","../../../../packages/dbx-form/src/lib/forge/field/wrapper/info/info.wrapper.field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { AbstractForgeWrapperFieldComponent, provideDbxForgeWrapperFieldDirective } from '../wrapper.field';\nimport { DbxForgeWrapperContentComponent } from '../wrapper.content.component';\nimport type { DbxForgeInfoWrapperFieldProps } from './info.wrapper.field';\n\n/**\n * Forge wrapper field component that renders child fields inside a flex layout\n * with an info icon button beside them.\n *\n * This is the forge equivalent of formly's `DbxFormInfoWrapperComponent`,\n * providing a content area with a clickable info button on the right side.\n * Supports wrapping groups of fields, not just single fields.\n */\n@Component({\n  selector: 'dbx-forge-info-wrapper-field',\n  templateUrl: './info.wrapper.field.component.html',\n  providers: provideDbxForgeWrapperFieldDirective(DbxForgeInfoWrapperFieldComponent),\n  imports: [DbxForgeWrapperContentComponent, MatIconButton, MatIconModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class]': 'className()'\n  }\n})\nexport class DbxForgeInfoWrapperFieldComponent extends AbstractForgeWrapperFieldComponent<DbxForgeInfoWrapperFieldProps> {\n  readonly ariaLabelSignal = computed(() => {\n    return this.props()?.ariaLabel ?? 'More information';\n  });\n\n  onClick(): void {\n    this.props()?.onInfoClick();\n  }\n}\n","<div class=\"dbx-form-info-wrapper dbx-flex-bar\">\n  <div class=\"dbx-form-info-wrapper-content dbx-flex-grow\">\n    <dbx-forge-wrapper-content />\n  </div>\n  <div class=\"dbx-form-info-wrapper-info dbx-flex-noshrink dbx-flex-column dbx-flex-center\">\n    <button mat-icon-button type=\"button\" (click)=\"onClick()\" [attr.aria-label]=\"ariaLabelSignal()\">\n      <mat-icon>info</mat-icon>\n    </button>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;AAOA;;;;;;;AAOG;AAYG,MAAO,iCAAkC,SAAQ,kCAAiE,CAAA;AAC7G,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;QACvC,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,IAAI,kBAAkB;AACtD,IAAA,CAAC,sFAAC;IAEF,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE;IAC7B;uGAPW,iCAAiC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,SAAA,EARjC,oCAAoC,CAAC,iCAAiC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBpF,gbAUA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSY,+BAA+B,EAAA,QAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAO5D,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAX7C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,aAE7B,oCAAoC,CAAA,iCAAA,CAAmC,EAAA,OAAA,EACzE,CAAC,+BAA+B,EAAE,aAAa,EAAE,aAAa,CAAC,EAAA,eAAA,EACvD,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,gbAAA,EAAA;;;;;"}

package/fesm2022/dereekb-dbx-form-section.field.component-DliafLqL.mjs

@@ -1,63 +0,0 @@
-import * as i0 from '@angular/core';
-import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { DbxSectionComponent, DbxSubSectionComponent } from '@dereekb/dbx-web';
-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 inside a
- * `<dbx-section>` or `<dbx-subsection>`.
- *
- * This is the forge equivalent of formly's `DbxFormSectionWrapperComponent`,
- * providing proper semantic section structure with header and content area.
- */
-class DbxForgeDbxSectionFieldWrapperComponent extends AbstractForgeWrapperFieldComponent {
-    headerConfigSignal = computed(() => {
-        return this.props()?.headerConfig ?? {};
-    }, ...(ngDevMode ? [{ debugName: "headerConfigSignal" }] : /* istanbul ignore next */ []));
-    elevateSignal = computed(() => {
-        return this.props()?.elevate ?? false;
-    }, ...(ngDevMode ? [{ debugName: "elevateSignal" }] : /* istanbul ignore next */ []));
-    subsectionSignal = computed(() => {
-        return this.props()?.subsection ?? false;
-    }, ...(ngDevMode ? [{ debugName: "subsectionSignal" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeDbxSectionFieldWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxForgeDbxSectionFieldWrapperComponent, isStandalone: true, selector: "dbx-forge-section-field", host: { properties: { "class": "className()" } }, providers: provideDbxForgeWrapperFieldDirective(DbxForgeDbxSectionFieldWrapperComponent), usesInheritance: true, ngImport: i0, template: `
-    @if (subsectionSignal()) {
-      <dbx-subsection [headerConfig]="headerConfigSignal()">
-        <dbx-forge-wrapper-content />
-      </dbx-subsection>
-    } @else {
-      <dbx-section [headerConfig]="headerConfigSignal()" [elevate]="elevateSignal()">
-        <dbx-forge-wrapper-content />
-      </dbx-section>
-    }
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionComponent, selector: "dbx-section", inputs: ["elevate"] }, { kind: "component", type: DbxSubSectionComponent, selector: "dbx-subsection" }, { kind: "component", type: DbxForgeWrapperContentComponent, selector: "dbx-forge-wrapper-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeDbxSectionFieldWrapperComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-forge-section-field',
-                    template: `
-    @if (subsectionSignal()) {
-      <dbx-subsection [headerConfig]="headerConfigSignal()">
-        <dbx-forge-wrapper-content />
-      </dbx-subsection>
-    } @else {
-      <dbx-section [headerConfig]="headerConfigSignal()" [elevate]="elevateSignal()">
-        <dbx-forge-wrapper-content />
-      </dbx-section>
-    }
-  `,
-                    providers: provideDbxForgeWrapperFieldDirective(DbxForgeDbxSectionFieldWrapperComponent),
-                    imports: [DbxSectionComponent, DbxSubSectionComponent, DbxForgeWrapperContentComponent],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    host: {
-                        '[class]': 'className()'
-                    }
-                }]
-        }] });
-
-export { DbxForgeDbxSectionFieldWrapperComponent };
-//# sourceMappingURL=dereekb-dbx-form-section.field.component-DliafLqL.mjs.map

package/fesm2022/dereekb-dbx-form-section.field.component-DliafLqL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dereekb-dbx-form-section.field.component-DliafLqL.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/section/section.field.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { DbxSectionComponent, DbxSubSectionComponent, type DbxSectionHeaderConfig } from '@dereekb/dbx-web';\nimport { AbstractForgeWrapperFieldComponent, provideDbxForgeWrapperFieldDirective } from '../wrapper.field';\nimport { DbxForgeWrapperContentComponent } from '../wrapper.content.component';\nimport type { DbxForgeSectionFieldProps } from './section.field';\n\n/**\n * Forge wrapper field component that renders child fields inside a\n * `<dbx-section>` or `<dbx-subsection>`.\n *\n * This is the forge equivalent of formly's `DbxFormSectionWrapperComponent`,\n * providing proper semantic section structure with header and content area.\n */\n@Component({\n  selector: 'dbx-forge-section-field',\n  template: `\n    @if (subsectionSignal()) {\n      <dbx-subsection [headerConfig]=\"headerConfigSignal()\">\n        <dbx-forge-wrapper-content />\n      </dbx-subsection>\n    } @else {\n      <dbx-section [headerConfig]=\"headerConfigSignal()\" [elevate]=\"elevateSignal()\">\n        <dbx-forge-wrapper-content />\n      </dbx-section>\n    }\n  `,\n  providers: provideDbxForgeWrapperFieldDirective(DbxForgeDbxSectionFieldWrapperComponent),\n  imports: [DbxSectionComponent, DbxSubSectionComponent, DbxForgeWrapperContentComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class]': 'className()'\n  }\n})\nexport class DbxForgeDbxSectionFieldWrapperComponent extends AbstractForgeWrapperFieldComponent<DbxForgeSectionFieldProps> {\n  readonly headerConfigSignal = computed((): DbxSectionHeaderConfig => {\n    return this.props()?.headerConfig ?? {};\n  });\n\n  readonly elevateSignal = computed((): boolean => {\n    return this.props()?.elevate ?? false;\n  });\n\n  readonly subsectionSignal = computed((): boolean => {\n    return this.props()?.subsection ?? false;\n  });\n}\n"],"names":[],"mappings":";;;;;;AAMA;;;;;;AAMG;AAsBG,MAAO,uCAAwC,SAAQ,kCAA6D,CAAA;AAC/G,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAA6B;QAClE,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,IAAI,EAAE;AACzC,IAAA,CAAC,yFAAC;AAEO,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAc;QAC9C,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,IAAI,KAAK;AACvC,IAAA,CAAC,oFAAC;AAEO,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAc;QACjD,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,UAAU,IAAI,KAAK;AAC1C,IAAA,CAAC,uFAAC;uGAXS,uCAAuC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uCAAuC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,SAAA,EARvC,oCAAoC,CAAC,uCAAuC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAX9E;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAES,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,+BAA+B,EAAA,QAAA,EAAA,2BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAO3E,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBArBnD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,SAAS,EAAE,oCAAoC,CAAA,uCAAA,CAAyC;AACxF,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,+BAA+B,CAAC;oBACvF,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;;;;"}

package/fesm2022/dereekb-dbx-form-style.field.component-C3ZNiotx.mjs

@@ -1,71 +0,0 @@
-import { NgClass, NgStyle } from '@angular/common';
-import * as i0 from '@angular/core';
-import { signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import { asObservable } from '@dereekb/rxjs';
-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 applies dynamic CSS classes and
- * inline styles to a container around child fields.
- *
- * This is the forge equivalent of formly's `DbxFormStyleWrapperComponent`.
- * Supports both static values and reactive observables for class and style
- * properties via `ObservableOrValue`.
- */
-class DbxForgeStyleFieldComponent extends AbstractForgeWrapperFieldComponent {
-    classValueSignal = signal('', ...(ngDevMode ? [{ debugName: "classValueSignal" }] : /* istanbul ignore next */ []));
-    styleValueSignal = signal({}, ...(ngDevMode ? [{ debugName: "styleValueSignal" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        // Bridge classGetter ObservableOrValue to signal
-        effect((onCleanup) => {
-            const classGetter = this.props()?.classGetter;
-            if (classGetter != null) {
-                const sub = asObservable(classGetter).subscribe((v) => this.classValueSignal.set(v));
-                onCleanup(() => sub.unsubscribe());
-            }
-            else {
-                this.classValueSignal.set('');
-            }
-        });
-        // Bridge styleGetter ObservableOrValue to signal
-        effect((onCleanup) => {
-            const styleGetter = this.props()?.styleGetter;
-            if (styleGetter != null) {
-                const sub = asObservable(styleGetter).subscribe((v) => this.styleValueSignal.set(v));
-                onCleanup(() => sub.unsubscribe());
-            }
-            else {
-                this.styleValueSignal.set({});
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeStyleFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxForgeStyleFieldComponent, isStandalone: true, selector: "dbx-forge-style-wrapper-field", host: { properties: { "class": "className()" } }, providers: provideDbxForgeWrapperFieldDirective(DbxForgeStyleFieldComponent), usesInheritance: true, ngImport: i0, template: `
-    <div class="dbx-form-style-wrapper" [ngClass]="classValueSignal()" [ngStyle]="styleValueSignal()">
-      <dbx-forge-wrapper-content />
-    </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DbxForgeWrapperContentComponent, selector: "dbx-forge-wrapper-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeStyleFieldComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-forge-style-wrapper-field',
-                    template: `
-    <div class="dbx-form-style-wrapper" [ngClass]="classValueSignal()" [ngStyle]="styleValueSignal()">
-      <dbx-forge-wrapper-content />
-    </div>
-  `,
-                    providers: provideDbxForgeWrapperFieldDirective(DbxForgeStyleFieldComponent),
-                    imports: [NgClass, NgStyle, DbxForgeWrapperContentComponent],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    host: {
-                        '[class]': 'className()'
-                    }
-                }]
-        }], ctorParameters: () => [] });
-
-export { DbxForgeStyleFieldComponent };
-//# sourceMappingURL=dereekb-dbx-form-style.field.component-C3ZNiotx.mjs.map

package/fesm2022/dereekb-dbx-form-style.field.component-C3ZNiotx.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dereekb-dbx-form-style.field.component-C3ZNiotx.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/style/style.field.component.ts"],"sourcesContent":["import { NgClass, NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, signal } from '@angular/core';\nimport { asObservable } from '@dereekb/rxjs';\nimport { AbstractForgeWrapperFieldComponent, provideDbxForgeWrapperFieldDirective } from '../wrapper.field';\nimport { DbxForgeWrapperContentComponent } from '../wrapper.content.component';\nimport type { DbxForgeStyleFieldProps, DbxForgeStyleObject } from './style.field';\n\n/**\n * Forge wrapper field component that applies dynamic CSS classes and\n * inline styles to a container around child fields.\n *\n * This is the forge equivalent of formly's `DbxFormStyleWrapperComponent`.\n * Supports both static values and reactive observables for class and style\n * properties via `ObservableOrValue`.\n */\n@Component({\n  selector: 'dbx-forge-style-wrapper-field',\n  template: `\n    <div class=\"dbx-form-style-wrapper\" [ngClass]=\"classValueSignal()\" [ngStyle]=\"styleValueSignal()\">\n      <dbx-forge-wrapper-content />\n    </div>\n  `,\n  providers: provideDbxForgeWrapperFieldDirective(DbxForgeStyleFieldComponent),\n  imports: [NgClass, NgStyle, DbxForgeWrapperContentComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class]': 'className()'\n  }\n})\nexport class DbxForgeStyleFieldComponent extends AbstractForgeWrapperFieldComponent<DbxForgeStyleFieldProps> {\n  readonly classValueSignal = signal<string>('');\n  readonly styleValueSignal = signal<DbxForgeStyleObject>({});\n\n  constructor() {\n    super();\n\n    // Bridge classGetter ObservableOrValue to signal\n    effect((onCleanup) => {\n      const classGetter = this.props()?.classGetter;\n\n      if (classGetter != null) {\n        const sub = asObservable(classGetter).subscribe((v) => this.classValueSignal.set(v));\n        onCleanup(() => sub.unsubscribe());\n      } else {\n        this.classValueSignal.set('');\n      }\n    });\n\n    // Bridge styleGetter ObservableOrValue to signal\n    effect((onCleanup) => {\n      const styleGetter = this.props()?.styleGetter;\n\n      if (styleGetter != null) {\n        const sub = asObservable(styleGetter).subscribe((v) => this.styleValueSignal.set(v));\n        onCleanup(() => sub.unsubscribe());\n      } else {\n        this.styleValueSignal.set({});\n      }\n    });\n  }\n}\n"],"names":[],"mappings":"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"}