@ng-simplicity/forms-material 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 NG-Simplicity
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,98 @@
+# @ng-simplicity/forms-material
+
+An integration package containing pre-styled Angular Material inputs, form fields, and error templates for the **NG-Simplicity Forms** dynamic engine.
+
+---
+
+## Installation
+
+Ensure you have `@angular/material` and the core forms package installed:
+
+```bash
+npm install @ng-simplicity/forms-core @ng-simplicity/forms-material @angular/material @angular/cdk
+```
+
+Make sure your application has active Material theming configured (either via an custom theme file or prebuilt stylesheets in `angular.json` / `styles.scss`):
+```scss
+@import "@angular/material/prebuilt-themes/indigo-pink.css";
+```
+
+---
+
+## Quick Start & Registration
+
+To allow the dynamic compiler to render Material fields, register them using `NgsFormsMaterialModule` inside your page component:
+
+```typescript
+import { Component } from '@angular/core';
+import { NgsFormsComponentRegistryService } from '@ng-simplicity/forms-core';
+import { NgsFormsMaterialModule } from '@ng-simplicity/forms-material';
+
+@Component({
+  selector: 'app-material-form-page',
+  templateUrl: './material-form-page.component.html'
+})
+export class MaterialFormPageComponent {
+  constructor(registry: NgsFormsComponentRegistryService) {
+    // Registers Material inputs, textareas, layouts, and helpers
+    NgsFormsMaterialModule.registerAllMaterialComponents(registry);
+  }
+}
+```
+
+---
+
+## Available Components & Schemas
+
+### 1. Material Text Input (`input-text`)
+Uses `NgsFormsMaterialFormItemInputComponent`.
+
+- **Selector/Key**: `input-text`
+- **Config Type**: Object containing `name`, `label`, `placeholder`, `type`.
+- **Features**: Leverages `<mat-form-field>` appearance="outline", supports `<mat-error>` validation hooks, and custom HTML input types (`email`, `password`, `text`).
+
+```typescript
+import { NgsFormsMaterialFormItemInputComponent } from '@ng-simplicity/forms-material';
+import { Validators } from '@angular/forms';
+
+const passwordField = NgsFormsMaterialFormItemInputComponent.create({
+  name: 'password',
+  label: 'Password',
+  placeholder: 'Type password...',
+  type: 'password',
+  validators: [Validators.required, Validators.minLength(8)]
+});
+```
+
+### 2. Material Text Area (`input-textarea`)
+Uses `NgsFormsMaterialFormItemTextAreaComponent`.
+
+- **Selector/Key**: `input-textarea`
+- **Config Type**: Object containing `name`, `label`, `placeholder`, `rows`.
+- **Features**: Outlined MatFormField container housing a multi-line auto-resizing text area.
+
+```typescript
+import { NgsFormsMaterialFormItemTextAreaComponent } from '@ng-simplicity/forms-material';
+
+const messageField = NgsFormsMaterialFormItemTextAreaComponent.create({
+  name: 'comments',
+  label: 'Additional Comments',
+  placeholder: 'Leave a note...',
+  rows: 4
+});
+```
+
+---
+
+## Unit Testing
+
+Run unit tests for this Material integration package using:
+
+```bash
+nx test forms-material
+```
+
+To run with coverage enabled:
+```bash
+nx test forms-material --codeCoverage
+```

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

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { NgsFormsBaseClassFormInputComponent, NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsCoreModule } from '@ng-simplicity/forms-core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { v4 } from 'uuid';
+import * as i2$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i2$2 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i3 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { CommonModule } from '@angular/common';
+
+class NgsFormsMaterialFormItemCheckboxComponent extends NgsFormsBaseClassFormInputComponent {
+    static key = 'checkbox';
+    static create(config) {
+        return {
+            uuid: v4(),
+            type: NgsFormsMaterialFormItemCheckboxComponent.key,
+            config,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsMaterialFormItemCheckboxComponent, isStandalone: true, selector: "ngs-forms-mat-checkbox", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <div class=\"mb-3\">\n    <mat-checkbox [formControl]=\"control\">\n      {{ config.label }}\n    </mat-checkbox>\n    @if (errorMessage) {\n      <div class=\"mt-1 ms-4\" style=\"font-size: 0.75rem; color: #f44336;\">{{ errorMessage }}</div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-forms-mat-checkbox', imports: [ReactiveFormsModule, MatCheckboxModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <div class=\"mb-3\">\n    <mat-checkbox [formControl]=\"control\">\n      {{ config.label }}\n    </mat-checkbox>\n    @if (errorMessage) {\n      <div class=\"mt-1 ms-4\" style=\"font-size: 0.75rem; color: #f44336;\">{{ errorMessage }}</div>\n    }\n  </div>\n}\n" }]
+        }] });
+
+class NgsFormsMaterialFormItemInputComponent extends NgsFormsBaseClassFormInputComponent {
+    static key = 'input-text';
+    static create(config) {
+        return {
+            uuid: v4(),
+            type: NgsFormsMaterialFormItemInputComponent.key,
+            config,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsMaterialFormItemInputComponent, isStandalone: true, selector: "ngs-forms-mat-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (config.label) {\n      <mat-label>{{ config.label }}</mat-label>\n    }\n    <input matInput [formControl]=\"control\" [placeholder]=\"config.placeholder || ''\" [type]=\"config.type || 'text'\" />\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\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"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-forms-mat-input', imports: [ReactiveFormsModule, MatInputModule, MatFormFieldModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (config.label) {\n      <mat-label>{{ config.label }}</mat-label>\n    }\n    <input matInput [formControl]=\"control\" [placeholder]=\"config.placeholder || ''\" [type]=\"config.type || 'text'\" />\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n}\n" }]
+        }] });
+
+class NgsFormsMaterialRadioInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent {
+    static key = 'radio';
+    radioConfig = this.config;
+    static create(config) {
+        return {
+            uuid: v4(),
+            type: NgsFormsMaterialRadioInputComponent.key,
+            config,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialRadioInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsMaterialRadioInputComponent, isStandalone: true, selector: "ngs-forms-material-radio-group-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <div class=\"ngs-material-radio-field mb-3\">\n    @if (radioConfig.label) {\n      <div class=\"ngs-material-radio-label\" [class.text-danger]=\"!!errorMessage\">\n        {{ radioConfig.label }}\n      </div>\n    }\n    <mat-radio-group\n      [formControl]=\"control\"\n      [class.ngs-material-radio-group-horizontal]=\"radioConfig.alignment === 'horizontal'\"\n      [class.ngs-material-radio-group-vertical]=\"radioConfig.alignment !== 'horizontal'\"\n    >\n      @for (option of options(); track option.id) {\n        <mat-radio-button [disabled]=\"option.disabled\" [value]=\"option.id\">\n          {{ option.label }}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\n    @if (errorMessage) {\n      <div class=\"ngs-material-control-error\">{{ errorMessage }}</div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialRadioInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-forms-material-radio-group-input', imports: [ReactiveFormsModule, MatRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <div class=\"ngs-material-radio-field mb-3\">\n    @if (radioConfig.label) {\n      <div class=\"ngs-material-radio-label\" [class.text-danger]=\"!!errorMessage\">\n        {{ radioConfig.label }}\n      </div>\n    }\n    <mat-radio-group\n      [formControl]=\"control\"\n      [class.ngs-material-radio-group-horizontal]=\"radioConfig.alignment === 'horizontal'\"\n      [class.ngs-material-radio-group-vertical]=\"radioConfig.alignment !== 'horizontal'\"\n    >\n      @for (option of options(); track option.id) {\n        <mat-radio-button [disabled]=\"option.disabled\" [value]=\"option.id\">\n          {{ option.label }}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\n    @if (errorMessage) {\n      <div class=\"ngs-material-control-error\">{{ errorMessage }}</div>\n    }\n  </div>\n}\n" }]
+        }] });
+
+class NgsFormsMaterialFormItemSelectInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent {
+    static key = 'select';
+    selectConfig = this.config;
+    static create(config) {
+        return {
+            uuid: v4(),
+            type: NgsFormsMaterialFormItemSelectInputComponent.key,
+            config,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemSelectInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsMaterialFormItemSelectInputComponent, isStandalone: true, selector: "ngs-forms-material-select-input", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (selectConfig.label) {\n      <mat-label>{{ selectConfig.label }}</mat-label>\n    }\n    <mat-select [formControl]=\"control\" [attr.aria-label]=\"selectConfig.label\">\n      @if (selectConfig.placeholder) {\n        <mat-option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">\n          {{ selectConfig.placeholder }}\n        </mat-option>\n      }\n      @for (option of options(); track option.id) {\n        <mat-option [disabled]=\"option.disabled\" [value]=\"option.id\">\n          {{ option.label }}\n        </mat-option>\n      }\n    </mat-select>\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemSelectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-forms-material-select-input', imports: [ReactiveFormsModule, MatFormFieldModule, MatSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (selectConfig.label) {\n      <mat-label>{{ selectConfig.label }}</mat-label>\n    }\n    <mat-select [formControl]=\"control\" [attr.aria-label]=\"selectConfig.label\">\n      @if (selectConfig.placeholder) {\n        <mat-option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">\n          {{ selectConfig.placeholder }}\n        </mat-option>\n      }\n      @for (option of options(); track option.id) {\n        <mat-option [disabled]=\"option.disabled\" [value]=\"option.id\">\n          {{ option.label }}\n        </mat-option>\n      }\n    </mat-select>\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n}\n" }]
+        }] });
+
+class NgsFormsMaterialFormItemTextAreaComponent extends NgsFormsBaseClassFormInputComponent {
+    static key = 'input-textarea';
+    static create(config) {
+        return {
+            uuid: v4(),
+            type: NgsFormsMaterialFormItemTextAreaComponent.key,
+            config,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NgsFormsMaterialFormItemTextAreaComponent, isStandalone: true, selector: "ngs-forms-mat-textarea", usesInheritance: true, ngImport: i0, template: "@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (config.label) {\n      <mat-label>{{ config.label }}</mat-label>\n    }\n    <textarea matInput [formControl]=\"control\" [placeholder]=\"config.placeholder || ''\" [rows]=\"config.rows || 3\"></textarea>\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\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"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialFormItemTextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-forms-mat-textarea', imports: [ReactiveFormsModule, MatInputModule, MatFormFieldModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (config.label) {\n      <mat-label>{{ config.label }}</mat-label>\n    }\n    <textarea matInput [formControl]=\"control\" [placeholder]=\"config.placeholder || ''\" [rows]=\"config.rows || 3\"></textarea>\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n}\n" }]
+        }] });
+
+class NgsFormsMaterialModule {
+    static registerAllMaterialComponents(registryService) {
+        NgsFormsCoreModule.registerCoreNgsFormComponents(registryService);
+        registryService.register(NgsFormsMaterialFormItemCheckboxComponent.key, NgsFormsMaterialFormItemCheckboxComponent);
+        registryService.register(NgsFormsMaterialFormItemInputComponent.key, NgsFormsMaterialFormItemInputComponent);
+        registryService.register(NgsFormsMaterialRadioInputComponent.key, NgsFormsMaterialRadioInputComponent);
+        registryService.register(NgsFormsMaterialFormItemSelectInputComponent.key, NgsFormsMaterialFormItemSelectInputComponent);
+        registryService.register(NgsFormsMaterialFormItemTextAreaComponent.key, NgsFormsMaterialFormItemTextAreaComponent);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, NgsFormsCoreModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, NgsFormsCoreModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NgsFormsMaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, ReactiveFormsModule, NgsFormsCoreModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgsFormsMaterialFormItemCheckboxComponent, NgsFormsMaterialFormItemInputComponent, NgsFormsMaterialFormItemSelectInputComponent, NgsFormsMaterialFormItemTextAreaComponent, NgsFormsMaterialModule, NgsFormsMaterialRadioInputComponent };
+//# sourceMappingURL=ng-simplicity-forms-material.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-simplicity-forms-material.mjs","sources":["../../../../libs/forms-material/src/lib/form-components/checkbox/checkbox.component.ts","../../../../libs/forms-material/src/lib/form-components/checkbox/checkbox.component.html","../../../../libs/forms-material/src/lib/form-components/input/input.component.ts","../../../../libs/forms-material/src/lib/form-components/input/input.component.html","../../../../libs/forms-material/src/lib/form-components/radio/radio.component.ts","../../../../libs/forms-material/src/lib/form-components/radio/radio.component.html","../../../../libs/forms-material/src/lib/form-components/select/select.component.ts","../../../../libs/forms-material/src/lib/form-components/select/select.component.html","../../../../libs/forms-material/src/lib/form-components/text-area/text-area.component.ts","../../../../libs/forms-material/src/lib/form-components/text-area/text-area.component.html","../../../../libs/forms-material/src/lib/forms-material.module.ts","../../../../libs/forms-material/src/ng-simplicity-forms-material.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport {\n  NgsFormsBaseClassFormInputComponent,\n  NgsFormsFormItem,\n  NgsFormsFormItemConfigBaseInput,\n} from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-mat-checkbox',\n  imports: [ReactiveFormsModule, MatCheckboxModule],\n  templateUrl: './checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsMaterialFormItemCheckboxComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBaseInput> {\n  static override key = 'checkbox';\n\n  static create(config: NgsFormsFormItemConfigBaseInput): NgsFormsFormItem<NgsFormsFormItemConfigBaseInput> {\n    return {\n      uuid: v4(),\n      type: NgsFormsMaterialFormItemCheckboxComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <div class=\"mb-3\">\n    <mat-checkbox [formControl]=\"control\">\n      {{ config.label }}\n    </mat-checkbox>\n    @if (errorMessage) {\n      <div class=\"mt-1 ms-4\" style=\"font-size: 0.75rem; color: #f44336;\">{{ errorMessage }}</div>\n    }\n  </div>\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-mat-input',\n  imports: [ReactiveFormsModule, MatInputModule, MatFormFieldModule],\n  templateUrl: './input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsMaterialFormItemInputComponent extends NgsFormsBaseClassFormInputComponent<any> {\n  static override key = 'input-text';\n\n  static create(config: any): NgsFormsFormItem<any> {\n    return {\n      uuid: v4(),\n      type: NgsFormsMaterialFormItemInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (config.label) {\n      <mat-label>{{ config.label }}</mat-label>\n    }\n    <input matInput [formControl]=\"control\" [placeholder]=\"config.placeholder || ''\" [type]=\"config.type || 'text'\" />\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatRadioModule } from '@angular/material/radio';\nimport {\n  NgsFormsBaseClassFormItemInputWithOptionsComponent,\n  NgsFormsFormItem,\n  NgsFormsFormItemConfigBaseInputWithOptions,\n} from '@ng-simplicity/forms-core';\nimport { v4 } from 'uuid';\n\nexport interface NgsFormsFormItemConfigMaterialRadio extends NgsFormsFormItemConfigBaseInputWithOptions {\n  alignment?: 'horizontal' | 'vertical';\n}\n\n@Component({\n  selector: 'ngs-forms-material-radio-group-input',\n  imports: [ReactiveFormsModule, MatRadioModule],\n  templateUrl: './radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsMaterialRadioInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormItemConfigMaterialRadio> {\n  static override key = 'radio';\n  radioConfig = this.config as NgsFormsFormItemConfigMaterialRadio;\n\n  static create(config: NgsFormsFormItemConfigMaterialRadio): NgsFormsFormItem<NgsFormsFormItemConfigMaterialRadio> {\n    return {\n      uuid: v4(),\n      type: NgsFormsMaterialRadioInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <div class=\"ngs-material-radio-field mb-3\">\n    @if (radioConfig.label) {\n      <div class=\"ngs-material-radio-label\" [class.text-danger]=\"!!errorMessage\">\n        {{ radioConfig.label }}\n      </div>\n    }\n    <mat-radio-group\n      [formControl]=\"control\"\n      [class.ngs-material-radio-group-horizontal]=\"radioConfig.alignment === 'horizontal'\"\n      [class.ngs-material-radio-group-vertical]=\"radioConfig.alignment !== 'horizontal'\"\n    >\n      @for (option of options(); track option.id) {\n        <mat-radio-button [disabled]=\"option.disabled\" [value]=\"option.id\">\n          {{ option.label }}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\n    @if (errorMessage) {\n      <div class=\"ngs-material-control-error\">{{ errorMessage }}</div>\n    }\n  </div>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\nimport {\n  NgsFormsBaseClassFormItemInputWithOptionsComponent,\n  NgsFormsFormItem,\n  NgsFormsFormItemConfigBaseInputWithOptions,\n} from '@ng-simplicity/forms-core';\nimport { v4 } from 'uuid';\n\nexport interface NgsFormsFormItemConfigMaterialSelectInput extends NgsFormsFormItemConfigBaseInputWithOptions {\n  placeholder?: string;\n  placeHolderValue?: string;\n}\n\n@Component({\n  selector: 'ngs-forms-material-select-input',\n  imports: [ReactiveFormsModule, MatFormFieldModule, MatSelectModule],\n  templateUrl: './select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsMaterialFormItemSelectInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormItemConfigMaterialSelectInput> {\n  static override key = 'select';\n  selectConfig = this.config as NgsFormsFormItemConfigMaterialSelectInput;\n\n  static create(\n    config: NgsFormsFormItemConfigMaterialSelectInput\n  ): NgsFormsFormItem<NgsFormsFormItemConfigMaterialSelectInput> {\n    return {\n      uuid: v4(),\n      type: NgsFormsMaterialFormItemSelectInputComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (selectConfig.label) {\n      <mat-label>{{ selectConfig.label }}</mat-label>\n    }\n    <mat-select [formControl]=\"control\" [attr.aria-label]=\"selectConfig.label\">\n      @if (selectConfig.placeholder) {\n        <mat-option [disabled]=\"true\" [value]=\"selectConfig.placeHolderValue || ''\">\n          {{ selectConfig.placeholder }}\n        </mat-option>\n      }\n      @for (option of options(); track option.id) {\n        <mat-option [disabled]=\"option.disabled\" [value]=\"option.id\">\n          {{ option.label }}\n        </mat-option>\n      }\n    </mat-select>\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { NgsFormsBaseClassFormInputComponent, NgsFormsFormItem } from '@ng-simplicity/forms-core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { v4 } from 'uuid';\n\n@Component({\n  selector: 'ngs-forms-mat-textarea',\n  imports: [ReactiveFormsModule, MatInputModule, MatFormFieldModule],\n  templateUrl: './text-area.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgsFormsMaterialFormItemTextAreaComponent extends NgsFormsBaseClassFormInputComponent<any> {\n  static override key = 'input-textarea';\n\n  static create(config: any): NgsFormsFormItem<any> {\n    return {\n      uuid: v4(),\n      type: NgsFormsMaterialFormItemTextAreaComponent.key,\n      config,\n    };\n  }\n}\n","@if (control) {\n  <mat-form-field class=\"w-100 mb-2\" appearance=\"outline\">\n    @if (config.label) {\n      <mat-label>{{ config.label }}</mat-label>\n    }\n    <textarea matInput [formControl]=\"control\" [placeholder]=\"config.placeholder || ''\" [rows]=\"config.rows || 3\"></textarea>\n    @if (errorMessage) {\n      <mat-error>{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\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  NgsFormsMaterialFormItemCheckboxComponent,\n  NgsFormsMaterialFormItemInputComponent,\n  NgsFormsMaterialFormItemSelectInputComponent,\n  NgsFormsMaterialRadioInputComponent,\n  NgsFormsMaterialFormItemTextAreaComponent\n} from './form-components';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, NgsFormsCoreModule],\n})\nexport class NgsFormsMaterialModule {\n  static registerAllMaterialComponents(registryService: NgsFormsComponentRegistryService) {\n    NgsFormsCoreModule.registerCoreNgsFormComponents(registryService);\n    registryService.register(NgsFormsMaterialFormItemCheckboxComponent.key, NgsFormsMaterialFormItemCheckboxComponent);\n    registryService.register(NgsFormsMaterialFormItemInputComponent.key, NgsFormsMaterialFormItemInputComponent);\n    registryService.register(NgsFormsMaterialRadioInputComponent.key, NgsFormsMaterialRadioInputComponent);\n    registryService.register(NgsFormsMaterialFormItemSelectInputComponent.key, NgsFormsMaterialFormItemSelectInputComponent);\n    registryService.register(NgsFormsMaterialFormItemTextAreaComponent.key, NgsFormsMaterialFormItemTextAreaComponent);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i2"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,59 @@
+import * as i3 from '@ng-simplicity/forms-core';
+import { NgsFormsBaseClassFormInputComponent, NgsFormsFormItemConfigBaseInput, NgsFormsFormItem, NgsFormsFormItemConfigBaseInputWithOptions, NgsFormsBaseClassFormItemInputWithOptionsComponent, NgsFormsComponentRegistryService } from '@ng-simplicity/forms-core';
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+
+declare class NgsFormsMaterialFormItemCheckboxComponent extends NgsFormsBaseClassFormInputComponent<NgsFormsFormItemConfigBaseInput> {
+    static key: string;
+    static create(config: NgsFormsFormItemConfigBaseInput): NgsFormsFormItem<NgsFormsFormItemConfigBaseInput>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgsFormsMaterialFormItemCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgsFormsMaterialFormItemCheckboxComponent, "ngs-forms-mat-checkbox", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgsFormsMaterialFormItemInputComponent extends NgsFormsBaseClassFormInputComponent<any> {
+    static key: string;
+    static create(config: any): NgsFormsFormItem<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgsFormsMaterialFormItemInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgsFormsMaterialFormItemInputComponent, "ngs-forms-mat-input", never, {}, {}, never, never, true, never>;
+}
+
+interface NgsFormsFormItemConfigMaterialRadio extends NgsFormsFormItemConfigBaseInputWithOptions {
+    alignment?: 'horizontal' | 'vertical';
+}
+declare class NgsFormsMaterialRadioInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormItemConfigMaterialRadio> {
+    static key: string;
+    radioConfig: NgsFormsFormItemConfigMaterialRadio;
+    static create(config: NgsFormsFormItemConfigMaterialRadio): NgsFormsFormItem<NgsFormsFormItemConfigMaterialRadio>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgsFormsMaterialRadioInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgsFormsMaterialRadioInputComponent, "ngs-forms-material-radio-group-input", never, {}, {}, never, never, true, never>;
+}
+
+interface NgsFormsFormItemConfigMaterialSelectInput extends NgsFormsFormItemConfigBaseInputWithOptions {
+    placeholder?: string;
+    placeHolderValue?: string;
+}
+declare class NgsFormsMaterialFormItemSelectInputComponent extends NgsFormsBaseClassFormItemInputWithOptionsComponent<NgsFormsFormItemConfigMaterialSelectInput> {
+    static key: string;
+    selectConfig: NgsFormsFormItemConfigMaterialSelectInput;
+    static create(config: NgsFormsFormItemConfigMaterialSelectInput): NgsFormsFormItem<NgsFormsFormItemConfigMaterialSelectInput>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgsFormsMaterialFormItemSelectInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgsFormsMaterialFormItemSelectInputComponent, "ngs-forms-material-select-input", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgsFormsMaterialFormItemTextAreaComponent extends NgsFormsBaseClassFormInputComponent<any> {
+    static key: string;
+    static create(config: any): NgsFormsFormItem<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgsFormsMaterialFormItemTextAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgsFormsMaterialFormItemTextAreaComponent, "ngs-forms-mat-textarea", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgsFormsMaterialModule {
+    static registerAllMaterialComponents(registryService: NgsFormsComponentRegistryService): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgsFormsMaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgsFormsMaterialModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgsFormsCoreModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgsFormsMaterialModule>;
+}
+
+export { NgsFormsMaterialFormItemCheckboxComponent, NgsFormsMaterialFormItemInputComponent, NgsFormsMaterialFormItemSelectInputComponent, NgsFormsMaterialFormItemTextAreaComponent, NgsFormsMaterialModule, NgsFormsMaterialRadioInputComponent };
+export type { NgsFormsFormItemConfigMaterialRadio, NgsFormsFormItemConfigMaterialSelectInput };

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@ng-simplicity/forms-material",
+  "version": "1.0.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BryanGWalsh/NgSimplicityForms.git",
+    "directory": "libs/forms-material"
+  },
+  "peerDependencies": {
+    "@angular/common": "^19.0.0 || ^20.0.0",
+    "@angular/core": "^19.0.0 || ^20.0.0",
+    "@angular/forms": "^19.0.0 || ^20.0.0",
+    "@angular/material": "^19.0.0 || ^20.0.0",
+    "@ng-simplicity/forms-core": "^1.0.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ng-simplicity-forms-material.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ng-simplicity-forms-material.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}