@ng-simplicity/forms-bootstrap 1.0.0 → 1.1.0

package/README.md

@@ -1,6 +1,6 @@
 # @ng-simplicity/forms-bootstrap
 
-A package containing pre-styled Bootstrap form inputs, containers, and templates for the **NG-Simplicity Forms** dynamic engine.
+A package containing pre-styled Bootstrap form inputs, containers, and templates. It serves as a visual UI extension of the reactive [@ng-simplicity/forms-core](https://www.npmjs.com/package/@ng-simplicity/forms-core) engine, inheriting its powerful dynamic capabilities. This allows you to construct highly dynamic, complex forms where control properties (such as visibility, enabled/disabled state, select options, and validation rules) reactively adapt in real-time based on the current values inside the form. The package is highly customizable; because it utilizes the core registry system, you can develop and add your own custom form controls to the registry to be used in the form rendering alongside the Bootstrap presets.
 
 ---
 
@@ -9,7 +9,7 @@ A package containing pre-styled Bootstrap form inputs, containers, and templates
 Ensure that you have `bootstrap` installed and imported in your application styles, along with the core forms package:
 
 ```bash
-npm install @ng-simplicity/forms-core @ng-simplicity/forms-bootstrap bootstrap lodash
+npm install @ng-simplicity/forms-core @ng-simplicity/forms-bootstrap bootstrap
 ```
 
 Make sure to include Bootstrap's CSS inside your `angular.json` styles or `index.scss`:
@@ -21,66 +21,289 @@ Make sure to include Bootstrap's CSS inside your `angular.json` styles or `index
 
 ## Quick Start & Registration
 
-To make these styling components available to the dynamic renderer, register them using `NgsFormsBootstrapModule` in your page component constructor:
+To render Bootstrap form elements dynamically, follow these steps:
+1. Provide the `NgsFormsService` at the component level to isolate the form state.
+2. Register the Bootstrap components in your component constructor using `NgsFormsBootstrapModule.registerAllBootStrapComponents(registry)`.
+3. Construct the layout schema (`NgsFormsFormConfig`) using Bootstrap controls.
+4. Pass the schema to `this.ngsFormsService.setFormConfig(formConfig)`.
+5. Add `<ngs-form></ngs-form>` to your component's template.
+
+Here is a complete usage example:
 
 ```typescript
-import { Component } from '@angular/core';
-import { NgsFormsComponentRegistryService } from '@ng-simplicity/forms-core';
-import { NgsFormsBootstrapModule } from '@ng-simplicity/forms-bootstrap';
+import { Component, OnInit, inject } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { 
+  NgsFormComponent,
+  NgsFormsComponentRegistryService, 
+  NgsFormsService, 
+  NgsFormsFormConfig, 
+  NgsFormsFormGroupComponent,
+  NgsFormsRowComponent
+} from '@ng-simplicity/forms-core';
+import { 
+  NgsFormsBootstrapModule,
+  NgsFormsBootstrapFormItemInputComponent,
+  NgsFormsBootstrapFormsItemTextAreaComponent
+} from '@ng-simplicity/forms-bootstrap';
 
 @Component({
   selector: 'app-bootstrap-form-page',
-  templateUrl: './bootstrap-form-page.component.html'
+  standalone: true,
+  imports: [NgsFormComponent],
+  providers: [NgsFormsService],
+  template: `
+    <div class="container mt-4">
+      <h2>Bootstrap Dynamic Form</h2>
+      <ngs-form></ngs-form>
+      <button class="btn btn-primary" (click)="onSubmit()">Submit</button>
+    </div>
+  `
 })
-export class BootstrapFormPageComponent {
+export class BootstrapFormPageComponent implements OnInit {
+  private ngsFormsService = inject(NgsFormsService);
+
   constructor(registry: NgsFormsComponentRegistryService) {
-    // Registers input-text, input-textarea, row, column, and other components
+    // Registers input-text, input-textarea, row, column, checkbox, radio, and other components
     NgsFormsBootstrapModule.registerAllBootStrapComponents(registry);
   }
+
+  ngOnInit() {
+    // Construct the form configuration
+    const formConfig: NgsFormsFormConfig = {
+      inputUpdateDebounce: 150,
+      root: NgsFormsFormGroupComponent.create({
+        name: 'profileForm',
+        items: [
+          NgsFormsRowComponent.create({
+            items: [
+              NgsFormsBootstrapFormItemInputComponent.create({
+                name: 'username',
+                label: 'Username',
+                placeholder: 'Enter username...',
+                type: 'text',
+                labelLocation: 'top',
+                validators: [Validators.required],
+                errorMessageMap: {
+                  required: 'Username is required.'
+                }
+              }),
+              NgsFormsBootstrapFormsItemTextAreaComponent.create({
+                name: 'bio',
+                label: 'Biography',
+                placeholder: 'Write a short bio...',
+                labelLocation: 'left',
+                inputCssClass: 'shadow-sm'
+              })
+            ]
+          })
+        ]
+      })
+    };
+
+    // Initialize the dynamic form controls
+    this.ngsFormsService.setFormConfig(formConfig);
+  }
+
+  onSubmit() {
+    if (!this.ngsFormsService.isValid) {
+      this.ngsFormsService.setIsSubmitted(true); // Triggers visual error styling
+      return;
+    }
+    console.log('Form data submitted:', this.ngsFormsService.formValue);
+  }
 }
 ```
 
 ---
 
+## Common Properties & Core Integration
+
+This package relies on the main core engine: [@ng-simplicity/forms-core](https://www.npmjs.com/package/@ng-simplicity/forms-core). The core package provides all standard layout structures and non-styling-specific form components, including:
+- **Form Groups**: `NgsFormsFormGroupComponent` (Key: `'form-group'`)
+- **Sections**: `NgsFormsFormSectionComponent` (Key: `'section'`)
+- **Row Containers**: `NgsFormsRowComponent` (Key: `'form-row'`)
+- **Columns**: `NgsFormsColumnComponent` (Key: `'column'`)
+- **Form Arrays & Support**: `NgsFormsFormArrayContainerComponent` (Key: `'form-array'`), `NgsFormsFormArrayAddItemComponent` (Key: `'form-array-add-item'`), and `NgsFormsFormArrayRemoveItemComponent` (Key: `'form-array-remove-item'`)
+- **Static Content**: `NgsFormsHtmlContentComponent` (Key: `'content-html'`) and `NgsFormsTextDivComponent` (Key: `'text-div'`)
+
+Please refer to the [@ng-simplicity/forms-core README](file:///home/bryan/git/bryan-projects/angular-open-source/ng-simplicity/forms/libs/forms-core/README.md) for full details on constructing layouts and managing core form structures.
+
+### Common Control Properties
+
+Most controls in this styling library support a standard set of core properties that are managed by the dynamic forms engine. These properties allow passing either a static/basic value or an asynchronous stream (Observable):
+
+1. **Visibility**:
+   - `visible` (boolean): Controls whether the item is mounted in the DOM.
+   - `visible$` (`Observable<boolean>`): Stream version to dynamically show/hide components.
+   - *Note: Visibility is configured at the inner config level (`NgsFormsFormItemConfigBase`).*
+
+2. **Disabled Status**:
+   - `disabled` (boolean): Sets the initial disabled state of the form control.
+   - `disabled$` (`Observable<boolean>`): Stream to toggle disabled state.
+   - *Configured at the inner `config` level.*
+
+3. **Validators**:
+   - `validators` (`Array<ValidatorFn>`): Array of standard/custom Angular Validator functions.
+   - `validators$` (`Observable<Array<ValidatorFn>>`): Stream of validator functions to change validators dynamically.
+   - *Configured at the inner `config` level.*
+
+4. **Options** (Only for components with choice selection like `select` and `radio`):
+   - `options` (`Array<NgsFormsFormInputOption>`): Static array of choices `{ id: string | number, label: string, disabled?: boolean }`.
+   - `options$` (`Observable<Array<NgsFormsFormInputOption>>`): Stream to dynamically populate choices.
+   - *Configured at the inner `config` level.*
+
+> [!TIP]
+> By supplying **Observable** streams (such as `visible$`, `disabled$`, `validators$`, or `options$`), you can build highly dynamic and reactive forms. Because these observables can be piped directly from the form service's value change stream (`this.ngsFormsService.formValue$`), fields can dynamically enable/disable, appear/disappear, change options, or update validation rules in real-time based on user input in other fields.
+
+---
+
 ## Available Components & Schemas
 
+Here is the full list of available Bootstrap components along with code examples showing their required and optional configuration parameters:
+
 ### 1. Text Input (`input-text`)
 Uses `NgsFormsBootstrapFormItemInputComponent`.
-
-- **Selector/Key**: `input-text`
+- **Key**: `input-text`
 - **Config Type**: `NgsFormsFormItemConfigBootstrapTextInput`
-- **Features**: Supports label locations (`top` or `left`), validation status borders, invalid feedback, custom types (`text`, `email`, `password`), and placeholder bindings.
 
 ```typescript
 import { NgsFormsBootstrapFormItemInputComponent } from '@ng-simplicity/forms-bootstrap';
 import { Validators } from '@angular/forms';
 
 const usernameField = NgsFormsBootstrapFormItemInputComponent.create({
+  // Required Parameters
   name: 'username',
   label: 'Username',
+
+  // Optional Parameters
+  id: 'custom-username-id',
   placeholder: 'Enter username...',
-  type: 'text',
-  labelLocation: 'top',
-  validators: [Validators.required]
+  type: 'text', // 'text' | 'email' | 'password'
+  value: 'default_user', // Initial value
+  labelLocation: 'top', // 'top' | 'left' (default is 'top')
+  disabled: false,
+  validators: [Validators.required],
+  errorMessageMap: {
+    required: 'Username is required.'
+  }
 });
 ```
 
 ### 2. Text Area (`input-textarea`)
 Uses `NgsFormsBootstrapFormsItemTextAreaComponent`.
-
-- **Selector/Key**: `input-textarea`
+- **Key**: `input-textarea`
 - **Config Type**: `NgsFormsFormItemConfigBootstrapTextArea`
-- **Features**: Supports rows configuration, css classes override, validation classes, label locations, and placeholder bindings.
 
 ```typescript
 import { NgsFormsBootstrapFormsItemTextAreaComponent } from '@ng-simplicity/forms-bootstrap';
+import { Validators } from '@angular/forms';
 
 const bioField = NgsFormsBootstrapFormsItemTextAreaComponent.create({
+  // Required Parameters
   name: 'bio',
-  label: 'About Me',
+  label: 'Biography',
+
+  // Optional Parameters
+  id: 'custom-bio-id',
   placeholder: 'Tell us about yourself...',
-  labelLocation: 'left',
-  inputCssClass: 'shadow-sm'
+  value: '',
+  labelLocation: 'left', // 'top' | 'left' (default is 'top')
+  inputCssClass: 'shadow-sm', // Custom css classes applied to textarea
+  disabled: false,
+  validators: [Validators.required],
+  errorMessageMap: {
+    required: 'Biography is required.'
+  }
+});
+```
+
+### 3. Checkbox (`checkbox`)
+Uses `NgsFormsBootstrapFormsItemCheckboxComponent`.
+- **Key**: `checkbox`
+- **Config Type**: `NgsFormsFormItemConfigBootstrapCheckbox`
+
+```typescript
+import { NgsFormsBootstrapFormsItemCheckboxComponent } from '@ng-simplicity/forms-bootstrap';
+import { Validators } from '@angular/forms';
+
+const acceptTermsField = NgsFormsBootstrapFormsItemCheckboxComponent.create({
+  // Required Parameters
+  name: 'agreeTerms',
+  label: 'I accept the terms and conditions',
+
+  // Optional Parameters
+  id: 'terms-checkbox-id',
+  value: false, // Initial checked state
+  disabled: false,
+  validators: [Validators.requiredTrue],
+  errorMessageMap: {
+    required: 'You must check this box to agree.'
+  }
+});
+```
+
+### 4. Select Dropdown (`select`)
+Uses `NgsFormsBootstrapFormItemSelectInputComponent`.
+- **Key**: `select`
+- **Config Type**: `NgsFormsFormItemConfigBootstrapSelectInput`
+
+```typescript
+import { NgsFormsBootstrapFormItemSelectInputComponent } from '@ng-simplicity/forms-bootstrap';
+import { Validators } from '@angular/forms';
+
+const countrySelectField = NgsFormsBootstrapFormItemSelectInputComponent.create({
+  // Required Parameters
+  name: 'country',
+  label: 'Country',
+
+  // Optional Parameters
+  id: 'country-select-id',
+  placeholder: 'Select country', // Text displayed for the placeholder option
+  placeHolderValue: '', // Custom value for placeholder selection
+  value: 'us', // Initial selected option ID
+  labelLocation: 'top', // 'top' | 'left' (default is 'top')
+  disabled: false,
+  options: [
+    { id: 'us', label: 'United States' },
+    { id: 'ca', label: 'Canada', disabled: false },
+    { id: 'mx', label: 'Mexico', disabled: true }
+  ],
+  validators: [Validators.required],
+  errorMessageMap: {
+    required: 'Please select a country.'
+  }
+});
+```
+
+### 5. Radio Buttons (`radio`)
+Uses `NgsFormsBootstrapRadioInputComponent`.
+- **Key**: `radio`
+- **Config Type**: `NgsFormsFormsItemConfigBoostrapRadio`
+
+```typescript
+import { NgsFormsBootstrapRadioInputComponent } from '@ng-simplicity/forms-bootstrap';
+import { Validators } from '@angular/forms';
+
+const notificationPrefField = NgsFormsBootstrapRadioInputComponent.create({
+  // Required Parameters
+  name: 'notificationPreference',
+  label: 'Preferred notifications',
+
+  // Optional Parameters
+  id: 'notification-pref-id',
+  value: 'email', // Initial selected radio option ID
+  alignment: 'horizontal', // 'horizontal' | 'vertical' (default is 'vertical')
+  disabled: false,
+  options: [
+    { id: 'email', label: 'Email' },
+    { id: 'sms', label: 'SMS / Text Message' },
+    { id: 'none', label: 'None' }
+  ],
+  validators: [Validators.required],
+  errorMessageMap: {
+    required: 'Please select a contact method.'
+  }
 });
 ```
 
@@ -98,3 +321,17 @@ To run with coverage enabled:
 ```bash
 nx test forms-bootstrap --codeCoverage
 ```
+
+---
+
+## Example Applications
+
+Fully functional example applications demonstrating the form engine functionality are located in the [`apps/`](../../apps) folder of this monorepo:
+- **`forms-bootstrap-demo`**: Integrates and showcases the `@ng-simplicity/forms-bootstrap` package.
+- **`forms-material-demo`**: Integrates and showcases the `@ng-simplicity/forms-material` package.
+
+---
+
+## Support & Contributions
+
+If you have feature suggestions, need a feature to make `@ng-simplicity/forms-bootstrap` work for your project, or encounter any bugs, please log an issue in the GitHub issue tracker.

package/fesm2022/ng-simplicity-forms-bootstrap.mjs

@@ -1,28 +1,27 @@
 import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { NgsFormsBaseClassFormInputComponent, NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsCoreModule } from '@ng-simplicity/forms-core';
+import { NgsFormsBaseClassFormInputComponent, ngsDefaults, NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsCoreModule } from '@ng-simplicity/forms-core';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { v4 } from 'uuid';
-import { defaults } from 'lodash';
-import { NgIf, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class NgsFormsBootstrapFormsItemCheckboxComponent extends NgsFormsBaseClassFormInputComponent {
     static key = 'checkbox';
     checkboxConfig = this.config;
     static create(config) {
         return {
-            uuid: v4(),
+            uuid: config.uuid || v4(),
             type: NgsFormsBootstrapFormsItemCheckboxComponent.key,
             config,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormsItemCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormsItemCheckboxComponent, isStandalone: true, selector: "ngs-form-item-bs-checkbox", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <div class=\"form-check\">\n    <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-check-input\" id=\"{{id}}\"\n           type=\"checkbox\">\n    <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\" for=\"{{id}}\">\n      {{ checkboxConfig.label }}\n    </label>\n  </div>\n}\n\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormsItemCheckboxComponent, isStandalone: true, selector: "ngs-form-item-bs-checkbox", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <div class=\"form-check\">\n    <input [class.border-danger]=\"!!errorMessage\" \n           [formControl]=\"control\" \n           class=\"form-check-input\" \n           id=\"{{id}}\"\n           [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n           type=\"checkbox\">\n    <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\" for=\"{{id}}\">\n      {{ checkboxConfig.label }}\n    </label>\n    @if (errorMessage) {\n      <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n        {{ errorMessage }}\n      </div>\n    }\n  </div>\n}\n\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormsItemCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-form-item-bs-checkbox', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <div class=\"form-check\">\n    <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-check-input\" id=\"{{id}}\"\n           type=\"checkbox\">\n    <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\" for=\"{{id}}\">\n      {{ checkboxConfig.label }}\n    </label>\n  </div>\n}\n\n" }]
+            args: [{ selector: 'ngs-form-item-bs-checkbox', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <div class=\"form-check\">\n    <input [class.border-danger]=\"!!errorMessage\" \n           [formControl]=\"control\" \n           class=\"form-check-input\" \n           id=\"{{id}}\"\n           [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n           type=\"checkbox\">\n    <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\" for=\"{{id}}\">\n      {{ checkboxConfig.label }}\n    </label>\n    @if (errorMessage) {\n      <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n        {{ errorMessage }}\n      </div>\n    }\n  </div>\n}\n\n" }]
         }] });
 
 const NgsFormBootstrapInputComponentResources = {
@@ -34,23 +33,23 @@ const NgsFormBootstrapInputComponentResources = {
 
 class NgsFormsBootstrapFormItemInputComponent extends NgsFormsBaseClassFormInputComponent {
     static key = 'input-text';
-    textConfig = defaults(this.config, NgsFormBootstrapInputComponentResources.defaults);
+    textConfig = ngsDefaults(this.config, NgsFormBootstrapInputComponentResources.defaults);
     constructor() {
         super();
     }
     static create(config) {
         return {
-            uuid: v4(),
+            uuid: config.uuid || v4(),
             type: NgsFormsBootstrapFormItemInputComponent.key,
             config,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormItemInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormItemInputComponent, isStandalone: true, selector: "ngs-forms-bs-input", usesInheritance: true, ngImport: i0, template: "@if (!!control) {\n  @if (textConfig.labelLocation === 'top') {\n    <div class=\"mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textConfig.label }}</label>\n      <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-control\"\n             id=\"{{id}}-top\" placeholder=\"{{textConfig.placeholder}}\" type=\"{{textConfig.type}}\" />\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  }\n  @if (textConfig.labelLocation === 'left') {\n    <div class=\"row mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ textConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-control\"\n               id=\"{{id}}-left\" placeholder=\"{{textConfig.placeholder}}\" type=\"{{textConfig.type}}\" />\n      </div>\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormItemInputComponent, isStandalone: true, selector: "ngs-forms-bs-input", usesInheritance: true, ngImport: i0, template: "@if (!!control) {\n  @if (textConfig.labelLocation === 'top') {\n    <div class=\"mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textConfig.label }}</label>\n      <input [class.border-danger]=\"!!errorMessage\" \n             [formControl]=\"control\" \n             class=\"form-control\"\n             id=\"{{id}}-top\" \n             [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n             placeholder=\"{{textConfig.placeholder}}\" \n             type=\"{{textConfig.type}}\" />\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  }\n  @if (textConfig.labelLocation === 'left') {\n    <div class=\"row mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ textConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <input [class.border-danger]=\"!!errorMessage\" \n               [formControl]=\"control\" \n               class=\"form-control\"\n               id=\"{{id}}-left\" \n               [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n               placeholder=\"{{textConfig.placeholder}}\" \n               type=\"{{textConfig.type}}\" />\n        @if (errorMessage) {\n          <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n            {{ errorMessage }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormItemInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-forms-bs-input', imports: [ReactiveFormsModule, NgIf], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!!control) {\n  @if (textConfig.labelLocation === 'top') {\n    <div class=\"mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textConfig.label }}</label>\n      <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-control\"\n             id=\"{{id}}-top\" placeholder=\"{{textConfig.placeholder}}\" type=\"{{textConfig.type}}\" />\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  }\n  @if (textConfig.labelLocation === 'left') {\n    <div class=\"row mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ textConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-control\"\n               id=\"{{id}}-left\" placeholder=\"{{textConfig.placeholder}}\" type=\"{{textConfig.type}}\" />\n      </div>\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  }\n}\n" }]
+            args: [{ selector: 'ngs-forms-bs-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!!control) {\n  @if (textConfig.labelLocation === 'top') {\n    <div class=\"mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textConfig.label }}</label>\n      <input [class.border-danger]=\"!!errorMessage\" \n             [formControl]=\"control\" \n             class=\"form-control\"\n             id=\"{{id}}-top\" \n             [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n             placeholder=\"{{textConfig.placeholder}}\" \n             type=\"{{textConfig.type}}\" />\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  }\n  @if (textConfig.labelLocation === 'left') {\n    <div class=\"row mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ textConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <input [class.border-danger]=\"!!errorMessage\" \n               [formControl]=\"control\" \n               class=\"form-control\"\n               id=\"{{id}}-left\" \n               [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n               placeholder=\"{{textConfig.placeholder}}\" \n               type=\"{{textConfig.type}}\" />\n        @if (errorMessage) {\n          <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n            {{ errorMessage }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n" }]
         }], ctorParameters: () => [] });
 
 class NgsFormsBootstrapRadioInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent {
@@ -58,17 +57,17 @@ class NgsFormsBootstrapRadioInputComponent extends NgsFormsBaseClassFormItemInpu
     radioConfig = this.config;
     static create(config) {
         return {
-            uuid: v4(),
+            uuid: config.uuid || v4(),
             type: NgsFormsBootstrapRadioInputComponent.key,
             config,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapRadioInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapRadioInputComponent, isStandalone: true, selector: "ngs-forms-bootstrap-radio-group-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <div [class.d-flex]=\"radioConfig.alignment==='horizontal'\">\n    @if (!!radioConfig.label) {\n      <div [class.text-danger]=\"!!errorMessage\" class=\"form-label me-2 pt-0\">\n        {{ radioConfig.label }}\n      </div>\n    }\n    @for (option of options(); track option.id) {\n      <div [class.form-check-inline]=\"radioConfig.alignment==='horizontal'\"\n           [class.me-2]=\"radioConfig.alignment==='horizontal'\"\n           class=\"form-check\">\n        <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" value=\"{{option.id}}\" class=\"form-check-input\"\n               id=\"{{id}}{{option.id}}\" type=\"radio\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\"\n               for=\"{{id}}{{option.id}}\">{{ option.label }}</label>\n      </div>\n    }\n  </div>\n}\n\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapRadioInputComponent, isStandalone: true, selector: "ngs-forms-bootstrap-radio-group-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <div role=\"radiogroup\"\n       [attr.aria-labelledby]=\"radioConfig.label ? id + '-label' : null\"\n       [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n       class=\"mb-3\">\n    <div [class.d-flex]=\"radioConfig.alignment==='horizontal'\">\n      @if (!!radioConfig.label) {\n        <div [class.text-danger]=\"!!errorMessage\" class=\"form-label me-2 pt-0\" id=\"{{id}}-label\">\n          {{ radioConfig.label }}\n        </div>\n      }\n      @for (option of options(); track option.id) {\n        <div [class.form-check-inline]=\"radioConfig.alignment==='horizontal'\"\n             [class.me-2]=\"radioConfig.alignment==='horizontal'\"\n             class=\"form-check\">\n          <input [class.border-danger]=\"!!errorMessage\" \n                 [formControl]=\"control\" \n                 value=\"{{option.id}}\" \n                 class=\"form-check-input\"\n                 id=\"{{id}}{{option.id}}\" \n                 type=\"radio\">\n          <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\"\n                 for=\"{{id}}{{option.id}}\">{{ option.label }}</label>\n        </div>\n      }\n    </div>\n    @if (errorMessage) {\n      <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n        {{ errorMessage }}\n      </div>\n    }\n  </div>\n}\n\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapRadioInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-forms-bootstrap-radio-group-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <div [class.d-flex]=\"radioConfig.alignment==='horizontal'\">\n    @if (!!radioConfig.label) {\n      <div [class.text-danger]=\"!!errorMessage\" class=\"form-label me-2 pt-0\">\n        {{ radioConfig.label }}\n      </div>\n    }\n    @for (option of options(); track option.id) {\n      <div [class.form-check-inline]=\"radioConfig.alignment==='horizontal'\"\n           [class.me-2]=\"radioConfig.alignment==='horizontal'\"\n           class=\"form-check\">\n        <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" value=\"{{option.id}}\" class=\"form-check-input\"\n               id=\"{{id}}{{option.id}}\" type=\"radio\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\"\n               for=\"{{id}}{{option.id}}\">{{ option.label }}</label>\n      </div>\n    }\n  </div>\n}\n\n" }]
+            args: [{ selector: 'ngs-forms-bootstrap-radio-group-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <div role=\"radiogroup\"\n       [attr.aria-labelledby]=\"radioConfig.label ? id + '-label' : null\"\n       [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n       class=\"mb-3\">\n    <div [class.d-flex]=\"radioConfig.alignment==='horizontal'\">\n      @if (!!radioConfig.label) {\n        <div [class.text-danger]=\"!!errorMessage\" class=\"form-label me-2 pt-0\" id=\"{{id}}-label\">\n          {{ radioConfig.label }}\n        </div>\n      }\n      @for (option of options(); track option.id) {\n        <div [class.form-check-inline]=\"radioConfig.alignment==='horizontal'\"\n             [class.me-2]=\"radioConfig.alignment==='horizontal'\"\n             class=\"form-check\">\n          <input [class.border-danger]=\"!!errorMessage\" \n                 [formControl]=\"control\" \n                 value=\"{{option.id}}\" \n                 class=\"form-check-input\"\n                 id=\"{{id}}{{option.id}}\" \n                 type=\"radio\">\n          <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\"\n                 for=\"{{id}}{{option.id}}\">{{ option.label }}</label>\n        </div>\n      }\n    </div>\n    @if (errorMessage) {\n      <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n        {{ errorMessage }}\n      </div>\n    }\n  </div>\n}\n\n" }]
         }] });
 
 class NgsFormsBootstrapFormItemSelectInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent {
@@ -76,17 +75,17 @@ class NgsFormsBootstrapFormItemSelectInputComponent extends NgsFormsBaseClassFor
     selectConfig = this.config;
     static create(config) {
         return {
-            uuid: v4(),
+            uuid: config.uuid || v4(),
             type: NgsFormsBootstrapFormItemSelectInputComponent.key,
             config,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormItemSelectInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormItemSelectInputComponent, isStandalone: true, selector: "ngs-forms-bootstrap-select-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  @if (selectConfig.labelLocation === 'top') {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ selectConfig.label }}</label>\n      <select [attr.aria-label]=\"selectConfig.label\" [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\"\n              class=\"form-select\">\n        @if (selectConfig.placeholder) {\n          <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}\n          </option>\n        }\n        @for (option of options(); track option.id) {\n          <option [disabled]=\"option.disabled\" [value]=\"option.id\">\n            {{ option.label }}\n          </option>\n        }\n      </select>\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  } @else {\n\n    <div class=\"mb-3 row\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ selectConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <select [attr.aria-label]=\"selectConfig.label\" [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\"\n                class=\"form-select\">\n          @if (selectConfig.placeholder) {\n            <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}\n            </option>\n          }\n          @for (option of options(); track option.id) {\n            <option [disabled]=\"option.disabled\" [value]=\"option.id\">\n              {{ option.label }}\n            </option>\n          }\n        </select>\n        @if (errorMessage) {\n          <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n        }\n      </div>\n    </div>\n  }\n}\n\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormItemSelectInputComponent, isStandalone: true, selector: "ngs-forms-bootstrap-select-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  @if (selectConfig.labelLocation === 'top') {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ selectConfig.label }}</label>\n      <select [attr.aria-label]=\"selectConfig.label\" \n              [class.border-danger]=\"!!errorMessage\" \n              [formControl]=\"control\"\n              class=\"form-select\"\n              id=\"{{id}}-top\"\n              [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\">\n        @if (selectConfig.placeholder) {\n          <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}</option>\n        }\n        @for (option of options(); track option.id) {\n          <option [disabled]=\"!!option.disabled\" [value]=\"option.id\">\n            {{ option.label }}\n          </option>\n        }\n      </select>\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"mb-3 row\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ selectConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <select [attr.aria-label]=\"selectConfig.label\" \n                [class.border-danger]=\"!!errorMessage\" \n                [formControl]=\"control\"\n                class=\"form-select\"\n                id=\"{{id}}-left\"\n                [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\">\n          @if (selectConfig.placeholder) {\n            <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}</option>\n          }\n          @for (option of options(); track option.id) {\n            <option [disabled]=\"!!option.disabled\" [value]=\"option.id\">\n              {{ option.label }}\n            </option>\n          }\n        </select>\n        @if (errorMessage) {\n          <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n            {{ errorMessage }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormItemSelectInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-forms-bootstrap-select-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  @if (selectConfig.labelLocation === 'top') {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ selectConfig.label }}</label>\n      <select [attr.aria-label]=\"selectConfig.label\" [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\"\n              class=\"form-select\">\n        @if (selectConfig.placeholder) {\n          <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}\n          </option>\n        }\n        @for (option of options(); track option.id) {\n          <option [disabled]=\"option.disabled\" [value]=\"option.id\">\n            {{ option.label }}\n          </option>\n        }\n      </select>\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  } @else {\n\n    <div class=\"mb-3 row\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ selectConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <select [attr.aria-label]=\"selectConfig.label\" [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\"\n                class=\"form-select\">\n          @if (selectConfig.placeholder) {\n            <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}\n            </option>\n          }\n          @for (option of options(); track option.id) {\n            <option [disabled]=\"option.disabled\" [value]=\"option.id\">\n              {{ option.label }}\n            </option>\n          }\n        </select>\n        @if (errorMessage) {\n          <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n        }\n      </div>\n    </div>\n  }\n}\n\n" }]
+            args: [{ selector: 'ngs-forms-bootstrap-select-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  @if (selectConfig.labelLocation === 'top') {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ selectConfig.label }}</label>\n      <select [attr.aria-label]=\"selectConfig.label\" \n              [class.border-danger]=\"!!errorMessage\" \n              [formControl]=\"control\"\n              class=\"form-select\"\n              id=\"{{id}}-top\"\n              [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\">\n        @if (selectConfig.placeholder) {\n          <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}</option>\n        }\n        @for (option of options(); track option.id) {\n          <option [disabled]=\"!!option.disabled\" [value]=\"option.id\">\n            {{ option.label }}\n          </option>\n        }\n      </select>\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"mb-3 row\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ selectConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <select [attr.aria-label]=\"selectConfig.label\" \n                [class.border-danger]=\"!!errorMessage\" \n                [formControl]=\"control\"\n                class=\"form-select\"\n                id=\"{{id}}-left\"\n                [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\">\n          @if (selectConfig.placeholder) {\n            <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}</option>\n          }\n          @for (option of options(); track option.id) {\n            <option [disabled]=\"!!option.disabled\" [value]=\"option.id\">\n              {{ option.label }}\n            </option>\n          }\n        </select>\n        @if (errorMessage) {\n          <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n            {{ errorMessage }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n\n" }]
         }] });
 
 class NgsFormsBootstrapFormsItemTextAreaComponent extends NgsFormsBaseClassFormInputComponent {
@@ -94,17 +93,17 @@ class NgsFormsBootstrapFormsItemTextAreaComponent extends NgsFormsBaseClassFormI
     textAreaConfig = this.config;
     static create(config) {
         return {
-            uuid: v4(),
+            uuid: config.uuid || v4(),
             type: NgsFormsBootstrapFormsItemTextAreaComponent.key,
             config,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormsItemTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormsItemTextAreaComponent, isStandalone: true, selector: "ngs-form-item-bs-text-area", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  @if (textAreaConfig.labelLocation === 'top' || !textAreaConfig.labelLocation) {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textAreaConfig.label }}</label>\n      <textarea [class.border-danger]=\"!!errorMessage\"\n                [formControl]=\"control\"\n                class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                id=\"{{id}}-top\"\n                placeholder=\"{{textAreaConfig.placeholder}}\"\n                style=\"height: 210px\"></textarea>\n      @if (errorMessage) {\n        <div class=\"text-danger\">{{ errorMessage }}</div>\n      }\n    </div>\n\n  } @else {\n    @if (textAreaConfig.labelLocation === 'left') {\n      <div class=\"mb-3 row\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n               for=\"{{id}}-left\">{{ textAreaConfig.label }}</label>\n        <div class=\"col-sm-10\">\n        <textarea [class.border-danger]=\"!!errorMessage\"\n                  [formControl]=\"control\"\n                  class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                  id=\"{{id}}-left\"\n                  placeholder=\"{{textAreaConfig.placeholder}}\"\n                  style=\"height: 210px\"></textarea>\n        </div>\n        @if (errorMessage) {\n          <div class=\"text-danger\">{{ errorMessage }}</div>\n        }\n      </div>\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsBootstrapFormsItemTextAreaComponent, isStandalone: true, selector: "ngs-form-item-bs-text-area", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  @if (textAreaConfig.labelLocation === 'top' || !textAreaConfig.labelLocation) {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textAreaConfig.label }}</label>\n      <textarea [class.border-danger]=\"!!errorMessage\"\n                [formControl]=\"control\"\n                class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                id=\"{{id}}-top\"\n                [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n                placeholder=\"{{textAreaConfig.placeholder}}\"\n                style=\"height: 210px\"></textarea>\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  } @else {\n    @if (textAreaConfig.labelLocation === 'left') {\n      <div class=\"mb-3 row\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n               for=\"{{id}}-left\">{{ textAreaConfig.label }}</label>\n        <div class=\"col-sm-10\">\n          <textarea [class.border-danger]=\"!!errorMessage\"\n                    [formControl]=\"control\"\n                    class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                    id=\"{{id}}-left\"\n                    [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n                    placeholder=\"{{textAreaConfig.placeholder}}\"\n                    style=\"height: 210px\"></textarea>\n          @if (errorMessage) {\n            <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n              {{ errorMessage }}\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsBootstrapFormsItemTextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-form-item-bs-text-area', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  @if (textAreaConfig.labelLocation === 'top' || !textAreaConfig.labelLocation) {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textAreaConfig.label }}</label>\n      <textarea [class.border-danger]=\"!!errorMessage\"\n                [formControl]=\"control\"\n                class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                id=\"{{id}}-top\"\n                placeholder=\"{{textAreaConfig.placeholder}}\"\n                style=\"height: 210px\"></textarea>\n      @if (errorMessage) {\n        <div class=\"text-danger\">{{ errorMessage }}</div>\n      }\n    </div>\n\n  } @else {\n    @if (textAreaConfig.labelLocation === 'left') {\n      <div class=\"mb-3 row\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n               for=\"{{id}}-left\">{{ textAreaConfig.label }}</label>\n        <div class=\"col-sm-10\">\n        <textarea [class.border-danger]=\"!!errorMessage\"\n                  [formControl]=\"control\"\n                  class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                  id=\"{{id}}-left\"\n                  placeholder=\"{{textAreaConfig.placeholder}}\"\n                  style=\"height: 210px\"></textarea>\n        </div>\n        @if (errorMessage) {\n          <div class=\"text-danger\">{{ errorMessage }}</div>\n        }\n      </div>\n    }\n  }\n}\n" }]
+            args: [{ selector: 'ngs-form-item-bs-text-area', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  @if (textAreaConfig.labelLocation === 'top' || !textAreaConfig.labelLocation) {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textAreaConfig.label }}</label>\n      <textarea [class.border-danger]=\"!!errorMessage\"\n                [formControl]=\"control\"\n                class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                id=\"{{id}}-top\"\n                [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n                placeholder=\"{{textAreaConfig.placeholder}}\"\n                style=\"height: 210px\"></textarea>\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  } @else {\n    @if (textAreaConfig.labelLocation === 'left') {\n      <div class=\"mb-3 row\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n               for=\"{{id}}-left\">{{ textAreaConfig.label }}</label>\n        <div class=\"col-sm-10\">\n          <textarea [class.border-danger]=\"!!errorMessage\"\n                    [formControl]=\"control\"\n                    class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                    id=\"{{id}}-left\"\n                    [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n                    placeholder=\"{{textAreaConfig.placeholder}}\"\n                    style=\"height: 210px\"></textarea>\n          @if (errorMessage) {\n            <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n              {{ errorMessage }}\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n}\n" }]
         }] });
 
 class NgsFormsBootstrapModule {

package/fesm2022/ng-simplicity-forms-bootstrap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-simplicity-forms-bootstrap.mjs","sources":["../../../../libs/forms-bootstrap/src/lib/form-components/checkbox/checkbox.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/checkbox/checkbox.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/input/input-component.resources.ts","../../../../libs/forms-bootstrap/src/lib/form-components/input/input.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/input/input.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/radio/radio.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/radio/radio.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/select/select.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/select/select.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/text-area/text-area.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/text-area/text-area.component.html","../../../../libs/forms-bootstrap/src/lib/forms-bootstrap.module.ts","../../../../libs/forms-bootstrap/src/ng-simplicity-forms-bootstrap.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem, NgsFormsFormItemConfigBaseInput } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NgsFormsFormItemConfigBootstrapCheckbox } from './checkbox.config';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-form-item-bs-checkbox',\n  imports: [ReactiveFormsModule],\n  templateUrl: './checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormsItemCheckboxComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBootstrapCheckbox> {\n  static override key = 'checkbox';\n  checkboxConfig = this.config as NgsFormsFormItemConfigBootstrapCheckbox;\n\n  static create(\n    config: NgsFormsFormItemConfigBootstrapCheckbox\n  ): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapCheckbox> {\n    return {\n      uuid: v4(),\n      type: NgsFormsBootstrapFormsItemCheckboxComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <div class=\"form-check\">\n    <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-check-input\" id=\"{{id}}\"\n           type=\"checkbox\">\n    <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\" for=\"{{id}}\">\n      {{ checkboxConfig.label }}\n    </label>\n  </div>\n}\n\n","import { NgsFormsFormItemConfigBootstrapTextInput } from './input.config';\n\nexport const NgsFormBootstrapInputComponentResources: INgsFormBoostrapInputComponentResources = {\n  defaults: {\n    type: 'text',\n    labelLocation: 'top',\n  },\n};\n\nexport interface INgsFormBoostrapInputComponentResources {\n  defaults: Partial<NgsFormsFormItemConfigBootstrapTextInput>;\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { defaults } from 'lodash';\nimport { NgsFormBootstrapInputComponentResources } from './input-component.resources';\nimport { NgsFormsFormItemConfigBootstrapTextInput } from './input.config';\nimport { v4 } from 'uuid';\nimport { NgIf } from '@angular/common';\n\n@Component({\n  selector: 'ngs-forms-bs-input',\n  imports: [ReactiveFormsModule, NgIf],\n  templateUrl: './input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormItemInputComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBootstrapTextInput> {\n  static override key = 'input-text';\n  textConfig: NgsFormsFormItemConfigBootstrapTextInput = defaults(this.config as NgsFormsFormItemConfigBootstrapTextInput, NgsFormBootstrapInputComponentResources.defaults);\n  constructor() {\n    super();\n  }\n\n  static create(config: NgsFormsFormItemConfigBootstrapTextInput): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapTextInput> {\n    return {\n      uuid: v4(),\n      type: NgsFormsBootstrapFormItemInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (!!control) {\n  @if (textConfig.labelLocation === 'top') {\n    <div class=\"mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textConfig.label }}</label>\n      <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-control\"\n             id=\"{{id}}-top\" placeholder=\"{{textConfig.placeholder}}\" type=\"{{textConfig.type}}\" />\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  }\n  @if (textConfig.labelLocation === 'left') {\n    <div class=\"row mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ textConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" class=\"form-control\"\n               id=\"{{id}}-left\" placeholder=\"{{textConfig.placeholder}}\" type=\"{{textConfig.type}}\" />\n      </div>\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  }\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { NgsFormsFormsItemConfigBoostrapRadio } from './radio.config';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-bootstrap-radio-group-input',\n  imports: [ReactiveFormsModule],\n  templateUrl: './radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapRadioInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormsItemConfigBoostrapRadio> {\n  static override key = 'radio';\n  radioConfig = this.config as NgsFormsFormsItemConfigBoostrapRadio;\n\n  static create(\n    config: NgsFormsFormsItemConfigBoostrapRadio\n  ): NgsFormsFormItem<NgsFormsFormsItemConfigBoostrapRadio> {\n    return {\n      uuid: v4(),\n      type: NgsFormsBootstrapRadioInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <div [class.d-flex]=\"radioConfig.alignment==='horizontal'\">\n    @if (!!radioConfig.label) {\n      <div [class.text-danger]=\"!!errorMessage\" class=\"form-label me-2 pt-0\">\n        {{ radioConfig.label }}\n      </div>\n    }\n    @for (option of options(); track option.id) {\n      <div [class.form-check-inline]=\"radioConfig.alignment==='horizontal'\"\n           [class.me-2]=\"radioConfig.alignment==='horizontal'\"\n           class=\"form-check\">\n        <input [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\" value=\"{{option.id}}\" class=\"form-check-input\"\n               id=\"{{id}}{{option.id}}\" type=\"radio\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\"\n               for=\"{{id}}{{option.id}}\">{{ option.label }}</label>\n      </div>\n    }\n  </div>\n}\n\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsFormItemConfigBootstrapSelectInput } from './select.config';\n\nimport { NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-bootstrap-select-input',\n  imports: [ReactiveFormsModule],\n  templateUrl: './select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormItemSelectInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormItemConfigBootstrapSelectInput> {\n  static override key = 'select';\n  selectConfig = this.config as NgsFormsFormItemConfigBootstrapSelectInput;\n\n  static create(\n    config: NgsFormsFormItemConfigBootstrapSelectInput\n  ): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapSelectInput> {\n    return {\n      uuid: v4(),\n      type: NgsFormsBootstrapFormItemSelectInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  @if (selectConfig.labelLocation === 'top') {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ selectConfig.label }}</label>\n      <select [attr.aria-label]=\"selectConfig.label\" [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\"\n              class=\"form-select\">\n        @if (selectConfig.placeholder) {\n          <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}\n          </option>\n        }\n        @for (option of options(); track option.id) {\n          <option [disabled]=\"option.disabled\" [value]=\"option.id\">\n            {{ option.label }}\n          </option>\n        }\n      </select>\n      @if (errorMessage) {\n        <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n      }\n    </div>\n  } @else {\n\n    <div class=\"mb-3 row\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ selectConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <select [attr.aria-label]=\"selectConfig.label\" [class.border-danger]=\"!!errorMessage\" [formControl]=\"control\"\n                class=\"form-select\">\n          @if (selectConfig.placeholder) {\n            <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}\n            </option>\n          }\n          @for (option of options(); track option.id) {\n            <option [disabled]=\"option.disabled\" [value]=\"option.id\">\n              {{ option.label }}\n            </option>\n          }\n        </select>\n        @if (errorMessage) {\n          <div class=\"invalid-feedback\">{{ errorMessage }}</div>\n        }\n      </div>\n    </div>\n  }\n}\n\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { NgsFormsFormItemConfigBootstrapTextArea } from './text-area.config';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-form-item-bs-text-area',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './text-area.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormsItemTextAreaComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBootstrapTextArea> {\n  static override key = 'input-textarea';\n  textAreaConfig = this.config as NgsFormsFormItemConfigBootstrapTextArea;\n\n  static create(config: NgsFormsFormItemConfigBootstrapTextArea): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapTextArea> {\n    return {\n      uuid: v4(),\n      type: NgsFormsBootstrapFormsItemTextAreaComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  @if (textAreaConfig.labelLocation === 'top' || !textAreaConfig.labelLocation) {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textAreaConfig.label }}</label>\n      <textarea [class.border-danger]=\"!!errorMessage\"\n                [formControl]=\"control\"\n                class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                id=\"{{id}}-top\"\n                placeholder=\"{{textAreaConfig.placeholder}}\"\n                style=\"height: 210px\"></textarea>\n      @if (errorMessage) {\n        <div class=\"text-danger\">{{ errorMessage }}</div>\n      }\n    </div>\n\n  } @else {\n    @if (textAreaConfig.labelLocation === 'left') {\n      <div class=\"mb-3 row\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n               for=\"{{id}}-left\">{{ textAreaConfig.label }}</label>\n        <div class=\"col-sm-10\">\n        <textarea [class.border-danger]=\"!!errorMessage\"\n                  [formControl]=\"control\"\n                  class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                  id=\"{{id}}-left\"\n                  placeholder=\"{{textAreaConfig.placeholder}}\"\n                  style=\"height: 210px\"></textarea>\n        </div>\n        @if (errorMessage) {\n          <div class=\"text-danger\">{{ errorMessage }}</div>\n        }\n      </div>\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { NgsFormsComponentRegistryService, NgsFormsCoreModule } from '@ng-simplicity/forms-core';\nimport {\n  NgsFormsBootstrapFormItemInputComponent,\n  NgsFormsBootstrapFormsItemTextAreaComponent,\n  NgsFormsBootstrapFormsItemCheckboxComponent,\n  NgsFormsBootstrapRadioInputComponent,\n  NgsFormsBootstrapFormItemSelectInputComponent\n} from './form-components';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, NgsFormsCoreModule],\n})\nexport class NgsFormsBootstrapModule {\n  static registerAllBootStrapComponents(registryService: NgsFormsComponentRegistryService) {\n    NgsFormsCoreModule.registerCoreNgsFormComponents(registryService);\n    registryService.register(NgsFormsBootstrapFormsItemCheckboxComponent.key, NgsFormsBootstrapFormsItemCheckboxComponent);\n    registryService.register(NgsFormsBootstrapFormItemInputComponent.key, NgsFormsBootstrapFormItemInputComponent);\n    registryService.register(NgsFormsBootstrapRadioInputComponent.key, NgsFormsBootstrapRadioInputComponent);\n    registryService.register(NgsFormsBootstrapFormItemSelectInputComponent.key, NgsFormsBootstrapFormItemSelectInputComponent);\n    registryService.register(NgsFormsBootstrapFormsItemTextAreaComponent.key, NgsFormsBootstrapFormsItemTextAreaComponent);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-simplicity-forms-bootstrap.mjs","sources":["../../../../libs/forms-bootstrap/src/lib/form-components/checkbox/checkbox.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/checkbox/checkbox.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/input/input-component.resources.ts","../../../../libs/forms-bootstrap/src/lib/form-components/input/input.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/input/input.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/radio/radio.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/radio/radio.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/select/select.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/select/select.component.html","../../../../libs/forms-bootstrap/src/lib/form-components/text-area/text-area.component.ts","../../../../libs/forms-bootstrap/src/lib/form-components/text-area/text-area.component.html","../../../../libs/forms-bootstrap/src/lib/forms-bootstrap.module.ts","../../../../libs/forms-bootstrap/src/ng-simplicity-forms-bootstrap.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem, NgsFormsFormItemConfigBaseInput } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NgsFormsFormItemConfigBootstrapCheckbox } from './checkbox.config';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-form-item-bs-checkbox',\n  imports: [ReactiveFormsModule],\n  templateUrl: './checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormsItemCheckboxComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBootstrapCheckbox> {\n  static override key = 'checkbox';\n  checkboxConfig = this.config as NgsFormsFormItemConfigBootstrapCheckbox;\n\n  static create(\n    config: NgsFormsFormItemConfigBootstrapCheckbox\n  ): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapCheckbox> {\n    return {\n      uuid: config.uuid || v4(),\n      type: NgsFormsBootstrapFormsItemCheckboxComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <div class=\"form-check\">\n    <input [class.border-danger]=\"!!errorMessage\" \n           [formControl]=\"control\" \n           class=\"form-check-input\" \n           id=\"{{id}}\"\n           [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n           type=\"checkbox\">\n    <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\" for=\"{{id}}\">\n      {{ checkboxConfig.label }}\n    </label>\n    @if (errorMessage) {\n      <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n        {{ errorMessage }}\n      </div>\n    }\n  </div>\n}\n\n","import { NgsFormsFormItemConfigBootstrapTextInput } from './input.config';\n\nexport const NgsFormBootstrapInputComponentResources: INgsFormBoostrapInputComponentResources = {\n  defaults: {\n    type: 'text',\n    labelLocation: 'top',\n  },\n};\n\nexport interface INgsFormBoostrapInputComponentResources {\n  defaults: Partial<NgsFormsFormItemConfigBootstrapTextInput>;\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem, ngsDefaults } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NgsFormBootstrapInputComponentResources } from './input-component.resources';\nimport { NgsFormsFormItemConfigBootstrapTextInput } from './input.config';\nimport { v4 } from 'uuid';\n@Component({\n  selector: 'ngs-forms-bs-input',\n  imports: [ReactiveFormsModule],\n  templateUrl: './input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormItemInputComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBootstrapTextInput> {\n  static override key = 'input-text';\n  textConfig: NgsFormsFormItemConfigBootstrapTextInput = ngsDefaults(this.config as NgsFormsFormItemConfigBootstrapTextInput, NgsFormBootstrapInputComponentResources.defaults);\n  constructor() {\n    super();\n  }\n\n  static create(config: NgsFormsFormItemConfigBootstrapTextInput): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapTextInput> {\n    return {\n      uuid: config.uuid || v4(),\n      type: NgsFormsBootstrapFormItemInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (!!control) {\n  @if (textConfig.labelLocation === 'top') {\n    <div class=\"mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textConfig.label }}</label>\n      <input [class.border-danger]=\"!!errorMessage\" \n             [formControl]=\"control\" \n             class=\"form-control\"\n             id=\"{{id}}-top\" \n             [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n             placeholder=\"{{textConfig.placeholder}}\" \n             type=\"{{textConfig.type}}\" />\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  }\n  @if (textConfig.labelLocation === 'left') {\n    <div class=\"row mb-2\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ textConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <input [class.border-danger]=\"!!errorMessage\" \n               [formControl]=\"control\" \n               class=\"form-control\"\n               id=\"{{id}}-left\" \n               [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n               placeholder=\"{{textConfig.placeholder}}\" \n               type=\"{{textConfig.type}}\" />\n        @if (errorMessage) {\n          <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n            {{ errorMessage }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { NgsFormsFormsItemConfigBoostrapRadio } from './radio.config';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-bootstrap-radio-group-input',\n  imports: [ReactiveFormsModule],\n  templateUrl: './radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapRadioInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormsItemConfigBoostrapRadio> {\n  static override key = 'radio';\n  radioConfig = this.config as NgsFormsFormsItemConfigBoostrapRadio;\n\n  static create(\n    config: NgsFormsFormsItemConfigBoostrapRadio\n  ): NgsFormsFormItem<NgsFormsFormsItemConfigBoostrapRadio> {\n    return {\n      uuid: config.uuid || v4(),\n      type: NgsFormsBootstrapRadioInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <div role=\"radiogroup\"\n       [attr.aria-labelledby]=\"radioConfig.label ? id + '-label' : null\"\n       [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n       class=\"mb-3\">\n    <div [class.d-flex]=\"radioConfig.alignment==='horizontal'\">\n      @if (!!radioConfig.label) {\n        <div [class.text-danger]=\"!!errorMessage\" class=\"form-label me-2 pt-0\" id=\"{{id}}-label\">\n          {{ radioConfig.label }}\n        </div>\n      }\n      @for (option of options(); track option.id) {\n        <div [class.form-check-inline]=\"radioConfig.alignment==='horizontal'\"\n             [class.me-2]=\"radioConfig.alignment==='horizontal'\"\n             class=\"form-check\">\n          <input [class.border-danger]=\"!!errorMessage\" \n                 [formControl]=\"control\" \n                 value=\"{{option.id}}\" \n                 class=\"form-check-input\"\n                 id=\"{{id}}{{option.id}}\" \n                 type=\"radio\">\n          <label [class.text-danger]=\"!!errorMessage\" class=\"form-check-label\"\n                 for=\"{{id}}{{option.id}}\">{{ option.label }}</label>\n        </div>\n      }\n    </div>\n    @if (errorMessage) {\n      <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n        {{ errorMessage }}\n      </div>\n    }\n  </div>\n}\n\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsFormItemConfigBootstrapSelectInput } from './select.config';\n\nimport { NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-bootstrap-select-input',\n  imports: [ReactiveFormsModule],\n  templateUrl: './select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormItemSelectInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormItemConfigBootstrapSelectInput> {\n  static override key = 'select';\n  selectConfig = this.config as NgsFormsFormItemConfigBootstrapSelectInput;\n\n  static create(\n    config: NgsFormsFormItemConfigBootstrapSelectInput\n  ): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapSelectInput> {\n    return {\n      uuid: config.uuid || v4(),\n      type: NgsFormsBootstrapFormItemSelectInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  @if (selectConfig.labelLocation === 'top') {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ selectConfig.label }}</label>\n      <select [attr.aria-label]=\"selectConfig.label\" \n              [class.border-danger]=\"!!errorMessage\" \n              [formControl]=\"control\"\n              class=\"form-select\"\n              id=\"{{id}}-top\"\n              [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\">\n        @if (selectConfig.placeholder) {\n          <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}</option>\n        }\n        @for (option of options(); track option.id) {\n          <option [disabled]=\"!!option.disabled\" [value]=\"option.id\">\n            {{ option.label }}\n          </option>\n        }\n      </select>\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"mb-3 row\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n             for=\"{{id}}-left\">{{ selectConfig.label }}</label>\n      <div class=\"col-sm-10\">\n        <select [attr.aria-label]=\"selectConfig.label\" \n                [class.border-danger]=\"!!errorMessage\" \n                [formControl]=\"control\"\n                class=\"form-select\"\n                id=\"{{id}}-left\"\n                [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\">\n          @if (selectConfig.placeholder) {\n            <option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">{{ selectConfig.placeholder }}</option>\n          }\n          @for (option of options(); track option.id) {\n            <option [disabled]=\"!!option.disabled\" [value]=\"option.id\">\n              {{ option.label }}\n            </option>\n          }\n        </select>\n        @if (errorMessage) {\n          <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n            {{ errorMessage }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { NgsFormsFormItemConfigBootstrapTextArea } from './text-area.config';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-form-item-bs-text-area',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './text-area.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsBootstrapFormsItemTextAreaComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBootstrapTextArea> {\n  static override key = 'input-textarea';\n  textAreaConfig = this.config as NgsFormsFormItemConfigBootstrapTextArea;\n\n  static create(config: NgsFormsFormItemConfigBootstrapTextArea): NgsFormsFormItem<NgsFormsFormItemConfigBootstrapTextArea> {\n    return {\n      uuid: config.uuid || v4(),\n      type: NgsFormsBootstrapFormsItemTextAreaComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  @if (textAreaConfig.labelLocation === 'top' || !textAreaConfig.labelLocation) {\n    <div class=\"mb-3\">\n      <label [class.text-danger]=\"!!errorMessage\" class=\"form-label\" for=\"{{id}}-top\">{{ textAreaConfig.label }}</label>\n      <textarea [class.border-danger]=\"!!errorMessage\"\n                [formControl]=\"control\"\n                class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                id=\"{{id}}-top\"\n                [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n                placeholder=\"{{textAreaConfig.placeholder}}\"\n                style=\"height: 210px\"></textarea>\n      @if (errorMessage) {\n        <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n          {{ errorMessage }}\n        </div>\n      }\n    </div>\n  } @else {\n    @if (textAreaConfig.labelLocation === 'left') {\n      <div class=\"mb-3 row\">\n        <label [class.text-danger]=\"!!errorMessage\" class=\"col-sm-2 col-form-label\"\n               for=\"{{id}}-left\">{{ textAreaConfig.label }}</label>\n        <div class=\"col-sm-10\">\n          <textarea [class.border-danger]=\"!!errorMessage\"\n                    [formControl]=\"control\"\n                    class=\"form-control {{textAreaConfig.inputCssClass}}\"\n                    id=\"{{id}}-left\"\n                    [attr.aria-describedby]=\"errorMessage ? id + '-error' : null\"\n                    placeholder=\"{{textAreaConfig.placeholder}}\"\n                    style=\"height: 210px\"></textarea>\n          @if (errorMessage) {\n            <div class=\"text-danger mt-1\" id=\"{{id}}-error\" style=\"font-size: 0.875rem;\">\n              {{ errorMessage }}\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { NgsFormsComponentRegistryService, NgsFormsCoreModule } from '@ng-simplicity/forms-core';\nimport {\n  NgsFormsBootstrapFormItemInputComponent,\n  NgsFormsBootstrapFormsItemTextAreaComponent,\n  NgsFormsBootstrapFormsItemCheckboxComponent,\n  NgsFormsBootstrapRadioInputComponent,\n  NgsFormsBootstrapFormItemSelectInputComponent\n} from './form-components';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, NgsFormsCoreModule],\n})\nexport class NgsFormsBootstrapModule {\n  static registerAllBootStrapComponents(registryService: NgsFormsComponentRegistryService) {\n    NgsFormsCoreModule.registerCoreNgsFormComponents(registryService);\n    registryService.register(NgsFormsBootstrapFormsItemCheckboxComponent.key, NgsFormsBootstrapFormsItemCheckboxComponent);\n    registryService.register(NgsFormsBootstrapFormItemInputComponent.key, NgsFormsBootstrapFormItemInputComponent);\n    registryService.register(NgsFormsBootstrapRadioInputComponent.key, NgsFormsBootstrapRadioInputComponent);\n    registryService.register(NgsFormsBootstrapFormItemSelectInputComponent.key, NgsFormsBootstrapFormItemSelectInputComponent);\n    registryService.register(NgsFormsBootstrapFormsItemTextAreaComponent.key, NgsFormsBootstrapFormsItemTextAreaComponent);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -42,7 +42,7 @@ declare class NgsFormsBootstrapRadioInputComponent extends NgsFormsBaseClassForm
 
 interface NgsFormsFormItemConfigBootstrapSelectInput extends NgsFormsFormItemConfigBaseInputWithOptions {
     labelLocation?: 'top' | 'left';
-    placeholder?: boolean;
+    placeholder?: string;
     placeHolderValue?: string;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-simplicity/forms-bootstrap",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -11,7 +11,7 @@
     "@angular/common": "^19.0.0 || ^20.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0",
     "@angular/forms": "^19.0.0 || ^20.0.0",
-    "@ng-simplicity/forms-core": "^1.0.0"
+    "@ng-simplicity/forms-core": "^1.1.0"
   },
   "sideEffects": false,
   "module": "fesm2022/ng-simplicity-forms-bootstrap.mjs",