@elementar-rt/components 0.6.55 → 0.6.57

package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
+import { MatError, MatHint } from '@angular/material/form-field';
+
+class RadioGroupFieldComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    getErrorMessage() {
+        const errors = this.control().errors;
+        if (!errors) {
+            return '';
+        }
+        const errorKey = Object.keys(errors)[0];
+        const validator = this.config().validators?.find((v) => v.type === errorKey);
+        return validator?.message || 'Invalid value';
+    }
+    get options() {
+        return this.config().payload?.['options'] || [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioGroupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: RadioGroupFieldComponent, isStandalone: true, selector: "emr-radio-group-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["emrRadioGroupField"], ngImport: i0, template: "@if (control() && config()) {\n  <div class=\"radio-group-container\">\n    @if (config().label) {\n      <div class=\"radio-group-label\">{{ config().label }}</div>\n    }\n    <mat-radio-group\n      [formControl]=\"control()\"\n      [class.inline]=\"config().inline\">\n      @for (option of options; track option.value) {\n        <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    @if (config().hint && (control().valid || control().invalid && !control().touched)) {\n      <mat-hint>{{ config().hint }}</mat-hint>\n    }\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </div>\n}\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 6)}:host .radio-group-label{display:block;color:var(--mat-form-field-outlined-label-text-color);font-size:calc(var(--mat-form-field-outlined-label-text-size) * .75)}:host mat-radio-group{display:flex;flex-direction:column;gap:var(--spacing, .25rem)}:host mat-radio-group.inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 4)}:host mat-hint{display:block;font-size:var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size))}:host mat-error{display:block;font-size:var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size));letter-spacing:var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking));font-weight:var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight))}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioGroupFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-radio-group-field', exportAs: 'emrRadioGroupField', imports: [
+                        MatRadioButton,
+                        MatRadioGroup,
+                        ReactiveFormsModule,
+                        MatError,
+                        MatHint,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control() && config()) {\n  <div class=\"radio-group-container\">\n    @if (config().label) {\n      <div class=\"radio-group-label\">{{ config().label }}</div>\n    }\n    <mat-radio-group\n      [formControl]=\"control()\"\n      [class.inline]=\"config().inline\">\n      @for (option of options; track option.value) {\n        <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    @if (config().hint && (control().valid || control().invalid && !control().touched)) {\n      <mat-hint>{{ config().hint }}</mat-hint>\n    }\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </div>\n}\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 6)}:host .radio-group-label{display:block;color:var(--mat-form-field-outlined-label-text-color);font-size:calc(var(--mat-form-field-outlined-label-text-size) * .75)}:host mat-radio-group{display:flex;flex-direction:column;gap:var(--spacing, .25rem)}:host mat-radio-group.inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 4)}:host mat-hint{display:block;font-size:var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size))}:host mat-error{display:block;font-size:var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size));letter-spacing:var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking));font-weight:var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight))}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+
+export { RadioGroupFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs","sources":["../../../projects/components/form-renderer/src/fields/radio-group-field/radio-group-field.component.ts","../../../projects/components/form-renderer/src/fields/radio-group-field/radio-group-field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { MatRadioButton, MatRadioGroup } from '@angular/material/radio';\nimport { MatError, MatHint } from '@angular/material/form-field';\n\n@Component({\n  selector: 'emr-radio-group-field',\n  exportAs: 'emrRadioGroupField',\n  imports: [\n    MatRadioButton,\n    MatRadioGroup,\n    ReactiveFormsModule,\n    MatError,\n    MatHint,\n  ],\n  templateUrl: './radio-group-field.component.html',\n  styleUrl: './radio-group-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RadioGroupFieldComponent {\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n\n  getErrorMessage(): string {\n    const errors = this.control().errors;\n    if (!errors) {\n      return '';\n    }\n    const errorKey = Object.keys(errors)[0];\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n    return validator?.message || 'Invalid value';\n  }\n\n  get options() {\n    return this.config().payload?.['options'] || [];\n  }\n}\n","@if (control() && config()) {\n  <div class=\"radio-group-container\">\n    @if (config().label) {\n      <div class=\"radio-group-label\">{{ config().label }}</div>\n    }\n    <mat-radio-group\n      [formControl]=\"control()\"\n      [class.inline]=\"config().inline\">\n      @for (option of options; track option.value) {\n        <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    @if (config().hint && (control().valid || control().invalid && !control().touched)) {\n      <mat-hint>{{ config().hint }}</mat-hint>\n    }\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </div>\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatError, MatHint, MatLabel, MatFormField } from '@angular/material/form-field';
+import { MatOption, MatSelect } from '@angular/material/select';
+
+class SelectFieldComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    getErrorMessage() {
+        const errors = this.control().errors;
+        if (!errors)
+            return '';
+        const errorKey = Object.keys(errors)[0];
+        const validator = this.config().validators?.find((v) => v.type === errorKey);
+        return validator?.message || 'Invalid value';
+    }
+    get options() {
+        return this.config()?.payload?.['options'] || [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SelectFieldComponent, isStandalone: true, selector: "emr-select-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["emrSelectField"], ngImport: i0, template: "@if (control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <mat-select [formControl]=\"control()\">\n      @for (option of options; track option.value) {\n        <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\n      }\n    </mat-select>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n", styles: [":host{display:block}mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-select-field', exportAs: 'emrSelectField', imports: [
+                        MatError,
+                        MatHint,
+                        MatOption,
+                        MatSelect,
+                        MatLabel,
+                        MatFormField,
+                        ReactiveFormsModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <mat-select [formControl]=\"control()\">\n      @for (option of options; track option.value) {\n        <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\n      }\n    </mat-select>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+
+export { SelectFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs","sources":["../../../projects/components/form-renderer/src/fields/select-field/select-field.component.ts","../../../projects/components/form-renderer/src/fields/select-field/select-field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MatOption, MatSelect } from '@angular/material/select';\n\n@Component({\n  selector: 'emr-select-field',\n  exportAs: 'emrSelectField',\n  imports: [\n    MatError,\n    MatHint,\n    MatOption,\n    MatSelect,\n    MatLabel,\n    MatFormField,\n    ReactiveFormsModule\n  ],\n  templateUrl: './select-field.component.html',\n  styleUrl: './select-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectFieldComponent {\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n\n  getErrorMessage(): string {\n    const errors = this.control().errors;\n    if (!errors) return '';\n    const errorKey = Object.keys(errors)[0];\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n    return validator?.message || 'Invalid value';\n  }\n\n  get options() {\n    return this.config()?.payload?.['options'] || [];\n  }\n}\n","@if (control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <mat-select [formControl]=\"control()\">\n      @for (option of options; track option.value) {\n        <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\n      }\n    </mat-select>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{elementar-rt-components-form-renderer-text-content.component-BmFyUG06.mjs → elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs}

@@ -12,13 +12,13 @@ class TextContentComponent {
     ngOnInit() {
         this.sanitizedHtml = this.sanitizer.bypassSecurityTrustHtml(this.config().content?.['htmlContent'] || '');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextContentComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: TextContentComponent, isStandalone: true, selector: "emr-text-content", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [innerHTML]=\"sanitizedHtml\"></div>\r\n", styles: [""] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextContentComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TextContentComponent, isStandalone: true, selector: "emr-text-content", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [innerHTML]=\"sanitizedHtml\"></div>\n", styles: [""] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-text-content', imports: [], template: "<div [innerHTML]=\"sanitizedHtml\"></div>\r\n" }]
+            args: [{ selector: 'emr-text-content', imports: [], template: "<div [innerHTML]=\"sanitizedHtml\"></div>\n" }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
 
 export { TextContentComponent };
-//# sourceMappingURL=elementar-rt-components-form-renderer-text-content.component-BmFyUG06.mjs.map
+//# sourceMappingURL=elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs","sources":["../../../projects/components/form-renderer/src/content/text-content/text-content.component.ts","../../../projects/components/form-renderer/src/content/text-content/text-content.component.html"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ComponentConfig } from '../../models/form-config.model';\n\n@Component({\n  selector: 'emr-text-content',\n  imports: [],\n  templateUrl: './text-content.component.html',\n  styleUrl: './text-content.component.scss'\n})\nexport class TextContentComponent {\n  config = input.required<ComponentConfig>();\n  sanitizedHtml: SafeHtml = '';\n\n  constructor(private sanitizer: DomSanitizer) {}\n\n  ngOnInit() {\n    this.sanitizedHtml = this.sanitizer.bypassSecurityTrustHtml(\n      this.config().content?.['htmlContent'] || ''\n    );\n  }\n}\n","<div [innerHTML]=\"sanitizedHtml\"></div>\n"],"names":[],"mappings":";;;;MAUa,oBAAoB,CAAA;AAIX,IAAA,SAAA;AAHpB,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAmB;IAC1C,aAAa,GAAa,EAAE;AAE5B,IAAA,WAAA,CAAoB,SAAuB,EAAA;QAAvB,IAAA,CAAA,SAAS,GAAT,SAAS;IAAiB;IAE9C,QAAQ,GAAA;QACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CACzD,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE,CAC7C;IACH;wGAVW,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,kNCVjC,6CACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FDSa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,QAAA,EAAA,6CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatError, MatHint, MatLabel, MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { CdkTextareaAutosize } from '@angular/cdk/text-field';
+
+class TextareaFieldComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    getErrorMessage() {
+        const errors = this.control().errors;
+        if (!errors)
+            return '';
+        const errorKey = Object.keys(errors)[0];
+        const validator = this.config().validators?.find((v) => v.type === errorKey);
+        return validator?.message || 'Invalid value';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextareaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TextareaFieldComponent, isStandalone: true, selector: "emr-textarea-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["emrTextareaField"], ngImport: i0, template: "@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <textarea matInput\n              [formControl]=\"control()\"\n              [placeholder]=\"config().placeholder || ''\"\n              [readonly]=\"config().readonly\"\n              cdkTextareaAutosize></textarea>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n", styles: [":host{display:block}mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextareaFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-textarea-field', exportAs: 'emrTextareaField', imports: [
+                        MatError,
+                        MatHint,
+                        MatLabel,
+                        MatFormField,
+                        MatInput,
+                        ReactiveFormsModule,
+                        CdkTextareaAutosize
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <textarea matInput\n              [formControl]=\"control()\"\n              [placeholder]=\"config().placeholder || ''\"\n              [readonly]=\"config().readonly\"\n              cdkTextareaAutosize></textarea>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+
+export { TextareaFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs","sources":["../../../projects/components/form-renderer/src/fields/textarea-field/textarea-field.component.ts","../../../projects/components/form-renderer/src/fields/textarea-field/textarea-field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MatInput } from '@angular/material/input';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\n\n@Component({\n  selector: 'emr-textarea-field',\n  exportAs: 'emrTextareaField',\n  imports: [\n    MatError,\n    MatHint,\n    MatLabel,\n    MatFormField,\n    MatInput,\n    ReactiveFormsModule,\n    CdkTextareaAutosize\n  ],\n  templateUrl: './textarea-field.component.html',\n  styleUrl: './textarea-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaFieldComponent {\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n\n  getErrorMessage(): string {\n    const errors = this.control().errors;\n    if (!errors) return '';\n    const errorKey = Object.keys(errors)[0];\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n    return validator?.message || 'Invalid value';\n  }\n}\n","@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <textarea matInput\n              [formControl]=\"control()\"\n              [placeholder]=\"config().placeholder || ''\"\n              [readonly]=\"config().readonly\"\n              cdkTextareaAutosize></textarea>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { TimezoneSelectComponent } from '@elementar-rt/components/timezone-select';
+import { MatError, MatFormField, MatLabel, MatHint } from '@angular/material/form-field';
+
+class TimezoneFieldComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    getErrorMessage() {
+        const errors = this.control().errors;
+        if (!errors)
+            return '';
+        const errorKey = Object.keys(errors)[0];
+        const validator = this.config().validators?.find((v) => v.type === errorKey);
+        return validator?.message || 'Invalid value';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimezoneFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimezoneFieldComponent, isStandalone: true, selector: "emr-timezone-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["emrTimezoneField"], ngImport: i0, template: "@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <emr-timezone-select [formControl]=\"control()\"\n                         [placeholder]=\"config().placeholder || ''\"/>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n", styles: [":host{display:block}:host mat-form-field{width:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: TimezoneSelectComponent, selector: "emr-timezone-select", inputs: ["aria-describedby", "locale", "placeholder", "required", "disabled", "value", "searchTerm"], outputs: ["valueChange", "searchTermChange"], exportAs: ["emrTimezoneSelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimezoneFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-timezone-field', exportAs: 'emrTimezoneField', imports: [
+                        MatError,
+                        MatFormField,
+                        MatLabel,
+                        TimezoneSelectComponent,
+                        ReactiveFormsModule,
+                        MatHint
+                    ], template: "@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <emr-timezone-select [formControl]=\"control()\"\n                         [placeholder]=\"config().placeholder || ''\"/>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n", styles: [":host{display:block}:host mat-form-field{width:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+
+export { TimezoneFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs","sources":["../../../projects/components/form-renderer/src/fields/timezone-field/timezone-field.component.ts","../../../projects/components/form-renderer/src/fields/timezone-field/timezone-field.component.html"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { TimezoneSelectComponent } from '@elementar-rt/components/timezone-select';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\n\n@Component({\n  selector: 'emr-timezone-field',\n  exportAs: 'emrTimezoneField',\n  imports: [\n    MatError,\n    MatFormField,\n    MatLabel,\n    TimezoneSelectComponent,\n    ReactiveFormsModule,\n    MatHint\n  ],\n  templateUrl: './timezone-field.component.html',\n  styleUrl: './timezone-field.component.scss'\n})\nexport class TimezoneFieldComponent {\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n\n  getErrorMessage(): string {\n    const errors = this.control().errors;\n    if (!errors) return '';\n    const errorKey = Object.keys(errors)[0];\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n    return validator?.message || 'Invalid value';\n  }\n}\n","@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <emr-timezone-select [formControl]=\"control()\"\n                         [placeholder]=\"config().placeholder || ''\"/>\n    <mat-hint>{{ config().hint }}</mat-hint>\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+
+class ToggleFieldComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToggleFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ToggleFieldComponent, isStandalone: true, selector: "emr-toggle-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["emrToggleField"], ngImport: i0, template: "@if(control() && config()) {\n  <mat-slide-toggle [formControl]=\"control()\">\n    {{ config().label }}\n  </mat-slide-toggle>\n}\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 3)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToggleFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-toggle-field', exportAs: 'emrToggleField', imports: [
+                        MatSlideToggle,
+                        ReactiveFormsModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(control() && config()) {\n  <mat-slide-toggle [formControl]=\"control()\">\n    {{ config().label }}\n  </mat-slide-toggle>\n}\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 3)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+
+export { ToggleFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs","sources":["../../../projects/components/form-renderer/src/fields/toggle-field/toggle-field.component.ts","../../../projects/components/form-renderer/src/fields/toggle-field/toggle-field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\n\n@Component({\n  selector: 'emr-toggle-field',\n  exportAs: 'emrToggleField',\n  imports: [\n    MatSlideToggle,\n    ReactiveFormsModule\n  ],\n  templateUrl: './toggle-field.component.html',\n  styleUrl: './toggle-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleFieldComponent {\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n}\n","@if(control() && config()) {\n  <mat-slide-toggle [formControl]=\"control()\">\n    {{ config().label }}\n  </mat-slide-toggle>\n}\n"],"names":[],"mappings":";;;;;;MAgBa,oBAAoB,CAAA;AAC/B,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAe;AACvC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAmB;wGAF/B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBjC,sIAKA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDII,cAAc,yUACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAMV,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EACjB;wBACP,cAAc;wBACd;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sIAAA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer.mjs

@@ -18,28 +18,28 @@ class ComponentRegistryService {
         this.registerDefaultComponents();
     }
     registerDefaultComponents() {
-        this.componentMap.set('input', () => import('./elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs').then(c => c.InputFieldComponent));
-        this.componentMap.set('textarea', () => import('./elementar-rt-components-form-renderer-textarea-field.component-D9KmE049.mjs')
+        this.componentMap.set('input', () => import('./elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.mjs').then(c => c.InputFieldComponent));
+        this.componentMap.set('textarea', () => import('./elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs')
             .then(c => c.TextareaFieldComponent));
-        this.componentMap.set('select', () => import('./elementar-rt-components-form-renderer-select-field.component-Cx9DZoD6.mjs')
+        this.componentMap.set('select', () => import('./elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs')
             .then(c => c.SelectFieldComponent));
-        this.componentMap.set('checkbox', () => import('./elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs')
+        this.componentMap.set('checkbox', () => import('./elementar-rt-components-form-renderer-checkbox-field.component-a0XAs0-_.mjs')
             .then(c => c.CheckboxFieldComponent));
-        this.componentMap.set('datepicker', () => import('./elementar-rt-components-form-renderer-datepicker-field.component-DihIRWMt.mjs')
+        this.componentMap.set('datepicker', () => import('./elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.mjs')
             .then(c => c.DatepickerFieldComponent));
-        this.componentMap.set('toggle', () => import('./elementar-rt-components-form-renderer-toggle-field.component-nGbtVi1_.mjs')
+        this.componentMap.set('toggle', () => import('./elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs')
             .then(c => c.ToggleFieldComponent));
-        this.componentMap.set('radioGroup', () => import('./elementar-rt-components-form-renderer-radio-group-field.component-DWXZAA3F.mjs')
+        this.componentMap.set('radioGroup', () => import('./elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs')
             .then(c => c.RadioGroupFieldComponent));
-        this.componentMap.set('timezone', () => import('./elementar-rt-components-form-renderer-timezone-field.component-BroP_Q4P.mjs')
+        this.componentMap.set('timezone', () => import('./elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs')
             .then(c => c.TimezoneFieldComponent));
-        this.componentMap.set('image', () => import('./elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs')
+        this.componentMap.set('image', () => import('./elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.mjs')
             .then(c => c.ImageContentComponent));
-        this.componentMap.set('text', () => import('./elementar-rt-components-form-renderer-text-content.component-BmFyUG06.mjs')
+        this.componentMap.set('text', () => import('./elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs')
             .then(c => c.TextContentComponent));
-        this.componentMap.set('divider', () => import('./elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs')
+        this.componentMap.set('divider', () => import('./elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs')
             .then(c => c.DividerContentComponent));
-        this.componentMap.set('autocompleteMany', () => import('./elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs')
+        this.componentMap.set('autocompleteMany', () => import('./elementar-rt-components-form-renderer-autocomplete-many-field.component-C2Ai6F2X.mjs')
             .then(c => c.AutocompleteManyFieldComponent));
         if (this.globalRegistry) {
             const globalRegistry = this.globalRegistry;
@@ -51,10 +51,10 @@ class ComponentRegistryService {
     getImporter(typeName) {
         return this.componentMap.get(typeName);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComponentRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComponentRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComponentRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComponentRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComponentRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComponentRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -94,14 +94,14 @@ class ComponentLoaderComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComponentLoaderComponent, deps: [{ token: ComponentRegistryService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: ComponentLoaderComponent, isStandalone: true, selector: "emr-component-loader", inputs: { componentConfig: { classPropertyName: "componentConfig", publicName: "componentConfig", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.grid-column": "gridColumnStyle()" } }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["emrComponentLoader"], ngImport: i0, template: "<ng-container #anchor/>\r\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComponentLoaderComponent, deps: [{ token: ComponentRegistryService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: ComponentLoaderComponent, isStandalone: true, selector: "emr-component-loader", inputs: { componentConfig: { classPropertyName: "componentConfig", publicName: "componentConfig", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.grid-column": "gridColumnStyle()" } }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["emrComponentLoader"], ngImport: i0, template: "<ng-container #anchor/>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComponentLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComponentLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-component-loader', exportAs: 'emrComponentLoader', standalone: true, host: {
                         '[style.grid-column]': 'gridColumnStyle()',
-                    }, template: "<ng-container #anchor/>\r\n" }]
+                    }, template: "<ng-container #anchor/>\n" }]
         }], ctorParameters: () => [{ type: ComponentRegistryService }], propDecorators: { componentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentConfig", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], colspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colspan", required: false }] }], anchor: [{ type: i0.ViewChild, args: ['anchor', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
 class ValidatorRegistryService {
@@ -126,10 +126,10 @@ class ValidatorRegistryService {
         }
         return factory(config);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ValidatorRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ValidatorRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ValidatorRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ValidatorRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ValidatorRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ValidatorRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -168,10 +168,10 @@ class FormGeneratorService {
         }
         return validators.map(config => this.validatorRegistry.getValidator(config));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FormGeneratorService, deps: [{ token: i1.FormBuilder }, { token: ValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FormGeneratorService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormGeneratorService, deps: [{ token: i1.FormBuilder }, { token: ValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormGeneratorService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FormGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormGeneratorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -297,10 +297,10 @@ class FormRendererComponent {
         }
         return validators.map(config => this.validatorRegistry.getValidator(config));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FormRendererComponent, deps: [{ token: FormGeneratorService }, { token: ValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: FormRendererComponent, isStandalone: true, selector: "emr-form-renderer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formSubmit: "formSubmit", valueChanges: "valueChanges", initialized: "initialized" }, host: { classAttribute: "emr-form-renderer" }, exportAs: ["emrFormRenderer"], ngImport: i0, template: "@if (config(); as cfg) {\r\n  <form [formGroup]=\"formGroup()\" (ngSubmit)=\"onSubmit()\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"renderNode; context: {$implicit: cfg.layout}\">\r\n    </ng-container>\r\n    <ng-content/>\r\n  </form>\r\n}\r\n\r\n<ng-template #renderNode let-node>\r\n  @if (isGridNode(node)) {\r\n    <div\r\n      class=\"grid-layout\"\r\n      [style.grid-template-columns]=\"'repeat(' + node.columns + ', 1fr)'\"\r\n      [style.gap]=\"node.gap\">\r\n      @for (childNode of node.children; track childNode) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"renderNode; context: {$implicit: childNode}\">\r\n        </ng-container>\r\n      }\r\n    </div>\r\n  } @else {\r\n    @if(isFieldVisible(node.name)) {\r\n      <emr-component-loader\r\n        [componentConfig]=\"getComponentConfig(node.name)!\"\r\n        [control]=\"getControl(node.name)\"\r\n        [colspan]=\"node.colspan\">\r\n      </emr-component-loader>\r\n    }\r\n  }\r\n</ng-template>\r\n", styles: [":host{display:block}:host .grid-layout{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 7)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "component", type: ComponentLoaderComponent, selector: "emr-component-loader", inputs: ["componentConfig", "control", "colspan"], exportAs: ["emrComponentLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormRendererComponent, deps: [{ token: FormGeneratorService }, { token: ValidatorRegistryService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FormRendererComponent, isStandalone: true, selector: "emr-form-renderer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formSubmit: "formSubmit", valueChanges: "valueChanges", initialized: "initialized" }, host: { classAttribute: "emr-form-renderer" }, exportAs: ["emrFormRenderer"], ngImport: i0, template: "@if (config(); as cfg) {\n  <form [formGroup]=\"formGroup()\" (ngSubmit)=\"onSubmit()\">\n    <ng-container\n      *ngTemplateOutlet=\"renderNode; context: {$implicit: cfg.layout}\">\n    </ng-container>\n    <ng-content/>\n  </form>\n}\n\n<ng-template #renderNode let-node>\n  @if (isGridNode(node)) {\n    <div\n      class=\"grid-layout\"\n      [style.grid-template-columns]=\"'repeat(' + node.columns + ', 1fr)'\"\n      [style.gap]=\"node.gap\">\n      @for (childNode of node.children; track childNode) {\n        <ng-container\n          *ngTemplateOutlet=\"renderNode; context: {$implicit: childNode}\">\n        </ng-container>\n      }\n    </div>\n  } @else {\n    @if(isFieldVisible(node.name)) {\n      <emr-component-loader\n        [componentConfig]=\"getComponentConfig(node.name)!\"\n        [control]=\"getControl(node.name)\"\n        [colspan]=\"node.colspan\">\n      </emr-component-loader>\n    }\n  }\n</ng-template>\n", styles: [":host{display:block}:host .grid-layout{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 7)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "component", type: ComponentLoaderComponent, selector: "emr-component-loader", inputs: ["componentConfig", "control", "colspan"], exportAs: ["emrComponentLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FormRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FormRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-form-renderer', exportAs: 'emrFormRenderer', standalone: true, imports: [
                         CommonModule,
@@ -310,7 +310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         ComponentLoaderComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-form-renderer',
-                    }, template: "@if (config(); as cfg) {\r\n  <form [formGroup]=\"formGroup()\" (ngSubmit)=\"onSubmit()\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"renderNode; context: {$implicit: cfg.layout}\">\r\n    </ng-container>\r\n    <ng-content/>\r\n  </form>\r\n}\r\n\r\n<ng-template #renderNode let-node>\r\n  @if (isGridNode(node)) {\r\n    <div\r\n      class=\"grid-layout\"\r\n      [style.grid-template-columns]=\"'repeat(' + node.columns + ', 1fr)'\"\r\n      [style.gap]=\"node.gap\">\r\n      @for (childNode of node.children; track childNode) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"renderNode; context: {$implicit: childNode}\">\r\n        </ng-container>\r\n      }\r\n    </div>\r\n  } @else {\r\n    @if(isFieldVisible(node.name)) {\r\n      <emr-component-loader\r\n        [componentConfig]=\"getComponentConfig(node.name)!\"\r\n        [control]=\"getControl(node.name)\"\r\n        [colspan]=\"node.colspan\">\r\n      </emr-component-loader>\r\n    }\r\n  }\r\n</ng-template>\r\n", styles: [":host{display:block}:host .grid-layout{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 7)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (config(); as cfg) {\n  <form [formGroup]=\"formGroup()\" (ngSubmit)=\"onSubmit()\">\n    <ng-container\n      *ngTemplateOutlet=\"renderNode; context: {$implicit: cfg.layout}\">\n    </ng-container>\n    <ng-content/>\n  </form>\n}\n\n<ng-template #renderNode let-node>\n  @if (isGridNode(node)) {\n    <div\n      class=\"grid-layout\"\n      [style.grid-template-columns]=\"'repeat(' + node.columns + ', 1fr)'\"\n      [style.gap]=\"node.gap\">\n      @for (childNode of node.children; track childNode) {\n        <ng-container\n          *ngTemplateOutlet=\"renderNode; context: {$implicit: childNode}\">\n        </ng-container>\n      }\n    </div>\n  } @else {\n    @if(isFieldVisible(node.name)) {\n      <emr-component-loader\n        [componentConfig]=\"getComponentConfig(node.name)!\"\n        [control]=\"getControl(node.name)\"\n        [colspan]=\"node.colspan\">\n      </emr-component-loader>\n    }\n  }\n</ng-template>\n", styles: [":host{display:block}:host .grid-layout{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 7)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [{ type: FormGeneratorService }, { type: ValidatorRegistryService }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], initialValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValue", required: false }] }], formSubmit: [{ type: i0.Output, args: ["formSubmit"] }], valueChanges: [{ type: i0.Output, args: ["valueChanges"] }], initialized: [{ type: i0.Output, args: ["initialized"] }] } });
 
 /**