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

package/index.d.ts

@@ -28,7 +28,7 @@ import { MatOption, ThemePalette, ErrorStateMatcher, MatDateFormats, NativeDateA
 import { AnimationBuilder, AnimationFactory } from '@angular/animations';
 import * as i5 from '@angular/forms';
 import { ControlValueAccessor, FormControl, FormGroup, NgControl, ValidationErrors, AbstractControl, ValidatorFn } from '@angular/forms';
-import { MatCalendar } from '@angular/material/datepicker';
+import { MatCalendar, MatDatepicker } from '@angular/material/datepicker';
 import * as i8 from '@angular/material/dialog';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OSMResult as OSMResult$1, OnemRvaCommonCountry as OnemRvaCommonCountry$1, OnemrvaMaterialCountry as OnemrvaMaterialCountry$1 } from '@onemrvapublic/design-system/shared';
@@ -49,6 +49,9 @@ import { Platform } from '@angular/cdk/platform';
 import * as i2$1 from '@angular/material/snack-bar';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import { DateTime } from 'luxon';
+import { RankedTester, JsonFormsState, StatePropsOfControl, LabelElement, UISchemaElement, ControlProps } from '@jsonforms/core';
+import { JsonFormsControl, JsonFormsBaseRenderer, JsonFormsAngularService } from '@jsonforms/angular';
+import { OnemrvaMatDatepickerHeaderComponent as OnemrvaMatDatepickerHeaderComponent$1 } from '@onemrvapublic/design-system/mat-datepicker-header';
 
 declare class LayoutSubrouteComponent implements AfterViewInit {
     private cd;
@@ -1181,35 +1184,71 @@ declare class OnemrvaMatInputIbanComponent implements ControlValueAccessor, MatF
     static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputIbanComponent, "onemrva-mat-input-iban", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prioritizedCountries": { "alias": "prioritizedCountries"; "required": false; }; "onlySEPA": { "alias": "onlySEPA"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
 }
 
