@ng-forge/dynamic-forms-bootstrap 1.2.0-next.9 → 1.3.0-next.1

package/fesm2022/ng-forge-dynamic-forms-bootstrap.mjs

@@ -1,1335 +1,8 @@
-import { AsyncPipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component, inject, signal, forwardRef, linkedSignal, model, isSignal } from '@angular/core';
-import * as i1 from '@ng-forge/dynamic-forms/integration';
-import { injectNgForgeAction, DynamicTextPipe, NgForgeActionHost, injectNgForgeField, NgForgeControl, NgForgeFieldHost, injectNgForgeAddons, DfAddonSlot, ADDON_PRESET_HANDLER, FIELD_SIGNAL_CONTEXT, NgForgeAddons, isEqual, NgForgeField, DEFAULT_PROPS, ARRAY_CONTEXT, injectNonFieldLogicResolver, buildBaseInputs, valueFieldMapper, optionsFieldMapper, checkboxFieldMapper, submitButtonFieldMapper, nextButtonFieldMapper, previousButtonFieldMapper, addArrayItemButtonMapper, prependArrayItemButtonMapper, insertArrayItemButtonMapper, removeArrayItemButtonMapper, popArrayItemButtonMapper, shiftArrayItemButtonMapper, datepickerFieldMapper, ADDON_TYPE_DEFINITIONS, injectNgForgeAddonAction, NgForgeAddonAction } from '@ng-forge/dynamic-forms/integration';
-import { FormField } from '@angular/forms/signals';
-import { InputConstraintsDirective, BOOTSTRAP_CONFIG, BS_INPUT_TYPE_OVERRIDE, runBsPresetAction } from '@ng-forge/dynamic-forms-bootstrap/shared';
+import { DEFAULT_PROPS, ARRAY_CONTEXT, injectNonFieldLogicResolver, buildBaseInputs, valueFieldMapper, optionsFieldMapper, checkboxFieldMapper, submitButtonFieldMapper, nextButtonFieldMapper, previousButtonFieldMapper, addArrayItemButtonMapper, prependArrayItemButtonMapper, insertArrayItemButtonMapper, removeArrayItemButtonMapper, popArrayItemButtonMapper, shiftArrayItemButtonMapper, datepickerFieldMapper, ADDON_TYPE_DEFINITIONS } from '@ng-forge/dynamic-forms/integration';
+import { inject, computed, isSignal } from '@angular/core';
+import { BOOTSTRAP_CONFIG } from '@ng-forge/dynamic-forms-bootstrap/shared';
 export { BOOTSTRAP_CONFIG, BS_INPUT_TYPE_OVERRIDE } from '@ng-forge/dynamic-forms-bootstrap/shared';
