@elementar-rt/components 0.6.56 → 0.6.57

package/fesm2022/elementar-rt-components-filter-select.mjs

@@ -0,0 +1,126 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, signal, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { KeyValuePipe } from '@angular/common';
+
+class FilterSelectComponent {
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    placeholder = input('Select…', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    clearable = input(false, ...(ngDevMode ? [{ debugName: "clearable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    valueChange = output();
+    _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
+    _search = signal('', ...(ngDevMode ? [{ debugName: "_search" }] : []));
+    _value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _selected = computed(() => {
+        const v = this._value();
+        if (this.multiple())
+            return Array.isArray(v) ? v : [];
+        return v;
+    }, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
+    _hasValue = computed(() => {
+        const s = this._selected();
+        if (this.multiple())
+            return Array.isArray(s) && s.length > 0;
+        return s !== null && s !== undefined;
+    }, ...(ngDevMode ? [{ debugName: "_hasValue" }] : []));
+    _displayLabel = computed(() => {
+        const v = this._value();
+        if (this.multiple()) {
+            const arr = Array.isArray(v) ? v : [];
+            if (!arr.length)
+                return this.placeholder();
+            const labels = arr.map(val => this.options().find(o => o.value === val)?.label ?? val);
+            return labels.length <= 2 ? labels.join(', ') : `${labels.slice(0, 2).join(', ')} +${labels.length - 2}`;
+        }
+        const opt = this.options().find(o => o.value === v);
+        return opt?.label ?? this.placeholder();
+    }, ...(ngDevMode ? [{ debugName: "_displayLabel" }] : []));
+    _filtered = computed(() => {
+        const q = this._search().toLowerCase();
+        return this.options().filter(o => o.label.toLowerCase().includes(q));
+    }, ...(ngDevMode ? [{ debugName: "_filtered" }] : []));
+    _groups = computed(() => {
+        const grouped = new Map();
+        for (const o of this._filtered()) {
+            const g = o.group ?? '';
+            if (!grouped.has(g))
+                grouped.set(g, []);
+            grouped.get(g).push(o);
+        }
+        return grouped;
+    }, ...(ngDevMode ? [{ debugName: "_groups" }] : []));
+    _onChange = (_) => { };
+    _onTouched = () => { };
+    writeValue(val) { this._value.set(val); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(_) { }
+    _toggle() {
+        if (this.disabled())
+            return;
+        this._open.set(!this._open());
+        if (this._open())
+            this._search.set('');
+    }
+    _select(opt) {
+        let newVal;
+        if (this.multiple()) {
+            const arr = Array.isArray(this._value()) ? [...this._value()] : [];
+            const idx = arr.indexOf(opt.value);
+            if (idx >= 0)
+                arr.splice(idx, 1);
+            else
+                arr.push(opt.value);
+            newVal = arr;
+        }
+        else {
+            newVal = opt.value;
+            this._open.set(false);
+        }
+        this._value.set(newVal);
+        this._onChange(newVal);
+        this._onTouched();
+        this.valueChange.emit(newVal);
+    }
+    _isSelected(opt) {
+        if (this.multiple()) {
+            return Array.isArray(this._value()) && this._value().includes(opt.value);
+        }
+        return this._value() === opt.value;
+    }
+    _clear(e) {
+        e.stopPropagation();
+        const v = this.multiple() ? [] : null;
+        this._value.set(v);
+        this._onChange(v);
+        this._onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FilterSelectComponent, isStandalone: true, selector: "emr-filter-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-open": "_open() || null", "attr.data-disabled": "disabled() || null" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FilterSelectComponent),
+                multi: true
+            }], ngImport: i0, template: "<div class=\"fs-trigger\" (click)=\"_toggle()\">\n  <span class=\"fs-display\">{{ _displayLabel() }}</span>\n  <div class=\"fs-controls\">\n    @if (clearable() && _hasValue()) {\n      <button type=\"button\" class=\"fs-clear\" (click)=\"_clear($event)\" aria-label=\"Clear\">\u00D7</button>\n    }\n    <span class=\"fs-arrow\" [attr.data-open]=\"_open() || null\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n    </span>\n  </div>\n</div>\n\n@if (_open()) {\n  <div class=\"fs-dropdown\">\n    <div class=\"fs-search-wrap\">\n      <input\n        class=\"fs-search\"\n        type=\"text\"\n        placeholder=\"Search\u2026\"\n        [ngModel]=\"_search()\"\n        (ngModelChange)=\"_search.set($event)\"\n        autofocus\n        (click)=\"$event.stopPropagation()\"\n      />\n    </div>\n\n    @if (loading()) {\n      <div class=\"fs-loading\">Loading options\u2026</div>\n    } @else if (_filtered().length === 0) {\n      <div class=\"fs-empty\">No options found</div>\n    } @else {\n      <ul class=\"fs-list\" role=\"listbox\">\n        @for (entry of _groups() | keyvalue; track entry.key) {\n          @if (entry.key) {\n            <li class=\"fs-group-label\">{{ entry.key }}</li>\n          }\n          @for (opt of entry.value; track opt.value) {\n            <li\n              class=\"fs-option\"\n              role=\"option\"\n              [attr.data-selected]=\"_isSelected(opt) || null\"\n              (click)=\"_select(opt)\"\n            >\n              @if (multiple()) {\n                <span class=\"fs-checkbox\" [attr.data-checked]=\"_isSelected(opt) || null\">\u2713</span>\n              }\n              {{ opt.label }}\n            </li>\n          }\n        }\n      </ul>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;font-size:.875rem;-webkit-user-select:none;user-select:none}.fs-trigger{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border:1px solid var(--color-outline-variant);border-radius:.5rem;background:var(--color-surface);cursor:pointer;min-height:calc(var(--spacing, .25rem) * 10);transition:border-color .15s ease}.fs-trigger:hover{border-color:var(--color-outline)}:host([data-open]) .fs-trigger{border-color:var(--color-primary)}:host([data-disabled]) .fs-trigger{opacity:.5;pointer-events:none}.fs-display{flex:1;color:var(--color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-controls{display:flex;align-items:center;gap:var(--spacing, .25rem);flex-shrink:0}.fs-clear{font-size:1rem;line-height:1;padding:0 var(--spacing, .25rem);background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);border-radius:.25rem}.fs-clear:hover{color:var(--color-on-surface)}.fs-arrow{color:var(--color-on-surface-variant);display:flex;align-items:center;transition:transform .15s ease}.fs-arrow svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.fs-arrow[data-open]{transform:rotate(180deg)}.fs-dropdown{position:absolute;top:calc(100% + var(--spacing, .25rem));left:0;right:0;background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:.75rem;box-shadow:0 8px 24px var(--color-shadow);z-index:100;overflow:hidden;max-height:calc(var(--spacing, .25rem) * 72);display:flex;flex-direction:column}@supports (color: color-mix(in lab,red,red)){.fs-dropdown{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}.fs-search-wrap{padding:calc(var(--spacing, .25rem) * 2);border-bottom:1px solid var(--color-outline-variant)}.fs-search{width:100%;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 2);border:1px solid var(--color-outline-variant);border-radius:.5rem;background:var(--color-surface);font-size:.875rem;color:var(--color-on-surface);outline:none}.fs-search:focus{border-color:var(--color-primary)}.fs-list{list-style:none;margin:0;padding:var(--spacing, .25rem);overflow-y:auto;flex:1}.fs-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 2)}.fs-option{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border-radius:.5rem;cursor:pointer;color:var(--color-on-surface);transition:background .1s ease}.fs-option:hover{background:var(--color-surface-container)}.fs-option[data-selected]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.fs-checkbox{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-outline-variant);border-radius:.25rem;font-size:.75rem;font-weight:700;color:transparent;flex-shrink:0}.fs-checkbox[data-checked]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.fs-loading,.fs-empty{padding:calc(var(--spacing, .25rem) * 6);text-align:center;color:var(--color-on-surface-variant);font-size:.875rem}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-filter-select', standalone: true, imports: [FormsModule, KeyValuePipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FilterSelectComponent),
+                            multi: true
+                        }], host: {
+                        '[attr.data-open]': '_open() || null',
+                        '[attr.data-disabled]': 'disabled() || null',
+                    }, template: "<div class=\"fs-trigger\" (click)=\"_toggle()\">\n  <span class=\"fs-display\">{{ _displayLabel() }}</span>\n  <div class=\"fs-controls\">\n    @if (clearable() && _hasValue()) {\n      <button type=\"button\" class=\"fs-clear\" (click)=\"_clear($event)\" aria-label=\"Clear\">\u00D7</button>\n    }\n    <span class=\"fs-arrow\" [attr.data-open]=\"_open() || null\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n    </span>\n  </div>\n</div>\n\n@if (_open()) {\n  <div class=\"fs-dropdown\">\n    <div class=\"fs-search-wrap\">\n      <input\n        class=\"fs-search\"\n        type=\"text\"\n        placeholder=\"Search\u2026\"\n        [ngModel]=\"_search()\"\n        (ngModelChange)=\"_search.set($event)\"\n        autofocus\n        (click)=\"$event.stopPropagation()\"\n      />\n    </div>\n\n    @if (loading()) {\n      <div class=\"fs-loading\">Loading options\u2026</div>\n    } @else if (_filtered().length === 0) {\n      <div class=\"fs-empty\">No options found</div>\n    } @else {\n      <ul class=\"fs-list\" role=\"listbox\">\n        @for (entry of _groups() | keyvalue; track entry.key) {\n          @if (entry.key) {\n            <li class=\"fs-group-label\">{{ entry.key }}</li>\n          }\n          @for (opt of entry.value; track opt.value) {\n            <li\n              class=\"fs-option\"\n              role=\"option\"\n              [attr.data-selected]=\"_isSelected(opt) || null\"\n              (click)=\"_select(opt)\"\n            >\n              @if (multiple()) {\n                <span class=\"fs-checkbox\" [attr.data-checked]=\"_isSelected(opt) || null\">\u2713</span>\n              }\n              {{ opt.label }}\n            </li>\n          }\n        }\n      </ul>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;font-size:.875rem;-webkit-user-select:none;user-select:none}.fs-trigger{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border:1px solid var(--color-outline-variant);border-radius:.5rem;background:var(--color-surface);cursor:pointer;min-height:calc(var(--spacing, .25rem) * 10);transition:border-color .15s ease}.fs-trigger:hover{border-color:var(--color-outline)}:host([data-open]) .fs-trigger{border-color:var(--color-primary)}:host([data-disabled]) .fs-trigger{opacity:.5;pointer-events:none}.fs-display{flex:1;color:var(--color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-controls{display:flex;align-items:center;gap:var(--spacing, .25rem);flex-shrink:0}.fs-clear{font-size:1rem;line-height:1;padding:0 var(--spacing, .25rem);background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);border-radius:.25rem}.fs-clear:hover{color:var(--color-on-surface)}.fs-arrow{color:var(--color-on-surface-variant);display:flex;align-items:center;transition:transform .15s ease}.fs-arrow svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.fs-arrow[data-open]{transform:rotate(180deg)}.fs-dropdown{position:absolute;top:calc(100% + var(--spacing, .25rem));left:0;right:0;background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:.75rem;box-shadow:0 8px 24px var(--color-shadow);z-index:100;overflow:hidden;max-height:calc(var(--spacing, .25rem) * 72);display:flex;flex-direction:column}@supports (color: color-mix(in lab,red,red)){.fs-dropdown{box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}.fs-search-wrap{padding:calc(var(--spacing, .25rem) * 2);border-bottom:1px solid var(--color-outline-variant)}.fs-search{width:100%;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 2);border:1px solid var(--color-outline-variant);border-radius:.5rem;background:var(--color-surface);font-size:.875rem;color:var(--color-on-surface);outline:none}.fs-search:focus{border-color:var(--color-primary)}.fs-list{list-style:none;margin:0;padding:var(--spacing, .25rem);overflow-y:auto;flex:1}.fs-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 2)}.fs-option{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border-radius:.5rem;cursor:pointer;color:var(--color-on-surface);transition:background .1s ease}.fs-option:hover{background:var(--color-surface-container)}.fs-option[data-selected]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.fs-checkbox{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-outline-variant);border-radius:.25rem;font-size:.75rem;font-weight:700;color:transparent;flex-shrink:0}.fs-checkbox[data-checked]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.fs-loading,.fs-empty{padding:calc(var(--spacing, .25rem) * 6);text-align:center;color:var(--color-on-surface-variant);font-size:.875rem}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FilterSelectComponent };
+//# sourceMappingURL=elementar-rt-components-filter-select.mjs.map

package/fesm2022/elementar-rt-components-filter-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-filter-select.mjs","sources":["../../../projects/components/filter-select/src/filter-select/filter-select.component.ts","../../../projects/components/filter-select/src/filter-select/filter-select.component.html","../../../projects/components/filter-select/elementar-rt-components-filter-select.ts"],"sourcesContent":["import {\n  Component, input, output, signal, computed,\n  ChangeDetectionStrategy, booleanAttribute, forwardRef, model\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport { KeyValuePipe } from '@angular/common';\n\nexport interface FilterSelectOption {\n  value: unknown;\n  label: string;\n  group?: string;\n}\n\n@Component({\n  selector: 'emr-filter-select',\n  standalone: true,\n  imports: [FormsModule, KeyValuePipe],\n  templateUrl: './filter-select.component.html',\n  styleUrl: './filter-select.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => FilterSelectComponent),\n    multi: true\n  }],\n  host: {\n    '[attr.data-open]': '_open() || null',\n    '[attr.data-disabled]': 'disabled() || null',\n  }\n})\nexport class FilterSelectComponent implements ControlValueAccessor {\n  options = input<FilterSelectOption[]>([]);\n  placeholder = input('Select…');\n  multiple = input(false, { transform: booleanAttribute });\n  loading = input(false, { transform: booleanAttribute });\n  clearable = input(false, { transform: booleanAttribute });\n  disabled = input(false, { transform: booleanAttribute });\n\n  valueChange = output<unknown>();\n\n  protected _open = signal(false);\n  protected _search = signal('');\n  private _value = signal<unknown>(null);\n\n  protected _selected = computed(() => {\n    const v = this._value();\n    if (this.multiple()) return Array.isArray(v) ? v : [];\n    return v;\n  });\n\n  protected _hasValue = computed(() => {\n    const s = this._selected();\n    if (this.multiple()) return Array.isArray(s) && (s as unknown[]).length > 0;\n    return s !== null && s !== undefined;\n  });\n\n  protected _displayLabel = computed(() => {\n    const v = this._value();\n    if (this.multiple()) {\n      const arr = Array.isArray(v) ? v : [];\n      if (!arr.length) return this.placeholder();\n      const labels = arr.map(val => this.options().find(o => o.value === val)?.label ?? val);\n      return labels.length <= 2 ? labels.join(', ') : `${labels.slice(0, 2).join(', ')} +${labels.length - 2}`;\n    }\n    const opt = this.options().find(o => o.value === v);\n    return opt?.label ?? this.placeholder();\n  });\n\n  protected _filtered = computed(() => {\n    const q = this._search().toLowerCase();\n    return this.options().filter(o => o.label.toLowerCase().includes(q));\n  });\n\n  protected _groups = computed(() => {\n    const grouped = new Map<string, FilterSelectOption[]>();\n    for (const o of this._filtered()) {\n      const g = o.group ?? '';\n      if (!grouped.has(g)) grouped.set(g, []);\n      grouped.get(g)!.push(o);\n    }\n    return grouped;\n  });\n\n  private _onChange = (_: unknown) => {};\n  private _onTouched = () => {};\n\n  writeValue(val: unknown): void { this._value.set(val); }\n  registerOnChange(fn: (_: unknown) => void): void { this._onChange = fn; }\n  registerOnTouched(fn: () => void): void { this._onTouched = fn; }\n  setDisabledState(_: boolean): void {}\n\n  protected _toggle(): void {\n    if (this.disabled()) return;\n    this._open.set(!this._open());\n    if (this._open()) this._search.set('');\n  }\n\n  protected _select(opt: FilterSelectOption): void {\n    let newVal: unknown;\n    if (this.multiple()) {\n      const arr = Array.isArray(this._value()) ? [...this._value() as unknown[]] : [];\n      const idx = arr.indexOf(opt.value);\n      if (idx >= 0) arr.splice(idx, 1); else arr.push(opt.value);\n      newVal = arr;\n    } else {\n      newVal = opt.value;\n      this._open.set(false);\n    }\n    this._value.set(newVal);\n    this._onChange(newVal);\n    this._onTouched();\n    this.valueChange.emit(newVal);\n  }\n\n  protected _isSelected(opt: FilterSelectOption): boolean {\n    if (this.multiple()) {\n      return Array.isArray(this._value()) && (this._value() as unknown[]).includes(opt.value);\n    }\n    return this._value() === opt.value;\n  }\n\n  protected _clear(e: MouseEvent): void {\n    e.stopPropagation();\n    const v = this.multiple() ? [] : null;\n    this._value.set(v);\n    this._onChange(v);\n    this._onTouched();\n  }\n}\n","<div class=\"fs-trigger\" (click)=\"_toggle()\">\n  <span class=\"fs-display\">{{ _displayLabel() }}</span>\n  <div class=\"fs-controls\">\n    @if (clearable() && _hasValue()) {\n      <button type=\"button\" class=\"fs-clear\" (click)=\"_clear($event)\" aria-label=\"Clear\">×</button>\n    }\n    <span class=\"fs-arrow\" [attr.data-open]=\"_open() || null\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n    </span>\n  </div>\n</div>\n\n@if (_open()) {\n  <div class=\"fs-dropdown\">\n    <div class=\"fs-search-wrap\">\n      <input\n        class=\"fs-search\"\n        type=\"text\"\n        placeholder=\"Search…\"\n        [ngModel]=\"_search()\"\n        (ngModelChange)=\"_search.set($event)\"\n        autofocus\n        (click)=\"$event.stopPropagation()\"\n      />\n    </div>\n\n    @if (loading()) {\n      <div class=\"fs-loading\">Loading options…</div>\n    } @else if (_filtered().length === 0) {\n      <div class=\"fs-empty\">No options found</div>\n    } @else {\n      <ul class=\"fs-list\" role=\"listbox\">\n        @for (entry of _groups() | keyvalue; track entry.key) {\n          @if (entry.key) {\n            <li class=\"fs-group-label\">{{ entry.key }}</li>\n          }\n          @for (opt of entry.value; track opt.value) {\n            <li\n              class=\"fs-option\"\n              role=\"option\"\n              [attr.data-selected]=\"_isSelected(opt) || null\"\n              (click)=\"_select(opt)\"\n            >\n              @if (multiple()) {\n                <span class=\"fs-checkbox\" [attr.data-checked]=\"_isSelected(opt) || null\">✓</span>\n              }\n              {{ opt.label }}\n            </li>\n          }\n        }\n      </ul>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-C2Ai6F2X.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.25", ngImport: i0, type: AutocompleteManyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <mat-chip-grid #chipGrid>\n      @for (option of value; track option) {\n        <mat-chip-row (removed)=\"remove(option)\">\n          {{ option[bindName] }}\n          <button matChipRemove>\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input [placeholder]=\"config().placeholder\"\n           #input\n           maxlength=\"30\"\n           [formControl]=\"chipsCtrl\"\n           [matChipInputFor]=\"chipGrid\"\n           [matAutocomplete]=\"autocomplete\"\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n           (matChipInputTokenEnd)=\"add($event)\">\n    @if (isLoading) {\n      <div class=\"loader\">\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          [diameter]=\"20\"/>\n      </div>\n    }\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\n      @for (option of filteredOptions$ | async; track option) {\n        <mat-option [value]=\"option\">{{ option[bindName] }}</mat-option>\n      }\n\n      @if (!(filteredOptions$ | async)?.length && !isLoading && chipsCtrl.value) {\n        <mat-option disabled>\n          No search results found.\n        </mat-option>\n      }\n    </mat-autocomplete>\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%}: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.25", 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()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <mat-chip-grid #chipGrid>\n      @for (option of value; track option) {\n        <mat-chip-row (removed)=\"remove(option)\">\n          {{ option[bindName] }}\n          <button matChipRemove>\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input [placeholder]=\"config().placeholder\"\n           #input\n           maxlength=\"30\"\n           [formControl]=\"chipsCtrl\"\n           [matChipInputFor]=\"chipGrid\"\n           [matAutocomplete]=\"autocomplete\"\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n           (matChipInputTokenEnd)=\"add($event)\">\n    @if (isLoading) {\n      <div class=\"loader\">\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          [diameter]=\"20\"/>\n      </div>\n    }\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\n      @for (option of filteredOptions$ | async; track option) {\n        <mat-option [value]=\"option\">{{ option[bindName] }}</mat-option>\n      }\n\n      @if (!(filteredOptions$ | async)?.length && !isLoading && chipsCtrl.value) {\n        <mat-option disabled>\n          No search results found.\n        </mat-option>\n      }\n    </mat-autocomplete>\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%}: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-C2Ai6F2X.mjs.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-checkbox-field.component-a0XAs0-_.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';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { MatCheckbox } from '@angular/material/checkbox';\n\n@Component({\n  selector: 'emr-checkbox-field',\n  imports: [\n    MatCheckbox,\n    ReactiveFormsModule\n  ],\n  templateUrl: './checkbox-field.component.html',\n  styleUrl: './checkbox-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxFieldComponent {\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n}\n","@if(control() && config()) {\n  <mat-checkbox [formControl]=\"control()\">\n    {{ config().label }}\n  </mat-checkbox>\n}\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,8HAKA,EAAA,MAAA,EAAA,CAAA,0IAAA,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,8HAAA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.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.25", ngImport: i0, type: DatepickerFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <input matInput [matDatepicker]=\"picker\" [formControl]=\"control()\" readonly>\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n    <mat-datepicker #picker></mat-datepicker>\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"], 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.25", 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()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <input matInput [matDatepicker]=\"picker\" [formControl]=\"control()\" readonly>\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n    <mat-datepicker #picker></mat-datepicker>\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"] }]
+        }], 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-CTVrrf43.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.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';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { MatError, MatFormField, MatInput, MatLabel, MatSuffix } from '@angular/material/input';\nimport { MatDatepicker, MatDatepickerInput, MatDatepickerToggle } from '@angular/material/datepicker';\nimport { MatHint } from '@angular/material/form-field';\n\n@Component({\n  selector: 'emr-datepicker-field',\n  exportAs: 'emrDatepickerField',\n  imports: [\n    MatHint,\n    MatInput,\n    MatSuffix,\n    MatDatepickerToggle,\n    MatDatepicker,\n    MatError,\n    MatLabel,\n    MatFormField,\n    ReactiveFormsModule,\n    MatDatepickerInput\n  ],\n  templateUrl: './datepicker-field.component.html',\n  styleUrl: './datepicker-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DatepickerFieldComponent {\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    <input matInput [matDatepicker]=\"picker\" [formControl]=\"control()\" readonly>\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n    <mat-datepicker #picker></mat-datepicker>\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-divider-content.component-CjlGcU3B.mjs → elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs}

@@ -3,15 +3,15 @@ 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DividerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DividerContentComponent, isStandalone: true, selector: "emr-divider-content", exportAs: ["emrDividerContent"], ngImport: i0, template: "<mat-divider/>\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-divider/>\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
+//# sourceMappingURL=elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.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';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'emr-divider-content',\n  exportAs: 'emrDividerContent',\n  imports: [\n    MatDivider\n  ],\n  templateUrl: './divider-content.component.html',\n  styleUrl: './divider-content.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerContentComponent {\n\n}\n","<mat-divider/>\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,kBACA,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,kBAAA,EAAA,MAAA,EAAA,CAAA,+EAAA,CAAA,EAAA;;;;;"}

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

@@ -3,15 +3,15 @@ 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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) {\n  <img [src]=\"opts['src']\"\n       [alt]=\"opts['alt'] || ''\"\n       [width]=\"opts['width'] || null\"\n       [height]=\"opts['height'] || null\">\n}\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "@if (config().content; as opts) {\n  <img [src]=\"opts['src']\"\n       [alt]=\"opts['alt'] || ''\"\n       [width]=\"opts['width'] || null\"\n       [height]=\"opts['height'] || null\">\n}\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
+//# sourceMappingURL=elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.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';\nimport { ComponentConfig } from '../../models/form-config.model';\n\n@Component({\n  selector: 'emr-image-content',\n  exportAs: 'emrImageContent',\n  imports: [],\n  templateUrl: './image-content.component.html',\n  styleUrl: './image-content.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-image-content',\n  }\n})\nexport class ImageContentComponent {\n  config = input.required<ComponentConfig>();\n}\n","@if (config().content; as opts) {\n  <img [src]=\"opts['src']\"\n       [alt]=\"opts['alt'] || ''\"\n       [width]=\"opts['width'] || null\"\n       [height]=\"opts['height'] || null\">\n}\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,iMAMA,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,iMAAA,EAAA,MAAA,EAAA,CAAA,wHAAA,CAAA,EAAA;;;;;"}

package/fesm2022/elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.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.25", ngImport: i0, type: InputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <input matInput\n           [type]=\"config().inputType || 'text'\"\n           [formControl]=\"control()\"\n           [placeholder]=\"config().placeholder || ''\"\n           [readonly]=\"config().readonly\">\n    @if (config().hint) {\n      <mat-hint>{{ config().hint }}</mat-hint>\n    }\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: "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.25", ngImport: i0, type: InputFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-input-field', imports: [
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatFormFieldModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <input matInput\n           [type]=\"config().inputType || 'text'\"\n           [formControl]=\"control()\"\n           [placeholder]=\"config().placeholder || ''\"\n           [readonly]=\"config().readonly\">\n    @if (config().hint) {\n      <mat-hint>{{ config().hint }}</mat-hint>\n    }\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 { InputFieldComponent };
+//# sourceMappingURL=elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.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';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\n\n@Component({\n  selector: 'emr-input-field',\n  imports: [\n    ReactiveFormsModule,\n    MatInputModule,\n    MatFormFieldModule\n  ],\n  templateUrl: './input-field.component.html',\n  styleUrl: './input-field.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputFieldComponent {\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 || 'Некорректное значение';\n  }\n}\n","@if(control() && config()) {\n  <mat-form-field>\n    <mat-label>{{ config().label }}</mat-label>\n    <input matInput\n           [type]=\"config().inputType || 'text'\"\n           [formControl]=\"control()\"\n           [placeholder]=\"config().placeholder || ''\"\n           [readonly]=\"config().readonly\">\n    @if (config().hint) {\n      <mat-hint>{{ config().hint }}</mat-hint>\n    }\n    @if (control().invalid && control().touched) {\n      <mat-error>{{ getErrorMessage() }}</mat-error>\n    }\n  </mat-form-field>\n}\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,whBAgBA,EAAA,MAAA,EAAA,CAAA,2HAAA,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,whBAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;;;;;"}