@masterteam/forms 0.0.30 → 0.0.32

package/README.md

@@ -1,24 +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';
-```
+# @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/assets/forms.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-gray-200{border-color:var(--color-gray-200)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-color{color:var(--p-text-color)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0),var(--p-enter-translate-y,0),0)scale3d(var(--p-enter-scale,1),var(--p-enter-scale,1),var(--p-enter-scale,1))rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0),var(--p-leave-translate-y,0),0)scale3d(var(--p-leave-scale,1),var(--p-leave-scale,1),var(--p-leave-scale,1))rotate(var(--p-leave-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

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

@@ -95,7 +95,7 @@ class DynamicField {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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      [filter]=\"transformedFieldConfig().filter\"\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 (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\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      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\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  @case (\"upload-file\") {\n    <mt-upload-field\n      [label]=\"transformedFieldConfig().label\"\n      [formControlName]=\"fieldName()\"\n      [shape]=\"transformedFieldConfig().shape\"\n      [size]=\"transformedFieldConfig().size\"\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [endPoint]=\"transformedFieldConfig().endPoint\"\n      [accept]=\"transformedFieldConfig().accept\"\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n      [context]=\"transformedFieldConfig().context\"\n      [title]=\"transformedFieldConfig().title\"\n      [description]=\"transformedFieldConfig().description\"\n    />\n  }\n  @case (\"spacer\") {\n    <div class=\"spacer\"></div>\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", "required", "icon", "iconPosition"] }, { 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: PickListField, selector: "mt-pick-list-field", inputs: ["label", "class", "readonly", "options", "optionLabel", "optionValue", "sourceHeader", "targetHeader", "showSourceControls", "showTargetControls", "showSourceFilter", "showTargetFilter", "filterBy", "dataKey", "filterLocale", "filterMatchMode", "dragdrop", "responsive", "required"] }, { 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", "variant", "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", "orientation", "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"] }, { kind: "component", type: UserSearchField, selector: "mt-user-search-field", inputs: ["hint", "label", "placeholder", "class", "readonly", "required", "apiUrl", "dataKey", "paramName", "context", "size"] }, { kind: "component", type: UploadField, selector: "mt-upload-field", inputs: ["label", "title", "description", "endPoint", "size", "userImgClass", "shape", "accept", "isDragging", "fileSizeLimit", "readonly", "context"], outputs: ["isDraggingChange", "onChange"] }], viewProviders: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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) {\r\n  @case (\"text\") {\r\n    <mt-text-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"textarea\") {\r\n    <mt-textarea-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"select\") {\r\n    <mt-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [filter]=\"transformedFieldConfig().filter\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"date\") {\r\n    <mt-date-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [showTime]=\"transformedFieldConfig().showTime\"\r\n    />\r\n  }\r\n  @case (\"number\") {\r\n    <mt-number-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"multi-select\") {\r\n    <mt-multi-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"pick-list\") {\r\n    <mt-pick-list-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\r\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\r\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\r\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\r\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\r\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\r\n      [filterBy]=\"transformedFieldConfig().filterBy\"\r\n      [dataKey]=\"transformedFieldConfig().dataKey\"\r\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\r\n      [responsive]=\"transformedFieldConfig().responsive\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"user-search\") {\r\n    <mt-user-search-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [hint]=\"transformedFieldConfig().hint || ''\"\r\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"checkbox\") {\r\n    <mt-checkbox-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-button\") {\r\n    <mt-radio-button-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-cards\") {\r\n    <mt-radio-cards-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"toggle\") {\r\n    <mt-toggle-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"icon-field\") {\r\n    <mt-icon-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"color-picker\") {\r\n    <mt-color-picker-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"editor-field\") {\r\n    <mt-editor-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"upload-file\") {\r\n    <mt-upload-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [formControlName]=\"fieldName()\"\r\n      [shape]=\"transformedFieldConfig().shape\"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [endPoint]=\"transformedFieldConfig().endPoint\"\r\n      [accept]=\"transformedFieldConfig().accept\"\r\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [title]=\"transformedFieldConfig().title\"\r\n      [description]=\"transformedFieldConfig().description\"\r\n    />\r\n  }\r\n  @case (\"spacer\") {\r\n    <div class=\"spacer\"></div>\r\n  }\r\n}\r\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", "required", "icon", "iconPosition"] }, { 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", "group", "optionGroupLabel", "optionGroupChildren", "loading"], 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: PickListField, selector: "mt-pick-list-field", inputs: ["label", "class", "readonly", "options", "optionLabel", "optionValue", "sourceHeader", "targetHeader", "showSourceControls", "showTargetControls", "showSourceFilter", "showTargetFilter", "filterBy", "dataKey", "filterLocale", "filterMatchMode", "dragdrop", "responsive", "required"] }, { 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", "variant", "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", "dir", "modules", "required"] }, { kind: "component", type: RadioButtonField, selector: "mt-radio-button-field", inputs: ["labelPosition", "orientation", "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"] }, { kind: "component", type: UserSearchField, selector: "mt-user-search-field", inputs: ["hint", "label", "placeholder", "class", "readonly", "required", "apiUrl", "dataKey", "paramName", "context", "size"] }, { kind: "component", type: UploadField, selector: "mt-upload-field", inputs: ["label", "title", "description", "endPoint", "size", "userImgClass", "shape", "accept", "isDragging", "fileSizeLimit", "readonly", "context"], outputs: ["isDraggingChange", "onChange"] }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         UploadField,
                     ], 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      [filter]=\"transformedFieldConfig().filter\"\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 (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\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      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\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  @case (\"upload-file\") {\n    <mt-upload-field\n      [label]=\"transformedFieldConfig().label\"\n      [formControlName]=\"fieldName()\"\n      [shape]=\"transformedFieldConfig().shape\"\n      [size]=\"transformedFieldConfig().size\"\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [endPoint]=\"transformedFieldConfig().endPoint\"\n      [accept]=\"transformedFieldConfig().accept\"\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n      [context]=\"transformedFieldConfig().context\"\n      [title]=\"transformedFieldConfig().title\"\n      [description]=\"transformedFieldConfig().description\"\n    />\n  }\n  @case (\"spacer\") {\n    <div class=\"spacer\"></div>\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
+                    ], template: "@switch (transformedFieldConfig().type) {\r\n  @case (\"text\") {\r\n    <mt-text-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"textarea\") {\r\n    <mt-textarea-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"select\") {\r\n    <mt-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [filter]=\"transformedFieldConfig().filter\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"date\") {\r\n    <mt-date-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [showTime]=\"transformedFieldConfig().showTime\"\r\n    />\r\n  }\r\n  @case (\"number\") {\r\n    <mt-number-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"multi-select\") {\r\n    <mt-multi-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"pick-list\") {\r\n    <mt-pick-list-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\r\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\r\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\r\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\r\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\r\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\r\n      [filterBy]=\"transformedFieldConfig().filterBy\"\r\n      [dataKey]=\"transformedFieldConfig().dataKey\"\r\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\r\n      [responsive]=\"transformedFieldConfig().responsive\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"user-search\") {\r\n    <mt-user-search-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [hint]=\"transformedFieldConfig().hint || ''\"\r\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"checkbox\") {\r\n    <mt-checkbox-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-button\") {\r\n    <mt-radio-button-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-cards\") {\r\n    <mt-radio-cards-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"toggle\") {\r\n    <mt-toggle-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"icon-field\") {\r\n    <mt-icon-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"color-picker\") {\r\n    <mt-color-picker-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"editor-field\") {\r\n    <mt-editor-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"upload-file\") {\r\n    <mt-upload-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [formControlName]=\"fieldName()\"\r\n      [shape]=\"transformedFieldConfig().shape\"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [endPoint]=\"transformedFieldConfig().endPoint\"\r\n      [accept]=\"transformedFieldConfig().accept\"\r\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [title]=\"transformedFieldConfig().title\"\r\n      [description]=\"transformedFieldConfig().description\"\r\n    />\r\n  }\r\n  @case (\"spacer\") {\r\n    <div class=\"spacer\"></div>\r\n  }\r\n}\r\n", styles: [":host{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fieldConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldConfig", required: true }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: true }] }] } });
 
 /**

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 { PickListField } from '@masterteam/components/pick-list-field';\nimport {\n  TextFieldConfig,\n  TextareaFieldConfig,\n  SelectFieldConfig,\n  DateFieldConfig,\n  NumberFieldConfig,\n  SliderFieldConfig,\n  MultiSelectFieldConfig,\n  PickListFieldConfig,\n  CheckboxFieldConfig,\n  ColorPickerFieldConfig,\n  DynamicFieldConfig,\n  IconFieldConfig,\n  RadioButtonFieldConfig,\n  RadioCardsFieldConfig,\n  ToggleFieldConfig,\n  EditorFieldConfig,\n  UserSearchFieldConfig,\n  UploadFileFieldConfig,\n  SpacerFieldConfig,\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';\nimport { UserSearchField } from '@masterteam/components/user-search-field';\nimport { UploadField } from '@masterteam/components/upload-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    PickListField,\n    CheckboxField,\n    ColorPickerField,\n    ReactiveFormsModule,\n    IconField,\n    EditorField,\n    RadioButtonField,\n    RadioCardsField,\n    ToggleField,\n    UserSearchField,\n    UploadField,\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 === 'pick-list') {\n        return new PickListFieldConfig(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 === 'user-search') {\n        return new UserSearchFieldConfig(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      if (value.type === 'upload-file') {\n        return new UploadFileFieldConfig(value);\n      }\n      if (value.type === 'spacer') {\n        return new SpacerFieldConfig(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      [filter]=\"transformedFieldConfig().filter\"\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 (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\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      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\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  @case (\"upload-file\") {\n    <mt-upload-field\n      [label]=\"transformedFieldConfig().label\"\n      [formControlName]=\"fieldName()\"\n      [shape]=\"transformedFieldConfig().shape\"\n      [size]=\"transformedFieldConfig().size\"\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [endPoint]=\"transformedFieldConfig().endPoint\"\n      [accept]=\"transformedFieldConfig().accept\"\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n      [context]=\"transformedFieldConfig().context\"\n      [title]=\"transformedFieldConfig().title\"\n      [description]=\"transformedFieldConfig().description\"\n    />\n  }\n  @case (\"spacer\") {\n    <div class=\"spacer\"></div>\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 {\r\n  Component,\r\n  input,\r\n  computed,\r\n  ChangeDetectionStrategy,\r\n  Signal,\r\n  inject,\r\n} from '@angular/core';\r\nimport {\r\n  ReactiveFormsModule,\r\n  ControlContainer,\r\n  FormGroupDirective,\r\n} from '@angular/forms';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { TextareaField } from '@masterteam/components/textarea-field';\r\nimport { SelectField } from '@masterteam/components/select-field';\r\nimport { DateField } from '@masterteam/components/date-field';\r\nimport { NumberField } from '@masterteam/components/number-field';\r\nimport { SliderField } from '@masterteam/components/slider-field';\r\nimport { MultiSelectField } from '@masterteam/components/multi-select-field';\r\nimport { CheckboxField } from '@masterteam/components/checkbox-field';\r\nimport { ColorPickerField } from '@masterteam/components/color-picker-field';\r\nimport { PickListField } from '@masterteam/components/pick-list-field';\r\nimport {\r\n  TextFieldConfig,\r\n  TextareaFieldConfig,\r\n  SelectFieldConfig,\r\n  DateFieldConfig,\r\n  NumberFieldConfig,\r\n  SliderFieldConfig,\r\n  MultiSelectFieldConfig,\r\n  PickListFieldConfig,\r\n  CheckboxFieldConfig,\r\n  ColorPickerFieldConfig,\r\n  DynamicFieldConfig,\r\n  IconFieldConfig,\r\n  RadioButtonFieldConfig,\r\n  RadioCardsFieldConfig,\r\n  ToggleFieldConfig,\r\n  EditorFieldConfig,\r\n  UserSearchFieldConfig,\r\n  UploadFileFieldConfig,\r\n  SpacerFieldConfig,\r\n} from '@masterteam/components';\r\nimport { IconField } from '@masterteam/components/icon-field';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { RadioCardsField } from '@masterteam/components/radio-cards-field';\r\nimport { RadioButtonField } from '@masterteam/components/radio-button-field';\r\nimport { EditorField } from '@masterteam/components/editor-field';\r\nimport { UserSearchField } from '@masterteam/components/user-search-field';\r\nimport { UploadField } from '@masterteam/components/upload-field';\r\n\r\n@Component({\r\n  selector: 'mt-dynamic-field',\r\n  standalone: true,\r\n  imports: [\r\n    TextField,\r\n    TextareaField,\r\n    SelectField,\r\n    DateField,\r\n    NumberField,\r\n    SliderField,\r\n    MultiSelectField,\r\n    PickListField,\r\n    CheckboxField,\r\n    ColorPickerField,\r\n    ReactiveFormsModule,\r\n    IconField,\r\n    EditorField,\r\n    RadioButtonField,\r\n    RadioCardsField,\r\n    ToggleField,\r\n    UserSearchField,\r\n    UploadField,\r\n  ],\r\n  templateUrl: './dynamic-field.html',\r\n  styleUrls: ['./dynamic-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  viewProviders: [\r\n    { provide: ControlContainer, useExisting: FormGroupDirective },\r\n  ],\r\n})\r\nexport class DynamicField {\r\n  // Input signal with transform to handle class for text type\r\n  readonly fieldConfig = input.required<DynamicFieldConfig>();\r\n\r\n  // Computed property for transformed field config\r\n  readonly transformedFieldConfig: Signal<DynamicFieldConfig> = computed(() =>\r\n    this.transformToFieldConfig(this.fieldConfig()),\r\n  );\r\n\r\n  // Inject ControlContainer to connect directly with parent form\r\n  private controlContainer = inject(ControlContainer);\r\n\r\n  // Input for the form control name\r\n  readonly fieldName = input.required<string>();\r\n  constructor() {}\r\n\r\n  private transformToFieldConfig(value: any): DynamicFieldConfig {\r\n    // If it's a plain object, transform it to appropriate field config\r\n    if (typeof value === 'object') {\r\n      if (value.type === 'text') {\r\n        return new TextFieldConfig(value);\r\n      }\r\n      if (value.type === 'textarea') {\r\n        return new TextareaFieldConfig(value);\r\n      }\r\n      if (value.type === 'select') {\r\n        return new SelectFieldConfig(value);\r\n      }\r\n      if (value.type === 'date') {\r\n        return new DateFieldConfig(value);\r\n      }\r\n      if (value.type === 'number') {\r\n        return new NumberFieldConfig(value);\r\n      }\r\n      if (value.type === 'slider') {\r\n        return new SliderFieldConfig(value);\r\n      }\r\n      if (value.type === 'multi-select') {\r\n        return new MultiSelectFieldConfig(value);\r\n      }\r\n      if (value.type === 'pick-list') {\r\n        return new PickListFieldConfig(value);\r\n      }\r\n      if (value.type === 'checkbox') {\r\n        return new CheckboxFieldConfig(value);\r\n      }\r\n      if (value.type === 'radio-button') {\r\n        return new RadioButtonFieldConfig(value);\r\n      }\r\n      if (value.type === 'radio-cards') {\r\n        return new RadioCardsFieldConfig(value);\r\n      }\r\n      if (value.type === 'user-search') {\r\n        return new UserSearchFieldConfig(value);\r\n      }\r\n      if (value.type === 'toggle') {\r\n        return new ToggleFieldConfig(value);\r\n      }\r\n      if (value.type === 'editor-field') {\r\n        return new EditorFieldConfig(value);\r\n      }\r\n      if (value.type === 'icon-field') {\r\n        return new IconFieldConfig(value);\r\n      }\r\n      if (value.type === 'color-picker') {\r\n        return new ColorPickerFieldConfig(value);\r\n      }\r\n      if (value.type === 'upload-file') {\r\n        return new UploadFileFieldConfig(value);\r\n      }\r\n      if (value.type === 'spacer') {\r\n        return new SpacerFieldConfig(value);\r\n      }\r\n    }\r\n\r\n    // Default fallback to TextFieldConfig\r\n    return new TextFieldConfig({\r\n      ...value,\r\n    });\r\n  }\r\n}\r\n","@switch (transformedFieldConfig().type) {\r\n  @case (\"text\") {\r\n    <mt-text-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"textarea\") {\r\n    <mt-textarea-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"select\") {\r\n    <mt-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [filter]=\"transformedFieldConfig().filter\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"date\") {\r\n    <mt-date-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [showTime]=\"transformedFieldConfig().showTime\"\r\n    />\r\n  }\r\n  @case (\"number\") {\r\n    <mt-number-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"multi-select\") {\r\n    <mt-multi-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"pick-list\") {\r\n    <mt-pick-list-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\r\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\r\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\r\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\r\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\r\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\r\n      [filterBy]=\"transformedFieldConfig().filterBy\"\r\n      [dataKey]=\"transformedFieldConfig().dataKey\"\r\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\r\n      [responsive]=\"transformedFieldConfig().responsive\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"user-search\") {\r\n    <mt-user-search-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [hint]=\"transformedFieldConfig().hint || ''\"\r\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"checkbox\") {\r\n    <mt-checkbox-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-button\") {\r\n    <mt-radio-button-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-cards\") {\r\n    <mt-radio-cards-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"toggle\") {\r\n    <mt-toggle-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"icon-field\") {\r\n    <mt-icon-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"color-picker\") {\r\n    <mt-color-picker-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"editor-field\") {\r\n    <mt-editor-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"upload-file\") {\r\n    <mt-upload-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [formControlName]=\"fieldName()\"\r\n      [shape]=\"transformedFieldConfig().shape\"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [endPoint]=\"transformedFieldConfig().endPoint\"\r\n      [accept]=\"transformedFieldConfig().accept\"\r\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [title]=\"transformedFieldConfig().title\"\r\n      [description]=\"transformedFieldConfig().description\"\r\n    />\r\n  }\r\n  @case (\"spacer\") {\r\n    <div class=\"spacer\"></div>\r\n  }\r\n}\r\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

@@ -351,7 +351,7 @@ class DynamicForm {
                 useExisting: forwardRef(() => DynamicForm),
                 multi: true,
             },
-        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\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-color border-b-2 border-gray-200 pb-2 mb-4'\n            \"\n          >\n            {{ section.label }}\n          </h3>\n        }\n\n        <div\n          [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n          [style]=\"\n            !section?.bodyClass\n              ? sectionGridStyles()[section.key || 'section-' + $index]\n              : {}\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              [style]=\"fieldColSpanStyles()[field.key!]\"\n              [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n            >\n              @if (field.type === \"spacer\") {\n                <mt-dynamic-field\n                  [fieldConfig]=\"field\"\n                  [fieldName]=\"field.key!\"\n                />\n              } @else if (field.key!.includes(\".\")) {\n                <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                @let parentKey = field.key!.split(\".\")[0];\n                @let childKey = field.key!.split(\".\")[1];\n                <form [formGroup]=\"form.get(parentKey)\">\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"childKey\"\n                  />\n                </form>\n              } @else {\n                <!-- Handle regular fields -->\n                <mt-dynamic-field\n                  [fieldConfig]=\"field\"\n                  [fieldName]=\"field.key!\"\n                />\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],[formArray],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" }] });
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n  <div\r\n    class=\"flex flex-col gap-6\"\r\n    [class]=\"formConfig().layout?.containerClass\"\r\n  >\r\n    @for (\r\n      section of formConfig().sections | sort: \"order\";\r\n      track section.key || $index\r\n    ) {\r\n      <div\r\n        [class]=\"\r\n          section.cssClass ||\r\n          formConfig().layout?.sectionClass ||\r\n          'flex flex-col gap-4'\r\n        \"\r\n      >\r\n        @if (section.type === \"header\" && section.label) {\r\n          <h3\r\n            [class]=\"\r\n              section?.headerClass ||\r\n              'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\r\n            \"\r\n          >\r\n            {{ section.label }}\r\n          </h3>\r\n        }\r\n\r\n        <div\r\n          [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\r\n          [style]=\"\r\n            !section?.bodyClass\r\n              ? sectionGridStyles()[section.key || 'section-' + $index]\r\n              : {}\r\n          \"\r\n        >\r\n          @for (field of section.fields | sort: \"order\"; track field.key) {\r\n            <div\r\n              [class]=\"\r\n                field.cssClass ||\r\n                formConfig().layout?.fieldClass ||\r\n                'flex flex-col gap-1'\r\n              \"\r\n              [style]=\"fieldColSpanStyles()[field.key!]\"\r\n              [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\r\n            >\r\n              @if (field.type === \"spacer\") {\r\n                <mt-dynamic-field\r\n                  [fieldConfig]=\"field\"\r\n                  [fieldName]=\"field.key!\"\r\n                />\r\n              } @else if (field.key!.includes(\".\")) {\r\n                <!-- Handle nested fields (e.g., name.ar, name.en) -->\r\n                @let parentKey = field.key!.split(\".\")[0];\r\n                @let childKey = field.key!.split(\".\")[1];\r\n                <form [formGroup]=\"form.get(parentKey)\">\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"childKey\"\r\n                  />\r\n                </form>\r\n              } @else {\r\n                <!-- Handle regular fields -->\r\n                <mt-dynamic-field\r\n                  [fieldConfig]=\"field\"\r\n                  [fieldName]=\"field.key!\"\r\n                />\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</form>\r\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],[formArray],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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicForm, decorators: [{
             type: Component,
@@ -366,7 +366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                             useExisting: forwardRef(() => DynamicForm),
                             multi: true,
                         },
-                    ], template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\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-color border-b-2 border-gray-200 pb-2 mb-4'\n            \"\n          >\n            {{ section.label }}\n          </h3>\n        }\n\n        <div\n          [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n          [style]=\"\n            !section?.bodyClass\n              ? sectionGridStyles()[section.key || 'section-' + $index]\n              : {}\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              [style]=\"fieldColSpanStyles()[field.key!]\"\n              [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n            >\n              @if (field.type === \"spacer\") {\n                <mt-dynamic-field\n                  [fieldConfig]=\"field\"\n                  [fieldName]=\"field.key!\"\n                />\n              } @else if (field.key!.includes(\".\")) {\n                <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                @let parentKey = field.key!.split(\".\")[0];\n                @let childKey = field.key!.split(\".\")[1];\n                <form [formGroup]=\"form.get(parentKey)\">\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"childKey\"\n                  />\n                </form>\n              } @else {\n                <!-- Handle regular fields -->\n                <mt-dynamic-field\n                  [fieldConfig]=\"field\"\n                  [fieldName]=\"field.key!\"\n                />\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</form>\n" }]
+                    ], template: "<form [formGroup]=\"form\">\r\n  <div\r\n    class=\"flex flex-col gap-6\"\r\n    [class]=\"formConfig().layout?.containerClass\"\r\n  >\r\n    @for (\r\n      section of formConfig().sections | sort: \"order\";\r\n      track section.key || $index\r\n    ) {\r\n      <div\r\n        [class]=\"\r\n          section.cssClass ||\r\n          formConfig().layout?.sectionClass ||\r\n          'flex flex-col gap-4'\r\n        \"\r\n      >\r\n        @if (section.type === \"header\" && section.label) {\r\n          <h3\r\n            [class]=\"\r\n              section?.headerClass ||\r\n              'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\r\n            \"\r\n          >\r\n            {{ section.label }}\r\n          </h3>\r\n        }\r\n\r\n        <div\r\n          [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\r\n          [style]=\"\r\n            !section?.bodyClass\r\n              ? sectionGridStyles()[section.key || 'section-' + $index]\r\n              : {}\r\n          \"\r\n        >\r\n          @for (field of section.fields | sort: \"order\"; track field.key) {\r\n            <div\r\n              [class]=\"\r\n                field.cssClass ||\r\n                formConfig().layout?.fieldClass ||\r\n                'flex flex-col gap-1'\r\n              \"\r\n              [style]=\"fieldColSpanStyles()[field.key!]\"\r\n              [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\r\n            >\r\n              @if (field.type === \"spacer\") {\r\n                <mt-dynamic-field\r\n                  [fieldConfig]=\"field\"\r\n                  [fieldName]=\"field.key!\"\r\n                />\r\n              } @else if (field.key!.includes(\".\")) {\r\n                <!-- Handle nested fields (e.g., name.ar, name.en) -->\r\n                @let parentKey = field.key!.split(\".\")[0];\r\n                @let childKey = field.key!.split(\".\")[1];\r\n                <form [formGroup]=\"form.get(parentKey)\">\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"childKey\"\r\n                  />\r\n                </form>\r\n              } @else {\r\n                <!-- Handle regular fields -->\r\n                <mt-dynamic-field\r\n                  [fieldConfig]=\"field\"\r\n                  [fieldName]=\"field.key!\"\r\n                />\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</form>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { formConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "formConfig", required: true }] }] } });
 
 /**

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

@@ -1 +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  OnDestroy,\n  forwardRef,\n  inject,\n  signal,\n  computed,\n  untracked,\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  FieldState,\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  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  private formBuilt = signal(false);\n  private initValue = signal<any>({});\n\n  // ControlValueAccessor implementation\n  private onChange = (_value: any) => {};\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n  private formSubscription?: Subscription;\n  private fieldStates = signal<Record<string, FieldState>>({});\n  private readonly DEFAULT_GRID_COLUMNS = 12;\n\n  // Computed signal for field visibility - better performance\n  readonly hiddenFields = computed(() => {\n    const states = this.fieldStates();\n    const hidden: Record<string, boolean> = {};\n    Object.keys(states).forEach((key) => {\n      hidden[key] = states[key].hidden;\n    });\n    return hidden;\n  });\n\n  readonly fieldColSpanStyles = computed(() => {\n    const styles: Record<string, { [key: string]: string }> = {};\n    const config = this.formConfig();\n\n    config.sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (!field.key) return;\n        if (!field.cssClass && !section.cssClass) {\n          styles[field.key] = {\n            'grid-column': this.getColSpanStyleValue(field.colSpan),\n          };\n        }\n      });\n    });\n\n    return styles;\n  });\n\n  readonly sectionGridStyles = computed(() => {\n    const styles: Record<string, { [key: string]: string }> = {};\n    const config = this.formConfig();\n\n    config.sections.forEach((section, index) => {\n      if (section.bodyClass) return;\n      const key = section.key || `section-${index}`;\n      const cols = section.columns || this.DEFAULT_GRID_COLUMNS;\n      styles[key] = {\n        'grid-template-columns': `repeat(${cols}, minmax(0, 1fr))`,\n      };\n    });\n\n    return styles;\n  });\n\n  constructor() {\n    // Effect to rebuild form when config changes\n    effect(() => {\n      this.buildForm();\n      this.formBuilt.set(true);\n      const initValue = untracked(() => this.initValue());\n      if (initValue && Object.keys(initValue)?.length > 0) {\n        this.form.patchValue(initValue, { emitEvent: false });\n        this.initValue.set(null);\n        this.evaluateRelations();\n        this.onChange(this.form.getRawValue());\n      }\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    if (this.formBuilt()) {\n      return;\n    }\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n\n    const formControls: { [key: string]: AbstractControl } = {};\n    const fieldStateMap: Record<string, FieldState> = {};\n\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (field.type === 'spacer') {\n          return;\n        }\n\n        if (field.key) {\n          // Calculate default state from relations\n          const defaultState = this.getDefaultFieldState(field);\n\n          fieldStateMap[field.key] = {\n            hidden: defaultState.hidden,\n            disabled: defaultState.disabled,\n          };\n\n          const validators = this.buildValidators(field.validators || []);\n\n          // Check if field key contains dot notation (e.g., \"name.ar\", \"name.en\")\n          if (field.key.includes('.')) {\n            const [parentKey, childKey] = field.key.split('.');\n\n            // Create or get the parent FormGroup\n            if (!formControls[parentKey]) {\n              formControls[parentKey] = this.fb.group({});\n            }\n\n            const parentGroup = formControls[parentKey] as FormGroup;\n\n            // Add the child control to the parent group\n            const control = this.fb.control(\n              {\n                value: null,\n                disabled: defaultState.disabled,\n              },\n              validators,\n            );\n\n            parentGroup.addControl(childKey, control);\n          } else {\n            // Regular field without nesting\n            const control = this.fb.control(\n              {\n                value: null,\n                disabled: defaultState.disabled,\n              },\n              validators,\n            );\n            formControls[field.key] = control;\n          }\n        }\n      });\n    });\n\n    this.form = this.fb.group(formControls);\n    this.fieldStates.set(fieldStateMap);\n\n    // Subscribe to form value changes and evaluate all relations\n    this.formSubscription = this.form.valueChanges.subscribe(() => {\n      this.evaluateRelations();\n      this.onChange(this.form.getRawValue());\n    });\n\n    // Evaluate initial relations state\n    this.evaluateRelations();\n\n    // Trigger initial validation state\n    // this.onValidatorChange();\n    // this.onChange(this.form.getRawValue());\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: any): void {\n    if (value && this.form && this.formBuilt()) {\n      this.form.patchValue(value, { emitEvent: false });\n      this.evaluateRelations();\n      this.onChange(this.form.getRawValue());\n    } else if (value && !this.formBuilt()) {\n      this.initValue.set(value);\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  /**\n   * Calculate default field state based on relations\n   * If field has 'show' action → start hidden (opposite)\n   * If field has 'enable' action → start disabled (opposite)\n   */\n  private getDefaultFieldState(field: any): {\n    hidden: boolean;\n    disabled: boolean;\n  } {\n    let hidden = !!field.hidden;\n    let disabled = !!field.disabled;\n\n    // If has relations, set opposite state\n    if (field.relations?.length) {\n      field.relations.forEach((relation: any) => {\n        if (relation.action === 'show') {\n          hidden = true;\n        } else if (relation.action === 'hide') {\n          hidden = false;\n        } else if (relation.action === 'enable') {\n          disabled = true;\n        } else if (relation.action === 'disable') {\n          disabled = false;\n        }\n      });\n    }\n\n    return { hidden, disabled };\n  }\n\n  /**\n   * Evaluate all relations - runs on every form change\n   * Simple: if dependency matches → apply action, else apply opposite\n   */\n  private evaluateRelations() {\n    const newStates: Record<string, FieldState> = {};\n\n    // Process all fields with relations\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (!field.key) {\n          return;\n        }\n\n        // Calculate default state\n        const defaultState = this.getDefaultFieldState(field);\n\n        // Start with default\n        newStates[field.key] = {\n          hidden: defaultState.hidden,\n          disabled: defaultState.disabled,\n        };\n\n        // If has relations, check and apply\n        if (field.relations?.length) {\n          field.relations.forEach((relation) => {\n            const dependencyControl = this.form.get(relation.key);\n            if (!dependencyControl) {\n              return;\n            }\n\n            const matches = this.doesRelationMatch(\n              dependencyControl.value,\n              relation.value,\n            );\n\n            // If matches, apply the action\n            if (matches) {\n              const state = newStates[field.key!];\n              switch (relation.action) {\n                case 'show':\n                  state.hidden = false;\n                  break;\n                case 'hide':\n                  state.hidden = true;\n                  break;\n                case 'enable':\n                  state.disabled = false;\n                  break;\n                case 'disable':\n                  state.disabled = true;\n                  break;\n              }\n            }\n          });\n        }\n      });\n    });\n\n    // Update states\n    this.fieldStates.set(newStates);\n\n    // Sync form controls and clear values when disabled/hidden\n    Object.keys(newStates).forEach((key) => {\n      const control = this.form.get(key);\n      if (!control) {\n        return;\n      }\n\n      const state = newStates[key];\n\n      // Handle disabled state changes\n      if (state.disabled && !control.disabled) {\n        control.disable({ emitEvent: false });\n        control.reset(undefined, { emitEvent: false }); // Clear value when disabled\n      } else if (!state.disabled && control.disabled) {\n        control.enable({ emitEvent: false });\n      }\n\n      // Clear value when hidden\n      if (state.hidden && control.value) {\n        control.reset(undefined, { emitEvent: false }); // Clear value when hidden\n      }\n    });\n  }\n\n  private doesRelationMatch(sourceValue: any, targetValue: any): boolean {\n    if (Array.isArray(sourceValue)) {\n      if (Array.isArray(targetValue)) {\n        return targetValue.every((value) => sourceValue.includes(value));\n      }\n      return sourceValue.includes(targetValue);\n    }\n    return sourceValue === targetValue;\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  private getColSpanStyleValue(colSpan?: number | any): string {\n    if (!colSpan) {\n      return `span ${this.DEFAULT_GRID_COLUMNS} / span ${this.DEFAULT_GRID_COLUMNS}`;\n    }\n\n    if (typeof colSpan === 'number') {\n      return `span ${colSpan} / span ${colSpan}`;\n    }\n\n    const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n    const span =\n      breakpointKeys\n        .map((key) => colSpan[key])\n        .find((value) => value !== undefined) ?? this.DEFAULT_GRID_COLUMNS;\n\n    return `span ${span} / span ${span}`;\n  }\n\n  ngOnDestroy(): void {\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n  }\n}\n","<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\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-color border-b-2 border-gray-200 pb-2 mb-4'\n            \"\n          >\n            {{ section.label }}\n          </h3>\n        }\n\n        <div\n          [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n          [style]=\"\n            !section?.bodyClass\n              ? sectionGridStyles()[section.key || 'section-' + $index]\n              : {}\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              [style]=\"fieldColSpanStyles()[field.key!]\"\n              [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n            >\n              @if (field.type === \"spacer\") {\n                <mt-dynamic-field\n                  [fieldConfig]=\"field\"\n                  [fieldName]=\"field.key!\"\n                />\n              } @else if (field.key!.includes(\".\")) {\n                <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                @let parentKey = field.key!.split(\".\")[0];\n                @let childKey = field.key!.split(\".\")[1];\n                <form [formGroup]=\"form.get(parentKey)\">\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"childKey\"\n                  />\n                </form>\n              } @else {\n                <!-- Handle regular fields -->\n                <mt-dynamic-field\n                  [fieldConfig]=\"field\"\n                  [fieldName]=\"field.key!\"\n                />\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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"}
+{"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 {\r\n  Component,\r\n  input,\r\n  effect,\r\n  OnDestroy,\r\n  forwardRef,\r\n  inject,\r\n  signal,\r\n  computed,\r\n  untracked,\r\n} from '@angular/core';\r\nimport {\r\n  FormBuilder,\r\n  FormGroup,\r\n  ReactiveFormsModule,\r\n  Validators,\r\n  AbstractControl,\r\n  ValidatorFn,\r\n  ControlValueAccessor,\r\n  NG_VALUE_ACCESSOR,\r\n  Validator,\r\n  ValidationErrors,\r\n  NG_VALIDATORS,\r\n} from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\r\nimport { SortPipe } from '@masterteam/forms/pipes';\r\n// import { SortPipe } from '../pipes/sort.pipe';\r\nimport {\r\n  DynamicFormConfig,\r\n  ValidatorConfig,\r\n  createCustomValidator,\r\n  wrapValidatorWithMessage,\r\n  FieldState,\r\n} from '@masterteam/components';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'mt-dynamic-form',\r\n  standalone: true,\r\n  imports: [CommonModule, ReactiveFormsModule, DynamicField, SortPipe],\r\n  templateUrl: './dynamic-form.html',\r\n  styleUrls: ['./dynamic-form.scss'],\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => DynamicForm),\r\n      multi: true,\r\n    },\r\n    {\r\n      provide: NG_VALIDATORS,\r\n      useExisting: forwardRef(() => DynamicForm),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class DynamicForm implements OnDestroy, ControlValueAccessor, Validator {\r\n  private fb = inject(FormBuilder);\r\n\r\n  readonly formConfig = input.required<DynamicFormConfig>();\r\n\r\n  form = new FormGroup({});\r\n  private formBuilt = signal(false);\r\n  private initValue = signal<any>({});\r\n\r\n  // ControlValueAccessor implementation\r\n  private onChange = (_value: any) => {};\r\n  private onTouched = () => {};\r\n  private onValidatorChange = () => {};\r\n  private formSubscription?: Subscription;\r\n  private fieldStates = signal<Record<string, FieldState>>({});\r\n  private readonly DEFAULT_GRID_COLUMNS = 12;\r\n\r\n  // Computed signal for field visibility - better performance\r\n  readonly hiddenFields = computed(() => {\r\n    const states = this.fieldStates();\r\n    const hidden: Record<string, boolean> = {};\r\n    Object.keys(states).forEach((key) => {\r\n      hidden[key] = states[key].hidden;\r\n    });\r\n    return hidden;\r\n  });\r\n\r\n  readonly fieldColSpanStyles = computed(() => {\r\n    const styles: Record<string, { [key: string]: string }> = {};\r\n    const config = this.formConfig();\r\n\r\n    config.sections.forEach((section) => {\r\n      section.fields.forEach((field) => {\r\n        if (!field.key) return;\r\n        if (!field.cssClass && !section.cssClass) {\r\n          styles[field.key] = {\r\n            'grid-column': this.getColSpanStyleValue(field.colSpan),\r\n          };\r\n        }\r\n      });\r\n    });\r\n\r\n    return styles;\r\n  });\r\n\r\n  readonly sectionGridStyles = computed(() => {\r\n    const styles: Record<string, { [key: string]: string }> = {};\r\n    const config = this.formConfig();\r\n\r\n    config.sections.forEach((section, index) => {\r\n      if (section.bodyClass) return;\r\n      const key = section.key || `section-${index}`;\r\n      const cols = section.columns || this.DEFAULT_GRID_COLUMNS;\r\n      styles[key] = {\r\n        'grid-template-columns': `repeat(${cols}, minmax(0, 1fr))`,\r\n      };\r\n    });\r\n\r\n    return styles;\r\n  });\r\n\r\n  constructor() {\r\n    // Effect to rebuild form when config changes\r\n    effect(() => {\r\n      this.buildForm();\r\n      this.formBuilt.set(true);\r\n      const initValue = untracked(() => this.initValue());\r\n      if (initValue && Object.keys(initValue)?.length > 0) {\r\n        this.form.patchValue(initValue, { emitEvent: false });\r\n        this.initValue.set(null);\r\n        this.evaluateRelations();\r\n        this.onChange(this.form.getRawValue());\r\n      }\r\n    });\r\n  }\r\n\r\n  registerOnValidatorChange(fn: () => void): void {\r\n    this.onValidatorChange = fn;\r\n  }\r\n  registerOnChange(fn: (value: any) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  private buildForm() {\r\n    if (this.formBuilt()) {\r\n      return;\r\n    }\r\n    if (this.formSubscription) {\r\n      this.formSubscription.unsubscribe();\r\n    }\r\n\r\n    const formControls: { [key: string]: AbstractControl } = {};\r\n    const fieldStateMap: Record<string, FieldState> = {};\r\n\r\n    this.formConfig().sections.forEach((section) => {\r\n      section.fields.forEach((field) => {\r\n        if (field.type === 'spacer') {\r\n          return;\r\n        }\r\n\r\n        if (field.key) {\r\n          // Calculate default state from relations\r\n          const defaultState = this.getDefaultFieldState(field);\r\n\r\n          fieldStateMap[field.key] = {\r\n            hidden: defaultState.hidden,\r\n            disabled: defaultState.disabled,\r\n          };\r\n\r\n          const validators = this.buildValidators(field.validators || []);\r\n\r\n          // Check if field key contains dot notation (e.g., \"name.ar\", \"name.en\")\r\n          if (field.key.includes('.')) {\r\n            const [parentKey, childKey] = field.key.split('.');\r\n\r\n            // Create or get the parent FormGroup\r\n            if (!formControls[parentKey]) {\r\n              formControls[parentKey] = this.fb.group({});\r\n            }\r\n\r\n            const parentGroup = formControls[parentKey] as FormGroup;\r\n\r\n            // Add the child control to the parent group\r\n            const control = this.fb.control(\r\n              {\r\n                value: null,\r\n                disabled: defaultState.disabled,\r\n              },\r\n              validators,\r\n            );\r\n\r\n            parentGroup.addControl(childKey, control);\r\n          } else {\r\n            // Regular field without nesting\r\n            const control = this.fb.control(\r\n              {\r\n                value: null,\r\n                disabled: defaultState.disabled,\r\n              },\r\n              validators,\r\n            );\r\n            formControls[field.key] = control;\r\n          }\r\n        }\r\n      });\r\n    });\r\n\r\n    this.form = this.fb.group(formControls);\r\n    this.fieldStates.set(fieldStateMap);\r\n\r\n    // Subscribe to form value changes and evaluate all relations\r\n    this.formSubscription = this.form.valueChanges.subscribe(() => {\r\n      this.evaluateRelations();\r\n      this.onChange(this.form.getRawValue());\r\n    });\r\n\r\n    // Evaluate initial relations state\r\n    this.evaluateRelations();\r\n\r\n    // Trigger initial validation state\r\n    // this.onValidatorChange();\r\n    // this.onChange(this.form.getRawValue());\r\n  }\r\n\r\n  // ControlValueAccessor implementation\r\n  writeValue(value: any): void {\r\n    if (value && this.form && this.formBuilt()) {\r\n      this.form.patchValue(value, { emitEvent: false });\r\n      this.evaluateRelations();\r\n      this.onChange(this.form.getRawValue());\r\n    } else if (value && !this.formBuilt()) {\r\n      this.initValue.set(value);\r\n    }\r\n  }\r\n\r\n  validate(_control: AbstractControl): ValidationErrors | null {\r\n    if (!this.form) {\r\n      return null;\r\n    }\r\n    // Return the form's errors if invalid, null if valid\r\n    return this.form.valid ? null : { invalidForm: true };\r\n  }\r\n\r\n  /**\r\n   * Calculate default field state based on relations\r\n   * If field has 'show' action → start hidden (opposite)\r\n   * If field has 'enable' action → start disabled (opposite)\r\n   */\r\n  private getDefaultFieldState(field: any): {\r\n    hidden: boolean;\r\n    disabled: boolean;\r\n  } {\r\n    let hidden = !!field.hidden;\r\n    let disabled = !!field.disabled;\r\n\r\n    // If has relations, set opposite state\r\n    if (field.relations?.length) {\r\n      field.relations.forEach((relation: any) => {\r\n        if (relation.action === 'show') {\r\n          hidden = true;\r\n        } else if (relation.action === 'hide') {\r\n          hidden = false;\r\n        } else if (relation.action === 'enable') {\r\n          disabled = true;\r\n        } else if (relation.action === 'disable') {\r\n          disabled = false;\r\n        }\r\n      });\r\n    }\r\n\r\n    return { hidden, disabled };\r\n  }\r\n\r\n  /**\r\n   * Evaluate all relations - runs on every form change\r\n   * Simple: if dependency matches → apply action, else apply opposite\r\n   */\r\n  private evaluateRelations() {\r\n    const newStates: Record<string, FieldState> = {};\r\n\r\n    // Process all fields with relations\r\n    this.formConfig().sections.forEach((section) => {\r\n      section.fields.forEach((field) => {\r\n        if (!field.key) {\r\n          return;\r\n        }\r\n\r\n        // Calculate default state\r\n        const defaultState = this.getDefaultFieldState(field);\r\n\r\n        // Start with default\r\n        newStates[field.key] = {\r\n          hidden: defaultState.hidden,\r\n          disabled: defaultState.disabled,\r\n        };\r\n\r\n        // If has relations, check and apply\r\n        if (field.relations?.length) {\r\n          field.relations.forEach((relation) => {\r\n            const dependencyControl = this.form.get(relation.key);\r\n            if (!dependencyControl) {\r\n              return;\r\n            }\r\n\r\n            const matches = this.doesRelationMatch(\r\n              dependencyControl.value,\r\n              relation.value,\r\n            );\r\n\r\n            // If matches, apply the action\r\n            if (matches) {\r\n              const state = newStates[field.key!];\r\n              switch (relation.action) {\r\n                case 'show':\r\n                  state.hidden = false;\r\n                  break;\r\n                case 'hide':\r\n                  state.hidden = true;\r\n                  break;\r\n                case 'enable':\r\n                  state.disabled = false;\r\n                  break;\r\n                case 'disable':\r\n                  state.disabled = true;\r\n                  break;\r\n              }\r\n            }\r\n          });\r\n        }\r\n      });\r\n    });\r\n\r\n    // Update states\r\n    this.fieldStates.set(newStates);\r\n\r\n    // Sync form controls and clear values when disabled/hidden\r\n    Object.keys(newStates).forEach((key) => {\r\n      const control = this.form.get(key);\r\n      if (!control) {\r\n        return;\r\n      }\r\n\r\n      const state = newStates[key];\r\n\r\n      // Handle disabled state changes\r\n      if (state.disabled && !control.disabled) {\r\n        control.disable({ emitEvent: false });\r\n        control.reset(undefined, { emitEvent: false }); // Clear value when disabled\r\n      } else if (!state.disabled && control.disabled) {\r\n        control.enable({ emitEvent: false });\r\n      }\r\n\r\n      // Clear value when hidden\r\n      if (state.hidden && control.value) {\r\n        control.reset(undefined, { emitEvent: false }); // Clear value when hidden\r\n      }\r\n    });\r\n  }\r\n\r\n  private doesRelationMatch(sourceValue: any, targetValue: any): boolean {\r\n    if (Array.isArray(sourceValue)) {\r\n      if (Array.isArray(targetValue)) {\r\n        return targetValue.every((value) => sourceValue.includes(value));\r\n      }\r\n      return sourceValue.includes(targetValue);\r\n    }\r\n    return sourceValue === targetValue;\r\n  }\r\n\r\n  private buildValidators(validatorConfigs: ValidatorConfig[]): ValidatorFn[] {\r\n    const validators: ValidatorFn[] = [];\r\n\r\n    validatorConfigs.forEach((config) => {\r\n      let validator: ValidatorFn | null = null;\r\n\r\n      switch (config.type) {\r\n        case 'required':\r\n          validator = Validators.required;\r\n          break;\r\n        case 'email':\r\n          validator = Validators.email;\r\n          break;\r\n        case 'minLength':\r\n          if (config.value) {\r\n            validator = Validators.minLength(config.value);\r\n          }\r\n          break;\r\n        case 'maxLength':\r\n          if (config.value) {\r\n            validator = Validators.maxLength(config.value);\r\n          }\r\n          break;\r\n        case 'min':\r\n          if (config.value !== undefined) {\r\n            validator = Validators.min(config.value);\r\n          }\r\n          break;\r\n        case 'max':\r\n          if (config.value !== undefined) {\r\n            validator = Validators.max(config.value);\r\n          }\r\n          break;\r\n        case 'pattern':\r\n          if (config.value) {\r\n            validator = Validators.pattern(config.value);\r\n          }\r\n          break;\r\n        case 'custom':\r\n          if (config.customValidator) {\r\n            validators.push(\r\n              createCustomValidator(config.customValidator, config.message),\r\n            );\r\n          }\r\n          break;\r\n      }\r\n\r\n      // If we have a validator and a custom message, wrap it\r\n      if (validator && config.message) {\r\n        validators.push(\r\n          wrapValidatorWithMessage(validator, config.type, config.message),\r\n        );\r\n      } else if (validator) {\r\n        validators.push(validator);\r\n      }\r\n    });\r\n\r\n    return validators;\r\n  }\r\n\r\n  private getColSpanStyleValue(colSpan?: number | any): string {\r\n    if (!colSpan) {\r\n      return `span ${this.DEFAULT_GRID_COLUMNS} / span ${this.DEFAULT_GRID_COLUMNS}`;\r\n    }\r\n\r\n    if (typeof colSpan === 'number') {\r\n      return `span ${colSpan} / span ${colSpan}`;\r\n    }\r\n\r\n    const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\r\n    const span =\r\n      breakpointKeys\r\n        .map((key) => colSpan[key])\r\n        .find((value) => value !== undefined) ?? this.DEFAULT_GRID_COLUMNS;\r\n\r\n    return `span ${span} / span ${span}`;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this.formSubscription) {\r\n      this.formSubscription.unsubscribe();\r\n    }\r\n  }\r\n}\r\n","<form [formGroup]=\"form\">\r\n  <div\r\n    class=\"flex flex-col gap-6\"\r\n    [class]=\"formConfig().layout?.containerClass\"\r\n  >\r\n    @for (\r\n      section of formConfig().sections | sort: \"order\";\r\n      track section.key || $index\r\n    ) {\r\n      <div\r\n        [class]=\"\r\n          section.cssClass ||\r\n          formConfig().layout?.sectionClass ||\r\n          'flex flex-col gap-4'\r\n        \"\r\n      >\r\n        @if (section.type === \"header\" && section.label) {\r\n          <h3\r\n            [class]=\"\r\n              section?.headerClass ||\r\n              'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\r\n            \"\r\n          >\r\n            {{ section.label }}\r\n          </h3>\r\n        }\r\n\r\n        <div\r\n          [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\r\n          [style]=\"\r\n            !section?.bodyClass\r\n              ? sectionGridStyles()[section.key || 'section-' + $index]\r\n              : {}\r\n          \"\r\n        >\r\n          @for (field of section.fields | sort: \"order\"; track field.key) {\r\n            <div\r\n              [class]=\"\r\n                field.cssClass ||\r\n                formConfig().layout?.fieldClass ||\r\n                'flex flex-col gap-1'\r\n              \"\r\n              [style]=\"fieldColSpanStyles()[field.key!]\"\r\n              [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\r\n            >\r\n              @if (field.type === \"spacer\") {\r\n                <mt-dynamic-field\r\n                  [fieldConfig]=\"field\"\r\n                  [fieldName]=\"field.key!\"\r\n                />\r\n              } @else if (field.key!.includes(\".\")) {\r\n                <!-- Handle nested fields (e.g., name.ar, name.en) -->\r\n                @let parentKey = field.key!.split(\".\")[0];\r\n                @let childKey = field.key!.split(\".\")[1];\r\n                <form [formGroup]=\"form.get(parentKey)\">\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"childKey\"\r\n                  />\r\n                </form>\r\n              } @else {\r\n                <!-- Handle regular fields -->\r\n                <mt-dynamic-field\r\n                  [fieldConfig]=\"field\"\r\n                  [fieldName]=\"field.key!\"\r\n                />\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</form>\r\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.map

@@ -1 +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;;;;"}
+{"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';\r\n\r\n@Pipe({\r\n  name: 'sort',\r\n  standalone: true,\r\n  pure: true,\r\n})\r\nexport class SortPipe implements PipeTransform {\r\n  transform<T>(\r\n    array: T[] | null | undefined,\r\n    keySort: string = 'order',\r\n    direction: 'asc' | 'desc' = 'asc',\r\n  ): T[] {\r\n    if (!array || !Array.isArray(array)) {\r\n      return [];\r\n    }\r\n\r\n    return [...array].sort((a, b) => {\r\n      const aValue = this.getNestedValue(a, keySort);\r\n      const bValue = this.getNestedValue(b, keySort);\r\n\r\n      // Handle null/undefined values - they should go to the end\r\n      if (aValue == null && bValue == null) return 0;\r\n      if (aValue == null) return 1;\r\n      if (bValue == null) return -1;\r\n\r\n      let comparison = 0;\r\n\r\n      if (typeof aValue === 'string' && typeof bValue === 'string') {\r\n        comparison = aValue.localeCompare(bValue);\r\n      } else if (typeof aValue === 'number' && typeof bValue === 'number') {\r\n        comparison = aValue - bValue;\r\n      } else {\r\n        // Convert to string for comparison\r\n        const aStr = String(aValue);\r\n        const bStr = String(bValue);\r\n        comparison = aStr.localeCompare(bStr);\r\n      }\r\n\r\n      return direction === 'desc' ? -comparison : comparison;\r\n    });\r\n  }\r\n\r\n  private getNestedValue(obj: any, path: string): any {\r\n    return path.split('.').reduce((current, key) => {\r\n      return current && current[key] !== undefined ? current[key] : 0;\r\n    }, obj);\r\n  }\r\n}\r\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.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/forms",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "publishConfig": {
     "directory": "../../../dist/masterteam/forms",
     "linkDirectory": true,
@@ -16,11 +16,8 @@
     "tailwindcss-primeui": "^0.6.1",
     "primeng": "21.0.1",
     "@primeuix/themes": "^2.0.2",
-    "rxjs": "^7.8.2"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0",
-    "@masterteam/components": "^0.0.65"
+    "rxjs": "^7.8.2",
+    "@masterteam/components": "^0.0.70"
   },
   "sideEffects": false,
   "exports": {
@@ -48,5 +45,8 @@
     }
   },
   "module": "fesm2022/masterteam-forms.mjs",
-  "typings": "types/masterteam-forms.d.ts"
+  "typings": "types/masterteam-forms.d.ts",
+  "dependencies": {
+    "tslib": "^2.8.1"
+  }
 }