-import { DynamicFormLogger, DynamicFormError } from '@ng-forge/dynamic-forms';
-import { explicitEffect } from 'ngxtension/explicit-effect';
-
-class BsButtonFieldComponent {
-    action = injectNgForgeAction();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-        buttonType = computed(() => this.props()?.type ?? 'button', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonType" }] : /* istanbul ignore next */ []));
-    buttonTestId = computed(() => `${this.buttonType()}-${this.action.key()}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonTestId" }] : /* istanbul ignore next */ []));
-    buttonClasses = computed(() => {
-        const p = this.props();
-        const variant = p?.variant || 'primary';
-        const outline = p?.outline ? 'outline-' : '';
-        return [
-            'btn',
-            `btn-${outline}${variant}`,
-            p?.size === 'sm' && 'btn-sm',
-            p?.size === 'lg' && 'btn-lg',
-            p?.block && 'w-100',
-            p?.active && 'active',
-            this.action.className(),
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonClasses" }] : /* istanbul ignore next */ []));
-        onClick() {
-        if (this.buttonType() === 'submit')
-            return;
-        this.action.dispatch();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: BsButtonFieldComponent, isStandalone: true, selector: "df-bs-button", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeActionHost }], ngImport: i0, template: `
-    @let buttonId = action.key() + '-button';
-    <button
-      [id]="buttonId"
-      [type]="buttonType()"
-      [disabled]="action.disabled()"
-      [class]="buttonClasses()"
-      [attr.tabindex]="action.tabIndex()"
-      [attr.data-testid]="buttonTestId()"
-      (click)="onClick()"
-    >
-      {{ action.label() | dynamicText | async }}
-    </button>
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n"], dependencies: [{ kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsButtonFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-button', imports: [DynamicTextPipe, AsyncPipe], hostDirectives: [NgForgeActionHost], template: `
-    @let buttonId = action.key() + '-button';
-    <button
-      [id]="buttonId"
-      [type]="buttonType()"
-      [disabled]="action.disabled()"
-      [class]="buttonClasses()"
-      [attr.tabindex]="action.tabIndex()"
-      [attr.data-testid]="buttonTestId()"
-      (click)="onClick()"
-    >
-      {{ action.label() | dynamicText | async }}
-    </button>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-
-class BsCheckboxFieldComponent {
-    ngf = injectNgForgeField();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsCheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsCheckboxFieldComponent, isStandalone: true, selector: "df-bs-checkbox", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field(); @let checkboxId = ngf.key() + '-checkbox';
-
-    <div
-      class="form-check"
-      [class.form-switch]="props()?.switch"
-      [class.form-check-inline]="props()?.inline"
-      [class.form-check-reverse]="props()?.reverse"
-      [attr.hidden]="f().hidden() || null"
-    >
-      <input
-        ngForgeControl
-        type="checkbox"
-        [formField]="f"
-        [id]="checkboxId"
-        [indeterminate]="props()?.indeterminate ?? false"
-        class="form-check-input"
-        [class.is-invalid]="f().invalid() && f().touched()"
-        [attr.tabindex]="ngf.tabIndex()"
-      />
-      <label [for]="checkboxId" class="form-check-label">
-        {{ ngf.label() | dynamicText | async }}
-      </label>
-    </div>
-
-    @if (ngf.errorsToDisplay()[0]; as error) {
-      <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-    } @else if (props()?.hint; as hint) {
-      <div class="form-text" [id]="ngf.hintId()" [attr.hidden]="f().hidden() || null">{{ hint | dynamicText | async }}</div>
-    }
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsCheckboxFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-checkbox', imports: [FormField, DynamicTextPipe, AsyncPipe, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field(); @let checkboxId = ngf.key() + '-checkbox';
-
-    <div
-      class="form-check"
-      [class.form-switch]="props()?.switch"
-      [class.form-check-inline]="props()?.inline"
-      [class.form-check-reverse]="props()?.reverse"
-      [attr.hidden]="f().hidden() || null"
-    >
-      <input
-        ngForgeControl
-        type="checkbox"
-        [formField]="f"
-        [id]="checkboxId"
-        [indeterminate]="props()?.indeterminate ?? false"
-        class="form-check-input"
-        [class.is-invalid]="f().invalid() && f().touched()"
-        [attr.tabindex]="ngf.tabIndex()"
-      />
-      <label [for]="checkboxId" class="form-check-label">
-        {{ ngf.label() | dynamicText | async }}
-      </label>
-    </div>
-
-    @if (ngf.errorsToDisplay()[0]; as error) {
-      <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-    } @else if (props()?.hint; as hint) {
-      <div class="form-text" [id]="ngf.hintId()" [attr.hidden]="f().hidden() || null">{{ hint | dynamicText | async }}</div>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsDatepickerFieldComponent {
-    ngf = injectNgForgeField();
-    minDate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
-    maxDate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
-    startAt = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "startAt" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-        minAsString = computed(() => {
-        const min = this.minDate();
-        return min instanceof Date ? min.toISOString().split('T')[0] : min;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "minAsString" }] : /* istanbul ignore next */ []));
-    maxAsString = computed(() => {
-        const max = this.maxDate();
-        return max instanceof Date ? max.toISOString().split('T')[0] : max;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxAsString" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsDatepickerFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsDatepickerFieldComponent, isStandalone: true, selector: "df-bs-datepicker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field(); @let p = props(); @let inputId = ngf.key() + '-input';
-    @if (p?.floatingLabel) {
-      <!-- Floating label variant -->
-      <div class="form-floating mb-3">
-        <input
-          ngForgeControl
-          dfBsInputConstraints
-          [formField]="f"
-          [id]="inputId"
-          type="date"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [dfMin]="minAsString()"
-          [dfMax]="maxAsString()"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        />
-        @if (ngf.label()) {
-          <label [for]="inputId">{{ ngf.label() | dynamicText | async }}</label>
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        }
-      </div>
-    } @else {
-      <!-- Standard variant -->
-      <div class="mb-3">
-        @if (ngf.label()) {
-          <label [for]="inputId" class="form-label">{{ ngf.label() | dynamicText | async }}</label>
-        }
-
-        <input
-          ngForgeControl
-          dfBsInputConstraints
-          [formField]="f"
-          [id]="inputId"
-          type="date"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [dfMin]="minAsString()"
-          [dfMax]="maxAsString()"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        />
-
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    }
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: InputConstraintsDirective, selector: "[dfBsInputConstraints]", inputs: ["dfMin", "dfMax", "dfStep"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsDatepickerFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-datepicker', imports: [FormField, DynamicTextPipe, AsyncPipe, InputConstraintsDirective, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field(); @let p = props(); @let inputId = ngf.key() + '-input';
-    @if (p?.floatingLabel) {
-      <!-- Floating label variant -->
-      <div class="form-floating mb-3">
-        <input
-          ngForgeControl
-          dfBsInputConstraints
-          [formField]="f"
-          [id]="inputId"
-          type="date"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [dfMin]="minAsString()"
-          [dfMax]="maxAsString()"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        />
-        @if (ngf.label()) {
-          <label [for]="inputId">{{ ngf.label() | dynamicText | async }}</label>
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        }
-      </div>
-    } @else {
-      <!-- Standard variant -->
-      <div class="mb-3">
-        @if (ngf.label()) {
-          <label [for]="inputId" class="form-label">{{ ngf.label() | dynamicText | async }}</label>
-        }
-
-        <input
-          ngForgeControl
-          dfBsInputConstraints
-          [formField]="f"
-          [id]="inputId"
-          type="date"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [dfMin]="minAsString()"
-          [dfMax]="maxAsString()"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        />
-
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], startAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAt", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsInputFieldComponent {
-    bootstrapConfig = inject(BOOTSTRAP_CONFIG, { optional: true });
-    ngf = injectNgForgeField();
-    ngfa = injectNgForgeAddons();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-        fieldInputs = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "fieldInputs" }] : /* istanbul ignore next */ []));
-        typeOverride = inject(BS_INPUT_TYPE_OVERRIDE);
-    size = computed(() => this.props()?.size ?? this.bootstrapConfig?.size, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    floatingLabel = computed(() => this.props()?.floatingLabel ?? this.bootstrapConfig?.floatingLabel ?? false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "floatingLabel" }] : /* istanbul ignore next */ []));
-        type = computed(() => this.typeOverride() ?? this.props()?.type ?? 'text', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsInputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsInputFieldComponent, isStandalone: true, selector: "df-bs-input", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, fieldInputs: { classPropertyName: "fieldInputs", publicName: "fieldInputs", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
-            {
-                provide: BS_INPUT_TYPE_OVERRIDE,
-                useFactory: () => signal(undefined),
-            },
-            {
-                                                                                                provide: ADDON_PRESET_HANDLER,
-                useFactory: () => {
-                    const typeOverride = inject(BS_INPUT_TYPE_OVERRIDE);
-                    const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });
-                    const logger = inject(DynamicFormLogger);
-                                        const host = inject(forwardRef(() => BsInputFieldComponent));
-                    return {
-                        run: (preset, ctx) => {
-                            const fieldKey = ctx.field.key;
-                            return runBsPresetAction(preset, ctx, {
-                                typeOverride,
-                                fieldValueSetter: ctx.setValue,
-                                fieldDefaultValueGetter: fsc && fieldKey ? () => fsc.defaultValues()?.[fieldKey] : undefined,
-                                baselineType: () => host.props()?.type,
-                                logger,
-                            });
-                        },
-                    };
-                },
-            },
-        ], hostDirectives: [{ directive: i1.NgForgeFieldHost }, { directive: i1.NgForgeAddons }], ngImport: i0, template: `
-    @let f = ngf.field(); @let p = props(); @let inputId = ngf.key() + '-input';
-    @if (floatingLabel()) {
-      <div class="mb-3">
-        @if (ngfa.hasAddons()) {
-          <div class="input-group">
-            @for (a of ngfa.prefixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-            <div class="form-floating">
-              <input
-                ngForgeControl
-                [formField]="f"
-                [id]="inputId"
-                [type]="type()"
-                [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-                [attr.tabindex]="ngf.tabIndex()"
-                class="form-control"
-                [class.form-control-sm]="size() === 'sm'"
-                [class.form-control-lg]="size() === 'lg'"
-                [class.form-control-plaintext]="p?.plaintext"
-                [class.is-invalid]="f().invalid() && f().touched()"
-                [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-              />
-              @if (ngf.label()) {
-                <label [for]="inputId">{{ ngf.label() | dynamicText | async }}</label>
-              }
-            </div>
-            @for (a of ngfa.suffixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-          </div>
-        } @else {
-          <div class="form-floating">
-            <input
-              ngForgeControl
-              [formField]="f"
-              [id]="inputId"
-              [type]="type()"
-              [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-              [attr.tabindex]="ngf.tabIndex()"
-              class="form-control"
-              [class.form-control-sm]="size() === 'sm'"
-              [class.form-control-lg]="size() === 'lg'"
-              [class.form-control-plaintext]="p?.plaintext"
-              [class.is-invalid]="f().invalid() && f().touched()"
-              [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-            />
-            @if (ngf.label()) {
-              <label [for]="inputId">{{ ngf.label() | dynamicText | async }}</label>
-            }
-          </div>
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        }
-      </div>
-    } @else {
-      <div class="mb-3">
-        @if (ngf.label()) {
-          <label [for]="inputId" class="form-label">{{ ngf.label() | dynamicText | async }}</label>
-        }
-        @if (ngfa.hasAddons()) {
-          <div class="input-group">
-            @for (a of ngfa.prefixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-            <input
-              ngForgeControl
-              [formField]="f"
-              [id]="inputId"
-              [type]="type()"
-              [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-              [attr.tabindex]="ngf.tabIndex()"
-              class="form-control"
-              [class.form-control-sm]="size() === 'sm'"
-              [class.form-control-lg]="size() === 'lg'"
-              [class.form-control-plaintext]="p?.plaintext"
-              [class.is-invalid]="f().invalid() && f().touched()"
-              [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-            />
-            @for (a of ngfa.suffixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-          </div>
-        } @else {
-          <input
-            ngForgeControl
-            [formField]="f"
-            [id]="inputId"
-            [type]="type()"
-            [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-            [attr.tabindex]="ngf.tabIndex()"
-            class="form-control"
-            [class.form-control-sm]="size() === 'sm'"
-            [class.form-control-lg]="size() === 'lg'"
-            [class.form-control-plaintext]="p?.plaintext"
-            [class.is-invalid]="f().invalid() && f().touched()"
-            [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-          />
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    }
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}:host{--df-bs-addon-prefix-outer-padding: .75rem;--df-bs-addon-prefix-inner-padding: .75rem;--df-bs-addon-suffix-inner-padding: .75rem;--df-bs-addon-suffix-outer-padding: .75rem}:host ::ng-deep .input-group>.input-group-text:first-child{padding-left:var(--df-bs-addon-prefix-outer-padding);padding-right:var(--df-bs-addon-prefix-inner-padding)}:host ::ng-deep .input-group>.input-group-text:last-child{padding-left:var(--df-bs-addon-suffix-inner-padding);padding-right:var(--df-bs-addon-suffix-outer-padding)}:host ::ng-deep .input-group-text df-bs-button-addon .btn{--bs-btn-bg: transparent;--bs-btn-color: var(--bs-body-color);--bs-btn-border-color: transparent;--bs-btn-hover-bg: rgba(127, 127, 127, .12);--bs-btn-hover-color: var(--bs-body-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-bg: rgba(127, 127, 127, .18);--bs-btn-active-border-color: transparent;--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-padding-x: 0;--bs-btn-padding-y: 0;box-shadow:none}:host ::ng-deep .input-group-text df-bs-button-addon .btn:focus-visible{box-shadow:none;outline:2px solid currentColor;outline-offset:2px}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "component", type: DfAddonSlot, selector: "df-addon-slot", inputs: ["addon", "fieldInputs", "hidden"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsInputFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-input', imports: [FormField, DynamicTextPipe, AsyncPipe, NgForgeControl, DfAddonSlot], hostDirectives: [NgForgeFieldHost, NgForgeAddons], template: `
-    @let f = ngf.field(); @let p = props(); @let inputId = ngf.key() + '-input';
-    @if (floatingLabel()) {
-      <div class="mb-3">
-        @if (ngfa.hasAddons()) {
-          <div class="input-group">
-            @for (a of ngfa.prefixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-            <div class="form-floating">
-              <input
-                ngForgeControl
-                [formField]="f"
-                [id]="inputId"
-                [type]="type()"
-                [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-                [attr.tabindex]="ngf.tabIndex()"
-                class="form-control"
-                [class.form-control-sm]="size() === 'sm'"
-                [class.form-control-lg]="size() === 'lg'"
-                [class.form-control-plaintext]="p?.plaintext"
-                [class.is-invalid]="f().invalid() && f().touched()"
-                [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-              />
-              @if (ngf.label()) {
-                <label [for]="inputId">{{ ngf.label() | dynamicText | async }}</label>
-              }
-            </div>
-            @for (a of ngfa.suffixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-          </div>
-        } @else {
-          <div class="form-floating">
-            <input
-              ngForgeControl
-              [formField]="f"
-              [id]="inputId"
-              [type]="type()"
-              [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-              [attr.tabindex]="ngf.tabIndex()"
-              class="form-control"
-              [class.form-control-sm]="size() === 'sm'"
-              [class.form-control-lg]="size() === 'lg'"
-              [class.form-control-plaintext]="p?.plaintext"
-              [class.is-invalid]="f().invalid() && f().touched()"
-              [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-            />
-            @if (ngf.label()) {
-              <label [for]="inputId">{{ ngf.label() | dynamicText | async }}</label>
-            }
-          </div>
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        }
-      </div>
-    } @else {
-      <div class="mb-3">
-        @if (ngf.label()) {
-          <label [for]="inputId" class="form-label">{{ ngf.label() | dynamicText | async }}</label>
-        }
-        @if (ngfa.hasAddons()) {
-          <div class="input-group">
-            @for (a of ngfa.prefixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-            <input
-              ngForgeControl
-              [formField]="f"
-              [id]="inputId"
-              [type]="type()"
-              [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-              [attr.tabindex]="ngf.tabIndex()"
-              class="form-control"
-              [class.form-control-sm]="size() === 'sm'"
-              [class.form-control-lg]="size() === 'lg'"
-              [class.form-control-plaintext]="p?.plaintext"
-              [class.is-invalid]="f().invalid() && f().touched()"
-              [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-            />
-            @for (a of ngfa.suffixAddons(); track $index) {
-              <span class="input-group-text">
-                <df-addon-slot [addon]="a" [fieldInputs]="fieldInputs()" [hidden]="ngfa.hiddenSignalCache().get(a)" />
-              </span>
-            }
-          </div>
-        } @else {
-          <input
-            ngForgeControl
-            [formField]="f"
-            [id]="inputId"
-            [type]="type()"
-            [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-            [attr.tabindex]="ngf.tabIndex()"
-            class="form-control"
-            [class.form-control-sm]="size() === 'sm'"
-            [class.form-control-lg]="size() === 'lg'"
-            [class.form-control-plaintext]="p?.plaintext"
-            [class.is-invalid]="f().invalid() && f().touched()"
-            [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-          />
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: BS_INPUT_TYPE_OVERRIDE,
-                            useFactory: () => signal(undefined),
-                        },
-                        {
-                                                                                                                                                                        provide: ADDON_PRESET_HANDLER,
-                            useFactory: () => {
-                                const typeOverride = inject(BS_INPUT_TYPE_OVERRIDE);
-                                const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });
-                                const logger = inject(DynamicFormLogger);
-                                                                const host = inject(forwardRef(() => BsInputFieldComponent));
-                                return {
-                                    run: (preset, ctx) => {
-                                        const fieldKey = ctx.field.key;
-                                        return runBsPresetAction(preset, ctx, {
-                                            typeOverride,
-                                            fieldValueSetter: ctx.setValue,
-                                            fieldDefaultValueGetter: fsc && fieldKey ? () => fsc.defaultValues()?.[fieldKey] : undefined,
-                                            baselineType: () => host.props()?.type,
-                                            logger,
-                                        });
-                                    },
-                                };
-                            },
-                        },
-                    ], styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}:host{--df-bs-addon-prefix-outer-padding: .75rem;--df-bs-addon-prefix-inner-padding: .75rem;--df-bs-addon-suffix-inner-padding: .75rem;--df-bs-addon-suffix-outer-padding: .75rem}:host ::ng-deep .input-group>.input-group-text:first-child{padding-left:var(--df-bs-addon-prefix-outer-padding);padding-right:var(--df-bs-addon-prefix-inner-padding)}:host ::ng-deep .input-group>.input-group-text:last-child{padding-left:var(--df-bs-addon-suffix-inner-padding);padding-right:var(--df-bs-addon-suffix-outer-padding)}:host ::ng-deep .input-group-text df-bs-button-addon .btn{--bs-btn-bg: transparent;--bs-btn-color: var(--bs-body-color);--bs-btn-border-color: transparent;--bs-btn-hover-bg: rgba(127, 127, 127, .12);--bs-btn-hover-color: var(--bs-body-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-bg: rgba(127, 127, 127, .18);--bs-btn-active-border-color: transparent;--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-padding-x: 0;--bs-btn-padding-y: 0;box-shadow:none}:host ::ng-deep .input-group-text df-bs-button-addon .btn:focus-visible{box-shadow:none;outline:2px solid currentColor;outline-offset:2px}\n"] }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], fieldInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldInputs", required: false }] }] } });
-
-class BsMultiCheckboxFieldComponent {
-    ngf = injectNgForgeField();
-    options = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-        checkedValuesMap = computed(() => {
-        const map = {};
-        for (const opt of this.valueViewModel()) {
-            map[String(opt.value)] = true;
-        }
-        return map;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "checkedValuesMap" }] : /* istanbul ignore next */ []));
-    valueViewModel = linkedSignal(() => {
-        const currentValues = this.ngf.field()().value();
-        return this.options().filter((option) => currentValues.includes(option.value));
-    }, { ...(ngDevMode ? { debugName: "valueViewModel" } : /* istanbul ignore next */ {}), equal: isEqual });
-    constructor() {
-        explicitEffect([this.valueViewModel], ([selectedOptions]) => {
-            const selectedValues = selectedOptions.map((option) => option.value);
-            if (!isEqual(selectedValues, this.ngf.field()().value())) {
-                this.ngf.field()().value.set(selectedValues);
-            }
-        });
-        explicitEffect([this.options], ([options]) => {
-            const values = options.map((option) => option.value);
-            const uniqueValues = new Set(values);
-            if (values.length !== uniqueValues.size) {
-                const duplicates = values.filter((value, index) => values.indexOf(value) !== index);
-                throw new Error(`Duplicate option values detected in bs-multi-checkbox: ${duplicates.join(', ')}`);
-            }
-        });
-    }
-    onCheckboxChange(option, event) {
-        const checked = event.target.checked;
-        this.valueViewModel.update((currentOptions) => {
-            if (checked) {
-                return currentOptions.some((opt) => opt.value === option.value)
-                    ? currentOptions
-                    : [...currentOptions, option];
-            }
-            else {
-                return currentOptions.filter((opt) => opt.value !== option.value);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsMultiCheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsMultiCheckboxFieldComponent, isStandalone: true, selector: "df-bs-multi-checkbox", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field();
-    @let checked = checkedValuesMap();
-    @if (ngf.label(); as label) {
-      <div class="form-label">{{ label | dynamicText | async }}</div>
-    }
-
-    <div class="checkbox-group">
-      @for (option of options(); track option.value; let i = $index) {
-        <div
-          class="form-check"
-          [class.form-switch]="props()?.switch"
-          [class.form-check-inline]="props()?.inline"
-          [class.form-check-reverse]="props()?.reverse"
-        >
-          <input
-            ngForgeControl
-            type="checkbox"
-            [id]="ngf.key() + '_' + i"
-            [checked]="checked['' + option.value]"
-            [disabled]="f().disabled() || option.disabled"
-            (change)="onCheckboxChange(option, $event)"
-            class="form-check-input"
-            [class.is-invalid]="f().invalid() && f().touched()"
-            [attr.tabindex]="ngf.tabIndex()"
-          />
-          <label [for]="ngf.key() + '_' + i" class="form-check-label">
-            {{ option.label | dynamicText | async }}
-          </label>
-        </div>
-      }
-    </div>
-
-    @if (ngf.errorsToDisplay()[0]; as error) {
-      <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-    } @else if (props()?.hint; as hint) {
-      <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-    }
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}.checkbox-group{margin-bottom:.5rem}:host([hidden]){display:none!important}\n"], dependencies: [{ kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsMultiCheckboxFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-multi-checkbox', imports: [DynamicTextPipe, AsyncPipe, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field();
-    @let checked = checkedValuesMap();
-    @if (ngf.label(); as label) {
-      <div class="form-label">{{ label | dynamicText | async }}</div>
-    }
-
-    <div class="checkbox-group">
-      @for (option of options(); track option.value; let i = $index) {
-        <div
-          class="form-check"
-          [class.form-switch]="props()?.switch"
-          [class.form-check-inline]="props()?.inline"
-          [class.form-check-reverse]="props()?.reverse"
-        >
-          <input
-            ngForgeControl
-            type="checkbox"
-            [id]="ngf.key() + '_' + i"
-            [checked]="checked['' + option.value]"
-            [disabled]="f().disabled() || option.disabled"
-            (change)="onCheckboxChange(option, $event)"
-            class="form-check-input"
-            [class.is-invalid]="f().invalid() && f().touched()"
-            [attr.tabindex]="ngf.tabIndex()"
-          />
-          <label [for]="ngf.key() + '_' + i" class="form-check-label">
-            {{ option.label | dynamicText | async }}
-          </label>
-        </div>
-      }
-    </div>
-
-    @if (ngf.errorsToDisplay()[0]; as error) {
-      <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-    } @else if (props()?.hint; as hint) {
-      <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}.checkbox-group{margin-bottom:.5rem}:host([hidden]){display:none!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsRadioGroupComponent {
-    parentField = inject(NgForgeField, { optional: true });
-        value = model(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    readonly = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    name = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-        label = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
-    options = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    properties = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "properties" }] : /* istanbul ignore next */ []));
-        onRadioChange(newValue) {
-        if (!this.disabled() && !this.readonly()) {
-            this.value.set(newValue);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsRadioGroupComponent, isStandalone: true, selector: "df-bs-radio-group", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.aria-invalid": "parentField?.ariaInvalid() || null", "attr.aria-required": "parentField?.ariaRequired()", "attr.aria-describedby": "parentField?.ariaDescribedBy()" } }, ngImport: i0, template: `
-    @let props = properties();
-    @if (props?.buttonGroup) {
-      <div class="btn-group" role="group" [attr.aria-label]="label() | dynamicText | async">
-        @for (option of options(); track option.value; let i = $index) {
-          <input
-            ngForgeControl
-            type="radio"
-            [name]="name()"
-            [value]="option.value"
-            [checked]="value() === option.value"
-            (change)="onRadioChange(option.value)"
-            [disabled]="disabled() || option.disabled || false"
-            class="btn-check"
-            [id]="name() + '_' + i"
-            autocomplete="off"
-          />
-          <label
-            class="btn btn-outline-primary"
-            [class.btn-sm]="props?.buttonSize === 'sm'"
-            [class.btn-lg]="props?.buttonSize === 'lg'"
-            [for]="name() + '_' + i"
-          >
-            {{ option.label | dynamicText | async }}
-          </label>
-        }
-      </div>
-    } @else {
-      @for (option of options(); track option.value; let i = $index) {
-        <div class="form-check" [class.form-check-inline]="props?.inline" [class.form-check-reverse]="props?.reverse">
-          <input
-            ngForgeControl
-            type="radio"
-            [name]="name()"
-            [value]="option.value"
-            [checked]="value() === option.value"
-            (change)="onRadioChange(option.value)"
-            [disabled]="disabled() || option.disabled || false"
-            class="form-check-input"
-            [id]="name() + '_' + i"
-          />
-          <label class="form-check-label" [for]="name() + '_' + i">
-            {{ option.label | dynamicText | async }}
-          </label>
-        </div>
-      }
-    }
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsRadioGroupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-radio-group', imports: [DynamicTextPipe, AsyncPipe, NgForgeControl], host: {
-                        role: 'radiogroup',
-                        '[attr.aria-invalid]': 'parentField?.ariaInvalid() || null',
-                        '[attr.aria-required]': 'parentField?.ariaRequired()',
-                        '[attr.aria-describedby]': 'parentField?.ariaDescribedBy()',
-                    }, template: `
-    @let props = properties();
-    @if (props?.buttonGroup) {
-      <div class="btn-group" role="group" [attr.aria-label]="label() | dynamicText | async">
-        @for (option of options(); track option.value; let i = $index) {
-          <input
-            ngForgeControl
-            type="radio"
-            [name]="name()"
-            [value]="option.value"
-            [checked]="value() === option.value"
-            (change)="onRadioChange(option.value)"
-            [disabled]="disabled() || option.disabled || false"
-            class="btn-check"
-            [id]="name() + '_' + i"
-            autocomplete="off"
-          />
-          <label
-            class="btn btn-outline-primary"
-            [class.btn-sm]="props?.buttonSize === 'sm'"
-            [class.btn-lg]="props?.buttonSize === 'lg'"
-            [for]="name() + '_' + i"
-          >
-            {{ option.label | dynamicText | async }}
-          </label>
-        }
-      </div>
-    } @else {
-      @for (option of options(); track option.value; let i = $index) {
-        <div class="form-check" [class.form-check-inline]="props?.inline" [class.form-check-reverse]="props?.reverse">
-          <input
-            ngForgeControl
-            type="radio"
-            [name]="name()"
-            [value]="option.value"
-            [checked]="value() === option.value"
-            (change)="onRadioChange(option.value)"
-            [disabled]="disabled() || option.disabled || false"
-            class="form-check-input"
-            [id]="name() + '_' + i"
-          />
-          <label class="form-check-label" [for]="name() + '_' + i">
-            {{ option.label | dynamicText | async }}
-          </label>
-        </div>
-      }
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], properties: [{ type: i0.Input, args: [{ isSignal: true, alias: "properties", required: false }] }] } });
-
-class BsRadioFieldComponent {
-    ngf = injectNgForgeField();
-    options = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsRadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsRadioFieldComponent, isStandalone: true, selector: "df-bs-radio", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field();
-
-    <div class="mb-3">
-      @if (ngf.label(); as label) {
-        <div class="form-label">{{ label | dynamicText | async }}</div>
-      }
-
-      <df-bs-radio-group [formField]="f" [label]="ngf.label()" [options]="options()" [properties]="props()" />
-
-      @if (ngf.errorsToDisplay()[0]; as error) {
-        <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-      } @else if (props()?.hint; as hint) {
-        <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-      }
-    </div>
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"], dependencies: [{ kind: "component", type: BsRadioGroupComponent, selector: "df-bs-radio-group", inputs: ["value", "disabled", "readonly", "name", "label", "options", "properties"], outputs: ["valueChange"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsRadioFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-radio', imports: [BsRadioGroupComponent, FormField, DynamicTextPipe, AsyncPipe], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field();
-
-    <div class="mb-3">
-      @if (ngf.label(); as label) {
-        <div class="form-label">{{ label | dynamicText | async }}</div>
-      }
-
-      <df-bs-radio-group [formField]="f" [label]="ngf.label()" [options]="options()" [properties]="props()" />
-
-      @if (ngf.errorsToDisplay()[0]; as error) {
-        <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-      } @else if (props()?.hint; as hint) {
-        <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-      }
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsSelectFieldComponent {
-    ngf = injectNgForgeField();
-    options = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    defaultCompare = Object.is;
-    isSelected(optionValue, fieldValue) {
-        const compareWith = this.props()?.compareWith || this.defaultCompare;
-        if (Array.isArray(fieldValue)) {
-            return fieldValue.some((v) => compareWith(v, optionValue));
-        }
-        return fieldValue !== null && compareWith(fieldValue, optionValue);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsSelectFieldComponent, isStandalone: true, selector: "df-bs-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field(); @let selectId = ngf.key() + '-select';
-
-    <div class="mb-3">
-      @if (ngf.label(); as label) {
-        <label [for]="selectId" class="form-label">{{ label | dynamicText | async }}</label>
-      }
-      <select
-        ngForgeControl
-        [formField]="f"
-        [id]="selectId"
-        [attr.tabindex]="ngf.tabIndex()"
-        class="form-select"
-        [class.form-select-sm]="props()?.size === 'sm'"
-        [class.form-select-lg]="props()?.size === 'lg'"
-        [class.is-invalid]="f().invalid() && f().touched()"
-        [multiple]="props()?.multiple || false"
-        [attr.size]="props()?.htmlSize ?? null"
-      >
-        @if (ngf.placeholder(); as placeholder) {
-          <option value="" disabled [selected]="!f().value()">{{ placeholder | dynamicText | async }}</option>
-        }
-        @for (option of options(); track option.value) {
-          <option [value]="option.value" [disabled]="option.disabled || false" [selected]="isSelected(option.value, f().value())">
-            {{ option.label | dynamicText | async }}
-          </option>
-        }
-      </select>
-
-      @if (ngf.errorsToDisplay()[0]; as error) {
-        <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-      } @else if (props()?.hint; as hint) {
-        <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-      }
-    </div>
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsSelectFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-select', imports: [FormField, DynamicTextPipe, AsyncPipe, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field(); @let selectId = ngf.key() + '-select';
-
-    <div class="mb-3">
-      @if (ngf.label(); as label) {
-        <label [for]="selectId" class="form-label">{{ label | dynamicText | async }}</label>
-      }
-      <select
-        ngForgeControl
-        [formField]="f"
-        [id]="selectId"
-        [attr.tabindex]="ngf.tabIndex()"
-        class="form-select"
-        [class.form-select-sm]="props()?.size === 'sm'"
-        [class.form-select-lg]="props()?.size === 'lg'"
-        [class.is-invalid]="f().invalid() && f().touched()"
-        [multiple]="props()?.multiple || false"
-        [attr.size]="props()?.htmlSize ?? null"
-      >
-        @if (ngf.placeholder(); as placeholder) {
-          <option value="" disabled [selected]="!f().value()">{{ placeholder | dynamicText | async }}</option>
-        }
-        @for (option of options(); track option.value) {
-          <option [value]="option.value" [disabled]="option.disabled || false" [selected]="isSelected(option.value, f().value())">
-            {{ option.label | dynamicText | async }}
-          </option>
-        }
-      </select>
-
-      @if (ngf.errorsToDisplay()[0]; as error) {
-        <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-      } @else if (props()?.hint; as hint) {
-        <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-      }
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsSliderFieldComponent {
-    ngf = injectNgForgeField();
-    min = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
-    max = input(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
-    step = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsSliderFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsSliderFieldComponent, isStandalone: true, selector: "df-bs-slider", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field(); @let inputId = ngf.key() + '-input';
-
-    <div class="mb-3">
-      @if (ngf.label(); as label) {
-        <label [for]="inputId" class="form-label">
-          {{ label | dynamicText | async }}
-          @if (props()?.showValue) {
-            <span class="ms-2 badge bg-secondary"> {{ props()?.valuePrefix }}{{ f().value() }}{{ props()?.valueSuffix }} </span>
-          }
-        </label>
-      }
-
-      <input
-        ngForgeControl
-        type="range"
-        dfBsInputConstraints
-        [formField]="f"
-        [id]="inputId"
-        [dfMin]="f().min?.() ?? props()?.min ?? min()"
-        [dfMax]="f().max?.() ?? props()?.max ?? max()"
-        [dfStep]="step() ?? props()?.step ?? 1"
-        [attr.tabindex]="ngf.tabIndex()"
-        class="form-range"
-      />
-
-      @if (ngf.errorsToDisplay()[0]; as error) {
-        <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-      } @else if (props()?.hint; as hint) {
-        <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-      }
-    </div>
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: InputConstraintsDirective, selector: "[dfBsInputConstraints]", inputs: ["dfMin", "dfMax", "dfStep"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsSliderFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-slider', imports: [FormField, DynamicTextPipe, AsyncPipe, InputConstraintsDirective, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field(); @let inputId = ngf.key() + '-input';
-
-    <div class="mb-3">
-      @if (ngf.label(); as label) {
-        <label [for]="inputId" class="form-label">
-          {{ label | dynamicText | async }}
-          @if (props()?.showValue) {
-            <span class="ms-2 badge bg-secondary"> {{ props()?.valuePrefix }}{{ f().value() }}{{ props()?.valueSuffix }} </span>
-          }
-        </label>
-      }
-
-      <input
-        ngForgeControl
-        type="range"
-        dfBsInputConstraints
-        [formField]="f"
-        [id]="inputId"
-        [dfMin]="f().min?.() ?? props()?.min ?? min()"
-        [dfMax]="f().max?.() ?? props()?.max ?? max()"
-        [dfStep]="step() ?? props()?.step ?? 1"
-        [attr.tabindex]="ngf.tabIndex()"
-        class="form-range"
-      />
-
-      @if (ngf.errorsToDisplay()[0]; as error) {
-        <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-      } @else if (props()?.hint; as hint) {
-        <div class="form-text" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</div>
-      }
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsTextareaFieldComponent {
-    ngf = injectNgForgeField();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsTextareaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsTextareaFieldComponent, isStandalone: true, selector: "df-bs-textarea", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field(); @let p = props(); @let textareaId = ngf.key() + '-textarea';
-    @if (p?.floatingLabel) {
-      <!-- Floating label variant -->
-      <div class="form-floating mb-3">
-        <textarea
-          ngForgeControl
-          [formField]="f"
-          [id]="textareaId"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        ></textarea>
-
-        @if (ngf.label()) {
-          <label [for]="textareaId">{{ ngf.label() | dynamicText | async }}</label>
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    } @else {
-      <!-- Standard variant -->
-      <div class="mb-3">
-        @if (ngf.label()) {
-          <label [for]="textareaId" class="form-label">{{ ngf.label() | dynamicText | async }}</label>
-        }
-
-        <textarea
-          ngForgeControl
-          [formField]="f"
-          [id]="textareaId"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        ></textarea>
-
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    }
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsTextareaFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-textarea', imports: [FormField, DynamicTextPipe, AsyncPipe, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field(); @let p = props(); @let textareaId = ngf.key() + '-textarea';
-    @if (p?.floatingLabel) {
-      <!-- Floating label variant -->
-      <div class="form-floating mb-3">
-        <textarea
-          ngForgeControl
-          [formField]="f"
-          [id]="textareaId"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        ></textarea>
-
-        @if (ngf.label()) {
-          <label [for]="textareaId">{{ ngf.label() | dynamicText | async }}</label>
-        }
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    } @else {
-      <!-- Standard variant -->
-      <div class="mb-3">
-        @if (ngf.label()) {
-          <label [for]="textareaId" class="form-label">{{ ngf.label() | dynamicText | async }}</label>
-        }
-
-        <textarea
-          ngForgeControl
-          [formField]="f"
-          [id]="textareaId"
-          [placeholder]="(ngf.placeholder() | dynamicText | async) ?? ''"
-          [attr.tabindex]="ngf.tabIndex()"
-          class="form-control"
-          [class.form-control-sm]="p?.size === 'sm'"
-          [class.form-control-lg]="p?.size === 'lg'"
-          [class.is-invalid]="f().invalid() && f().touched()"
-          [class.is-valid]="f().valid() && f().touched() && p?.validFeedback"
-        ></textarea>
-
-        @if (p?.validFeedback && f().valid() && f().touched()) {
-          <div class="valid-feedback d-block">
-            {{ p?.validFeedback | dynamicText | async }}
-          </div>
-        }
-        @if (ngf.errorsToDisplay()[0]; as error) {
-          <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-        } @else if (p?.hint) {
-          <div class="form-text" [id]="ngf.hintId()">{{ p?.hint | dynamicText | async }}</div>
-        }
-      </div>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-class BsToggleFieldComponent {
-    ngf = injectNgForgeField();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsToggleFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsToggleFieldComponent, isStandalone: true, selector: "df-bs-toggle", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
-    @let f = ngf.field(); @let inputId = ngf.key() + '-input';
-
-    <div
-      class="form-check form-switch"
-      [class.form-check-inline]="props()?.inline"
-      [class.form-check-reverse]="props()?.reverse"
-      [class.form-switch-sm]="props()?.size === 'sm'"
-      [class.form-switch-lg]="props()?.size === 'lg'"
-      [attr.hidden]="f().hidden() || null"
-    >
-      <input
-        ngForgeControl
-        type="checkbox"
-        [formField]="f"
-        [id]="inputId"
-        class="form-check-input"
-        [class.is-invalid]="f().invalid() && f().touched()"
-        [attr.tabindex]="ngf.tabIndex()"
-      />
-      <label [for]="inputId" class="form-check-label">
-        {{ ngf.label() | dynamicText | async }}
-      </label>
-    </div>
-
-    @if (ngf.errorsToDisplay()[0]; as error) {
-      <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-    } @else if (props()?.hint; as hint) {
-      <div class="form-text" [id]="ngf.hintId()" [attr.hidden]="f().hidden() || null">{{ hint | dynamicText | async }}</div>
-    }
-  `, isInline: true, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}.form-switch-sm .form-check-input{width:1.75rem;height:1rem;font-size:.875rem}.form-switch-lg .form-check-input{width:3rem;height:1.75rem;font-size:1.125rem}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsToggleFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-bs-toggle', imports: [FormField, DynamicTextPipe, AsyncPipe, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
-    @let f = ngf.field(); @let inputId = ngf.key() + '-input';
-
-    <div
-      class="form-check form-switch"
-      [class.form-check-inline]="props()?.inline"
-      [class.form-check-reverse]="props()?.reverse"
-      [class.form-switch-sm]="props()?.size === 'sm'"
-      [class.form-switch-lg]="props()?.size === 'lg'"
-      [attr.hidden]="f().hidden() || null"
-    >
-      <input
-        ngForgeControl
-        type="checkbox"
-        [formField]="f"
-        [id]="inputId"
-        class="form-check-input"
-        [class.is-invalid]="f().invalid() && f().touched()"
-        [attr.tabindex]="ngf.tabIndex()"
-      />
-      <label [for]="inputId" class="form-check-label">
-        {{ ngf.label() | dynamicText | async }}
-      </label>
-    </div>
-
-    @if (ngf.errorsToDisplay()[0]; as error) {
-      <div class="invalid-feedback d-block" [id]="ngf.errorId()" role="alert">{{ error.message }}</div>
-    } @else if (props()?.hint; as hint) {
-      <div class="form-text" [id]="ngf.hintId()" [attr.hidden]="f().hidden() || null">{{ hint | dynamicText | async }}</div>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-bs-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%;margin-bottom:var(--df-bs-field-margin-bottom, 1rem)}.df-bs-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit);margin-bottom:0}.df-bs-hint{color:var(--df-hint-color, var(--bs-secondary-color, #6c757d));font-size:var(--df-hint-font-size, .875rem);margin-top:var(--df-bs-hint-margin-top, .25rem)}.df-bs-field:has(.df-bs-hint){margin-bottom:var(--df-bs-field-with-hint-margin-bottom, .5rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}.form-switch-sm .form-check-input{width:1.75rem;height:1rem;font-size:.875rem}.form-switch-lg .form-check-input{width:3rem;height:1.75rem;font-size:1.125rem}\n"] }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
+import { DynamicFormError } from '@ng-forge/dynamic-forms';
 
 const BsField = {
     Input: 'input',
@@ -1542,7 +215,7 @@ const BOOTSTRAP_FIELD_TYPES = [
 
 const BOOTSTRAP_FIELD_ERRORS_WRAPPER = {
     wrapperName: 'field-errors',
-    loadComponent: () => import('./ng-forge-dynamic-forms-bootstrap-bs-field-errors-wrapper.component-BAPwLlkJ.mjs'),
+    loadComponent: () => import('./ng-forge-dynamic-forms-bootstrap-bs-field-errors-wrapper.component-D4qTxFSp.mjs'),
     rendersFieldErrors: true,
 };
 function withBootstrapFields(config) {
@@ -1589,102 +262,9 @@ function withBootstrapAddons() {
     };
 }
 
-class BsIconAddonComponent {
-    addon = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "addon" }] : /* istanbul ignore next */ []));
-        fieldInputs = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "fieldInputs" }] : /* istanbul ignore next */ []));
-    iconClass = computed(() => `bi bi-${this.addon().icon}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
-    ariaLabel = computed(() => this.addon().ariaLabel, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    hasAriaLabel = computed(() => this.addon().ariaLabel !== undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasAriaLabel" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsIconAddonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: BsIconAddonComponent, isStandalone: true, selector: "df-bs-icon-addon", inputs: { addon: { classPropertyName: "addon", publicName: "addon", isSignal: true, isRequired: true, transformFunction: null }, fieldInputs: { classPropertyName: "fieldInputs", publicName: "fieldInputs", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "hasAriaLabel() ? null : \"true\"" } }, ngImport: i0, template: `<i [class]="iconClass()" [attr.aria-label]="(ariaLabel() | dynamicText | async) ?? null"></i>`, isInline: true, dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsIconAddonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'df-bs-icon-addon',
-                    imports: [AsyncPipe, DynamicTextPipe],
-                    template: `<i [class]="iconClass()" [attr.aria-label]="(ariaLabel() | dynamicText | async) ?? null"></i>`,
-                    host: {
-                        '[attr.aria-hidden]': 'hasAriaLabel() ? null : "true"',
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { addon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addon", required: true }] }], fieldInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldInputs", required: false }] }] } });
-
-class BsButtonAddonComponent {
-    action = injectNgForgeAddonAction();
-        addon = this.action.addon;
-    label = computed(() => this.addon().label, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    ariaLabel = computed(() => this.addon().ariaLabel, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    iconClass = computed(() => {
-        const icon = this.addon().icon;
-        return icon ? `bi bi-${icon}` : '';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
-    buttonClass = computed(() => `btn btn-outline-${this.addon().severity ?? 'secondary'}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsButtonAddonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BsButtonAddonComponent, isStandalone: true, selector: "df-bs-button-addon", hostDirectives: [{ directive: i1.NgForgeAddonAction }], ngImport: i0, template: `
-    <button
-      type="button"
-      [class]="buttonClass()"
-      [disabled]="action.disabled() || action.loading()"
-      [attr.aria-label]="(ariaLabel() | dynamicText | async) ?? null"
-      [attr.aria-busy]="action.loading() || null"
-      (click)="action.dispatch()"
-    >
-      @if (action.loading()) {
-        <!-- Visually-hidden role=status text gives a reliable AT announcement (VO/JAWS/NVDA). -->
-        <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
-        <span class="visually-hidden" role="status">Loading…</span>
-      } @else if (iconClass(); as ic) {
-        <i [class]="ic" aria-hidden="true"></i>
-      }
-      @if (label(); as l) {
-        <span>{{ l | dynamicText | async }}</span>
-      }
-    </button>
-  `, isInline: true, dependencies: [{ kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BsButtonAddonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'df-bs-button-addon',
-                    imports: [DynamicTextPipe, AsyncPipe],
-                    hostDirectives: [NgForgeAddonAction],
-                    template: `
-    <button
-      type="button"
-      [class]="buttonClass()"
-      [disabled]="action.disabled() || action.loading()"
-      [attr.aria-label]="(ariaLabel() | dynamicText | async) ?? null"
-      [attr.aria-busy]="action.loading() || null"
-      (click)="action.dispatch()"
-    >
-      @if (action.loading()) {
-        <!-- Visually-hidden role=status text gives a reliable AT announcement (VO/JAWS/NVDA). -->
-        <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
-        <span class="visually-hidden" role="status">Loading…</span>
-      } @else if (iconClass(); as ic) {
-        <i [class]="ic" aria-hidden="true"></i>
-      }
-      @if (label(); as l) {
-        <span>{{ l | dynamicText | async }}</span>
-      }
-    </button>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
 
+/* eslint-disable @nx/enforce-module-boundaries -- Package self-imports preserve ng-packagr secondary entry points. */
 
 
-export { BOOTSTRAP_FIELD_TYPES, BsButtonAddonComponent, BsButtonFieldComponent, BsCheckboxFieldComponent, BsDatepickerFieldComponent, BsField, BsIconAddonComponent, BsInputFieldComponent, BsMultiCheckboxFieldComponent, BsRadioFieldComponent, BsSelectFieldComponent, BsSliderFieldComponent, BsTextareaFieldComponent, BsToggleFieldComponent, withBootstrapAddons, withBootstrapFields };
+export { BOOTSTRAP_FIELD_TYPES, BsField, withBootstrapAddons, withBootstrapFields };
 //# sourceMappingURL=ng-forge-dynamic-forms-bootstrap.mjs.map