@masterteam/forms 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# @masterteam/forms
+
+Angular Form Components Library
+
+## Components
+
+- **DynamicFieldComponent**: A dynamic field component that renders different input types based on configuration
+- **DynamicFormComponent**: A dynamic form component that creates forms based on configuration objects
+
+## Pipes
+
+- **SortPipe**: A pipe for sorting arrays by specified keys and directions
+
+## Installation
+
+```bash
+npm install @masterteam/forms
+```
+
+## Usage
+
+```typescript
+import { DynamicFieldComponent, DynamicFormComponent, SortPipe } from '@masterteam/forms';
+```

package/dynamic-field/index.d.ts

@@ -0,0 +1,16 @@
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
+import { DynamicFieldConfig } from '@masterteam/components';
+
+declare class DynamicField {
+    readonly fieldConfig: _angular_core.InputSignal<DynamicFieldConfig>;
+    readonly transformedFieldConfig: Signal<DynamicFieldConfig>;
+    private controlContainer;
+    readonly fieldName: _angular_core.InputSignal<string>;
+    constructor();
+    private transformToFieldConfig;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicField, "mt-dynamic-field", never, { "fieldConfig": { "alias": "fieldConfig"; "required": true; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { DynamicField };

package/dynamic-form/index.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { ControlValueAccessor, Validator, FormGroup, AbstractControl, ValidationErrors } from '@angular/forms';
+import { DynamicFormConfig } from '@masterteam/components';
+
+declare class DynamicForm implements OnDestroy, ControlValueAccessor, Validator {
+    private fb;
+    readonly formConfig: i0.InputSignal<DynamicFormConfig>;
+    form: FormGroup<{}>;
+    private onChange;
+    private onTouched;
+    private onValidatorChange;
+    private formSubscription?;
+    private statusSubscription?;
+    constructor();
+    registerOnValidatorChange(fn: () => void): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private buildForm;
+    writeValue(value: any): void;
+    validate(_control: AbstractControl): ValidationErrors | null;
+    private buildValidators;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicForm, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicForm, "mt-dynamic-form", never, { "formConfig": { "alias": "formConfig"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { DynamicForm };

package/fesm2022/masterteam-forms-dynamic-field.mjs

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { input, computed, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';
+import { TextField } from '@masterteam/components/text-field';
+import { TextareaField } from '@masterteam/components/textarea-field';
+import { SelectField } from '@masterteam/components/select-field';
+import { DateField } from '@masterteam/components/date-field';
+import { NumberField } from '@masterteam/components/number-field';
+import { SliderField } from '@masterteam/components/slider-field';
+import { MultiSelectField } from '@masterteam/components/multi-select-field';
+import { CheckboxField } from '@masterteam/components/checkbox-field';
+import { TextFieldConfig, TextareaFieldConfig, SelectFieldConfig, DateFieldConfig, NumberFieldConfig, SliderFieldConfig, MultiSelectFieldConfig, CheckboxFieldConfig } from '@masterteam/components';
+
+class DynamicField {
+    // Input signal with transform to handle class for text type
+    fieldConfig = input.required(...(ngDevMode ? [{ debugName: "fieldConfig" }] : []));
+    // Computed property for transformed field config
+    transformedFieldConfig = computed(() => this.transformToFieldConfig(this.fieldConfig()), ...(ngDevMode ? [{ debugName: "transformedFieldConfig" }] : []));
+    // Inject ControlContainer to connect directly with parent form
+    controlContainer = inject(ControlContainer);
+    // Input for the form control name
+    fieldName = input.required(...(ngDevMode ? [{ debugName: "fieldName" }] : []));
+    constructor() { }
+    transformToFieldConfig(value) {
+        // If it's a plain object, transform it to appropriate field config
+        if (typeof value === 'object') {
+            if (value.type === 'text') {
+                return new TextFieldConfig(value);
+            }
+            if (value.type === 'textarea') {
+                return new TextareaFieldConfig(value);
+            }
+            if (value.type === 'select') {
+                return new SelectFieldConfig(value);
+            }
+            if (value.type === 'date') {
+                return new DateFieldConfig(value);
+            }
+            if (value.type === 'number') {
+                return new NumberFieldConfig(value);
+            }
+            if (value.type === 'slider') {
+                return new SliderFieldConfig(value);
+            }
+            if (value.type === 'multi-select') {
+                return new MultiSelectFieldConfig(value);
+            }
+            if (value.type === 'checkbox') {
+                return new CheckboxFieldConfig(value);
+            }
+        }
+        // Default fallback to TextFieldConfig
+        return new TextFieldConfig({
+            ...value,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: DynamicField, isStandalone: true, selector: "mt-dynamic-field", inputs: { fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: true, isRequired: true, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@switch (transformedFieldConfig().type) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "pKeyFilter"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "format", "maxFractionDigits", "min", "max"] }, { kind: "component", type: SliderField, selector: "mt-slider-field", inputs: ["field", "label", "animate", "class", "min", "max", "step", "hideNumber", "unit", "readonly", "pInputs"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: MultiSelectField, selector: "mt-multi-select-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "display"], outputs: ["onChange"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "placeholder", "class", "readonly", "pInputs"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DynamicField, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-dynamic-field', standalone: true, imports: [
+                        TextField,
+                        TextareaField,
+                        SelectField,
+                        DateField,
+                        NumberField,
+                        SliderField,
+                        MultiSelectField,
+                        CheckboxField,
+                        ReactiveFormsModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "@switch (transformedFieldConfig().type) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DynamicField };
+//# sourceMappingURL=masterteam-forms-dynamic-field.mjs.map

package/fesm2022/masterteam-forms-dynamic-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-forms-dynamic-field.mjs","sources":["../../../../packages/masterteam/forms/dynamic-field/dynamic-field.ts","../../../../packages/masterteam/forms/dynamic-field/dynamic-field.html","../../../../packages/masterteam/forms/dynamic-field/masterteam-forms-dynamic-field.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  computed,\n  ChangeDetectionStrategy,\n  Signal,\n  inject,\n} from '@angular/core';\nimport {\n  ReactiveFormsModule,\n  ControlContainer,\n  FormGroupDirective,\n} from '@angular/forms';\nimport { TextField } from '@masterteam/components/text-field';\nimport { TextareaField } from '@masterteam/components/textarea-field';\nimport { SelectField } from '@masterteam/components/select-field';\nimport { DateField } from '@masterteam/components/date-field';\nimport { NumberField } from '@masterteam/components/number-field';\nimport { SliderField } from '@masterteam/components/slider-field';\nimport { MultiSelectField } from '@masterteam/components/multi-select-field';\nimport { CheckboxField } from '@masterteam/components/checkbox-field';\nimport {\n  TextFieldConfig,\n  TextareaFieldConfig,\n  SelectFieldConfig,\n  DateFieldConfig,\n  NumberFieldConfig,\n  SliderFieldConfig,\n  MultiSelectFieldConfig,\n  CheckboxFieldConfig,\n  DynamicFieldConfig,\n} from '@masterteam/components';\n\n@Component({\n  selector: 'mt-dynamic-field',\n  standalone: true,\n  imports: [\n    TextField,\n    TextareaField,\n    SelectField,\n    DateField,\n    NumberField,\n    SliderField,\n    MultiSelectField,\n    CheckboxField,\n    ReactiveFormsModule,\n  ],\n  templateUrl: './dynamic-field.html',\n  styleUrls: ['./dynamic-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  viewProviders: [\n    { provide: ControlContainer, useExisting: FormGroupDirective },\n  ],\n})\nexport class DynamicField {\n  // Input signal with transform to handle class for text type\n  readonly fieldConfig = input.required<DynamicFieldConfig>();\n\n  // Computed property for transformed field config\n  readonly transformedFieldConfig: Signal<DynamicFieldConfig> = computed(() =>\n    this.transformToFieldConfig(this.fieldConfig()),\n  );\n\n  // Inject ControlContainer to connect directly with parent form\n  private controlContainer = inject(ControlContainer);\n\n  // Input for the form control name\n  readonly fieldName = input.required<string>();\n  constructor() {}\n\n  private transformToFieldConfig(value: any): DynamicFieldConfig {\n    // If it's a plain object, transform it to appropriate field config\n    if (typeof value === 'object') {\n      if (value.type === 'text') {\n        return new TextFieldConfig(value);\n      }\n      if (value.type === 'textarea') {\n        return new TextareaFieldConfig(value);\n      }\n      if (value.type === 'select') {\n        return new SelectFieldConfig(value);\n      }\n      if (value.type === 'date') {\n        return new DateFieldConfig(value);\n      }\n      if (value.type === 'number') {\n        return new NumberFieldConfig(value);\n      }\n      if (value.type === 'slider') {\n        return new SliderFieldConfig(value);\n      }\n      if (value.type === 'multi-select') {\n        return new MultiSelectFieldConfig(value);\n      }\n      if (value.type === 'checkbox') {\n        return new CheckboxFieldConfig(value);\n      }\n    }\n\n    // Default fallback to TextFieldConfig\n    return new TextFieldConfig({\n      ...value,\n    });\n  }\n}\n","@switch (transformedFieldConfig().type) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-forms-dynamic-form.mjs

@@ -0,0 +1,174 @@
+import * as i0 from '@angular/core';
+import { inject, input, effect, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormBuilder, FormGroup, Validators, ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { DynamicField } from '@masterteam/forms/dynamic-field';
+import { SortPipe } from '@masterteam/forms/pipes';
+import { createCustomValidator, wrapValidatorWithMessage } from '@masterteam/components';
+
+class DynamicForm {
+    fb = inject(FormBuilder);
+    formConfig = input.required(...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    form = new FormGroup({});
+    // ControlValueAccessor implementation
+    onChange = (_value) => { };
+    onTouched = () => { };
+    onValidatorChange = () => { };
+    // private disabled = false;
+    formSubscription;
+    statusSubscription;
+    constructor() {
+        // Effect to rebuild form when config changes
+        effect(() => {
+            this.buildForm();
+        });
+    }
+    registerOnValidatorChange(fn) {
+        this.onValidatorChange = fn;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    buildForm() {
+        // Clean up previous subscriptions
+        if (this.formSubscription) {
+            this.formSubscription.unsubscribe();
+        }
+        if (this.statusSubscription) {
+            this.statusSubscription.unsubscribe();
+        }
+        const formControls = {};
+        this.formConfig().sections.forEach((section) => {
+            section.fields.forEach((field) => {
+                if (field.key) {
+                    const validators = this.buildValidators(field.validators || []);
+                    const control = this.fb.control({
+                        value: field.defaultValue || '',
+                        disabled: field.disabled || false,
+                    }, validators);
+                    formControls[field.key] = control;
+                }
+            });
+        });
+        this.form = this.fb.group(formControls);
+        // Subscribe to form value changes
+        this.formSubscription = this.form.valueChanges.subscribe((value) => {
+            this.onChange(value);
+        });
+        // Trigger initial validation state
+        this.onValidatorChange();
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        if (value && this.form) {
+            this.form.patchValue(value, { emitEvent: false });
+        }
+    }
+    validate(_control) {
+        if (!this.form) {
+            return null;
+        }
+        // Return the form's errors if invalid, null if valid
+        return this.form.valid ? null : { invalidForm: true };
+    }
+    buildValidators(validatorConfigs) {
+        const validators = [];
+        validatorConfigs.forEach((config) => {
+            let validator = null;
+            switch (config.type) {
+                case 'required':
+                    validator = Validators.required;
+                    break;
+                case 'email':
+                    validator = Validators.email;
+                    break;
+                case 'minLength':
+                    if (config.value) {
+                        validator = Validators.minLength(config.value);
+                    }
+                    break;
+                case 'maxLength':
+                    if (config.value) {
+                        validator = Validators.maxLength(config.value);
+                    }
+                    break;
+                case 'min':
+                    if (config.value !== undefined) {
+                        validator = Validators.min(config.value);
+                    }
+                    break;
+                case 'max':
+                    if (config.value !== undefined) {
+                        validator = Validators.max(config.value);
+                    }
+                    break;
+                case 'pattern':
+                    if (config.value) {
+                        validator = Validators.pattern(config.value);
+                    }
+                    break;
+                case 'custom':
+                    if (config.customValidator) {
+                        validators.push(createCustomValidator(config.customValidator, config.message));
+                    }
+                    break;
+            }
+            // If we have a validator and a custom message, wrap it
+            if (validator && config.message) {
+                validators.push(wrapValidatorWithMessage(validator, config.type, config.message));
+            }
+            else if (validator) {
+                validators.push(validator);
+            }
+        });
+        return validators;
+    }
+    ngOnDestroy() {
+        // Clean up subscriptions
+        if (this.formSubscription) {
+            this.formSubscription.unsubscribe();
+        }
+        if (this.statusSubscription) {
+            this.statusSubscription.unsubscribe();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DynamicForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: DynamicForm, isStandalone: true, selector: "mt-dynamic-form", inputs: { formConfig: { classPropertyName: "formConfig", publicName: "formConfig", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DynamicForm),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => DynamicForm),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6 max-w-4xl mx-auto p-4\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      <div\n        [class]=\"\n          section.cssClass ||\n          formConfig().layout?.sectionClass ||\n          'flex flex-col gap-4'\n        \"\n      >\n        @if (section.type === \"header\" && section.label) {\n          <h3\n            [class]=\"\n              section?.headerClass ||\n              'text-xl font-semibold text-gray-800 border-b-2 border-gray-200 pb-2 mb-4'\n            \"\n          >\n            {{ section.label }}\n          </h3>\n        }\n\n        <div\n          [class]=\"\n            section?.bodyClass ||\n            'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-start'\n          \"\n        >\n          @for (field of section.fields | sort: \"order\"; track field.key) {\n            <div\n              [class]=\"\n                field.cssClass ||\n                formConfig().layout?.fieldClass ||\n                'flex flex-col gap-1'\n              \"\n              [hidden]=\"field.hidden\"\n            >\n              <mt-dynamic-field\n                [fieldConfig]=\"field\"\n                [fieldName]=\"field.key!\"\n              />\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicField, selector: "mt-dynamic-field", inputs: ["fieldConfig", "fieldName"] }, { kind: "pipe", type: SortPipe, name: "sort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DynamicForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicField, SortPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DynamicForm),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => DynamicForm),
+                            multi: true,
+                        },
+                    ], template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6 max-w-4xl mx-auto p-4\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      <div\n        [class]=\"\n          section.cssClass ||\n          formConfig().layout?.sectionClass ||\n          'flex flex-col gap-4'\n        \"\n      >\n        @if (section.type === \"header\" && section.label) {\n          <h3\n            [class]=\"\n              section?.headerClass ||\n              'text-xl font-semibold text-gray-800 border-b-2 border-gray-200 pb-2 mb-4'\n            \"\n          >\n            {{ section.label }}\n          </h3>\n        }\n\n        <div\n          [class]=\"\n            section?.bodyClass ||\n            'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-start'\n          \"\n        >\n          @for (field of section.fields | sort: \"order\"; track field.key) {\n            <div\n              [class]=\"\n                field.cssClass ||\n                formConfig().layout?.fieldClass ||\n                'flex flex-col gap-1'\n              \"\n              [hidden]=\"field.hidden\"\n            >\n              <mt-dynamic-field\n                [fieldConfig]=\"field\"\n                [fieldName]=\"field.key!\"\n              />\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</form>\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DynamicForm };
+//# sourceMappingURL=masterteam-forms-dynamic-form.mjs.map

package/fesm2022/masterteam-forms-dynamic-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-forms-dynamic-form.mjs","sources":["../../../../packages/masterteam/forms/dynamic-form/dynamic-form.ts","../../../../packages/masterteam/forms/dynamic-form/dynamic-form.html","../../../../packages/masterteam/forms/dynamic-form/masterteam-forms-dynamic-form.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  effect,\n  ChangeDetectionStrategy,\n  OnDestroy,\n  forwardRef,\n  inject,\n} from '@angular/core';\nimport {\n  FormBuilder,\n  FormGroup,\n  ReactiveFormsModule,\n  Validators,\n  AbstractControl,\n  ValidatorFn,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  Validator,\n  ValidationErrors,\n  NG_VALIDATORS,\n} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\nimport { SortPipe } from '@masterteam/forms/pipes';\n// import { SortPipe } from '../pipes/sort.pipe';\nimport {\n  DynamicFormConfig,\n  ValidatorConfig,\n  createCustomValidator,\n  wrapValidatorWithMessage,\n} from '@masterteam/components';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'mt-dynamic-form',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, DynamicField, SortPipe],\n  templateUrl: './dynamic-form.html',\n  styleUrls: ['./dynamic-form.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DynamicForm),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => DynamicForm),\n      multi: true,\n    },\n  ],\n})\nexport class DynamicForm implements OnDestroy, ControlValueAccessor, Validator {\n  private fb = inject(FormBuilder);\n\n  readonly formConfig = input.required<DynamicFormConfig>();\n\n  form = new FormGroup({});\n\n  // ControlValueAccessor implementation\n  private onChange = (_value: any) => {};\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n  // private disabled = false;\n  private formSubscription?: Subscription;\n  private statusSubscription?: Subscription;\n\n  constructor() {\n    // Effect to rebuild form when config changes\n    effect(() => {\n      this.buildForm();\n    });\n  }\n\n  registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n  registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  private buildForm() {\n    // Clean up previous subscriptions\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n    if (this.statusSubscription) {\n      this.statusSubscription.unsubscribe();\n    }\n\n    const formControls: { [key: string]: AbstractControl } = {};\n\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (field.key) {\n          const validators = this.buildValidators(field.validators || []);\n          const control = this.fb.control(\n            {\n              value: field.defaultValue || '',\n              disabled: field.disabled || false,\n            },\n            validators,\n          );\n          formControls[field.key] = control;\n        }\n      });\n    });\n\n    this.form = this.fb.group(formControls);\n\n    // Subscribe to form value changes\n    this.formSubscription = this.form.valueChanges.subscribe((value) => {\n      this.onChange(value);\n    });\n\n    // Trigger initial validation state\n    this.onValidatorChange();\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: any): void {\n    if (value && this.form) {\n      this.form.patchValue(value, { emitEvent: false });\n    }\n  }\n\n  validate(_control: AbstractControl): ValidationErrors | null {\n    if (!this.form) {\n      return null;\n    }\n    // Return the form's errors if invalid, null if valid\n    return this.form.valid ? null : { invalidForm: true };\n  }\n\n  private buildValidators(validatorConfigs: ValidatorConfig[]): ValidatorFn[] {\n    const validators: ValidatorFn[] = [];\n\n    validatorConfigs.forEach((config) => {\n      let validator: ValidatorFn | null = null;\n\n      switch (config.type) {\n        case 'required':\n          validator = Validators.required;\n          break;\n        case 'email':\n          validator = Validators.email;\n          break;\n        case 'minLength':\n          if (config.value) {\n            validator = Validators.minLength(config.value);\n          }\n          break;\n        case 'maxLength':\n          if (config.value) {\n            validator = Validators.maxLength(config.value);\n          }\n          break;\n        case 'min':\n          if (config.value !== undefined) {\n            validator = Validators.min(config.value);\n          }\n          break;\n        case 'max':\n          if (config.value !== undefined) {\n            validator = Validators.max(config.value);\n          }\n          break;\n        case 'pattern':\n          if (config.value) {\n            validator = Validators.pattern(config.value);\n          }\n          break;\n        case 'custom':\n          if (config.customValidator) {\n            validators.push(\n              createCustomValidator(config.customValidator, config.message),\n            );\n          }\n          break;\n      }\n\n      // If we have a validator and a custom message, wrap it\n      if (validator && config.message) {\n        validators.push(\n          wrapValidatorWithMessage(validator, config.type, config.message),\n        );\n      } else if (validator) {\n        validators.push(validator);\n      }\n    });\n\n    return validators;\n  }\n\n  ngOnDestroy(): void {\n    // Clean up subscriptions\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n    if (this.statusSubscription) {\n      this.statusSubscription.unsubscribe();\n    }\n  }\n}\n","<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6 max-w-4xl mx-auto p-4\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      <div\n        [class]=\"\n          section.cssClass ||\n          formConfig().layout?.sectionClass ||\n          'flex flex-col gap-4'\n        \"\n      >\n        @if (section.type === \"header\" && section.label) {\n          <h3\n            [class]=\"\n              section?.headerClass ||\n              'text-xl font-semibold text-gray-800 border-b-2 border-gray-200 pb-2 mb-4'\n            \"\n          >\n            {{ section.label }}\n          </h3>\n        }\n\n        <div\n          [class]=\"\n            section?.bodyClass ||\n            'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-start'\n          \"\n        >\n          @for (field of section.fields | sort: \"order\"; track field.key) {\n            <div\n              [class]=\"\n                field.cssClass ||\n                formConfig().layout?.fieldClass ||\n                'flex flex-col gap-1'\n              \"\n              [hidden]=\"field.hidden\"\n            >\n              <mt-dynamic-field\n                [fieldConfig]=\"field\"\n                [fieldName]=\"field.key!\"\n              />\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-forms-pipes.mjs

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { Pipe } from '@angular/core';
+
+class SortPipe {
+    transform(array, keySort = 'order', direction = 'asc') {
+        if (!array || !Array.isArray(array)) {
+            return [];
+        }
+        return [...array].sort((a, b) => {
+            const aValue = this.getNestedValue(a, keySort);
+            const bValue = this.getNestedValue(b, keySort);
+            // Handle null/undefined values - they should go to the end
+            if (aValue == null && bValue == null)
+                return 0;
+            if (aValue == null)
+                return 1;
+            if (bValue == null)
+                return -1;
+            let comparison = 0;
+            if (typeof aValue === 'string' && typeof bValue === 'string') {
+                comparison = aValue.localeCompare(bValue);
+            }
+            else if (typeof aValue === 'number' && typeof bValue === 'number') {
+                comparison = aValue - bValue;
+            }
+            else {
+                // Convert to string for comparison
+                const aStr = String(aValue);
+                const bStr = String(bValue);
+                comparison = aStr.localeCompare(bStr);
+            }
+            return direction === 'desc' ? -comparison : comparison;
+        });
+    }
+    getNestedValue(obj, path) {
+        return path.split('.').reduce((current, key) => {
+            return current && current[key] !== undefined ? current[key] : 0;
+        }, obj);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: SortPipe, isStandalone: true, name: "sort" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SortPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sort',
+                    standalone: true,
+                    pure: true,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SortPipe };
+//# sourceMappingURL=masterteam-forms-pipes.mjs.map

package/fesm2022/masterteam-forms-pipes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-forms-pipes.mjs","sources":["../../../../packages/masterteam/forms/pipes/sort.pipe.ts","../../../../packages/masterteam/forms/pipes/masterteam-forms-pipes.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'sort',\n  standalone: true,\n  pure: true,\n})\nexport class SortPipe implements PipeTransform {\n  transform<T>(\n    array: T[] | null | undefined,\n    keySort: string = 'order',\n    direction: 'asc' | 'desc' = 'asc',\n  ): T[] {\n    if (!array || !Array.isArray(array)) {\n      return [];\n    }\n\n    return [...array].sort((a, b) => {\n      const aValue = this.getNestedValue(a, keySort);\n      const bValue = this.getNestedValue(b, keySort);\n\n      // Handle null/undefined values - they should go to the end\n      if (aValue == null && bValue == null) return 0;\n      if (aValue == null) return 1;\n      if (bValue == null) return -1;\n\n      let comparison = 0;\n\n      if (typeof aValue === 'string' && typeof bValue === 'string') {\n        comparison = aValue.localeCompare(bValue);\n      } else if (typeof aValue === 'number' && typeof bValue === 'number') {\n        comparison = aValue - bValue;\n      } else {\n        // Convert to string for comparison\n        const aStr = String(aValue);\n        const bStr = String(bValue);\n        comparison = aStr.localeCompare(bStr);\n      }\n\n      return direction === 'desc' ? -comparison : comparison;\n    });\n  }\n\n  private getNestedValue(obj: any, path: string): any {\n    return path.split('.').reduce((current, key) => {\n      return current && current[key] !== undefined ? current[key] : 0;\n    }, obj);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,QAAQ,CAAA;AACnB,IAAA,SAAS,CACP,KAA6B,EAC7B,UAAkB,OAAO,EACzB,YAA4B,KAAK,EAAA;QAEjC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACnC,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC;YAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC;;AAG9C,YAAA,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI;AAAE,gBAAA,OAAO,CAAC;YAC9C,IAAI,MAAM,IAAI,IAAI;AAAE,gBAAA,OAAO,CAAC;YAC5B,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC;YAE7B,IAAI,UAAU,GAAG,CAAC;YAElB,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC5D,gBAAA,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC;YAC3C;iBAAO,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AACnE,gBAAA,UAAU,GAAG,MAAM,GAAG,MAAM;YAC9B;iBAAO;;AAEL,gBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B,gBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B,gBAAA,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACvC;AAEA,YAAA,OAAO,SAAS,KAAK,MAAM,GAAG,CAAC,UAAU,GAAG,UAAU;AACxD,QAAA,CAAC,CAAC;IACJ;IAEQ,cAAc,CAAC,GAAQ,EAAE,IAAY,EAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,GAAG,KAAI;AAC7C,YAAA,OAAO,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACjE,CAAC,EAAE,GAAG,CAAC;IACT;uGAxCW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA;;2FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBALpB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACND;;AAEG;;;;"}

package/fesm2022/masterteam-forms.mjs

@@ -0,0 +1,6 @@
+var publicApi = {};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=masterteam-forms.mjs.map

package/fesm2022/masterteam-forms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-forms.mjs","sources":["../../../../packages/masterteam/forms/src/public-api.ts","../../../../packages/masterteam/forms/src/masterteam-forms.ts"],"sourcesContent":["export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA,gBAAe,EAAE;;ACAjB;;AAEG"}

package/index.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@masterteam/forms",
+  "version": "0.0.1",
+  "publishConfig": {
+    "directory": ".",
+    "linkDirectory": false,
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^20.1.0",
+    "@angular/core": "^20.1.0",
+    "@angular/forms": "^20.1.0",
+    "postcss": "^8.5.6",
+    "@tailwindcss/postcss": "^4.1.11",
+    "tailwindcss": "^4.1.11",
+    "tailwindcss-primeui": "^0.6.1",
+    "primeng": "20.0.0-rc.3",
+    "@primeuix/themes": "^1.2.1",
+    "rxjs": "^7.8.2"
+  },
+  "dependencies": {
+    "@masterteam/components": "x",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/masterteam-forms.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/masterteam-forms.mjs"
+    },
+    "./dynamic-field": {
+      "types": "./dynamic-field/index.d.ts",
+      "default": "./fesm2022/masterteam-forms-dynamic-field.mjs"
+    },
+    "./dynamic-form": {
+      "types": "./dynamic-form/index.d.ts",
+      "default": "./fesm2022/masterteam-forms-dynamic-form.mjs"
+    },
+    "./pipes": {
+      "types": "./pipes/index.d.ts",
+      "default": "./fesm2022/masterteam-forms-pipes.mjs"
+    }
+  }
+}

package/pipes/index.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+
+declare class SortPipe implements PipeTransform {
+    transform<T>(array: T[] | null | undefined, keySort?: string, direction?: 'asc' | 'desc'): T[];
+    private getNestedValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SortPipe, "sort", true>;
+}
+
+export { SortPipe };