@ng-forge/dynamic-forms-bootstrap 1.2.0-next.5 → 1.2.0-next.7

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

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormField } from '@angular/forms/signals';
+import * as i1 from '@ng-forge/dynamic-forms/integration';
+import { injectNgForgeField, NgForgeControl, DynamicTextPipe, NgForgeFieldHost } from '@ng-forge/dynamic-forms/integration';
+import { AsyncPipe } from '@angular/common';
+
+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 }] }] } });
+
+
+export { BsToggleFieldComponent };
+//# sourceMappingURL=ng-forge-dynamic-forms-bootstrap-lazy-toggle.mjs.map

package/fesm2022/ng-forge-dynamic-forms-bootstrap-lazy-toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-forge-dynamic-forms-bootstrap-lazy-toggle.mjs","mappings":";;;;;;;AAqEc;;AAGH;;;AAHU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3BlB;;;;AAlCS","names":[],"ignoreList":[],"sources":["../../../../packages/dynamic-forms-bootstrap/src/lib/fields/toggle/bs-toggle.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { DynamicTextPipe } from '@ng-forge/dynamic-forms/integration';\nimport { NgForgeControl, injectNgForgeField, NgForgeFieldHost } from '@ng-forge/dynamic-forms/integration';\nimport { BsToggleProps } from './bs-toggle.type';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n  selector: 'df-bs-toggle',\n  imports: [FormField, DynamicTextPipe, AsyncPipe, NgForgeControl],\n  styleUrl: '../../styles/_form-field.scss',\n  hostDirectives: [NgForgeFieldHost],\n  template: `\n    @let f = ngf.field(); @let inputId = ngf.key() + '-input';\n\n    <div\n      class=\"form-check form-switch\"\n      [class.form-check-inline]=\"props()?.inline\"\n      [class.form-check-reverse]=\"props()?.reverse\"\n      [class.form-switch-sm]=\"props()?.size === 'sm'\"\n      [class.form-switch-lg]=\"props()?.size === 'lg'\"\n      [attr.hidden]=\"f().hidden() || null\"\n    >\n      <input\n        ngForgeControl\n        type=\"checkbox\"\n        [formField]=\"f\"\n        [id]=\"inputId\"\n        class=\"form-check-input\"\n        [class.is-invalid]=\"f().invalid() && f().touched()\"\n        [attr.tabindex]=\"ngf.tabIndex()\"\n      />\n      <label [for]=\"inputId\" class=\"form-check-label\">\n        {{ ngf.label() | dynamicText | async }}\n      </label>\n    </div>\n\n    @if (ngf.errorsToDisplay()[0]; as error) {\n      <div class=\"invalid-feedback d-block\" [id]=\"ngf.errorId()\" role=\"alert\">{{ error.message }}</div>\n    } @else if (props()?.hint; as hint) {\n      <div class=\"form-text\" [id]=\"ngf.hintId()\" [attr.hidden]=\"f().hidden() || null\">{{ hint | dynamicText | async }}</div>\n    }\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      /* Custom size variants for switches */\n      .form-switch-sm .form-check-input {\n        width: 1.75rem;\n        height: 1rem;\n        font-size: 0.875rem;\n      }\n\n      .form-switch-lg .form-check-input {\n        width: 3rem;\n        height: 1.75rem;\n        font-size: 1.125rem;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class BsToggleFieldComponent {\n  protected readonly ngf = injectNgForgeField<boolean>();\n\n  readonly props = input<BsToggleProps>();\n}\n"]}

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

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, inject, ElementRef, Directive } from '@angular/core';
+import { explicitEffect } from 'ngxtension/explicit-effect';
+import { runPresetAction } from '@ng-forge/dynamic-forms/integration';
+
+const BOOTSTRAP_CONFIG = new InjectionToken('BOOTSTRAP_CONFIG');
+
+const BS_INPUT_TYPE_OVERRIDE = new InjectionToken('BS_INPUT_TYPE_OVERRIDE');
+
+class InputConstraintsDirective {
+    dfMin = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dfMin" }] : /* istanbul ignore next */ []));
+    dfMax = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dfMax" }] : /* istanbul ignore next */ []));
+    dfStep = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dfStep" }] : /* istanbul ignore next */ []));
+    element = inject(ElementRef);
+    minEffect = explicitEffect([this.dfMin], ([value]) => this.reflectAttribute('min', value));
+    maxEffect = explicitEffect([this.dfMax], ([value]) => this.reflectAttribute('max', value));
+    stepEffect = explicitEffect([this.dfStep], ([value]) => this.reflectAttribute('step', value));
+    reflectAttribute(name, value) {
+        if (value === null || value === undefined) {
+            this.element.nativeElement.removeAttribute(name);
+            return;
+        }
+        this.element.nativeElement.setAttribute(name, String(value));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: InputConstraintsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: InputConstraintsDirective, isStandalone: true, selector: "[dfBsInputConstraints]", inputs: { dfMin: { classPropertyName: "dfMin", publicName: "dfMin", isSignal: true, isRequired: false, transformFunction: null }, dfMax: { classPropertyName: "dfMax", publicName: "dfMax", isSignal: true, isRequired: false, transformFunction: null }, dfStep: { classPropertyName: "dfStep", publicName: "dfStep", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: InputConstraintsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dfBsInputConstraints]',
+                }]
+        }], propDecorators: { dfMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfMin", required: false }] }], dfMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfMax", required: false }] }], dfStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfStep", required: false }] }] } });
+
+function runBsPresetAction(preset, context, collaborators) {
+    return runPresetAction(preset, context, collaborators, 'Bootstrap', 'bs-input');
+}
+
+
+export { BOOTSTRAP_CONFIG, BS_INPUT_TYPE_OVERRIDE, InputConstraintsDirective, runBsPresetAction };
+//# sourceMappingURL=ng-forge-dynamic-forms-bootstrap-shared.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-forge-dynamic-forms-bootstrap-shared.mjs","mappings":";;;;;;;;;;AAQW;;AACA;;AACA;;AAEQ;;;;;;;;;AAWf;;;;;;;AAnBO;AACT;AACD;;;;ACKC;AACF","names":[],"ignoreList":[],"sources":["../../../../packages/dynamic-forms-bootstrap/shared/input-constraints.directive.ts","../../../../packages/dynamic-forms-bootstrap/shared/preset-actions.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { explicitEffect } from 'ngxtension/explicit-effect';\n\n/** Declaratively reflects min, max, and step signal inputs to a native form control. */\n@Directive({\n  selector: '[dfBsInputConstraints]',\n})\nexport class InputConstraintsDirective {\n  readonly dfMin = input<number | string | null | undefined>();\n  readonly dfMax = input<number | string | null | undefined>();\n  readonly dfStep = input<number | string | null | undefined>();\n\n  private readonly element = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  private readonly minEffect = explicitEffect([this.dfMin], ([value]) => this.reflectAttribute('min', value));\n  private readonly maxEffect = explicitEffect([this.dfMax], ([value]) => this.reflectAttribute('max', value));\n  private readonly stepEffect = explicitEffect([this.dfStep], ([value]) => this.reflectAttribute('step', value));\n\n  private reflectAttribute(name: 'min' | 'max' | 'step', value: number | string | null | undefined): void {\n    if (value === null || value === undefined) {\n      this.element.nativeElement.removeAttribute(name);\n      return;\n    }\n    this.element.nativeElement.setAttribute(name, String(value));\n  }\n}\n","import type { AddonActionContext, AddonActionPreset } from '@ng-forge/dynamic-forms';\nimport { runPresetAction, type PresetCollaborators } from '@ng-forge/dynamic-forms/integration';\n\nexport type { PresetCollaborators };\n\n/** Bootstrap adapter binding for the shared preset runner. */\nexport function runBsPresetAction(\n  preset: AddonActionPreset,\n  context: AddonActionContext,\n  collaborators: PresetCollaborators,\n): Promise<void> {\n  return runPresetAction(preset, context, collaborators, 'Bootstrap', 'bs-input');\n}\n"]}

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

@@ -1,11 +1,13 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component, inject, ElementRef, Directive, InjectionToken, signal, forwardRef, linkedSignal, model, isSignal } 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, runPresetAction, 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 { 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 { explicitEffect } from 'ngxtension/explicit-effect';
+import { InputConstraintsDirective, BOOTSTRAP_CONFIG, BS_INPUT_TYPE_OVERRIDE, runBsPresetAction } 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();
@@ -71,11 +73,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsButton_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsButtonFieldComponent
-});
-
 
 class BsCheckboxFieldComponent {
     ngf = injectNgForgeField();
@@ -149,56 +146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsCheckbox_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsCheckboxFieldComponent
-});
-
-class InputConstraintsDirective {
-    dfMin = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dfMin" }] : /* istanbul ignore next */ []));
-    dfMax = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dfMax" }] : /* istanbul ignore next */ []));
-    dfStep = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dfStep" }] : /* istanbul ignore next */ []));
-    el = inject(ElementRef);
-    minEffect = explicitEffect([this.dfMin], ([minValue]) => {
-        const nativeElement = this.el.nativeElement;
-        if (minValue !== null && minValue !== undefined) {
-            nativeElement.setAttribute('min', String(minValue));
-        }
-        else {
-            nativeElement.removeAttribute('min');
-        }
-    });
-    maxEffect = explicitEffect([this.dfMax], ([maxValue]) => {
-        const nativeElement = this.el.nativeElement;
-        if (maxValue !== null && maxValue !== undefined) {
-            nativeElement.setAttribute('max', String(maxValue));
-        }
-        else {
-            nativeElement.removeAttribute('max');
-        }
-    });
-    stepEffect = explicitEffect([this.dfStep], ([stepValue]) => {
-        const nativeElement = this.el.nativeElement;
-        if (stepValue !== null && stepValue !== undefined) {
-            nativeElement.setAttribute('step', String(stepValue));
-        }
-        else {
-            nativeElement.removeAttribute('step');
-        }
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: InputConstraintsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: InputConstraintsDirective, isStandalone: true, selector: "[dfBsInputConstraints]", inputs: { dfMin: { classPropertyName: "dfMin", publicName: "dfMin", isSignal: true, isRequired: false, transformFunction: null }, dfMax: { classPropertyName: "dfMax", publicName: "dfMax", isSignal: true, isRequired: false, transformFunction: null }, dfStep: { classPropertyName: "dfStep", publicName: "dfStep", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: InputConstraintsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dfBsInputConstraints]',
-                }]
-        }], propDecorators: { dfMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfMin", required: false }] }], dfMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfMax", required: false }] }], dfStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfStep", required: false }] }] } });
-
 class BsDatepickerFieldComponent {
     ngf = injectNgForgeField();
     minDate = input(null, /* @ts-ignore */
@@ -365,19 +312,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsDatepicker_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsDatepickerFieldComponent
-});
-
-const BOOTSTRAP_CONFIG = new InjectionToken('BOOTSTRAP_CONFIG');
-
-function runBsPresetAction(preset, ctx, collaborators) {
-    return runPresetAction(preset, ctx, collaborators, 'Bootstrap', 'bs-input');
-}
-
-const BS_INPUT_TYPE_OVERRIDE = new InjectionToken('BS_INPUT_TYPE_OVERRIDE');
-
 class BsInputFieldComponent {
     bootstrapConfig = inject(BOOTSTRAP_CONFIG, { optional: true });
     ngf = injectNgForgeField();
@@ -705,11 +639,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                     ], 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 }] }] } });
 
-var bsInput_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsInputFieldComponent
-});
-
 class BsMultiCheckboxFieldComponent {
     ngf = injectNgForgeField();
     options = input([], /* @ts-ignore */
@@ -841,11 +770,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsMultiCheckbox_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsMultiCheckboxFieldComponent
-});
-
 class BsRadioGroupComponent {
     parentField = inject(NgForgeField, { optional: true });
         value = model(undefined, /* @ts-ignore */
@@ -1020,11 +944,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsRadio_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsRadioFieldComponent
-});
-
 class BsSelectFieldComponent {
     ngf = injectNgForgeField();
     options = input([], /* @ts-ignore */
@@ -1117,11 +1036,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsSelect_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsSelectFieldComponent
-});
-
 class BsSliderFieldComponent {
     ngf = injectNgForgeField();
     min = input(0, /* @ts-ignore */
@@ -1204,11 +1118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsSlider_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsSliderFieldComponent
-});
-
 class BsTextareaFieldComponent {
     ngf = injectNgForgeField();
     props = input(/* @ts-ignore */
@@ -1349,11 +1258,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsTextarea_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsTextareaFieldComponent
-});
-
 class BsToggleFieldComponent {
     ngf = injectNgForgeField();
     props = input(/* @ts-ignore */
@@ -1426,11 +1330,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
   `, 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 }] }] } });
 
