@ng-forge/dynamic-forms-bootstrap 0.1.3 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-forge/dynamic-forms-bootstrap",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Bootstrap 5 integration for @ng-forge/dynamic-forms. Pre-built Bootstrap form components.",
   "type": "module",
   "license": "MIT",
@@ -28,10 +28,10 @@
     "node": ">=18"
   },
   "peerDependencies": {
-    "@angular/common": "~21.0.5",
-    "@angular/core": "~21.0.5",
-    "@angular/forms": "~21.0.5",
-    "@ng-forge/dynamic-forms": "~0.1.3",
+    "@angular/common": ">=21.0.6",
+    "@angular/core": ">=21.0.6",
+    "@angular/forms": ">=21.0.6",
+    "@ng-forge/dynamic-forms": "~0.2.0",
     "rxjs": ">=7.0.0"
   },
   "module": "fesm2022/ng-forge-dynamic-forms-bootstrap.mjs",

package/types/ng-forge-dynamic-forms-bootstrap.d.ts

@@ -201,6 +201,25 @@ declare class BsInputFieldComponent implements BsInputComponent {
     private bootstrapConfig;
     readonly field: _angular_core.InputSignal<FieldTree<string>>;
     readonly key: _angular_core.InputSignal<string>;
+    /**
+     * Reference to the native input element.
+     * Used to imperatively sync the readonly attribute since Angular Signal Forms'
+     * [field] directive doesn't sync FieldState.readonly() to the DOM.
+     */
+    private readonly inputRef;
+    /**
+     * Computed signal that extracts the readonly state from the field.
+     * Used by the effect to reactively sync the readonly attribute to the DOM.
+     */
+    private readonly isReadonly;
+    /**
+     * Workaround: Angular Signal Forms' [field] directive does NOT sync the readonly
+     * attribute to the DOM. This effect imperatively sets/removes the readonly attribute
+     * on the native input element whenever the readonly state changes.
+     *
+     * Uses afterRenderEffect to ensure DOM is ready before manipulating attributes.
+     */
+    private readonly syncReadonlyToDom;
     readonly label: _angular_core.InputSignal<DynamicText | undefined>;
     readonly placeholder: _angular_core.InputSignal<DynamicText | undefined>;
     readonly className: _angular_core.InputSignal<string>;