@onemrvapublic/design-system 20.7.0-develop.14 → 20.7.0-develop.16

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

@@ -1,621 +0,0 @@
-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) => {
-            if (typeof event === 'string') {
-                return event.replace(/\s/g, '');
-            }
-            if (event && typeof event.value === 'string') {
-                return event.value.replace(/\s/g, '');
-            }
-            const raw = event?.target?.value;
-            return typeof raw === 'string' ? raw.replace(/\s/g, '') : raw;
-        };
-        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]);
-    }
-    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 {
-    constructor() {
-        super(...arguments);
-        this.getEventValue = (event) => {
-            return event?.target?.value;
-        };
-        this.validator = (control) => {
-            const value = control.value;
-            if (value === null || value === undefined || value === '')
-                return null;
-            if (typeof value !== 'string')
-                return { phone: true };
-            // Basic international phone validation: starts with '+' or digit, min 6 digits when spaces removed
-            const normalized = value.replace(/\s+/g, '');
-            const isValid = /^\+?\d{6,}$/.test(normalized);
-            return isValid ? null : { phone: true };
-        };
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.form.setValue(this.data);
-        this.form.setValidators([Validators.required, this.validator]);
-    }
-    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", "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