-var bsToggle_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: BsToggleFieldComponent
-});
-
 
 const BsField = {
     Input: 'input',
@@ -1499,10 +1398,20 @@ const BUTTON_FIELD_TYPES_BASE = {
     renderReadyWhen: [],
     valueHandling: 'exclude',
 };
+const loadInputComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/input').then(({ BsInputFieldComponent }) => BsInputFieldComponent);
+const loadSelectComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/select').then(({ BsSelectFieldComponent }) => BsSelectFieldComponent);
+const loadCheckboxComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/checkbox').then(({ BsCheckboxFieldComponent }) => BsCheckboxFieldComponent);
+const loadButtonComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/button').then(({ BsButtonFieldComponent }) => BsButtonFieldComponent);
+const loadTextareaComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/textarea').then(({ BsTextareaFieldComponent }) => BsTextareaFieldComponent);
+const loadRadioComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/radio').then(({ BsRadioFieldComponent }) => BsRadioFieldComponent);
+const loadMultiCheckboxComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/multi-checkbox').then(({ BsMultiCheckboxFieldComponent }) => BsMultiCheckboxFieldComponent);
+const loadDatepickerComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/datepicker').then(({ BsDatepickerFieldComponent }) => BsDatepickerFieldComponent);
+const loadSliderComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/slider').then(({ BsSliderFieldComponent }) => BsSliderFieldComponent);
+const loadToggleComponent = () => import('@ng-forge/dynamic-forms-bootstrap/lazy/toggle').then(({ BsToggleFieldComponent }) => BsToggleFieldComponent);
 const BOOTSTRAP_FIELD_TYPES = [
     {
         name: BsField.Input,
-        loadComponent: () => Promise.resolve().then(function () { return bsInput_component; }),
+        loadComponent: loadInputComponent,
         mapper: valueFieldMapper,
         propsToMeta: ['type'],
         scope: ['text-input', 'numeric'],
@@ -1513,81 +1422,81 @@ const BOOTSTRAP_FIELD_TYPES = [
     },
     {
         name: BsField.Select,
-        loadComponent: () => Promise.resolve().then(function () { return bsSelect_component; }),
+        loadComponent: loadSelectComponent,
         mapper: optionsFieldMapper,
         scope: 'single-select',
         ...VALUE_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Checkbox,
-        loadComponent: () => Promise.resolve().then(function () { return bsCheckbox_component; }),
+        loadComponent: loadCheckboxComponent,
         mapper: checkboxFieldMapper,
         scope: 'boolean',
         ...VALUE_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Button,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: buttonFieldMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Submit,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: submitButtonFieldMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Next,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: nextButtonFieldMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Previous,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: previousButtonFieldMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.AddArrayItem,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: addArrayItemButtonMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.PrependArrayItem,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: prependArrayItemButtonMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.InsertArrayItem,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: insertArrayItemButtonMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.RemoveArrayItem,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: removeArrayItemButtonMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.PopArrayItem,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: popArrayItemButtonMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.ShiftArrayItem,
-        loadComponent: () => Promise.resolve().then(function () { return bsButton_component; }),
+        loadComponent: loadButtonComponent,
         mapper: shiftArrayItemButtonMapper,
         ...BUTTON_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Textarea,
-        loadComponent: () => Promise.resolve().then(function () { return bsTextarea_component; }),
+        loadComponent: loadTextareaComponent,
         mapper: valueFieldMapper,
         propsToMeta: ['rows'],
         scope: 'text-input',
@@ -1595,35 +1504,35 @@ const BOOTSTRAP_FIELD_TYPES = [
     },
     {
         name: BsField.Radio,
-        loadComponent: () => Promise.resolve().then(function () { return bsRadio_component; }),
+        loadComponent: loadRadioComponent,
         mapper: optionsFieldMapper,
         scope: 'single-select',
         ...VALUE_FIELD_TYPES_BASE,
     },
     {
         name: BsField.MultiCheckbox,
-        loadComponent: () => Promise.resolve().then(function () { return bsMultiCheckbox_component; }),
+        loadComponent: loadMultiCheckboxComponent,
         mapper: optionsFieldMapper,
         scope: 'multi-select',
         ...VALUE_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Datepicker,
-        loadComponent: () => Promise.resolve().then(function () { return bsDatepicker_component; }),
+        loadComponent: loadDatepickerComponent,
         mapper: datepickerFieldMapper,
         scope: 'date',
         ...VALUE_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Slider,
-        loadComponent: () => Promise.resolve().then(function () { return bsSlider_component; }),
+        loadComponent: loadSliderComponent,
         mapper: valueFieldMapper,
         scope: 'numeric',
         ...VALUE_FIELD_TYPES_BASE,
     },
     {
         name: BsField.Toggle,
-        loadComponent: () => Promise.resolve().then(function () { return bsToggle_component; }),
+        loadComponent: loadToggleComponent,
         mapper: checkboxFieldMapper,
         scope: 'boolean',
         ...VALUE_FIELD_TYPES_BASE,
@@ -1631,8 +1540,13 @@ 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'),
+    rendersFieldErrors: true,
+};
 function withBootstrapFields(config) {
-            const base = [...BOOTSTRAP_FIELD_TYPES, withBootstrapAddons()];
+            const base = [...BOOTSTRAP_FIELD_TYPES, withBootstrapAddons(), BOOTSTRAP_FIELD_ERRORS_WRAPPER];
     if (config) {
         base.push({
             ɵkind: 'bootstrap-config',
@@ -1645,7 +1559,7 @@ function withBootstrapFields(config) {
 /* -- Bootstrap addon types --------------------------------------------- */
 const BS_ICON_KIND = {
     type: 'bs-icon',
-    loadComponent: () => Promise.resolve().then(function () { return bsIconAddon_component; }).then((m) => m.BsIconAddonComponent),
+    loadComponent: () => import('@ng-forge/dynamic-forms-bootstrap/lazy/addon-icon').then((m) => m.BsIconAddonComponent),
     validate: (addon, fieldKey) => {
         if (typeof addon.icon !== 'string' || addon.icon.length === 0) {
             throw new DynamicFormError(`Addon type 'bs-icon' requires a non-empty 'icon' string (field: '${fieldKey}').`);
@@ -1654,7 +1568,7 @@ const BS_ICON_KIND = {
 };
 const BS_BUTTON_KIND = {
     type: 'bs-button',
-    loadComponent: () => Promise.resolve().then(function () { return bsButtonAddon_component; }).then((m) => m.BsButtonAddonComponent),
+    loadComponent: () => import('@ng-forge/dynamic-forms-bootstrap/lazy/addon-button').then((m) => m.BsButtonAddonComponent),
     validate: (addon, fieldKey) => {
                         const set = [addon.preset, addon.actionRef, addon.action].filter((v) => v !== undefined);
         if (set.length > 1) {
@@ -1702,11 +1616,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                 }]
         }], propDecorators: { addon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addon", required: true }] }], fieldInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldInputs", required: false }] }] } });
 
-var bsIconAddon_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  BsIconAddonComponent: BsIconAddonComponent
-});
-
 class BsButtonAddonComponent {
     action = injectNgForgeAddonAction();
         addon = this.action.addon;
@@ -1775,12 +1684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                 }]
         }] });
 
