@onemrvapublic/design-system 20.6.3-develop.4 → 20.7.0

package/fesm2022/onemrvapublic-design-system-jsonform-renderers.mjs

@@ -0,0 +1,614 @@
+import * as i0 from '@angular/core';
+import { Input, Component, inject, ChangeDetectionStrategy, ViewEncapsulation, input, signal } from '@angular/core';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { rankWith, isBooleanControl, isDateControl, Actions, scopeEndsWith, mapStateToLabelProps, uiTypeIs, isEnabled, and, isControl, optionIs, isEnumControl } from '@jsonforms/core';
+import { JsonFormsControl, JsonFormsBaseRenderer, JsonFormsAngularService } from '@jsonforms/angular';
+import * as i3$1 from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule, TranslateService } from '@ngx-translate/core';
+import { JsonFormsAngularMaterialModule } from '@jsonforms/angular-material';
+import * as i1$1 from '@angular/material/form-field';
+import { MatFormField, MatFormFieldModule, MatLabel, MatError } from '@angular/material/form-field';
+import * as i4 from '@angular/material/datepicker';
+import { MatDatepickerInput } from '@angular/material/datepicker';
+import { OnemrvaMatDatepickerHeaderComponent } from '@onemrvapublic/design-system/mat-datepicker-header';
+import { provideLuxonDateAdapter } from '@angular/material-luxon-adapter';
+import { DateAdapter, MatOption } from '@angular/material/core';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i2 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { bankAccountValidator, NISS_MASK, OnemrvaValidators, OnemrvaNissPipe } from '@onemrvapublic/design-system/shared';
+import { OnemrvaMatInputIbanComponent } from '@onemrvapublic/design-system/mat-input-iban';
+import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { OnemrvaMatInputPhoneComponent } from '@onemrvapublic/design-system/mat-input-phone';
+import { MatRadioGroup, MatRadioButton } from '@angular/material/radio';
+import { MatSelect } from '@angular/material/select';
+
+class CheckboxRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.color = '';
+        this.indeterminate = false;
+        this.getEventValue = (event) => {
+            return event;
+        };
+    }
+    onCheckboxChange(value) {
+        this.onChange(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CheckboxRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: CheckboxRendererComponent, isStandalone: true, selector: "app-demo-checkbox", inputs: { color: "color", indeterminate: "indeterminate" }, usesInheritance: true, ngImport: i0, template: "@if (!hidden) {\n  <mat-checkbox\n    [color]=\"color\"\n    [checked]=\"!!data\"\n    [indeterminate]=\"indeterminate\"\n    [disabled]=\"!enabled\"\n    (change)=\"onCheckboxChange($event.checked)\"\n    >{{ uischema.i18n + '' | translate }}</mat-checkbox\n  >\n  @if (error) {\n    <mat-error> {{ error }}</mat-error>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1.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: JsonFormsAngularMaterialModule }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CheckboxRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-demo-checkbox', standalone: true, imports: [
+                        CommonModule,
+                        MatCheckboxModule,
+                        TranslatePipe,
+                        JsonFormsAngularMaterialModule,
+                    ], template: "@if (!hidden) {\n  <mat-checkbox\n    [color]=\"color\"\n    [checked]=\"!!data\"\n    [indeterminate]=\"indeterminate\"\n    [disabled]=\"!enabled\"\n    (change)=\"onCheckboxChange($event.checked)\"\n    >{{ uischema.i18n + '' | translate }}</mat-checkbox\n  >\n  @if (error) {\n    <mat-error> {{ error }}</mat-error>\n  }\n}\n" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }] } });
+const checkboxTester = rankWith(3, isBooleanControl);
+
+const defaultDateFormat = 'yyyy-MM-dd';
+class DatepickerRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.focused = false;
+        this.startView = 'month';
+        this.panelClass = '';
+        this.views = ['year', 'month', 'day'];
+        this.OnemrvaMatDatepickerHeaderComponent = OnemrvaMatDatepickerHeaderComponent;
+        // Make maxDate dynamic instead of readonly
+        this.maxDate = null;
+        this.minDate = null;
+        this.dateAdapter = inject((DateAdapter));
+        this.getEventValue = (event) => {
+            const value = event.value ? event.value : event;
+            return this.dateAdapter.format(value, this.getSaveFormat());
+        };
+    }
+    mapToProps(state) {
+        const props = super.mapToProps(state);
+        // Get save format from UI schema options or use default
+        const saveFormat = this.uischema?.options?.['dateSaveFormat']
+            ? this.uischema.options['dateSaveFormat']
+            : defaultDateFormat;
+        // Get views from UI schema options
+        this.views = this.uischema?.options?.['views']
+            ? this.uischema.options['views']
+            : ['year', 'month', 'day'];
+        // Set min and max dates from UI schema options
+        this.setDateLimits();
+        this.setViewProperties();
+        // Get display format from UI schema options
+        const dateFormat = this.uischema?.options?.['dateFormat'];
+        if (dateFormat) {
+            this.dateAdapter.setLocale(this.jsonFormsService.getLocale() || 'en');
+        }
+        // Parse the data using the save format
+        let parsedDate = null;
+        if (props.data) {
+            try {
+                parsedDate = this.dateAdapter.parse(props.data, saveFormat);
+            }
+            catch (error) {
+                console.warn('Failed to parse date:', props.data, error);
+            }
+        }
+        return { ...props, data: parsedDate };
+    }
+    setDateLimits() {
+        const options = this.uischema?.options;
+        if (options?.['maxDate']) {
+            this.maxDate = this.parseDate(options['maxDate']);
+        }
+        if (options?.['minDate']) {
+            this.minDate = this.parseDate(options['minDate']);
+        }
+    }
+    parseDate(dateValue) {
+        if (dateValue === 'today') {
+            return new Date();
+        }
+        else if (dateValue === 'tomorrow') {
+            const tomorrow = new Date();
+            tomorrow.setDate(tomorrow.getDate() + 1);
+            return tomorrow;
+        }
+        else if (dateValue === 'yesterday') {
+            const yesterday = new Date();
+            yesterday.setDate(yesterday.getDate() - 1);
+            return yesterday;
+        }
+        else if (typeof dateValue === 'string') {
+            try {
+                const luxonDate = this.dateAdapter.parse(dateValue, this.getSaveFormat());
+                // Convert Luxon DateTime to JavaScript Date
+                return luxonDate ? this.luxonToDate(luxonDate) : null;
+            }
+            catch (error) {
+                console.warn('Failed to parse date:', dateValue, error);
+                return null;
+            }
+        }
+        else if (dateValue instanceof Date) {
+            return dateValue;
+        }
+        return null;
+    }
+    luxonToDate(luxonDateTime) {
+        return luxonDateTime.toJSDate();
+    }
+    yearSelected($event, datepicker) {
+        if (!this.views.includes('day') && !this.views.includes('month')) {
+            this.onChange($event);
+            datepicker.close();
+        }
+    }
+    monthSelected($event, datepicker) {
+        if (!this.views.includes('day')) {
+            this.onChange($event);
+            datepicker.close();
+        }
+    }
+    setViewProperties() {
+        if (!this.views.includes('day')) {
+            this.startView = 'multi-year';
+            this.panelClass = 'no-panel-navigation';
+        }
+        else {
+            this.startView = 'month';
+        }
+    }
+    getSaveFormat() {
+        return this.uischema?.options?.['dateSaveFormat'] || defaultDateFormat;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DatepickerRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: DatepickerRendererComponent, isStandalone: true, selector: "app-date-picker-renderer", providers: [provideLuxonDateAdapter()], usesInheritance: true, ngImport: i0, template: "<mat-form-field\n  class=\"date-control-renderer\"\n  [ngStyle]=\"{ display: hidden ? 'none' : '' }\"\n>\n  <mat-label>{{ label }}</mat-label>\n  <input\n    matInput\n    (dateChange)=\"onChange($event)\"\n    [id]=\"id\"\n    [formControl]=\"form\"\n    [matDatepicker]=\"datepicker\"\n    (focus)=\"focused = true\"\n    (focusout)=\"focused = false\"\n    [max]=\"maxDate\"\n    [min]=\"minDate\"\n  />\n  <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n  <mat-datepicker\n    #picker\n    [calendarHeaderComponent]=\"OnemrvaMatDatepickerHeaderComponent\"\n    #datepicker\n    [startView]=\"startView\"\n    [panelClass]=\"panelClass\"\n    (yearSelected)=\"yearSelected($event, picker)\"\n    (monthSelected)=\"monthSelected($event, picker)\"\n  ></mat-datepicker>\n  @if (shouldShowUnfocusedDescription() || focused) {\n    <mat-hint>{{ description }}</mat-hint>\n  }\n  @if (error) {\n    <mat-error>{{ error }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["DateControlRenderer{display:flex;flex-direction:row}.date-control-renderer{flex:1 1 auto}.no-panel-navigation .mat-calendar-period-button{pointer-events:none}.no-panel-navigation .mat-calendar-arrow{display:none}.mat-headline-6{font-size:5px;line-height:.6;color:#000}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: JsonFormsAngularMaterialModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.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: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DatepickerRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-date-picker-renderer', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideLuxonDateAdapter()], imports: [MatFormField, MatDatepickerInput, JsonFormsAngularMaterialModule], template: "<mat-form-field\n  class=\"date-control-renderer\"\n  [ngStyle]=\"{ display: hidden ? 'none' : '' }\"\n>\n  <mat-label>{{ label }}</mat-label>\n  <input\n    matInput\n    (dateChange)=\"onChange($event)\"\n    [id]=\"id\"\n    [formControl]=\"form\"\n    [matDatepicker]=\"datepicker\"\n    (focus)=\"focused = true\"\n    (focusout)=\"focused = false\"\n    [max]=\"maxDate\"\n    [min]=\"minDate\"\n  />\n  <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n  <mat-datepicker\n    #picker\n    [calendarHeaderComponent]=\"OnemrvaMatDatepickerHeaderComponent\"\n    #datepicker\n    [startView]=\"startView\"\n    [panelClass]=\"panelClass\"\n    (yearSelected)=\"yearSelected($event, picker)\"\n    (monthSelected)=\"monthSelected($event, picker)\"\n  ></mat-datepicker>\n  @if (shouldShowUnfocusedDescription() || focused) {\n    <mat-hint>{{ description }}</mat-hint>\n  }\n  @if (error) {\n    <mat-error>{{ error }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["DateControlRenderer{display:flex;flex-direction:row}.date-control-renderer{flex:1 1 auto}.no-panel-navigation .mat-calendar-period-button{pointer-events:none}.no-panel-navigation .mat-calendar-arrow{display:none}.mat-headline-6{font-size:5px;line-height:.6;color:#000}\n"] }]
+        }] });
+const DatePickerRendererTester = rankWith(3, isDateControl);
+
+/**
+ * Utility for manipulating and extracting information
+ * from schema and scope paths in JsonForms
+ */
+class JsonFormsSchemaPathUtil {
+    static { this.PROPERTY_PATH_REGEX = /\/properties\/([^/]+)(?:\/properties\/([^/]+))?/; }
+    /**
+     * Extracts the step key from a UI Schema scope path
+     * @param scope The scope path (e.g. "/properties/childInfo/properties/ssin")
+     * @returns The extracted step key (e.g. "/childInfo/ssin")
+     */
+    static extractStepKey(scope) {
+        // Get the "childInfo" and the "ssin"
+        const regex = new RegExp(JsonFormsSchemaPathUtil.PROPERTY_PATH_REGEX);
+        const matches = regex.exec(scope ?? '');
+        if (!matches) {
+            return '';
+        }
+        // If we have both parts (childInfo + ssin)
+        if (matches[2]) {
+            return `/${matches[1]}/${matches[2]}`;
+        }
+        // If we have only the first part (childInfo)
+        return `/${matches[1]}`;
+    }
+}
+
+class IbanRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+        this.isUpdating = signal(false, ...(ngDevMode ? [{ debugName: "isUpdating" }] : []));
+        this.getEventValue = (event) => {
+            return event?.target?.value;
+        };
+        this.validator = (control) => {
+            if (this.isUpdating()) {
+                return null;
+            }
+            const value = control.value;
+            // Verify if error is undefined, null or empty
+            if (!value || typeof value !== 'string') {
+                //console.debug('Invalid IBAN value: ' + value);
+                return null;
+            }
+            else {
+                //console.debug('Valid IBAN value: ' + value);
+            }
+            if (value.length !== 2) {
+                const tempControl = new FormControl(value);
+                const ibanValidator = bankAccountValidator();
+                const result = ibanValidator(tempControl);
+                if (result) {
+                    this.setErrorValue();
+                    return result;
+                }
+            }
+            return null;
+        };
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.form.setValue(this.data);
+        this.form.setValidators([Validators.required, this.validator]);
+    }
+    onChange(event) {
+        const ibanValue = this.buildIbanValue(event);
+        const modifiedEvent = {
+            ...event,
+            target: { ...event.target, value: ibanValue },
+        };
+        super.onChange(modifiedEvent);
+    }
+    buildIbanValue(event) {
+        let builtValue = event?.currentTarget?.innerText;
+        if (event?.data === null) {
+            builtValue = builtValue + event?.target?.value?.slice(0, -1);
+        }
+        else {
+            builtValue =
+                builtValue + event?.target?.value.toString().replace(/\s/g, '');
+            if (event?.target?.value?.toString().length < 14) {
+                builtValue = builtValue + event?.data;
+            }
+        }
+        return builtValue;
+    }
+    setErrorValue() {
+        this.isUpdating.set(true);
+        try {
+            // Get existing errors
+            const currentState = this.jsonFormsService.getState();
+            console.debug('setErrorValue->Current state:', currentState);
+            const currentErrors = currentState?.jsonforms?.core?.['errors'] ?? [];
+            console.debug('setErrorValue->Existing JSONForms errors:', currentErrors);
+            const instancePath = JsonFormsSchemaPathUtil.extractStepKey(this.uischema?.scope);
+            // Add the IBAN error
+            const ibanError = {
+                instancePath: instancePath,
+                message: 'Numéro IBAN invalide',
+                keyword: 'custom-renderer',
+                schemaPath: this.uischema?.scope ?? '',
+                params: {},
+            };
+            // Combine IBAN errors with existing errors of jsonforms
+            const updatedErrors = [...currentErrors, ibanError];
+            console.debug('setErrorValue->All errors:', updatedErrors);
+            const updateAction = Actions.updateErrors(updatedErrors);
+            this.jsonFormsService.updateCore(updateAction);
+        }
+        finally {
+            this.isUpdating.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IbanRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: IbanRendererComponent, isStandalone: true, selector: "app-iban-renderer", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (!hidden) {\n  <mat-form-field>\n    <mat-label>IBAN</mat-label>\n\n    <onemrva-mat-input-iban [formControl]=\"form\" (input)=\"onChange($event)\">\n    </onemrva-mat-input-iban>\n\n    @if (form.hasError('required')) {\n      <mat-error>\n        {{ 'error.required' | translate }}\n      </mat-error>\n    } @else if (form.hasError('WrongBBANLength')) {\n      <mat-error>\n        {{ 'error.iban.length' | translate }}\n      </mat-error>\n    } @else if (form.hasError('NoIBANCountry')) {\n      <mat-error> NoIBANCountry </mat-error>\n    } @else if (\n      !form.hasError('WrongBBANLength') &&\n      (form.hasError('WrongBBANFormat') ||\n        form.hasError('WrongAccountBankBranchChecksum') ||\n        form.hasError('WrongIBANChecksum'))\n    ) {\n      <mat-error>\n        {{ 'error.iban.invalid' | translate }}\n      </mat-error>\n    }\n  </mat-form-field>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: OnemrvaMatInputIbanComponent, selector: "onemrva-mat-input-iban", inputs: ["noEntriesFoundLabel", "placeholderLabel", "searchAriaLabel", "label", "prioritizedCountries", "onlySEPA", "value", "readonly", "disabled", "placeholder", "required"], outputs: ["getCountry"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IbanRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-iban-renderer', imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        OnemrvaMatInputIbanComponent,
+                        TranslatePipe,
+                    ], standalone: true, template: "@if (!hidden) {\n  <mat-form-field>\n    <mat-label>IBAN</mat-label>\n\n    <onemrva-mat-input-iban [formControl]=\"form\" (input)=\"onChange($event)\">\n    </onemrva-mat-input-iban>\n\n    @if (form.hasError('required')) {\n      <mat-error>\n        {{ 'error.required' | translate }}\n      </mat-error>\n    } @else if (form.hasError('WrongBBANLength')) {\n      <mat-error>\n        {{ 'error.iban.length' | translate }}\n      </mat-error>\n    } @else if (form.hasError('NoIBANCountry')) {\n      <mat-error> NoIBANCountry </mat-error>\n    } @else if (\n      !form.hasError('WrongBBANLength') &&\n      (form.hasError('WrongBBANFormat') ||\n        form.hasError('WrongAccountBankBranchChecksum') ||\n        form.hasError('WrongIBANChecksum'))\n    ) {\n      <mat-error>\n        {{ 'error.iban.invalid' | translate }}\n      </mat-error>\n    }\n  </mat-form-field>\n}\n" }]
+        }] });
+const ibanControlTester = rankWith(10, scopeEndsWith('iban'));
+
+class LabelRendererComponent extends JsonFormsBaseRenderer {
+    constructor() {
+        super(...arguments);
+        this.jsonFormsService = inject(JsonFormsAngularService);
+    }
+    ngOnInit() {
+        this.addSubscription(this.jsonFormsService.$state.subscribe({
+            next: (state) => {
+                const props = mapStateToLabelProps(state, this.getOwnProps());
+                this.label = props.text;
+                this.visible = props.visible;
+            },
+        }));
+    }
+    get labelStyle() {
+        return {
+            fontSize: `${this.fontSize}px`,
+            fontWeight: `${this.fontWeight}`,
+        };
+    }
+    get fontWeight() {
+        return this.uischema.options?.['fontWeight'] ?? 'normal';
+    }
+    get fontSize() {
+        return this.uischema.options?.['textSize'] ?? 20;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LabelRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LabelRendererComponent, isStandalone: true, selector: "app-label-renderer", usesInheritance: true, ngImport: i0, template: "@if (visible) {\n  <mat-label [ngStyle]=\"labelStyle\">\n    {{ label }}\n  </mat-label>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LabelRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-label-renderer', standalone: true, imports: [CommonModule, MatLabel], template: "@if (visible) {\n  <mat-label [ngStyle]=\"labelStyle\">\n    {{ label }}\n  </mat-label>\n}\n" }]
+        }] });
+const customLabelTester = rankWith(5, uiTypeIs('Label'));
+
+class NissRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.nissMask = NISS_MASK;
+        this.isUpdating = signal(false, ...(ngDevMode ? [{ debugName: "isUpdating" }] : []));
+        this.jsonFormsService = inject(JsonFormsAngularService);
+        this.getEventValue = (event) => {
+            return event?.target?.value;
+        };
+        this.validator = (control) => {
+            if (this.isUpdating()) {
+                return null;
+            }
+            const value = control.value;
+            // Verify if error is undefined, null or empty
+            if (!value || typeof value !== 'string') {
+                console.debug('Invalid NISS value: ' + value);
+                return null;
+            }
+            else {
+                console.debug('Valid NISS value: ' + value);
+            }
+            const cleanValue = value.toString().trim();
+            if (!cleanValue) {
+                return null;
+            }
+            const tempControl = new FormControl(cleanValue);
+            const nissValidator = OnemrvaValidators.niss();
+            const result = nissValidator(tempControl);
+            if (result) {
+                this.setErrorValue(result);
+                return result;
+            }
+            return null;
+        };
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.form.setValue(this.data);
+        this.form.setValidators(this.validator);
+    }
+    onChange(event) {
+        const formattedValue = this.getEventValue(event);
+        const rawValue = formattedValue.replace(/[^0-9]/g, '');
+        // Display formatted value
+        this.form.setValue(formattedValue);
+        // Store raw value
+        const modifiedEvent = {
+            ...event,
+            target: { ...event.target, value: rawValue },
+        };
+        super.onChange(modifiedEvent);
+    }
+    setErrorValue(error) {
+        this.isUpdating.set(true);
+        try {
+            // Get existing errors
+            const currentState = this.jsonFormsService.getState();
+            console.debug('setErrorValue->Current state:', currentState);
+            const currentErrors = currentState?.jsonforms?.core?.['errors'] ?? [];
+            console.debug('setErrorValue->Existing JSONForms errors:', currentErrors);
+            const instancePath = JsonFormsSchemaPathUtil.extractStepKey(this.uischema?.scope);
+            // Add the SSIN errors
+            const ssinError = {
+                instancePath: instancePath,
+                message: 'Numéro XXXX invalide',
+                keyword: 'custom-renderer',
+                schemaPath: this.uischema?.scope ?? '',
+                params: {},
+            };
+            // Combine SSIN errors with existing errors of jsonforms
+            const updatedErrors = [...currentErrors, ssinError];
+            console.debug('setErrorValue->All errors:', updatedErrors);
+            const updateAction = Actions.updateErrors(updatedErrors);
+            this.jsonFormsService.updateCore(updateAction);
+        }
+        finally {
+            this.isUpdating.set(false);
+        }
+    }
+    isSsinError() {
+        const errors = this.form.errors;
+        return (errors !== null &&
+            Object.keys(errors).length > 0 &&
+            Object.keys(errors)[0].startsWith('niss'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: NissRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: NissRendererComponent, isStandalone: true, selector: "app-niss-renderer", providers: [provideNgxMask()], usesInheritance: true, ngImport: i0, template: "<mat-form-field>\n  <mat-label>{{ label }}</mat-label>\n  <input\n    id=\"{{ id }}\"\n    matInput\n    [formControl]=\"form\"\n    (input)=\"onChange($event)\"\n    [mask]=\"nissMask\"\n  />\n</mat-form-field>\n\n@if (isSsinError()) {\n  <mat-error>{{ 'error.ssin' | translate }}</mat-error>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: JsonFormsAngularMaterialModule }, { kind: "directive", type: i3.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: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: NissRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-niss-renderer', standalone: true, imports: [
+                        CommonModule,
+                        MatFormField,
+                        MatLabel,
+                        MatError,
+                        JsonFormsAngularMaterialModule,
+                        NgxMaskDirective,
+                        TranslatePipe,
+                    ], providers: [provideNgxMask()], template: "<mat-form-field>\n  <mat-label>{{ label }}</mat-label>\n  <input\n    id=\"{{ id }}\"\n    matInput\n    [formControl]=\"form\"\n    (input)=\"onChange($event)\"\n    [mask]=\"nissMask\"\n  />\n</mat-form-field>\n\n@if (isSsinError()) {\n  <mat-error>{{ 'error.ssin' | translate }}</mat-error>\n}\n" }]
+        }] });
+const nissControlTester = rankWith(10, 
+// TODO : Why format ="ssin" is not reconized !!!!
+scopeEndsWith('ssin'));
+
+class PhoneRendererComponent extends JsonFormsControl {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PhoneRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: PhoneRendererComponent, isStandalone: true, selector: "app-phone-renderer", usesInheritance: true, ngImport: i0, template: "@if (!hidden) {\n  <mat-form-field>\n    <mat-label>Phone number</mat-label>\n\n    <onemrva-mat-input-phone\n      [formControl]=\"form\"\n      placeholder=\"+32 475 12 23 34\"\n    ></onemrva-mat-input-phone>\n\n    <mat-hint>hint</mat-hint>\n    @if (form.invalid) {\n      <mat-error>\n        {{ 'input.phone.invalid' | translate }}\n      </mat-error>\n    }\n  </mat-form-field>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: OnemrvaMatInputPhoneComponent, selector: "onemrva-mat-input-phone", inputs: ["noEntriesFoundLabel", "placeholderLabel", "searchAriaLabel", "label", "defaultPrefix", "value", "readonly", "disabled", "placeholder", "required"], outputs: ["getCountry"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PhoneRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-phone-renderer', standalone: true, imports: [
+                        TranslatePipe,
+                        CommonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        OnemrvaMatInputPhoneComponent,
+                        FormsModule,
+                        MatInputModule,
+                        TranslatePipe,
+                    ], template: "@if (!hidden) {\n  <mat-form-field>\n    <mat-label>Phone number</mat-label>\n\n    <onemrva-mat-input-phone\n      [formControl]=\"form\"\n      placeholder=\"+32 475 12 23 34\"\n    ></onemrva-mat-input-phone>\n\n    <mat-hint>hint</mat-hint>\n    @if (form.invalid) {\n      <mat-error>\n        {{ 'input.phone.invalid' | translate }}\n      </mat-error>\n    }\n  </mat-form-field>\n}\n" }]
+        }] });
+const phoneControllerTester = rankWith(8, scopeEndsWith('phone'));
+
+class RadioButtonRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.options = [];
+    }
+    mapAdditionalProps() {
+        if (this.scopedSchema && this.scopedSchema.enum) {
+            this.options = this.scopedSchema.enum;
+        }
+    }
+    get isControlDisable() {
+        try {
+            const state = this.jsonFormsService.getState();
+            const ajv = state?.jsonforms?.core?.ajv;
+            // May not call isEnabled if ajv is undefined
+            if (!ajv) {
+                return true;
+            }
+            return !isEnabled(this.uischema, state?.jsonforms?.core?.data ?? {}, '', ajv);
+        }
+        catch {
+            return true;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RadioButtonRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RadioButtonRendererComponent, isStandalone: true, selector: "app-radio-button-renderer", usesInheritance: true, ngImport: i0, template: "@if (!hidden) {\n  <mat-radio-group\n    [(ngModel)]=\"data\"\n    (change)=\"onChange($event)\"\n    disabled=\"{{ isControlDisable }}\"\n    class=\"vertical-radio-group\"\n  >\n    <mat-radio-button *ngFor=\"let option of options\" [value]=\"option\">\n      {{ uischema.i18n + '.' + option | translate }}\n    </mat-radio-button>\n    @if (error) {\n      <mat-error> {{ error }}</mat-error>\n    }\n  </mat-radio-group>\n}\n", styles: [".vertical-radio-group{display:flex;flex-direction:column;margin-bottom:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: JsonFormsAngularMaterialModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RadioButtonRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-radio-button-renderer', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        MatError,
+                        JsonFormsAngularMaterialModule,
+                        MatRadioGroup,
+                        FormsModule,
+                        MatRadioButton,
+                    ], template: "@if (!hidden) {\n  <mat-radio-group\n    [(ngModel)]=\"data\"\n    (change)=\"onChange($event)\"\n    disabled=\"{{ isControlDisable }}\"\n    class=\"vertical-radio-group\"\n  >\n    <mat-radio-button *ngFor=\"let option of options\" [value]=\"option\">\n      {{ uischema.i18n + '.' + option | translate }}\n    </mat-radio-button>\n    @if (error) {\n      <mat-error> {{ error }}</mat-error>\n    }\n  </mat-radio-group>\n}\n", styles: [".vertical-radio-group{display:flex;flex-direction:column;margin-bottom:1px}\n"] }]
+        }] });
+const radioButtonTester = (uischema) => {
+    if (uischema.type === 'Control' && uischema.options?.['format'] === 'radio') {
+        return 11;
+    }
+    return -1;
+};
+
+class ReadonlyControlRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService);
+        this.onemrvaNissPipe = inject(OnemrvaNissPipe);
+    }
+    mapAdditionalProps() {
+        if (this.needsTranslation()) {
+            const translationKey = this.uischema.i18n + '.' + this.form.value;
+            const translatedValue = this.translate.instant(translationKey);
+            this.form.patchValue(translatedValue);
+        }
+        if (this.isNiss()) {
+            const formattedNiss = this.onemrvaNissPipe.transform(this.form.value);
+            this.form.patchValue(formattedNiss);
+        }
+        if (this.isIban()) {
+            const formattedIban = this.formatIban(this.form.value);
+            this.form.patchValue(formattedIban);
+        }
+        // if (this.isDate()) {
+        //   const formattedDate =  moment(this.form.value).format('DD/MM/YYYY');
+        //   this.form.patchValue(formattedDate);
+        // }
+    }
+    formatIban(iban) {
+        const cleanIban = iban.replace(/\s+/g, '');
+        return cleanIban.replace(/(.{4})/g, '$1 ').trim();
+    }
+    hasValueAndSchema() {
+        return !!this.form.value && !!this.scopedSchema;
+    }
+    isIban() {
+        return (this.hasValueAndSchema() &&
+            !!this.uischema.scope &&
+            this.uischema.scope.endsWith('/iban'));
+    }
+    isDate() {
+        return this.hasValueAndSchema() && this.scopedSchema.format === 'date';
+    }
+    isNiss() {
+        return (this.hasValueAndSchema() &&
+            !!this.uischema.scope &&
+            this.uischema.scope.endsWith('/ssin'));
+    }
+    needsTranslation() {
+        const isEnum = this.hasValueAndSchema() && !!this.scopedSchema.enum;
+        const isBooleanType = this.scopedSchema !== undefined &&
+            this.scopedSchema.type?.[0] === 'boolean';
+        return isEnum || isBooleanType;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ReadonlyControlRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ReadonlyControlRendererComponent, isStandalone: true, selector: "app-readonly-control-renderer", providers: [], usesInheritance: true, ngImport: i0, template: "<div class=\"summary-grid\">\n  <mat-label class=\"column1\">{{ label }}</mat-label>\n  <input class=\"column2 mat-typography\" [id]=\"id\" [formControl]=\"form\" />\n</div>\n", styles: [".column2{border:none;background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: JsonFormsAngularMaterialModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ReadonlyControlRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-readonly-control-renderer', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatLabel,
+                        JsonFormsAngularMaterialModule,
+                    ], providers: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"summary-grid\">\n  <mat-label class=\"column1\">{{ label }}</mat-label>\n  <input class=\"column2 mat-typography\" [id]=\"id\" [formControl]=\"form\" />\n</div>\n", styles: [".column2{border:none;background:none}\n"] }]
+        }] });
+const readonlyControlTester = rankWith(11, and(isControl, optionIs('readonly', true)));
+
+class EnumRendererComponent extends JsonFormsControl {
+    constructor() {
+        super(...arguments);
+        this.options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    }
+    mapAdditionalProps(props) {
+        this.options.set(this.scopedSchema?.enum || []);
+        super.mapAdditionalProps(props);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EnumRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: EnumRendererComponent, isStandalone: true, selector: "app-enum-renderer", usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [(value)]=\"data\"\n    (selectionChange)=\"onChange($event)\"\n    [formControl]=\"form\"\n  >\n    @for (value of options(); track value) {\n      <mat-option [value]=\"value\">\n        {{ uischema.i18n + '.' + value | translate }}\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: "ngmodule", type: JsonFormsAngularMaterialModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EnumRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-enum-renderer', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        MatFormField,
+                        MatLabel,
+                        MatOption,
+                        MatSelect,
+                        JsonFormsAngularMaterialModule,
+                    ], template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [(value)]=\"data\"\n    (selectionChange)=\"onChange($event)\"\n    [formControl]=\"form\"\n  >\n    @for (value of options(); track value) {\n      <mat-option [value]=\"value\">\n        {{ uischema.i18n + '.' + value | translate }}\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n" }]
+        }] });
+const enumControlTester = rankWith(10, isEnumControl);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxRendererComponent, DatePickerRendererTester, DatepickerRendererComponent, EnumRendererComponent, IbanRendererComponent, LabelRendererComponent, NissRendererComponent, PhoneRendererComponent, RadioButtonRendererComponent, ReadonlyControlRendererComponent, checkboxTester, customLabelTester, enumControlTester, ibanControlTester, nissControlTester, phoneControllerTester, radioButtonTester, readonlyControlTester };
+//# sourceMappingURL=onemrvapublic-design-system-jsonform-renderers.mjs.map