@masterteam/forms 0.0.2 → 0.0.3

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

@@ -11,8 +11,12 @@ import { SliderField } from '@masterteam/components/slider-field';
 import { MultiSelectField } from '@masterteam/components/multi-select-field';
 import { CheckboxField } from '@masterteam/components/checkbox-field';
 import { ColorPickerField } from '@masterteam/components/color-picker-field';
-import { TextFieldConfig, TextareaFieldConfig, SelectFieldConfig, DateFieldConfig, NumberFieldConfig, SliderFieldConfig, MultiSelectFieldConfig, CheckboxFieldConfig, IconFieldConfig, ColorPickerFieldConfig } from '@masterteam/components';
+import { TextFieldConfig, TextareaFieldConfig, SelectFieldConfig, DateFieldConfig, NumberFieldConfig, SliderFieldConfig, MultiSelectFieldConfig, CheckboxFieldConfig, RadioButtonFieldConfig, RadioCardsFieldConfig, ToggleFieldConfig, EditorFieldConfig, IconFieldConfig, ColorPickerFieldConfig } from '@masterteam/components';
 import { IconField } from '@masterteam/components/icon-field';
+import { ToggleField } from '@masterteam/components/toggle-field';
+import { RadioCardsField } from '@masterteam/components/radio-cards-field';
+import { RadioButtonField } from '@masterteam/components/radio-button-field';
+import { EditorField } from '@masterteam/components/editor-field';
 
 class DynamicField {
     // Input signal with transform to handle class for text type
@@ -51,6 +55,18 @@ class DynamicField {
             if (value.type === 'checkbox') {
                 return new CheckboxFieldConfig(value);
             }
+            if (value.type === 'radio-button') {
+                return new RadioButtonFieldConfig(value);
+            }
+            if (value.type === 'radio-cards') {
+                return new RadioCardsFieldConfig(value);
+            }
+            if (value.type === 'toggle') {
+                return new ToggleFieldConfig(value);
+            }
+            if (value.type === 'editor-field') {
+                return new EditorFieldConfig(value);
+            }
             if (value.type === 'icon-field') {
                 return new IconFieldConfig(value);
             }
@@ -64,7 +80,7 @@ class DynamicField {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-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", "readonly", "pInputs"], outputs: ["onChange"] }, { kind: "component", type: ColorPickerField, selector: "mt-color-picker-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"] }, { kind: "component", type: IconField, selector: "mt-icon-field", inputs: ["label"] }], viewProviders: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-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", "required"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "format", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SliderField, selector: "mt-slider-field", inputs: ["field", "label", "animate", "class", "min", "max", "step", "hideNumber", "unit", "readonly", "pInputs", "required"], 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", "required"], outputs: ["onChange"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: ColorPickerField, selector: "mt-color-picker-field", inputs: ["label", "placeholder", "class", "readonly", "pInputs", "required"], 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"] }, { kind: "component", type: IconField, selector: "mt-icon-field", inputs: ["label", "required"] }, { kind: "component", type: EditorField, selector: "mt-editor-field", inputs: ["label", "placeholder", "readonly", "theme", "height", "modules", "required"] }, { kind: "component", type: RadioButtonField, selector: "mt-radio-button-field", inputs: ["labelPosition", "readonly", "pInputs", "required", "options", "size", "label"], outputs: ["onChange"] }, { kind: "component", type: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "required", "color", "size", "options"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -82,9 +98,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         ColorPickerField,
                         ReactiveFormsModule,
                         IconField,
+                        EditorField,
+                        RadioButtonField,
+                        RadioCardsField,
+                        ToggleField,
                     ], 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  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
+                    ], 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  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +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 { ColorPickerField } from '@masterteam/components/color-picker-field';\nimport {\n  TextFieldConfig,\n  TextareaFieldConfig,\n  SelectFieldConfig,\n  DateFieldConfig,\n  NumberFieldConfig,\n  SliderFieldConfig,\n  MultiSelectFieldConfig,\n  CheckboxFieldConfig,\n  ColorPickerFieldConfig,\n  DynamicFieldConfig,\n  IconFieldConfig,\n} from '@masterteam/components';\nimport { IconField } from '@masterteam/components/icon-field';\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    ColorPickerField,\n    ReactiveFormsModule,\n    IconField,\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      if (value.type === 'icon-field') {\n        return new IconFieldConfig(value);\n      }\n      if (value.type === 'color-picker') {\n        return new ColorPickerFieldConfig(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  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-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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"}
+{"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 { ColorPickerField } from '@masterteam/components/color-picker-field';\nimport {\n  TextFieldConfig,\n  TextareaFieldConfig,\n  SelectFieldConfig,\n  DateFieldConfig,\n  NumberFieldConfig,\n  SliderFieldConfig,\n  MultiSelectFieldConfig,\n  CheckboxFieldConfig,\n  ColorPickerFieldConfig,\n  DynamicFieldConfig,\n  IconFieldConfig,\n  RadioButtonFieldConfig,\n  RadioCardsFieldConfig,\n  ToggleFieldConfig,\n  EditorFieldConfig,\n} from '@masterteam/components';\nimport { IconField } from '@masterteam/components/icon-field';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport { RadioCardsField } from '@masterteam/components/radio-cards-field';\nimport { RadioButtonField } from '@masterteam/components/radio-button-field';\nimport { EditorField } from '@masterteam/components/editor-field';\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    ColorPickerField,\n    ReactiveFormsModule,\n    IconField,\n    EditorField,\n    RadioButtonField,\n    RadioCardsField,\n    ToggleField,\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      if (value.type === 'radio-button') {\n        return new RadioButtonFieldConfig(value);\n      }\n      if (value.type === 'radio-cards') {\n        return new RadioCardsFieldConfig(value);\n      }\n      if (value.type === 'toggle') {\n        return new ToggleFieldConfig(value);\n      }\n      if (value.type === 'editor-field') {\n        return new EditorFieldConfig(value);\n      }\n      if (value.type === 'icon-field') {\n        return new IconFieldConfig(value);\n      }\n      if (value.type === 'color-picker') {\n        return new ColorPickerFieldConfig(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  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-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":";;;;;;;;;;;;;;;;;;;;MAwEa,YAAY,CAAA;;AAEd,IAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAsB;;AAGlD,IAAA,sBAAsB,GAA+B,QAAQ,CAAC,MACrE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,kEAChD;;AAGO,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAG1C,IAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,oDAAU;AAC7C,IAAA,WAAA,GAAA,EAAe;AAEP,IAAA,sBAAsB,CAAC,KAAU,EAAA;;AAEvC,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE;AACzB,gBAAA,OAAO,IAAI,eAAe,CAAC,KAAK,CAAC;YACnC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;AAC7B,gBAAA,OAAO,IAAI,mBAAmB,CAAC,KAAK,CAAC;YACvC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC3B,gBAAA,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC;YACrC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE;AACzB,gBAAA,OAAO,IAAI,eAAe,CAAC,KAAK,CAAC;YACnC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC3B,gBAAA,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC;YACrC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC3B,gBAAA,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC;YACrC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;AACjC,gBAAA,OAAO,IAAI,sBAAsB,CAAC,KAAK,CAAC;YAC1C;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;AAC7B,gBAAA,OAAO,IAAI,mBAAmB,CAAC,KAAK,CAAC;YACvC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;AACjC,gBAAA,OAAO,IAAI,sBAAsB,CAAC,KAAK,CAAC;YAC1C;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;AAChC,gBAAA,OAAO,IAAI,qBAAqB,CAAC,KAAK,CAAC;YACzC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC3B,gBAAA,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC;YACrC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;AACjC,gBAAA,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC;YACrC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;AAC/B,gBAAA,OAAO,IAAI,eAAe,CAAC,KAAK,CAAC;YACnC;AACA,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;AACjC,gBAAA,OAAO,IAAI,sBAAsB,CAAC,KAAK,CAAC;YAC1C;QACF;;QAGA,OAAO,IAAI,eAAe,CAAC;AACzB,YAAA,GAAG,KAAK;AACT,SAAA,CAAC;IACJ;uGAnEW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxEzB,k9HAoHA,EAAA,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnEI,SAAS,+KACT,aAAa,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,cAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,SAAS,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,gBAAgB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,aAAa,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,gBAAgB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,mBAAmB,uSACnB,SAAS,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,gBAAgB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,eAAe,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAKE;AACb,YAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE;AAC/D,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEU,YAAY,EAAA,UAAA,EAAA,CAAA;kBA3BxB,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP;wBACP,SAAS;wBACT,aAAa;wBACb,WAAW;wBACX,SAAS;wBACT,WAAW;wBACX,WAAW;wBACX,gBAAgB;wBAChB,aAAa;wBACb,gBAAgB;wBAChB,mBAAmB;wBACnB,SAAS;wBACT,WAAW;wBACX,gBAAgB;wBAChB,eAAe;wBACf,WAAW;qBACZ,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC;AACb,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE;AAC/D,qBAAA,EAAA,QAAA,EAAA,k9HAAA,EAAA,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA;;;AEtEH;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/forms",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "publishConfig": {
     "directory": ".",
     "linkDirectory": false,
@@ -14,8 +14,8 @@
     "@tailwindcss/postcss": "^4.1.11",
     "tailwindcss": "^4.1.11",
     "tailwindcss-primeui": "^0.6.1",
-    "primeng": "^20.0.0",
-    "@primeuix/themes": "^1.2.1",
+    "primeng": "^20.0.1",
+    "@primeuix/themes": "^1.2.2",
     "rxjs": "^7.8.2"
   },
   "dependencies": {