-var bsButtonAddon_component = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  BsButtonAddonComponent: BsButtonAddonComponent
-});
-
 
 
-export { BOOTSTRAP_CONFIG, BOOTSTRAP_FIELD_TYPES, BS_INPUT_TYPE_OVERRIDE, BsButtonAddonComponent, BsButtonFieldComponent, BsCheckboxFieldComponent, BsDatepickerFieldComponent, BsField, BsIconAddonComponent, BsInputFieldComponent, BsMultiCheckboxFieldComponent, BsRadioFieldComponent, BsSelectFieldComponent, BsSliderFieldComponent, BsTextareaFieldComponent, BsToggleFieldComponent, withBootstrapAddons, withBootstrapFields };
+export { BOOTSTRAP_FIELD_TYPES, BsButtonAddonComponent, BsButtonFieldComponent, BsCheckboxFieldComponent, BsDatepickerFieldComponent, BsField, BsIconAddonComponent, BsInputFieldComponent, BsMultiCheckboxFieldComponent, BsRadioFieldComponent, BsSelectFieldComponent, BsSliderFieldComponent, BsTextareaFieldComponent, BsToggleFieldComponent, withBootstrapAddons, withBootstrapFields };
 //# sourceMappingURL=ng-forge-dynamic-forms-bootstrap.mjs.map