@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { inject, input, viewChild, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatAutocomplete, MatAutocompleteTrigger, MatOption } from '@angular/material/autocomplete';
+import { MatChipGrid, MatChipInput, MatChipRemove, MatChipRow } from '@angular/material/chips';
+import { ENTER, COMMA } from '@angular/cdk/keycodes';
+import { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';
+import { MatIcon } from '@angular/material/icon';
+import { startWith, tap, debounceTime, distinctUntilChanged, switchMap, of } from 'rxjs';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { AsyncPipe } from '@angular/common';
+import { HttpClient, HttpParams } from '@angular/common/http';
+
+class AutocompleteManyFieldComponent {
+    httpClient = inject(HttpClient);
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    separatorKeysCodes = [ENTER, COMMA];
+    chipsCtrl = new FormControl('');
+    input = viewChild.required('input');
+    value = [];
+    filteredOptions$;
+    isLoading = false;
+    ngOnInit() {
+        this.filteredOptions$ = this.chipsCtrl.valueChanges.pipe(startWith(''), tap(() => this.isLoading = true), debounceTime(300), distinctUntilChanged(), switchMap((query) => {
+            if (!query || !query.trim()) {
+                return of([]);
+            }
+            const params = new HttpParams().set('query', query || '');
+            return this.httpClient.get(this.config().payload?.['autocompleteUrl'], {
+                params
+            });
+        }), tap(() => this.isLoading = false));
+    }
+    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 || 'Некорректное значение';
+    }
+    get options() {
+        return this.config()?.payload?.['options'] || [];
+    }
+    get bindValue() {
+        return this.config().bindValue || 'id';
+    }
+    get bindName() {
+        return this.config().bindName || 'name';
+    }
+    add(event) {
+        const name = (event.value || '').trim();
+        const hasValue = this.value.find(v => v[this.bindName].toLowerCase() === name.toLowerCase());
+        if (name && !hasValue) {
+            this.value.push({
+                [this.bindValue]: null,
+                [this.bindName]: name,
+            });
+        }
+        event.chipInput.clear();
+        this.chipsCtrl.setValue(null);
+        this.isLoading = false;
+        this.calculateControlValue();
+    }
+    remove(chip) {
+        const index = this.value.indexOf(chip);
+        if (index >= 0) {
+            this.value.splice(index, 1);
+            this.calculateControlValue();
+        }
+    }
+    onSelected(event) {
+        const hasValue = this.value.find(v => v[this.bindName].toLowerCase() === event.option.value[this.bindName].toLowerCase());
+        if (!hasValue) {
+            this.value.push(event.option.value);
+        }
+        this.input().nativeElement.value = '';
+        this.chipsCtrl.setValue(null);
+        this.calculateControlValue();
+        this.isLoading = false;
+    }
+    calculateControlValue() {
+        const value = this.value.map(v => {
+            const itemValue = v[this.bindValue];
+            if (itemValue) {
+                return {
+                    [this.bindValue]: itemValue,
+                };
+            }
+            return v;
+        });
+        this.control().setValue(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AutocompleteManyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AutocompleteManyFieldComponent, isStandalone: true, selector: "emr-autocomplete-many-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <mat-chip-grid #chipGrid>\r\n      @for (option of value; track option) {\r\n        <mat-chip-row (removed)=\"remove(option)\">\r\n          {{ option[bindName] }}\r\n          <button matChipRemove>\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip-row>\r\n      }\r\n    </mat-chip-grid>\r\n    <input [placeholder]=\"config().placeholder\"\r\n           #input\r\n           maxlength=\"30\"\r\n           [formControl]=\"chipsCtrl\"\r\n           [matChipInputFor]=\"chipGrid\"\r\n           [matAutocomplete]=\"autocomplete\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           (matChipInputTokenEnd)=\"add($event)\">\r\n    @if (isLoading) {\r\n      <div class=\"loader\">\r\n        <mat-progress-spinner\r\n          mode=\"indeterminate\"\r\n          [diameter]=\"20\"/>\r\n      </div>\r\n    }\r\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\r\n      @for (option of filteredOptions$ | async; track option) {\r\n        <mat-option [value]=\"option\">{{ option[bindName] }}</mat-option>\r\n      }\r\n\r\n      @if (!(filteredOptions$ | async)?.length && !isLoading && chipsCtrl.value) {\r\n        <mat-option disabled>\r\n          No search results found.\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n", styles: [":host{display:block}:host mat-form-field{width:100%}:host .loader{position:absolute;right:0;top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { 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: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AutocompleteManyFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-autocomplete-many-field', imports: [
+                        FormsModule,
+                        MatAutocomplete,
+                        MatAutocompleteTrigger,
+                        MatChipGrid,
+                        MatChipInput,
+                        MatChipRemove,
+                        MatChipRow,
+                        MatError,
+                        MatFormField,
+                        MatHint,
+                        MatIcon,
+                        MatLabel,
+                        MatOption,
+                        ReactiveFormsModule,
+                        MatProgressSpinner,
+                        AsyncPipe
+                    ], template: "@if (control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <mat-chip-grid #chipGrid>\r\n      @for (option of value; track option) {\r\n        <mat-chip-row (removed)=\"remove(option)\">\r\n          {{ option[bindName] }}\r\n          <button matChipRemove>\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip-row>\r\n      }\r\n    </mat-chip-grid>\r\n    <input [placeholder]=\"config().placeholder\"\r\n           #input\r\n           maxlength=\"30\"\r\n           [formControl]=\"chipsCtrl\"\r\n           [matChipInputFor]=\"chipGrid\"\r\n           [matAutocomplete]=\"autocomplete\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           (matChipInputTokenEnd)=\"add($event)\">\r\n    @if (isLoading) {\r\n      <div class=\"loader\">\r\n        <mat-progress-spinner\r\n          mode=\"indeterminate\"\r\n          [diameter]=\"20\"/>\r\n      </div>\r\n    }\r\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\r\n      @for (option of filteredOptions$ | async; track option) {\r\n        <mat-option [value]=\"option\">{{ option[bindName] }}</mat-option>\r\n      }\r\n\r\n      @if (!(filteredOptions$ | async)?.length && !isLoading && chipsCtrl.value) {\r\n        <mat-option disabled>\r\n          No search results found.\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n", styles: [":host{display:block}:host mat-form-field{width:100%}:host .loader{position:absolute;right:0;top:50%;transform:translateY(-50%)}\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], input: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }] } });
+
+export { AutocompleteManyFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs","sources":["../../../projects/components/form-renderer/src/fields/autocomplete-many-field/autocomplete-many-field.component.ts","../../../projects/components/form-renderer/src/fields/autocomplete-many-field/autocomplete-many-field.component.html"],"sourcesContent":["import { Component, ElementRef, inject, input, OnInit, viewChild } from '@angular/core';\r\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport {\r\n  MatAutocomplete,\r\n  MatAutocompleteSelectedEvent,\r\n  MatAutocompleteTrigger,\r\n  MatOption\r\n} from '@angular/material/autocomplete';\r\nimport { MatChipGrid, MatChipInput, MatChipInputEvent, MatChipRemove, MatChipRow } from '@angular/material/chips';\r\nimport { ComponentConfig } from '../../models/form-config.model';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { catchError, debounceTime, distinctUntilChanged, Observable, of, startWith, switchMap, tap } from 'rxjs';\r\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { HttpClient, HttpParams } from '@angular/common/http';\r\n\r\n@Component({\r\n  selector: 'emr-autocomplete-many-field',\r\n  imports: [\r\n    FormsModule,\r\n    MatAutocomplete,\r\n    MatAutocompleteTrigger,\r\n    MatChipGrid,\r\n    MatChipInput,\r\n    MatChipRemove,\r\n    MatChipRow,\r\n    MatError,\r\n    MatFormField,\r\n    MatHint,\r\n    MatIcon,\r\n    MatLabel,\r\n    MatOption,\r\n    ReactiveFormsModule,\r\n    MatProgressSpinner,\r\n    AsyncPipe\r\n  ],\r\n  templateUrl: './autocomplete-many-field.component.html',\r\n  styleUrl: './autocomplete-many-field.component.scss'\r\n})\r\nexport class AutocompleteManyFieldComponent implements OnInit {\r\n  private httpClient = inject(HttpClient);\r\n\r\n  control = input.required<FormControl>();\r\n  config = input.required<ComponentConfig>();\r\n\r\n  readonly separatorKeysCodes: number[] = [ENTER, COMMA];\r\n  readonly chipsCtrl = new FormControl('');\r\n  readonly input = viewChild.required<ElementRef<HTMLInputElement>>('input');\r\n  readonly value: any[] = [];\r\n\r\n  filteredOptions$!: Observable<any[]>;\r\n  isLoading = false;\r\n\r\n  ngOnInit() {\r\n    this.filteredOptions$ = this.chipsCtrl.valueChanges.pipe(\r\n      startWith(''),\r\n      tap(() => this.isLoading = true),\r\n      debounceTime(300),\r\n      distinctUntilChanged(),\r\n      switchMap((query: any) => {\r\n        if (!query || !query.trim()) {\r\n          return of([]);\r\n        }\r\n        const params = new HttpParams().set('query', query || '');\r\n        return this.httpClient.get<any[]>(this.config().payload?.['autocompleteUrl'], {\r\n          params\r\n        });\r\n      }),\r\n      tap(() => this.isLoading = false)\r\n    );\r\n  }\r\n\r\n  getErrorMessage(): string {\r\n    const errors = this.control().errors;\r\n\r\n    if (!errors) {\r\n      return '';\r\n    }\r\n\r\n    const errorKey = Object.keys(errors)[0];\r\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\r\n    return validator?.message || 'Некорректное значение';\r\n  }\r\n\r\n  get options() {\r\n    return this.config()?.payload?.['options'] || [];\r\n  }\r\n\r\n  get bindValue() {\r\n    return this.config().bindValue || 'id';\r\n  }\r\n\r\n  get bindName() {\r\n    return this.config().bindName || 'name';\r\n  }\r\n\r\n  add(event: MatChipInputEvent): void {\r\n    const name = (event.value || '').trim();\r\n    const hasValue = this.value.find(\r\n      v => v[this.bindName].toLowerCase() === name.toLowerCase()\r\n    );\r\n\r\n    if (name && !hasValue) {\r\n      this.value.push({\r\n        [this.bindValue]: null,\r\n        [this.bindName]: name,\r\n      });\r\n    }\r\n\r\n    event.chipInput!.clear();\r\n    this.chipsCtrl.setValue(null);\r\n    this.isLoading = false;\r\n    this.calculateControlValue();\r\n  }\r\n\r\n  remove(chip: any): void {\r\n    const index = this.value.indexOf(chip);\r\n\r\n    if (index >= 0) {\r\n      this.value.splice(index, 1);\r\n      this.calculateControlValue();\r\n    }\r\n  }\r\n\r\n  onSelected(event: MatAutocompleteSelectedEvent): void {\r\n    const hasValue = this.value.find(\r\n      v => v[this.bindName].toLowerCase() === event.option.value[this.bindName].toLowerCase()\r\n    );\r\n\r\n    if (!hasValue) {\r\n      this.value.push(event.option.value);\r\n    }\r\n\r\n    this.input().nativeElement.value = '';\r\n    this.chipsCtrl.setValue(null);\r\n    this.calculateControlValue();\r\n    this.isLoading = false;\r\n  }\r\n\r\n  private calculateControlValue() {\r\n    const value = this.value.map(v => {\r\n      const itemValue = v[this.bindValue];\r\n\r\n      if (itemValue) {\r\n        return {\r\n          [this.bindValue]: itemValue,\r\n        };\r\n      }\r\n\r\n      return v;\r\n    });\r\n    this.control().setValue(value);\r\n  }\r\n}\r\n","@if (control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <mat-chip-grid #chipGrid>\r\n      @for (option of value; track option) {\r\n        <mat-chip-row (removed)=\"remove(option)\">\r\n          {{ option[bindName] }}\r\n          <button matChipRemove>\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip-row>\r\n      }\r\n    </mat-chip-grid>\r\n    <input [placeholder]=\"config().placeholder\"\r\n           #input\r\n           maxlength=\"30\"\r\n           [formControl]=\"chipsCtrl\"\r\n           [matChipInputFor]=\"chipGrid\"\r\n           [matAutocomplete]=\"autocomplete\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           (matChipInputTokenEnd)=\"add($event)\">\r\n    @if (isLoading) {\r\n      <div class=\"loader\">\r\n        <mat-progress-spinner\r\n          mode=\"indeterminate\"\r\n          [diameter]=\"20\"/>\r\n      </div>\r\n    }\r\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\r\n      @for (option of filteredOptions$ | async; track option) {\r\n        <mat-option [value]=\"option\">{{ option[bindName] }}</mat-option>\r\n      }\r\n\r\n      @if (!(filteredOptions$ | async)?.length && !isLoading && chipsCtrl.value) {\r\n        <mat-option disabled>\r\n          No search results found.\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs

@@ -0,0 +1,22 @@
+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 { MatCheckbox } from '@angular/material/checkbox';
+
+class CheckboxFieldComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: CheckboxFieldComponent, isStandalone: true, selector: "emr-checkbox-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(control() && config()) {\r\n  <mat-checkbox [formControl]=\"control()\">\r\n    {{ config().label }}\r\n  </mat-checkbox>\r\n}\r\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 3)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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.10", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-checkbox-field', imports: [
+                        MatCheckbox,
+                        ReactiveFormsModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(control() && config()) {\r\n  <mat-checkbox [formControl]=\"control()\">\r\n    {{ config().label }}\r\n  </mat-checkbox>\r\n}\r\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 3)}\n/*! tailwindcss v4.1.14 | 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 { CheckboxFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs","sources":["../../../projects/components/form-renderer/src/fields/checkbox-field/checkbox-field.component.ts","../../../projects/components/form-renderer/src/fields/checkbox-field/checkbox-field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { ComponentConfig } from '../../models/form-config.model';\r\nimport { MatCheckbox } from '@angular/material/checkbox';\r\n\r\n@Component({\r\n  selector: 'emr-checkbox-field',\r\n  imports: [\r\n    MatCheckbox,\r\n    ReactiveFormsModule\r\n  ],\r\n  templateUrl: './checkbox-field.component.html',\r\n  styleUrl: './checkbox-field.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CheckboxFieldComponent {\r\n  control = input.required<FormControl>();\r\n  config = input.required<ComponentConfig>();\r\n}\r\n","@if(control() && config()) {\r\n  <mat-checkbox [formControl]=\"control()\">\r\n    {{ config().label }}\r\n  </mat-checkbox>\r\n}\r\n"],"names":[],"mappings":";;;;;;MAea,sBAAsB,CAAA;AACjC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAe;AACvC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAmB;wGAF/B,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,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,EAAA,EAAA,QAAA,ECfnC,wIAKA,EAAA,MAAA,EAAA,CAAA,2IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGI,WAAW,sYACX,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,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB;wBACP,WAAW;wBACX;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,2IAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-DihIRWMt.mjs

@@ -0,0 +1,40 @@
+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 { MatInput, MatSuffix, MatError, MatLabel, MatFormField } from '@angular/material/input';
+import { MatDatepickerToggle, MatDatepicker, MatDatepickerInput } from '@angular/material/datepicker';
+import { MatHint } from '@angular/material/form-field';
+
+class DatepickerFieldComponent {
+    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.10", ngImport: i0, type: DatepickerFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: DatepickerFieldComponent, isStandalone: true, selector: "emr-datepicker-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: ["emrDatepickerField"], ngImport: i0, template: "@if(control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <input matInput [matDatepicker]=\"picker\" [formControl]=\"control()\" readonly>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n    <mat-datepicker #picker></mat-datepicker>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n", styles: [":host{display:block}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { 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: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["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: "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: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DatepickerFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-datepicker-field', exportAs: 'emrDatepickerField', imports: [
+                        MatHint,
+                        MatInput,
+                        MatSuffix,
+                        MatDatepickerToggle,
+                        MatDatepicker,
+                        MatError,
+                        MatLabel,
+                        MatFormField,
+                        ReactiveFormsModule,
+                        MatDatepickerInput
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <input matInput [matDatepicker]=\"picker\" [formControl]=\"control()\" readonly>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n    <mat-datepicker #picker></mat-datepicker>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n", styles: [":host{display:block}:host 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 { DatepickerFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-datepicker-field.component-DihIRWMt.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-DihIRWMt.mjs.map

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

package/fesm2022/elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs

@@ -0,0 +1,17 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { MatDivider } from '@angular/material/divider';
+
+class DividerContentComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DividerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: DividerContentComponent, isStandalone: true, selector: "emr-divider-content", exportAs: ["emrDividerContent"], ngImport: i0, template: "<mat-divider/>\r\n", styles: [":host hr{width:100%;border:none;border-top:1px solid #e0e0e0;margin:1rem 0}\n"], dependencies: [{ kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DividerContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-divider-content', exportAs: 'emrDividerContent', imports: [
+                        MatDivider
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-divider/>\r\n", styles: [":host hr{width:100%;border:none;border-top:1px solid #e0e0e0;margin:1rem 0}\n"] }]
+        }] });
+
+export { DividerContentComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs","sources":["../../../projects/components/form-renderer/src/content/divider-content/divider-content.component.ts","../../../projects/components/form-renderer/src/content/divider-content/divider-content.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { MatDivider } from '@angular/material/divider';\r\n\r\n@Component({\r\n  selector: 'emr-divider-content',\r\n  exportAs: 'emrDividerContent',\r\n  imports: [\r\n    MatDivider\r\n  ],\r\n  templateUrl: './divider-content.component.html',\r\n  styleUrl: './divider-content.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class DividerContentComponent {\r\n\r\n}\r\n","<mat-divider/>\r\n"],"names":[],"mappings":";;;;MAaa,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbpC,oBACA,EAAA,MAAA,EAAA,CAAA,+EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDMI,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAMD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,mBAAmB,EAAA,OAAA,EACpB;wBACP;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,+EAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs

@@ -0,0 +1,17 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class ImageContentComponent {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ImageContentComponent, isStandalone: true, selector: "emr-image-content", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "emr-image-content" }, exportAs: ["emrImageContent"], ngImport: i0, template: "@if (config().content; as opts) {\r\n  <img [src]=\"opts['src']\"\r\n       [alt]=\"opts['alt'] || ''\"\r\n       [width]=\"opts['width'] || null\"\r\n       [height]=\"opts['height'] || null\">\r\n}\r\n", styles: [":host{display:flex;align-items:center;justify-content:center}:host img{max-width:100%;height:auto;border-radius:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-image-content', exportAs: 'emrImageContent', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-image-content',
+                    }, template: "@if (config().content; as opts) {\r\n  <img [src]=\"opts['src']\"\r\n       [alt]=\"opts['alt'] || ''\"\r\n       [width]=\"opts['width'] || null\"\r\n       [height]=\"opts['height'] || null\">\r\n}\r\n", styles: [":host{display:flex;align-items:center;justify-content:center}:host img{max-width:100%;height:auto;border-radius:4px}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+
+export { ImageContentComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs","sources":["../../../projects/components/form-renderer/src/content/image-content/image-content.component.ts","../../../projects/components/form-renderer/src/content/image-content/image-content.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { ComponentConfig } from '../../models/form-config.model';\r\n\r\n@Component({\r\n  selector: 'emr-image-content',\r\n  exportAs: 'emrImageContent',\r\n  imports: [],\r\n  templateUrl: './image-content.component.html',\r\n  styleUrl: './image-content.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-image-content',\r\n  }\r\n})\r\nexport class ImageContentComponent {\r\n  config = input.required<ComponentConfig>();\r\n}\r\n","@if (config().content; as opts) {\r\n  <img [src]=\"opts['src']\"\r\n       [alt]=\"opts['alt'] || ''\"\r\n       [width]=\"opts['width'] || null\"\r\n       [height]=\"opts['height'] || null\">\r\n}\r\n"],"names":[],"mappings":";;;MAca,qBAAqB,CAAA;AAChC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAmB;wGAD/B,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,iSCdlC,6MAMA,EAAA,MAAA,EAAA,CAAA,wHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDQa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;+BACE,mBAAmB,EAAA,QAAA,EACnB,iBAAiB,EAAA,OAAA,EAClB,EAAE,mBAGM,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,6MAAA,EAAA,MAAA,EAAA,CAAA,wHAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+
+class InputFieldComponent {
+    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 || 'Некорректное значение';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: InputFieldComponent, isStandalone: true, selector: "emr-input-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <input matInput\r\n           [type]=\"config().inputType || 'text'\"\r\n           [formControl]=\"control()\"\r\n           [placeholder]=\"config().placeholder || ''\"\r\n           [readonly]=\"config().readonly\">\r\n    @if (config().hint) {\r\n      <mat-hint>{{ config().hint }}</mat-hint>\r\n    }\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n", styles: [":host{display:block}:host mat-form-field{width:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InputFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-input-field', imports: [
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatFormFieldModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <input matInput\r\n           [type]=\"config().inputType || 'text'\"\r\n           [formControl]=\"control()\"\r\n           [placeholder]=\"config().placeholder || ''\"\r\n           [readonly]=\"config().readonly\">\r\n    @if (config().hint) {\r\n      <mat-hint>{{ config().hint }}</mat-hint>\r\n    }\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n", styles: [":host{display:block}:host mat-form-field{width:100%}\n/*! tailwindcss v4.1.14 | 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 { InputFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs.map

package/fesm2022/elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs","sources":["../../../projects/components/form-renderer/src/fields/input-field/input-field.component.ts","../../../projects/components/form-renderer/src/fields/input-field/input-field.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { ComponentConfig } from '../../models/form-config.model';\r\n\r\n@Component({\r\n  selector: 'emr-input-field',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatFormFieldModule\r\n  ],\r\n  templateUrl: './input-field.component.html',\r\n  styleUrl: './input-field.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputFieldComponent {\r\n  control = input.required<FormControl>();\r\n  config = input.required<ComponentConfig>();\r\n\r\n  getErrorMessage(): string {\r\n    const errors = this.control().errors;\r\n    if (!errors) return '';\r\n    const errorKey = Object.keys(errors)[0];\r\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\r\n    return validator?.message || 'Некорректное значение';\r\n  }\r\n}\r\n","@if(control() && config()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <input matInput\r\n           [type]=\"config().inputType || 'text'\"\r\n           [formControl]=\"control()\"\r\n           [placeholder]=\"config().placeholder || ''\"\r\n           [readonly]=\"config().readonly\">\r\n    @if (config().hint) {\r\n      <mat-hint>{{ config().hint }}</mat-hint>\r\n    }\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\n"],"names":[],"mappings":";;;;;;;;MAiBa,mBAAmB,CAAA;AAC9B,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAe;AACvC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAmB;IAE1C,eAAe,GAAA;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM;AACpC,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,EAAE;QACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAM,KAAK,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;AACjF,QAAA,OAAO,SAAS,EAAE,OAAO,IAAI,uBAAuB;IACtD;wGAVW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,8UCjBhC,wjBAgBA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDPI,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,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,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,k0BACd,kBAAkB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAMT,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB;wBACP,mBAAmB;wBACnB,cAAc;wBACd;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wjBAAA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-DWXZAA3F.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.10", ngImport: i0, type: RadioGroupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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()) {\r\n  <div class=\"radio-group-container\">\r\n    @if (config().label) {\r\n      <div class=\"radio-group-label\">{{ config().label }}</div>\r\n    }\r\n    <mat-radio-group\r\n      [formControl]=\"control()\"\r\n      [class.inline]=\"config().inline\">\r\n      @for (option of options; track option.value) {\r\n        <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\r\n      }\r\n    </mat-radio-group>\r\n    @if (config().hint && (control().valid || control().invalid && !control().touched)) {\r\n      <mat-hint>{{ config().hint }}</mat-hint>\r\n    }\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </div>\r\n}\r\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:calc(var(--spacing, .25rem) * 1)}: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.1.14 | 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.10", 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()) {\r\n  <div class=\"radio-group-container\">\r\n    @if (config().label) {\r\n      <div class=\"radio-group-label\">{{ config().label }}</div>\r\n    }\r\n    <mat-radio-group\r\n      [formControl]=\"control()\"\r\n      [class.inline]=\"config().inline\">\r\n      @for (option of options; track option.value) {\r\n        <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\r\n      }\r\n    </mat-radio-group>\r\n    @if (config().hint && (control().valid || control().invalid && !control().touched)) {\r\n      <mat-hint>{{ config().hint }}</mat-hint>\r\n    }\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </div>\r\n}\r\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:calc(var(--spacing, .25rem) * 1)}: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.1.14 | 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-DWXZAA3F.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-radio-group-field.component-DWXZAA3F.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';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { ComponentConfig } from '../../models/form-config.model';\r\nimport { MatRadioButton, MatRadioGroup } from '@angular/material/radio';\r\nimport { MatError, MatHint } from '@angular/material/form-field';\r\n\r\n@Component({\r\n  selector: 'emr-radio-group-field',\r\n  exportAs: 'emrRadioGroupField',\r\n  imports: [\r\n    MatRadioButton,\r\n    MatRadioGroup,\r\n    ReactiveFormsModule,\r\n    MatError,\r\n    MatHint,\r\n  ],\r\n  templateUrl: './radio-group-field.component.html',\r\n  styleUrl: './radio-group-field.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class RadioGroupFieldComponent {\r\n  control = input.required<FormControl>();\r\n  config = input.required<ComponentConfig>();\r\n\r\n  getErrorMessage(): string {\r\n    const errors = this.control().errors;\r\n    if (!errors) {\r\n      return '';\r\n    }\r\n    const errorKey = Object.keys(errors)[0];\r\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\r\n    return validator?.message || 'Invalid value';\r\n  }\r\n\r\n  get options() {\r\n    return this.config().payload?.['options'] || [];\r\n  }\r\n}\r\n","@if (control() && config()) {\r\n  <div class=\"radio-group-container\">\r\n    @if (config().label) {\r\n      <div class=\"radio-group-label\">{{ config().label }}</div>\r\n    }\r\n    <mat-radio-group\r\n      [formControl]=\"control()\"\r\n      [class.inline]=\"config().inline\">\r\n      @for (option of options; track option.value) {\r\n        <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\r\n      }\r\n    </mat-radio-group>\r\n    @if (config().hint && (control().valid || control().invalid && !control().touched)) {\r\n      <mat-hint>{{ config().hint }}</mat-hint>\r\n    }\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </div>\r\n}\r\n"],"names":[],"mappings":";;;;;;;MAoBa,wBAAwB,CAAA;AACnC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAe;AACvC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAmB;IAE1C,eAAe,GAAA;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM;QACpC,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAO,EAAE;QACX;QACA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAM,KAAK,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;AACjF,QAAA,OAAO,SAAS,EAAE,OAAO,IAAI,eAAe;IAC9C;AAEA,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE;IACjD;wGAhBW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,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,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBrC,6vBAoBA,EAAA,MAAA,EAAA,CAAA,g6BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDVI,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,QAAQ,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAME,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EACvB,oBAAoB,EAAA,OAAA,EACrB;wBACP,cAAc;wBACd,aAAa;wBACb,mBAAmB;wBACnB,QAAQ;wBACR,OAAO;qBACR,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6vBAAA,EAAA,MAAA,EAAA,CAAA,g6BAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-select-field.component-Cx9DZoD6.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.10", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <mat-select [formControl]=\"control()\">\r\n      @for (option of options; track option.value) {\r\n        <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\r\n      }\r\n    </mat-select>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\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.10", 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()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <mat-select [formControl]=\"control()\">\r\n      @for (option of options; track option.value) {\r\n        <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\r\n      }\r\n    </mat-select>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\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-Cx9DZoD6.mjs.map

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

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

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

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+
+class TextContentComponent {
+    sanitizer;
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    sanitizedHtml = '';
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    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: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-text-content', imports: [], template: "<div [innerHTML]=\"sanitizedHtml\"></div>\r\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

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-text-content.component-BmFyUG06.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';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { ComponentConfig } from '../../models/form-config.model';\r\n\r\n@Component({\r\n  selector: 'emr-text-content',\r\n  imports: [],\r\n  templateUrl: './text-content.component.html',\r\n  styleUrl: './text-content.component.scss'\r\n})\r\nexport class TextContentComponent {\r\n  config = input.required<ComponentConfig>();\r\n  sanitizedHtml: SafeHtml = '';\r\n\r\n  constructor(private sanitizer: DomSanitizer) {}\r\n\r\n  ngOnInit() {\r\n    this.sanitizedHtml = this.sanitizer.bypassSecurityTrustHtml(\r\n      this.config().content?.['htmlContent'] || ''\r\n    );\r\n  }\r\n}\r\n","<div [innerHTML]=\"sanitizedHtml\"></div>\r\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,+CACA,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,+CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-D9KmE049.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.10", ngImport: i0, type: TextareaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <textarea matInput\r\n              [formControl]=\"control()\"\r\n              [placeholder]=\"config().placeholder || ''\"\r\n              [readonly]=\"config().readonly\"\r\n              cdkTextareaAutosize></textarea>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\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.10", 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()) {\r\n  <mat-form-field>\r\n    <mat-label>{{ config().label }}</mat-label>\r\n    <textarea matInput\r\n              [formControl]=\"control()\"\r\n              [placeholder]=\"config().placeholder || ''\"\r\n              [readonly]=\"config().readonly\"\r\n              cdkTextareaAutosize></textarea>\r\n    <mat-hint>{{ config().hint }}</mat-hint>\r\n    @if (control().invalid && control().touched) {\r\n      <mat-error>{{ getErrorMessage() }}</mat-error>\r\n    }\r\n  </mat-form-field>\r\n}\r\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-D9KmE049.mjs.map