-declare class OnemrvaMatInputPhoneComponent implements OnInit, OnDestroy {
-    readonly: boolean;
-    phoneNumber: FormControl;
-    label: string;
+declare class OnemrvaMatInputPhoneComponent implements ControlValueAccessor, MatFormFieldControl<string>, OnInit, OnDestroy {
+    countryCode: HTMLInputElement;
+    number: ElementRef;
+    private readonly cdn;
+    countries$: Observable<OnemrvaMaterialCountry$1[]>;
+    static nextId: number;
     noEntriesFoundLabel: string;
-    placeholder: string;
     placeholderLabel: string;
-    defaultPrefix: string;
     searchAriaLabel: string;
-    hint: string;
+    label: string;
+    defaultPrefix: string;
     getCountry: EventEmitter<any>;
-    numberInput: ElementRef;
-    countryCode: FormControl;
     filterCtrl: FormControl<string | null>;
     destroyNotifier$: Subject<void>;
-    private readonly cdn;
-    countries$: Observable<OnemrvaMaterialCountry$1[]>;
+    controlType: string;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    id: string;
+    touched: boolean;
+    parts: FormGroup<{
+        countryCode: FormControl<string | null>;
+        number: FormControl<string | null>;
+    }>;
+    get numberField(): FormControl;
+    get countryCodeField(): FormControl;
+    private readonly focusMonitor;
+    readonly elementRef: ElementRef<any>;
+    private readonly cd;
+    private readonly formBuilder;
+    readonly ngControl: NgControl | null;
     filteredCountries$: Observable<OnemrvaMaterialCountry$1[]>;
     constructor();
-    get number(): FormControl;
+    errors(): ValidationErrors | null;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    get errorState(): boolean;
+    get shouldLabelFloat(): boolean;
+    get empty(): boolean;
+    get value(): string;
+    set value(phoneNumber: string | null);
+    readonly: boolean;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    setDisabledState(isDisabled: boolean): void;
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
     ngOnInit(): void;
     handleClick(e: any): void;
-    private clearValidators;
-    private formatPhoneNumber;
     ngOnDestroy(): void;
-    errors(): "input.phone.invalid" | "input.phone.required" | "input.phone.unknown.error";
-    phoneNumberValidator(code: string): ValidatorFn;
+    autoFocusNext(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(number: string | null): void;
+    _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    private formatPhoneNumber;
+    onKeyup(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputPhoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "readonly": { "alias": "readonly"; "required": false; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
 }
 
 declare class PhoneNumberDirective {
@@ -2936,9 +2975,9 @@ declare class OnemRvaCDNCountryService {
     getCountries(): Observable<OnemrvaMaterialCountry[]>;
     getCountriesByZone(zone: string): Observable<OnemrvaMaterialCountry[]>;
     getTranslatedCountryName(country: OnemrvaMaterialCountry, languageCode?: string): string;
-    findCountryFromCode(code: any): Observable<OnemrvaMaterialCountry | undefined>;
+    findCountryFromCode(code: string): Observable<OnemrvaMaterialCountry | undefined>;
     findCountryFromVIESCode(code: any): Observable<OnemrvaMaterialCountry | undefined>;
-    findCountryFromPrefix(number: any): Observable<OnemrvaMaterialCountry | undefined>;
+    findCountryFromPrefix(number: string | null): Observable<OnemrvaMaterialCountry | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemRvaCDNCountryService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OnemRvaCDNCountryService>;
 }
@@ -3057,6 +3096,8 @@ declare const IBAN_SUPPORTED_COUNTRIES: string[];
 declare const SEPA_ONLY_SUPPORTED_COUNTRIES: string[];
 declare const bankAccountValidator: (allowEmptyCountry?: boolean) => ValidatorFn;
 
+declare const phoneNumberValidator: (allowEmptyCountry?: boolean) => ValidatorFn;
+
 declare class OnemrvaSharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaSharedModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaSharedModule, never, [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective, typeof OnemRvaReadonlyDirective], [typeof DigitOnlyDirective, typeof MatRowClickableDirective, typeof OnemRvaClipboardDirective, typeof OnemRvaIconRightDirective, typeof IfWidthIsDirective, typeof OnemRvaColorDirective, typeof OnemrvaMaskDirective, typeof OnemrvaDateFormatDirective, typeof OnemRvaReadonlyDirective]>;
@@ -3136,5 +3177,118 @@ declare function onemrvaThemeProvider(): Provider[];
 declare const LOOKUP_COUNTRY_SERVICE_URL: InjectionToken<string>;
 declare const ONEMRVA_THEME_CLASS: InjectionToken<string>;
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatExpansionPanelHeaderArrowDivider, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaReadonlyDirective, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLeftSidenavService, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
+declare class CheckboxRendererComponent extends JsonFormsControl {
+    color: OnemrvaMatColor;
+    indeterminate: boolean;
+    getEventValue: (event: any) => any;
+    onCheckboxChange(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxRendererComponent, "app-demo-checkbox", never, { "color": { "alias": "color"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare const checkboxTester: RankedTester;
+
+declare class DatepickerRendererComponent extends JsonFormsControl {
+    focused: boolean;
+    startView: 'month' | 'year' | 'multi-year';
+    panelClass: string;
+    views: string[];
+    protected readonly OnemrvaMatDatepickerHeaderComponent: typeof OnemrvaMatDatepickerHeaderComponent$1;
+    maxDate: Date | null;
+    minDate: Date | null;
+    private dateAdapter;
+    getEventValue: (event: any) => string;
+    protected mapToProps(state: JsonFormsState): StatePropsOfControl;
+    private setDateLimits;
+    private parseDate;
+    private luxonToDate;
+    yearSelected($event: any, datepicker: MatDatepicker<any>): void;
+    monthSelected($event: any, datepicker: MatDatepicker<any>): void;
+    setViewProperties(): void;
+    private getSaveFormat;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerRendererComponent, "app-date-picker-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const DatePickerRendererTester: RankedTester;
+
+declare class IbanRendererComponent extends JsonFormsControl {
+    readonly: i0.InputSignal<boolean>;
+    private readonly isUpdating;
+    ngOnInit(): void;
+    onChange(event: any): void;
+    private buildIbanValue;
+    getEventValue: (event: any) => any;
+    validator: ValidatorFn;
+    private setErrorValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbanRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbanRendererComponent, "app-iban-renderer", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare const ibanControlTester: RankedTester;
+
+declare class LabelRendererComponent extends JsonFormsBaseRenderer<LabelElement> implements OnInit {
+    jsonFormsService: JsonFormsAngularService;
+    label: string | undefined;
+    visible: boolean | undefined;
+    ngOnInit(): void;
+    get labelStyle(): Record<string, string>;
+    get fontWeight(): boolean;
+    get fontSize(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelRendererComponent, "app-label-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const customLabelTester: RankedTester;
+
+declare class NissRendererComponent extends JsonFormsControl {
+    nissMask: string;
+    private readonly isUpdating;
+    jsonFormsService: JsonFormsAngularService;
+    ngOnInit(): void;
+    getEventValue: (event: any) => any;
+    onChange(event: any): void;
+    private setErrorValue;
+    isSsinError(): boolean;
+    validator: ValidatorFn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NissRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NissRendererComponent, "app-niss-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const nissControlTester: RankedTester;
+
+declare class PhoneRendererComponent extends JsonFormsControl {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneRendererComponent, "app-phone-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const phoneControllerTester: RankedTester;
+
+declare class RadioButtonRendererComponent extends JsonFormsControl {
+    options: string[];
+    mapAdditionalProps(): void;
+    get isControlDisable(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonRendererComponent, "app-radio-button-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const radioButtonTester: (uischema: UISchemaElement) => 11 | -1;
+
+declare class ReadonlyControlRendererComponent extends JsonFormsControl {
+    private readonly translate;
+    private readonly onemrvaNissPipe;
+    mapAdditionalProps(): void;
+    private formatIban;
+    private hasValueAndSchema;
+    private isIban;
+    private isDate;
+    private isNiss;
+    private needsTranslation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReadonlyControlRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReadonlyControlRendererComponent, "app-readonly-control-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const readonlyControlTester: RankedTester;
+
+declare class EnumRendererComponent extends JsonFormsControl {
+    options: i0.WritableSignal<string[]>;
+    mapAdditionalProps(props: ControlProps): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnumRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EnumRendererComponent, "app-enum-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const enumControlTester: RankedTester;
+
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, CheckboxRendererComponent, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DatePickerRendererTester, DatepickerRendererComponent, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, EnumRendererComponent, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IbanRendererComponent, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LabelRendererComponent, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatExpansionPanelHeaderArrowDivider, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, NISS_MASK, NissRendererComponent, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaReadonlyDirective, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLeftSidenavService, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, PhoneRendererComponent, RadioButtonRendererComponent, ReadonlyControlRendererComponent, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, checkboxTester, components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, customLabelTester, directives, enumControlTester, formatBytes, formattedSize, ibanControlTester, layoutComponents, nissControlTester, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, phoneControllerTester, phoneNumberValidator, radioButtonTester, readonlyControlTester, setTranslationLanguage, setTranslationLanguageFromWO };
 export type { ActionConfig, ConfigurableDefaultOptions, CustomValidationFn, FileUploadStoreEvent, HttpCacheOptions, HttpCacheStorage, MatSelectSearchOptions, MimeDefinition, NavItem, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemRvaLanguage, OnemrvaBreadcrumb, OnemrvaMatFileUploadInterface, OnemrvaMatFileUploadStoreItf, OnemrvaMatToc, OnemrvaMatTocAnchor, OnemrvaMaterialCountry, OnemrvaMenu, OnemrvaSkeletonLoaderConfigTheme, ProgressFile, ReferencedProgressFile, UploadState };

package/jsonform-renderers/datepicker-renderer/datepicker-renderer.component.scss

@@ -0,0 +1,22 @@
+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; /* Modifier la taille de la police */
+  line-height: 0.6;
+  color: black;
+}

package/jsonform-renderers/index.d.ts

@@ -0,0 +1,123 @@
+import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
+import { RankedTester, JsonFormsState, StatePropsOfControl, LabelElement, UISchemaElement, ControlProps } from '@jsonforms/core';
+import { JsonFormsControl, JsonFormsBaseRenderer, JsonFormsAngularService } from '@jsonforms/angular';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import { MatDatepicker } from '@angular/material/datepicker';
+import { OnemrvaMatDatepickerHeaderComponent } from '@onemrvapublic/design-system/mat-datepicker-header';
+import { ValidatorFn } from '@angular/forms';
+
+declare class CheckboxRendererComponent extends JsonFormsControl {
+    color: OnemrvaMatColor;
+    indeterminate: boolean;
+    getEventValue: (event: any) => any;
+    onCheckboxChange(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxRendererComponent, "app-demo-checkbox", never, { "color": { "alias": "color"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare const checkboxTester: RankedTester;
+
+declare class DatepickerRendererComponent extends JsonFormsControl {
+    focused: boolean;
+    startView: 'month' | 'year' | 'multi-year';
+    panelClass: string;
+    views: string[];
+    protected readonly OnemrvaMatDatepickerHeaderComponent: typeof OnemrvaMatDatepickerHeaderComponent;
+    maxDate: Date | null;
+    minDate: Date | null;
+    private dateAdapter;
+    getEventValue: (event: any) => string;
+    protected mapToProps(state: JsonFormsState): StatePropsOfControl;
+    private setDateLimits;
+    private parseDate;
+    private luxonToDate;
+    yearSelected($event: any, datepicker: MatDatepicker<any>): void;
+    monthSelected($event: any, datepicker: MatDatepicker<any>): void;
+    setViewProperties(): void;
+    private getSaveFormat;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerRendererComponent, "app-date-picker-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const DatePickerRendererTester: RankedTester;
+
+declare class IbanRendererComponent extends JsonFormsControl {
+    readonly: i0.InputSignal<boolean>;
+    private readonly isUpdating;
+    ngOnInit(): void;
+    onChange(event: any): void;
+    private buildIbanValue;
+    getEventValue: (event: any) => any;
+    validator: ValidatorFn;
+    private setErrorValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbanRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbanRendererComponent, "app-iban-renderer", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare const ibanControlTester: RankedTester;
+
+declare class LabelRendererComponent extends JsonFormsBaseRenderer<LabelElement> implements OnInit {
+    jsonFormsService: JsonFormsAngularService;
+    label: string | undefined;
+    visible: boolean | undefined;
+    ngOnInit(): void;
+    get labelStyle(): Record<string, string>;
+    get fontWeight(): boolean;
+    get fontSize(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelRendererComponent, "app-label-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const customLabelTester: RankedTester;
+
+declare class NissRendererComponent extends JsonFormsControl {
+    nissMask: string;
+    private readonly isUpdating;
+    jsonFormsService: JsonFormsAngularService;
+    ngOnInit(): void;
+    getEventValue: (event: any) => any;
+    onChange(event: any): void;
+    private setErrorValue;
+    isSsinError(): boolean;
+    validator: ValidatorFn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NissRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NissRendererComponent, "app-niss-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const nissControlTester: RankedTester;
+
+declare class PhoneRendererComponent extends JsonFormsControl {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneRendererComponent, "app-phone-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const phoneControllerTester: RankedTester;
+
+declare class RadioButtonRendererComponent extends JsonFormsControl {
+    options: string[];
+    mapAdditionalProps(): void;
+    get isControlDisable(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonRendererComponent, "app-radio-button-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const radioButtonTester: (uischema: UISchemaElement) => 11 | -1;
+
+declare class ReadonlyControlRendererComponent extends JsonFormsControl {
+    private readonly translate;
+    private readonly onemrvaNissPipe;
+    mapAdditionalProps(): void;
+    private formatIban;
+    private hasValueAndSchema;
+    private isIban;
+    private isDate;
+    private isNiss;
+    private needsTranslation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReadonlyControlRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReadonlyControlRendererComponent, "app-readonly-control-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const readonlyControlTester: RankedTester;
+
+declare class EnumRendererComponent extends JsonFormsControl {
+    options: i0.WritableSignal<string[]>;
+    mapAdditionalProps(props: ControlProps): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnumRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EnumRendererComponent, "app-enum-renderer", never, {}, {}, never, never, true, never>;
+}
+declare const enumControlTester: RankedTester;
+
+export { CheckboxRendererComponent, DatePickerRendererTester, DatepickerRendererComponent, EnumRendererComponent, IbanRendererComponent, LabelRendererComponent, NissRendererComponent, PhoneRendererComponent, RadioButtonRendererComponent, ReadonlyControlRendererComponent, checkboxTester, customLabelTester, enumControlTester, ibanControlTester, nissControlTester, phoneControllerTester, radioButtonTester, readonlyControlTester };

package/jsonform-renderers/radio-button-renderer/radio-button.renderer.component.scss

@@ -0,0 +1,5 @@
+.vertical-radio-group {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1px;
+}

package/jsonform-renderers/readonly-control-renderer/readonly-control-renderer.component.scss

@@ -0,0 +1,4 @@
+.column2 {
+  border: none;
+  background: none;
+}

package/mat-input-phone/index.d.ts

@@ -1,38 +1,76 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
-import { FormControl, ValidatorFn } from '@angular/forms';
-import { Subject, Observable } from 'rxjs';
+import { OnInit, OnDestroy, ElementRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroup, NgControl, ValidationErrors, AbstractControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Observable, Subject } from 'rxjs';
 import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
+import { BooleanInput } from '@angular/cdk/coercion';
 
-declare class OnemrvaMatInputPhoneComponent implements OnInit, OnDestroy {
-    readonly: boolean;
-    phoneNumber: FormControl;
-    label: string;
+declare class OnemrvaMatInputPhoneComponent implements ControlValueAccessor, MatFormFieldControl<string>, OnInit, OnDestroy {
+    countryCode: HTMLInputElement;
+    number: ElementRef;
+    private readonly cdn;
+    countries$: Observable<OnemrvaMaterialCountry[]>;
+    static nextId: number;
     noEntriesFoundLabel: string;
-    placeholder: string;
     placeholderLabel: string;
-    defaultPrefix: string;
     searchAriaLabel: string;
-    hint: string;
+    label: string;
+    defaultPrefix: string;
     getCountry: EventEmitter<any>;
-    numberInput: ElementRef;
-    countryCode: FormControl;
     filterCtrl: FormControl<string | null>;
     destroyNotifier$: Subject<void>;
-    private readonly cdn;
-    countries$: Observable<OnemrvaMaterialCountry[]>;
+    controlType: string;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    id: string;
+    touched: boolean;
+    parts: FormGroup<{
+        countryCode: FormControl<string | null>;
+        number: FormControl<string | null>;
+    }>;
+    get numberField(): FormControl;
+    get countryCodeField(): FormControl;
+    private readonly focusMonitor;
+    readonly elementRef: ElementRef<any>;
+    private readonly cd;
+    private readonly formBuilder;
+    readonly ngControl: NgControl | null;
     filteredCountries$: Observable<OnemrvaMaterialCountry[]>;
     constructor();
-    get number(): FormControl;
+    errors(): ValidationErrors | null;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    get errorState(): boolean;
+    get shouldLabelFloat(): boolean;
+    get empty(): boolean;
+    get value(): string;
+    set value(phoneNumber: string | null);
+    readonly: boolean;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    setDisabledState(isDisabled: boolean): void;
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
     ngOnInit(): void;
     handleClick(e: any): void;
-    private clearValidators;
-    private formatPhoneNumber;
     ngOnDestroy(): void;
-    errors(): "input.phone.invalid" | "input.phone.required" | "input.phone.unknown.error";
-    phoneNumberValidator(code: string): ValidatorFn;
+    autoFocusNext(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(number: string | null): void;
+    _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    private formatPhoneNumber;
+    onKeyup(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputPhoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "readonly": { "alias": "readonly"; "required": false; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
 }
 
 declare class PhoneNumberDirective {

package/mat-input-phone/src/onemrva-mat-input-phone.component.scss

@@ -1,31 +1,13 @@
-.onemrva-input-phone-number {
-  mat-select {
-    .mat-mdc-select-placeholder {
-      width: 1em !important;
-      display: block !important;
-      &:before {
-        width: 1em !important;
-        height: 1em !important;
-        background: #eeeeee !important;
-        visibility: visible !important;
-        margin: 10px 0 !important;
-      }
-    }
-
-    .mat-mdc-select-value {
-      padding-right: 8px;
-    }
-  }
-  .onemrva-text-number {
-    padding-left: 12px !important;
-    vertical-align: middle;
-  }
-  .mat-mdc-form-field-text-prefix {
-    mat-select {
-      line-height: 14px !important;
+onemrva-mat-input-phone {
+  width: 100%;
+  .phone-fields {
+    display: flex;
+    .phone-prefix {
+      width: 48px;
+      margin-right: 8px;
     }
   }
   span.dialcode {
-    color: #acaab2;
+    color: var(--mat-sys-outline-variant);
   }
 }

package/mat-panel/src/onemrva-mat-panel.component.scss

@@ -8,21 +8,16 @@
   position: relative;
   background: var(--mat-sys-surface-container-lowest);
 
-  --mat-expansion-header-expanded-state-height: 80px;
-  --mat-expansion-header-collapsed-state-height: 80px;
-  --mat-expansion-container-background-color: transparant;
-
-  --mat-panel-title-color: var(--test-title-color-panel, inherit);
-
-  &.mat-primary {
-    --mat-panel-title-color: var(--mat-sys-on-primary-container);
-    --mat-expansion-container-background-color: var(
-      --mat-sys-primary-container
-    );
-  }
-
   &.is-expandable {
     padding: 0;
+    @include mat.expansion-overrides(
+      (
+        header-expanded-state-height: 80px,
+        header-collapsed-state-height: 80px,
+        container-shape: var(--border-radius),
+        container-background-color: transparent,
+      )
+    );
 
     mat-expansion-panel.mat-expanded {
       mat-expansion-panel-header.mat-expansion-panel-header {
@@ -36,10 +31,6 @@
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
     }
-
-    .mat-expansion-panel {
-      border-radius: var(--border-radius);
-    }
   }
 
   &[class*=' mat-'],

package/mat-sticker/src/onemrva-mat-sticker.component.scss

@@ -1,7 +1,5 @@
 :host {
-  $paddingY: 2px;
-  $paddingX: 8px;
-  $borderWidth: 2px;
+  --sticker-border-width: 2px;
 
   overflow: hidden;
   text-overflow: ellipsis;
@@ -13,7 +11,7 @@
   background: var(--mat-sys-surface);
   opacity: 1;
   border-radius: var(--small-border-radius);
-  padding: $paddingY $paddingX;
+  padding: var(--quarter-spacer) var(--spacer);
   font: var(--mat-sys-label-medium);
   box-sizing: border-box;
   border: 2px solid var(--mat-sys-primary);
@@ -23,7 +21,8 @@
     background: var(--background-gradient) !important;
     border: none;
     // We need to make up for the border changing
-    padding: calc($paddingY + $borderWidth) calc($paddingX + $borderWidth);
+    padding: calc(var(--quarter-spacer) + var(--sticker-border-width))
+      calc(var(--spacer) + var(--sticker-border-width));
     color: var(--on-background-gradient);
   }
 }