@onemrvapublic/design-system 20.0.0-develop.1 → 20.0.0-develop.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/onemrvapublic-design-system-layout.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs +84 -0
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map +1 -0
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +31 -4
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +4 -3
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs +107 -14
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/index.d.ts +29 -4
- package/mat-address/index.d.ts +29 -0
- package/mat-address/src/onemrva-address.scss +50 -0
- package/mat-input-address/index.d.ts +2 -1
- package/mat-input-country/src/onemrva-mat-input-country.component.scss +11 -5
- package/package.json +17 -17
- package/shared/index.d.ts +1 -0
- package/address/index.d.ts +0 -8
- package/address/src/address.scss +0 -0
- package/fesm2022/onemrvapublic-design-system-address.mjs +0 -22
- package/fesm2022/onemrvapublic-design-system-address.mjs.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, Directive, Injectable, EventEmitter, isDevMode, Output, ContentChild, Pipe, NgModule, ElementRef, HostBinding, Renderer2, HostListener, ViewEncapsulation, forwardRef, ChangeDetectionStrategy, InjectionToken, signal, QueryList, ComponentFactoryResolver, HostAttributeToken, NgZone, RendererFactory2, ErrorHandler } from '@angular/core';
|
|
2
|
+
import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, DOCUMENT, Directive, Injectable, EventEmitter, isDevMode, Output, ContentChild, Pipe, NgModule, ElementRef, HostBinding, Renderer2, HostListener, ViewEncapsulation, forwardRef, ChangeDetectionStrategy, InjectionToken, signal, QueryList, ComponentFactoryResolver, HostAttributeToken, NgZone, RendererFactory2, ErrorHandler } from '@angular/core';
|
|
3
3
|
import { Router, RouterLink, RouterLinkActive, RouterModule, NavigationEnd, ActivatedRoute } from '@angular/router';
|
|
4
4
|
import * as i1$1 from '@angular/common';
|
|
5
|
-
import { NgTemplateOutlet, NgClass, DOCUMENT, AsyncPipe, NgStyle, CommonModule, NgOptimizedImage, Location } from '@angular/common';
|
|
5
|
+
import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, AsyncPipe, NgStyle, CommonModule, NgOptimizedImage, Location } from '@angular/common';
|
|
6
6
|
import * as i2 from '@angular/material/icon';
|
|
7
7
|
import { MatIcon, MatIconModule } from '@angular/material/icon';
|
|
8
8
|
import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
|
|
@@ -45,6 +45,8 @@ import { MatInputModule, MatInput } from '@angular/material/input';
|
|
|
45
45
|
import * as i3 from '@angular/material/select';
|
|
46
46
|
import { MatSelectModule, MatSelect, MatOption as MatOption$1 } from '@angular/material/select';
|
|
47
47
|
import { MatAutocompleteTrigger, MatAutocomplete } from '@angular/material/autocomplete';
|
|
48
|
+
import { OnemrvaMatInputAddressComponent as OnemrvaMatInputAddressComponent$1 } from '@onemrvapublic/design-system/mat-input-address';
|
|
49
|
+
import { OnemrvaMatInputCountryComponent as OnemrvaMatInputCountryComponent$1 } from '@onemrvapublic/design-system/mat-input-country';
|
|
48
50
|
import * as i4 from '@onemrvapublic/design-system/mat-select-search';
|
|
49
51
|
import { MatSelectSearchModule as MatSelectSearchModule$1 } from '@onemrvapublic/design-system/mat-select-search';
|
|
50
52
|
import { OnemrvaCountryItemComponent as OnemrvaCountryItemComponent$1 } from '@onemrvapublic/design-system/mat-country-item';
|
|
@@ -352,7 +354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
352
354
|
class LayoutSidenavComponent {
|
|
353
355
|
constructor() {
|
|
354
356
|
this.translateService = inject(TranslateService);
|
|
355
|
-
this.document = inject(DOCUMENT);
|
|
357
|
+
this.document = inject(DOCUMENT$1);
|
|
356
358
|
this.drawerService = inject(OnemrvaDrawerService);
|
|
357
359
|
this.selectedLanguageIndex$ = this.translateService.onLangChange.pipe(startWith(null), map(() => this.languages.findIndex(l => l.code === this.translateService.currentLang)));
|
|
358
360
|
}
|
|
@@ -473,7 +475,7 @@ class LayoutComponent {
|
|
|
473
475
|
this.cdn = inject(OnemRvaCDNService$1);
|
|
474
476
|
this.cd = inject(ChangeDetectorRef);
|
|
475
477
|
this.breakpointObserver = inject(BreakpointObserver);
|
|
476
|
-
this.document = inject(DOCUMENT);
|
|
478
|
+
this.document = inject(DOCUMENT$1);
|
|
477
479
|
this.drawerService = inject(OnemrvaDrawerService);
|
|
478
480
|
if (this.languages.length === 0) {
|
|
479
481
|
this.translateService.getLangs().forEach(value => {
|
|
@@ -2812,10 +2814,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
2812
2814
|
type: Input
|
|
2813
2815
|
}] } });
|
|
2814
2816
|
|
|
2817
|
+
class OSMAddressFormatPipe {
|
|
2818
|
+
transform(result) {
|
|
2819
|
+
if (result.address.country_code !== 'be') {
|
|
2820
|
+
return result.display_name;
|
|
2821
|
+
}
|
|
2822
|
+
const town = result.address.village || result.address.city || result.address.town;
|
|
2823
|
+
if (result.address.house_number) {
|
|
2824
|
+
return `${result.address.road} ${result.address.house_number}, ${result.address.postcode} ${town}`;
|
|
2825
|
+
}
|
|
2826
|
+
return `${result.address.road}, ${result.address.postcode} ${town}`;
|
|
2827
|
+
}
|
|
2828
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OSMAddressFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2829
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OSMAddressFormatPipe, isStandalone: true, name: "addressFormatter" }); }
|
|
2830
|
+
}
|
|
2831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OSMAddressFormatPipe, decorators: [{
|
|
2832
|
+
type: Pipe,
|
|
2833
|
+
args: [{
|
|
2834
|
+
name: 'addressFormatter',
|
|
2835
|
+
standalone: true,
|
|
2836
|
+
}]
|
|
2837
|
+
}] });
|
|
2838
|
+
|
|
2815
2839
|
class OnemrvaMatInputAddressComponent {
|
|
2816
2840
|
constructor() {
|
|
2817
2841
|
this.placeholder = 'input.address.placeholder';
|
|
2818
2842
|
this.readonly = false;
|
|
2843
|
+
this.mode = 'full';
|
|
2819
2844
|
this.label = 'Address';
|
|
2820
2845
|
this.noEntriesFoundLabel = 'Not found';
|
|
2821
2846
|
this.hint = '';
|
|
@@ -2845,7 +2870,8 @@ class OnemrvaMatInputAddressComponent {
|
|
|
2845
2870
|
}));
|
|
2846
2871
|
}
|
|
2847
2872
|
selectAddress(address, emit = true) {
|
|
2848
|
-
this.address.
|
|
2873
|
+
const finalValue = this.mode === 'road-only' ? address.address.road : address.display_name;
|
|
2874
|
+
this.address.setValue(finalValue, { emitEvent: emit });
|
|
2849
2875
|
this.getAddress.emit(address);
|
|
2850
2876
|
}
|
|
2851
2877
|
clear() {
|
|
@@ -2857,7 +2883,7 @@ class OnemrvaMatInputAddressComponent {
|
|
|
2857
2883
|
this.autocompleteTrigger.closePanel();
|
|
2858
2884
|
}
|
|
2859
2885
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatInputAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2860
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatInputAddressComponent, isStandalone: true, selector: "onemrva-mat-input-address", inputs: { placeholder: "placeholder", readonly: "readonly", address: "address", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", countryCodes: "countryCodes" }, outputs: { getAddress: "getAddress" }, viewQueries: [{ propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }], ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label | translate }}</mat-label>\n <mat-icon matPrefix [ngClass]=\"{ spin: isLoading }\">\n {{ isLoading ? 'refresh' : 'search' }}\n </mat-icon>\n\n @if (address.value !== '') {\n <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n }\n <input\n type=\"text\"\n matInput\n [formControl]=\"address\"\n [readonly]=\"readonly\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder | translate\"\n (keydown.enter)=\"handleEnter()\"\n />\n\n @if (hint) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selectAddress($event.option.value)\"\n >\n @for (result of results$ | async; track result.place_id) {\n <mat-option [value]=\"result\">\n <span class=\"country\">\n <flag-icon [countryCode]=\"result.address['country_code']\" />\n {{ result
|
|
2886
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatInputAddressComponent, isStandalone: true, selector: "onemrva-mat-input-address", inputs: { placeholder: "placeholder", readonly: "readonly", address: "address", mode: "mode", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", countryCodes: "countryCodes" }, outputs: { getAddress: "getAddress" }, viewQueries: [{ propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }], ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label | translate }}</mat-label>\n <mat-icon matPrefix [ngClass]=\"{ spin: isLoading }\">\n {{ isLoading ? 'refresh' : 'search' }}\n </mat-icon>\n\n @if (address.value !== '') {\n <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n }\n <input\n type=\"text\"\n matInput\n [formControl]=\"address\"\n [readonly]=\"readonly\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder | translate\"\n (keydown.enter)=\"handleEnter()\"\n />\n\n @if (hint) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selectAddress($event.option.value)\"\n >\n @for (result of results$ | async; track result.place_id) {\n <mat-option [value]=\"result\">\n <span class=\"country\">\n <flag-icon [countryCode]=\"result.address['country_code']\" />\n {{ result | addressFormatter }}\n </span>\n </mat-option>\n }\n @if (showNoResult) {\n <mat-option>\n {{ noEntriesFoundLabel | translate }}\n </mat-option>\n }\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: OSMAddressFormatPipe, name: "addressFormatter" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2861
2887
|
}
|
|
2862
2888
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatInputAddressComponent, decorators: [{
|
|
2863
2889
|
type: Component,
|
|
@@ -2872,13 +2898,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
2872
2898
|
MatAutocomplete,
|
|
2873
2899
|
MatIcon,
|
|
2874
2900
|
FlagIconComponent$1,
|
|
2875
|
-
|
|
2901
|
+
OSMAddressFormatPipe,
|
|
2902
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label | translate }}</mat-label>\n <mat-icon matPrefix [ngClass]=\"{ spin: isLoading }\">\n {{ isLoading ? 'refresh' : 'search' }}\n </mat-icon>\n\n @if (address.value !== '') {\n <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n }\n <input\n type=\"text\"\n matInput\n [formControl]=\"address\"\n [readonly]=\"readonly\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder | translate\"\n (keydown.enter)=\"handleEnter()\"\n />\n\n @if (hint) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selectAddress($event.option.value)\"\n >\n @for (result of results$ | async; track result.place_id) {\n <mat-option [value]=\"result\">\n <span class=\"country\">\n <flag-icon [countryCode]=\"result.address['country_code']\" />\n {{ result | addressFormatter }}\n </span>\n </mat-option>\n }\n @if (showNoResult) {\n <mat-option>\n {{ noEntriesFoundLabel | translate }}\n </mat-option>\n }\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"] }]
|
|
2876
2903
|
}], propDecorators: { placeholder: [{
|
|
2877
2904
|
type: Input
|
|
2878
2905
|
}], readonly: [{
|
|
2879
2906
|
type: Input
|
|
2880
2907
|
}], address: [{
|
|
2881
2908
|
type: Input
|
|
2909
|
+
}], mode: [{
|
|
2910
|
+
type: Input
|
|
2882
2911
|
}], label: [{
|
|
2883
2912
|
type: Input
|
|
2884
2913
|
}], noEntriesFoundLabel: [{
|
|
@@ -2898,6 +2927,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
2898
2927
|
* Public API Surface of mat-bank-account-input
|
|
2899
2928
|
*/
|
|
2900
2929
|
|
|
2930
|
+
class OnemRvaAddress {
|
|
2931
|
+
constructor() {
|
|
2932
|
+
this.INSMode = false;
|
|
2933
|
+
this.update = new EventEmitter();
|
|
2934
|
+
this.countryForm = new FormControl('be', [Validators.required]);
|
|
2935
|
+
this.addressControl = new FormControl('');
|
|
2936
|
+
this.postalCodeControl = new FormControl('');
|
|
2937
|
+
this.cityControl = new FormControl('');
|
|
2938
|
+
this.boiteControl = new FormControl('');
|
|
2939
|
+
this.numeroControl = new FormControl('');
|
|
2940
|
+
this.NISControl = new FormControl('');
|
|
2941
|
+
}
|
|
2942
|
+
ngOnInit() {
|
|
2943
|
+
merge(this.countryForm.valueChanges, this.addressControl.valueChanges, this.postalCodeControl.valueChanges, this.cityControl.valueChanges, this.boiteControl.valueChanges, this.numeroControl.valueChanges, this.NISControl.valueChanges).subscribe(() => {
|
|
2944
|
+
const change = {
|
|
2945
|
+
country: this.countryForm.value || undefined,
|
|
2946
|
+
street: this.addressControl.value || undefined,
|
|
2947
|
+
postal_code: this.postalCodeControl.value || undefined,
|
|
2948
|
+
city: this.cityControl.value || undefined,
|
|
2949
|
+
street_number: this.numeroControl.value || undefined,
|
|
2950
|
+
nis: this.NISControl.value || undefined,
|
|
2951
|
+
};
|
|
2952
|
+
this.update.emit(change);
|
|
2953
|
+
});
|
|
2954
|
+
}
|
|
2955
|
+
onAddressSelected(result) {
|
|
2956
|
+
const city = result.address.city || result.address.village || result.address.town;
|
|
2957
|
+
if (city) {
|
|
2958
|
+
this.cityControl.setValue(city);
|
|
2959
|
+
}
|
|
2960
|
+
const houseNumber = result.address.house_number;
|
|
2961
|
+
if (houseNumber) {
|
|
2962
|
+
this.numeroControl.setValue(houseNumber);
|
|
2963
|
+
}
|
|
2964
|
+
const postalCode = result.address.postcode;
|
|
2965
|
+
if (postalCode) {
|
|
2966
|
+
this.postalCodeControl.setValue(postalCode);
|
|
2967
|
+
}
|
|
2968
|
+
}
|
|
2969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaAddress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2970
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemRvaAddress, isStandalone: true, selector: "onemrva-address", inputs: { INSMode: "INSMode" }, outputs: { update: "update" }, ngImport: i0, template: "<onemrva-mat-input-country\n [country]=\"countryForm\"\n label=\"{{ 'input.country.label' | translate }}\"\n noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n></onemrva-mat-input-country>\n\n<div class=\"line-2\">\n <onemrva-mat-input-address\n mode=\"road-only\"\n [countryCodes]=\"[countryForm.value || '']\"\n [address]=\"addressControl\"\n (getAddress)=\"onAddressSelected($event)\"\n >\n </onemrva-mat-input-address>\n\n <mat-form-field>\n <mat-label>Numero</mat-label>\n <input matInput [formControl]=\"numeroControl\" />\n </mat-form-field>\n\n <mat-form-field>\n <mat-label>Boite</mat-label>\n <input matInput [formControl]=\"boiteControl\" />\n </mat-form-field>\n</div>\n\n<div class=\"line-3\">\n <mat-form-field>\n <mat-label>Code Postal</mat-label>\n <input matInput [formControl]=\"postalCodeControl\" />\n </mat-form-field>\n\n <mat-form-field>\n <mat-label>Commune/Ville</mat-label>\n <input matInput [formControl]=\"cityControl\" />\n </mat-form-field>\n</div>\n\n@if(INSMode) {\n<div class=\"line-4\">\n <mat-form-field>\n <mat-label>INS</mat-label>\n <input matInput [formControl]=\"NISControl\" />\n </mat-form-field>\n</div>\n}\n", styles: [":host{display:flex;flex-direction:column;width:400px}:host onemrva-mat-input-country{display:flex;width:100%}:host .line-2{display:flex}:host .line-2 onemrva-mat-input-address{width:248px;max-width:248px;margin-right:var(--spacer)}:host .line-2 mat-form-field:first-of-type{margin-right:var(--spacer)}:host .line-3{width:100%;display:flex}:host .line-3 mat-form-field:first-child{display:flex;width:30%;margin-right:var(--spacer)}:host .line-3 mat-form-field:last-child{display:flex;width:auto;flex-grow:1}:host .line-4{width:100%;display:flex}:host .line-4 mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: OnemrvaMatInputCountryComponent$1, selector: "onemrva-mat-input-country", inputs: ["readonly", "country", "label", "noEntriesFoundLabel", "hint", "placeholderLabel", "searchAriaLabel"], outputs: ["getCountry"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "component", type: OnemrvaMatInputAddressComponent$1, selector: "onemrva-mat-input-address", inputs: ["placeholder", "readonly", "address", "mode", "label", "noEntriesFoundLabel", "hint", "countryCodes"], outputs: ["getAddress"] }] }); }
|
|
2971
|
+
}
|
|
2972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemRvaAddress, decorators: [{
|
|
2973
|
+
type: Component,
|
|
2974
|
+
args: [{ selector: 'onemrva-address', imports: [
|
|
2975
|
+
CommonModule,
|
|
2976
|
+
MatFormFieldModule,
|
|
2977
|
+
ReactiveFormsModule,
|
|
2978
|
+
OnemrvaMatInputCountryComponent$1,
|
|
2979
|
+
MatInputModule,
|
|
2980
|
+
TranslateModule,
|
|
2981
|
+
OnemrvaMatInputAddressComponent$1,
|
|
2982
|
+
], standalone: true, template: "<onemrva-mat-input-country\n [country]=\"countryForm\"\n label=\"{{ 'input.country.label' | translate }}\"\n noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n></onemrva-mat-input-country>\n\n<div class=\"line-2\">\n <onemrva-mat-input-address\n mode=\"road-only\"\n [countryCodes]=\"[countryForm.value || '']\"\n [address]=\"addressControl\"\n (getAddress)=\"onAddressSelected($event)\"\n >\n </onemrva-mat-input-address>\n\n <mat-form-field>\n <mat-label>Numero</mat-label>\n <input matInput [formControl]=\"numeroControl\" />\n </mat-form-field>\n\n <mat-form-field>\n <mat-label>Boite</mat-label>\n <input matInput [formControl]=\"boiteControl\" />\n </mat-form-field>\n</div>\n\n<div class=\"line-3\">\n <mat-form-field>\n <mat-label>Code Postal</mat-label>\n <input matInput [formControl]=\"postalCodeControl\" />\n </mat-form-field>\n\n <mat-form-field>\n <mat-label>Commune/Ville</mat-label>\n <input matInput [formControl]=\"cityControl\" />\n </mat-form-field>\n</div>\n\n@if(INSMode) {\n<div class=\"line-4\">\n <mat-form-field>\n <mat-label>INS</mat-label>\n <input matInput [formControl]=\"NISControl\" />\n </mat-form-field>\n</div>\n}\n", styles: [":host{display:flex;flex-direction:column;width:400px}:host onemrva-mat-input-country{display:flex;width:100%}:host .line-2{display:flex}:host .line-2 onemrva-mat-input-address{width:248px;max-width:248px;margin-right:var(--spacer)}:host .line-2 mat-form-field:first-of-type{margin-right:var(--spacer)}:host .line-3{width:100%;display:flex}:host .line-3 mat-form-field:first-child{display:flex;width:30%;margin-right:var(--spacer)}:host .line-3 mat-form-field:last-child{display:flex;width:auto;flex-grow:1}:host .line-4{width:100%;display:flex}:host .line-4 mat-form-field{width:100%}\n"] }]
|
|
2983
|
+
}], propDecorators: { INSMode: [{
|
|
2984
|
+
type: Input
|
|
2985
|
+
}], update: [{
|
|
2986
|
+
type: Output
|
|
2987
|
+
}] } });
|
|
2988
|
+
|
|
2989
|
+
/*
|
|
2990
|
+
* Public API Surface of mat-bank-account-input
|
|
2991
|
+
*/
|
|
2992
|
+
|
|
2901
2993
|
class OnemrvaMatInputBirthPlaceComponent {
|
|
2902
2994
|
constructor() {
|
|
2903
2995
|
this.readonly = false;
|
|
@@ -3054,7 +3146,8 @@ class OnemrvaMatInputCountryComponent {
|
|
|
3054
3146
|
combineLatestWith(this.countries$), map(([value, countries]) => {
|
|
3055
3147
|
// ✅ Explicitly defining types
|
|
3056
3148
|
return countries.find((country) => value !== null &&
|
|
3057
|
-
country.code
|
|
3149
|
+
country.code.toLowerCase() ===
|
|
3150
|
+
value.substring(0, country.code.length).toLowerCase());
|
|
3058
3151
|
}));
|
|
3059
3152
|
}
|
|
3060
3153
|
handleClick(e) {
|
|
@@ -3069,7 +3162,7 @@ class OnemrvaMatInputCountryComponent {
|
|
|
3069
3162
|
return 'input.country.unknown.error';
|
|
3070
3163
|
}
|
|
3071
3164
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatInputCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3072
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatInputCountryComponent, isStandalone: true, selector: "onemrva-mat-input-country", inputs: { readonly: "readonly", country: "country", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country\">\n <mat-label>{{ label }}</mat-label>\n <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n <mat-select-trigger>\n <mat-country-item\n [countryCode]=\"country.getRawValue()\"\n [countryName]=\"(selectedCountry$ | async)?.name\"\n />\n </mat-select-trigger>\n <mat-option>\n <mat-select-search\n [formControl]=\"filterCtrl\"\n [ariaLabel]=\"searchAriaLabel\"\n [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n [placeholderLabel]=\"placeholderLabel\"\n ></mat-select-search>\n </mat-option>\n @for (country of filteredCountries$ | async; track country.
|
|
3165
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatInputCountryComponent, isStandalone: true, selector: "onemrva-mat-input-country", inputs: { readonly: "readonly", country: "country", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country\">\n <mat-label>{{ label }}</mat-label>\n <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n <mat-select-trigger>\n <mat-country-item\n [countryCode]=\"country.getRawValue().toLowerCase()\"\n [countryName]=\"(selectedCountry$ | async)?.name\"\n />\n </mat-select-trigger>\n <mat-option>\n <mat-select-search\n [formControl]=\"filterCtrl\"\n [ariaLabel]=\"searchAriaLabel\"\n [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n [placeholderLabel]=\"placeholderLabel\"\n ></mat-select-search>\n </mat-option>\n @for (country of filteredCountries$ | async; track country.name) {\n <mat-option [value]=\"country.code.toLowerCase()\">\n <mat-country-item\n [countryCode]=\"country.code.toLowerCase()\"\n [countryName]=\"country.name\"\n />\n </mat-option>\n }\n </mat-select>\n @if (hint !== '') {\n <mat-hint>{{ hint }}</mat-hint>\n }\n @if (country.invalid) {\n <mat-error>{{ errors() | translate }}</mat-error>\n }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i4.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "component", type: OnemrvaCountryItemComponent$1, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3073
3166
|
}
|
|
3074
3167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatInputCountryComponent, decorators: [{
|
|
3075
3168
|
type: Component,
|
|
@@ -3082,7 +3175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
3082
3175
|
ReactiveFormsModule,
|
|
3083
3176
|
TranslateModule,
|
|
3084
3177
|
OnemrvaCountryItemComponent$1,
|
|
3085
|
-
], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"onemrva-input-country\">\n <mat-label>{{ label }}</mat-label>\n <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n <mat-select-trigger>\n <mat-country-item\n [countryCode]=\"country.getRawValue()\"\n [countryName]=\"(selectedCountry$ | async)?.name\"\n />\n </mat-select-trigger>\n <mat-option>\n <mat-select-search\n [formControl]=\"filterCtrl\"\n [ariaLabel]=\"searchAriaLabel\"\n [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n [placeholderLabel]=\"placeholderLabel\"\n ></mat-select-search>\n </mat-option>\n @for (country of filteredCountries$ | async; track country.
|
|
3178
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"onemrva-input-country\">\n <mat-label>{{ label }}</mat-label>\n <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n <mat-select-trigger>\n <mat-country-item\n [countryCode]=\"country.getRawValue().toLowerCase()\"\n [countryName]=\"(selectedCountry$ | async)?.name\"\n />\n </mat-select-trigger>\n <mat-option>\n <mat-select-search\n [formControl]=\"filterCtrl\"\n [ariaLabel]=\"searchAriaLabel\"\n [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n [placeholderLabel]=\"placeholderLabel\"\n ></mat-select-search>\n </mat-option>\n @for (country of filteredCountries$ | async; track country.name) {\n <mat-option [value]=\"country.code.toLowerCase()\">\n <mat-country-item\n [countryCode]=\"country.code.toLowerCase()\"\n [countryName]=\"country.name\"\n />\n </mat-option>\n }\n </mat-select>\n @if (hint !== '') {\n <mat-hint>{{ hint }}</mat-hint>\n }\n @if (country.invalid) {\n <mat-error>{{ errors() | translate }}</mat-error>\n }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"] }]
|
|
3086
3179
|
}], ctorParameters: () => [], propDecorators: { readonly: [{
|
|
3087
3180
|
type: Input
|
|
3088
3181
|
}], country: [{
|
|
@@ -4156,7 +4249,7 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
|
|
|
4156
4249
|
useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),
|
|
4157
4250
|
multi: true,
|
|
4158
4251
|
},
|
|
4159
|
-
], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n [multiple]=\"multiple\"\n [formControl]=\"formControl\"\n [attr.data-cy]=\"dataCy\"\n [attr.aria-label]=\"label\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n>\n @if (multiple && selectionToggle) {\n <div class=\"selection-choice text-right\">\n <a\n tabindex=\"1\"\n [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n (click)=\"selectAll()\"\n >{{ 'select.select.all' | translate }}</a\n ><span class=\"separator\"> | </span>\n <a\n tabindex=\"2\"\n [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n (click)=\"deselectAll($event)\"\n >{{ 'select.deselect.all' | translate }}</a\n >\n </div>\n }\n <div class=\"option-list\">\n <!-- @if (showFilter) {\n <mat-option>\n <mat-select-search\n [formControl]=\"searchFilter\"\n ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n ></mat-select-search>\n </mat-option>\n } -->\n @for (matOption of matOptions$ | async; track matOption.value) {\n <ng-container>\n <mat-option\n [disabled]=\"matOption.disabled\"\n [value]=\"matOption.value\"\n [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n >\n {{ matOption._text?.nativeElement?.textContent }}\n </mat-option>\n </ng-container>\n }\n </div>\n</mat-select>\n@if (multiple && counter > 0) {\n <div class=\"mat-select-counter float-right position-absolute text-center\">\n <span class=\"text\">{{ counter }}</span\n ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.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: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
4252
|
+
], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n [multiple]=\"multiple\"\n [formControl]=\"formControl\"\n [attr.data-cy]=\"dataCy\"\n [attr.aria-label]=\"label\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"'select.select.placeholder' | translate\"\n>\n @if (multiple && selectionToggle) {\n <div class=\"selection-choice text-right\">\n <a\n tabindex=\"1\"\n [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n (click)=\"selectAll()\"\n >{{ 'select.select.all' | translate }}</a\n ><span class=\"separator\"> | </span>\n <a\n tabindex=\"2\"\n [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n (click)=\"deselectAll($event)\"\n >{{ 'select.deselect.all' | translate }}</a\n >\n </div>\n }\n <div class=\"option-list\">\n <!-- @if (showFilter) {\n <mat-option>\n <mat-select-search\n [formControl]=\"searchFilter\"\n ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n ></mat-select-search>\n </mat-option>\n } -->\n @for (matOption of matOptions$ | async; track matOption.value) {\n <ng-container>\n <mat-option\n [disabled]=\"matOption.disabled\"\n [value]=\"matOption.value\"\n [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n >\n {{ matOption._text?.nativeElement?.textContent }}\n </mat-option>\n </ng-container>\n }\n </div>\n</mat-select>\n@if (multiple && counter > 0) {\n <div class=\"mat-select-counter float-right position-absolute text-center\">\n <span class=\"text\">{{ counter }}</span\n ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.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: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
4160
4253
|
}
|
|
4161
4254
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
|
|
4162
4255
|
type: Component,
|
|
@@ -4178,7 +4271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
4178
4271
|
MatSelectModule,
|
|
4179
4272
|
AsyncPipe,
|
|
4180
4273
|
MatIcon,
|
|
4181
|
-
], standalone: true, encapsulation: ViewEncapsulation.Emulated, template: "<mat-select\n [multiple]=\"multiple\"\n [formControl]=\"formControl\"\n [attr.data-cy]=\"dataCy\"\n [attr.aria-label]=\"label\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n>\n @if (multiple && selectionToggle) {\n <div class=\"selection-choice text-right\">\n <a\n tabindex=\"1\"\n [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n (click)=\"selectAll()\"\n >{{ 'select.select.all' | translate }}</a\n ><span class=\"separator\"> | </span>\n <a\n tabindex=\"2\"\n [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n (click)=\"deselectAll($event)\"\n >{{ 'select.deselect.all' | translate }}</a\n >\n </div>\n }\n <div class=\"option-list\">\n <!-- @if (showFilter) {\n <mat-option>\n <mat-select-search\n [formControl]=\"searchFilter\"\n ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n ></mat-select-search>\n </mat-option>\n } -->\n @for (matOption of matOptions$ | async; track matOption.value) {\n <ng-container>\n <mat-option\n [disabled]=\"matOption.disabled\"\n [value]=\"matOption.value\"\n [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n >\n {{ matOption._text?.nativeElement?.textContent }}\n </mat-option>\n </ng-container>\n }\n </div>\n</mat-select>\n@if (multiple && counter > 0) {\n <div class=\"mat-select-counter float-right position-absolute text-center\">\n <span class=\"text\">{{ counter }}</span\n ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"] }]
|
|
4274
|
+
], standalone: true, encapsulation: ViewEncapsulation.Emulated, template: "<mat-select\n [multiple]=\"multiple\"\n [formControl]=\"formControl\"\n [attr.data-cy]=\"dataCy\"\n [attr.aria-label]=\"label\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"'select.select.placeholder' | translate\"\n>\n @if (multiple && selectionToggle) {\n <div class=\"selection-choice text-right\">\n <a\n tabindex=\"1\"\n [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n (click)=\"selectAll()\"\n >{{ 'select.select.all' | translate }}</a\n ><span class=\"separator\"> | </span>\n <a\n tabindex=\"2\"\n [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n (click)=\"deselectAll($event)\"\n >{{ 'select.deselect.all' | translate }}</a\n >\n </div>\n }\n <div class=\"option-list\">\n <!-- @if (showFilter) {\n <mat-option>\n <mat-select-search\n [formControl]=\"searchFilter\"\n ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n ></mat-select-search>\n </mat-option>\n } -->\n @for (matOption of matOptions$ | async; track matOption.value) {\n <ng-container>\n <mat-option\n [disabled]=\"matOption.disabled\"\n [value]=\"matOption.value\"\n [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n >\n {{ matOption._text?.nativeElement?.textContent }}\n </mat-option>\n </ng-container>\n }\n </div>\n</mat-select>\n@if (multiple && counter > 0) {\n <div class=\"mat-select-counter float-right position-absolute text-center\">\n <span class=\"text\">{{ counter }}</span\n ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"] }]
|
|
4182
4275
|
}], ctorParameters: () => [], propDecorators: { multiple: [{
|
|
4183
4276
|
type: Input
|
|
4184
4277
|
}], formControl: [{
|
|
@@ -8295,7 +8388,7 @@ class WebComponentOverlayContainer {
|
|
|
8295
8388
|
this._containerElement = null;
|
|
8296
8389
|
this._themeObserver = null;
|
|
8297
8390
|
this.platform = inject(Platform);
|
|
8298
|
-
this._document = inject(DOCUMENT);
|
|
8391
|
+
this._document = inject(DOCUMENT$1);
|
|
8299
8392
|
this.themeClass = inject(ONEMRVA_THEME_CLASS);
|
|
8300
8393
|
}
|
|
8301
8394
|
ngOnDestroy() {
|
|
@@ -10273,5 +10366,5 @@ function onemrvaThemeProvider() {
|
|
|
10273
10366
|
* Generated bundle index. Do not edit.
|
|
10274
10367
|
*/
|
|
10275
10368
|
|
|
10276
|
-
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, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, 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, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, 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, 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$1 as components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
|
|
10369
|
+
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, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, 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, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, 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, 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$1 as components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
|
|
10277
10370
|
//# sourceMappingURL=onemrvapublic-design-system.mjs.map
|