@dflat-core/web 1.0.48 → 1.0.50

package/fesm2022/dflat-core-web-system-ux.mjs

@@ -5,7 +5,7 @@ import { ApiErrorTypes, CoreModelModule, ImageFormats, User } from "@dflat-core/
 import * as i4$2 from "@dflat-core/web/core-ux";
 import { Action, BaseComponent, BaseEditorComponent, CanDeactivateGuard, CoreUxModule, DefaultLayoutComponent, DialogType, DynamicFormComponent, EntitySelectors, MessageSeverity, NewEditorComponent, PP_SERVICE, SelectorMapperServiceBase, downloadFile, filterFromId } from "@dflat-core/web/core-ux";
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Inject, Injectable, InjectionToken, Input, LOCALE_ID, NgModule, Optional, Output, ViewChild, ViewEncapsulation, effect, runInInjectionContext, viewChild } from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Inject, Injectable, InjectionToken, Input, LOCALE_ID, NgModule, Optional, Output, ViewChild, ViewEncapsulation, effect, inject, runInInjectionContext, viewChild } from "@angular/core";
 import { Observable, Subject, combineLatest, forkJoin, map, of, takeUntil } from "rxjs";
 import { catchError, filter, map as map$1, take, takeUntil as takeUntil$1 } from "rxjs/operators";
 import { ActivationResults, CustomFieldGroupTypes, FileTypes, ImageUploadEventType, PresentationProfilePurposes, PresentationProfileScopes, SystemModelModule } from "@dflat-core/web/system-model";
@@ -16,7 +16,7 @@ import { FormsModule, ReactiveFormsModule, Validators } from "@angular/forms";
 import * as i3$1 from "@angular/cdk/drag-drop";
 import { DragDropModule, moveItemInArray } from "@angular/cdk/drag-drop";
 import * as i1$3 from "@dflat-core/web/system-data";
-import { AddressDataService, CompanyDataService, CountryDataService, CurrencyDataService, CustomFieldDataService, CustomFieldGroupDataService, CustomFieldGroupEntityDataService, CustomFieldGroupItemDataService, CustomFieldOptionsDataService, CustomFieldValueDataService, DayInfoDataService, ErrorCategoryDataService, ExchangeRateDataService, FilesDataService, KeywordDataService, MetaEntityDataService, MetaEntityFieldDataService, MetaEntityFormDataService, MetaEntityFormFieldDataService, MetaEntityFormSectionDataService, MetaEntityKeywordDataService, MetaEntityRelationDataService, MetaEntityRelationDefinitionDataService, MetaEntityTranslationDataService, MetaEntityViewFieldDataService, NewsDataService, ParameterDataService, ParameterSectionDataService, ParameterValueDataService, PermissionDataService, PresentationProfileItemDataService, RatingDataService, RatingSummaryDataService, RequestDataService, RequestEntityDataService, RequestResultDataService, RequestTypeDataService, ResourceKeyDataService, ResourceLanguageDataService, ResourceTranslationDataService, RoleDataService, RolePermissionDataService, SubcompanyDataService, SupplierCompanyDataService, SupplierDataService, SynchronizedCompanyDataService, SystemDataModule, TvaRateDataService, UserAccountCompanyDataService, UserAccountDataService, UserAccountNewsDataService, UserAccountRoleDataService, UserAccountTokenDataService, UserFavoriteDataService, UserGroupDataService, UserGroupDefinitionDataService, UserHistoryDataService, UserPermissionViewDataService, UserSessionDataService, VersionDataService } from "@dflat-core/web/system-data";
+import { AddressDataService, CompanyDataService, CountryDataService, CurrencyDataService, CustomFieldDataService, CustomFieldGroupDataService, CustomFieldGroupEntityDataService, CustomFieldGroupItemDataService, CustomFieldOptionsDataService, CustomFieldValueDataService, DayInfoDataService, ErrorCategoryDataService, ExchangeRateDataService, FilesDataService, KeywordDataService, MetaEntityDataService, MetaEntityFieldDataService, MetaEntityFormDataService, MetaEntityFormFieldDataService, MetaEntityFormSectionDataService, MetaEntityKeywordDataService, MetaEntityRelationDataService, MetaEntityRelationDefinitionDataService, MetaEntityTranslationDataService, MetaEntityViewFieldDataService, NewsDataService, ParameterDataService, ParameterSectionDataService, ParameterValueDataService, PermissionDataService, PresentationProfileItemDataService, RatingDataService, RatingSummaryDataService, RequestDataService, RequestEntityDataService, RequestResultDataService, RequestTypeDataService, ResourceKeyDataService, ResourceLanguageDataService, ResourceTranslationDataService, RoleDataService, RolePermissionDataService, SubcompanyDataService, SupplierCompanyDataService, SupplierDataService, SynchronizedCompanyDataService, SystemDataModule, TvaRateDataService, UserAccountCompanyDataService, UserAccountDataService, UserAccountLoginDataService, UserAccountNewsDataService, UserAccountRoleDataService, UserAccountTokenDataService, UserFavoriteDataService, UserGroupDataService, UserGroupDefinitionDataService, UserHistoryDataService, UserPermissionViewDataService, UserSessionDataService, VersionDataService } from "@dflat-core/web/system-data";
 import * as i1$2 from "ngx-bootstrap/modal";
 import { ModalModule, ModalOptions } from "ngx-bootstrap/modal";
 import * as i2$1 from "@angular/router";
@@ -28,7 +28,7 @@ import { NgSelectModule } from "@ng-select/ng-select";
 import * as i6$1 from "ngx-dropzone";
 import { NgxDropzoneModule } from "ngx-dropzone";
 import * as i1$1 from "@dflat-core/web/core-services";
-import { AppKeys, ApplicationMenuService, AuthInterceptor, CoreServicesModule, MenuItem, MenuService, PermissionService } from "@dflat-core/web/core-services";
+import { AppKeys, ApplicationMenuService, AuthInterceptor, CoreServicesModule, ExternalLoginService, MenuItem, MenuService, PermissionService } from "@dflat-core/web/core-services";
 import * as i3 from "ngx-toastr";
 import { ToastrModule } from "ngx-toastr";
 import * as i1 from "@dflat-core/web/core";
@@ -8563,6 +8563,177 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var BaseUserAccountLoginComponent = class BaseUserAccountLoginComponent extends BaseComponent {
+	getTitle() {
+		return "Identité externe";
+	}
+	getPath() {
+		return SystemMenuItemProvider.GetLink(this.getEntityKey());
+	}
+	getEntityKey() {
+		return SystemEntityKeys.UserAccountLogin;
+	}
+	get PermissionKey() {
+		return SystemPermissions.SYSTEM_USERACCOUNTLOGIN;
+	}
+	constructor(app, route) {
+		super(app, route);
+		this.route = route;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: BaseUserAccountLoginComponent,
+			deps: [{ token: i4$2.ApplicationService }, { token: i2$1.ActivatedRoute }],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.1",
+			type: BaseUserAccountLoginComponent,
+			isStandalone: true,
+			usesInheritance: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BaseUserAccountLoginComponent,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => [{ type: i4$2.ApplicationService }, { type: i2$1.ActivatedRoute }]
+});
+var UserAccountLoginComponent = class UserAccountLoginComponent extends BaseUserAccountLoginComponent {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: UserAccountLoginComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.1",
+			type: UserAccountLoginComponent,
+			isStandalone: false,
+			selector: "msw-user-account-login-search",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div\r\n    [class]=\"this.baseComponentClass\"\r\n    [class.visible]=\"this.displayComponent\"\r\n    [class.invisible]=\"!this.displayComponent\"\r\n    >\r\n    <alg-standard-page-layout #pageLayout [layoutKey]=\"this.layoutKey\" \r\n    [entityKey]=\"this.getEntityKey()\" [guid]=\"this.guid\" >\r\n        <div actionsContent *ngIf=\"this.facade.layout.showActionBar$ | async\">\r\n            <alg-action-panel\r\n                #actionComponent\r\n                [entityKey]=\"this.getEntityKey()\"\r\n                [guid]=\"this.guid\"\r\n                [title]=\"this.actionTitle\"\r\n                [searchText]=\"this.actionBarSearchText\">\r\n                <ng-content select=\"[actionsPanelContent]\"> </ng-content>\r\n            </alg-action-panel>\r\n        </div>\r\n        \r\n        <div middleHeader \r\n        *ngIf=\"this.facade.layout.showFilterSummary$ | async\"\r\n        >\r\n            <alg-filter-summary-panel [entityKey]=\"this.getEntityKey()\" [guid]=\"this.guid\">\r\n            </alg-filter-summary-panel>\r\n        </div>\r\n\r\n        <ng-container middleContent>\r\n            <div class=\"panel-middle-content\" [class.with-filters]=\"this.HasFilter\">\r\n                <ng-container *ngIf=\"!isCardVisible\">\r\n                    <alg-data-grid #datagrid [entityKey]=\"getEntityKey()\" [guid]=\"this.guid\">\r\n                    </alg-data-grid>\r\n                </ng-container>\r\n                <!-- <alg-list-display \r\n                    #listDisplayComponent\r\n                    [entityKey]=\"getEntityKey()\"\r\n                    [guid]=\"this.guid\"\r\n                    >\r\n                </alg-list-display> -->\r\n            </div>\r\n            <ng-container *ngIf=\"isCardVisible\">\r\n                <ng-content #itemListComponent></ng-content>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container rightContent>\r\n            <alg-editor #editor [entityKey]=\"getEntityKey()\" [guid]=\"this.guid\">\r\n            </alg-editor>\r\n        </ng-container>\r\n\r\n        <div middleFooter>\r\n            <alg-validation-error\r\n                #validationErrorComponent\r\n            ></alg-validation-error>\r\n            <alg-new-paginator *ngIf=\"this.facade.layout.showPaginator$ | async\"\r\n                    [entityKey]=\"getEntityKey()\" \r\n                    [guid]=\"this.guid\"\r\n                    [log]=\"this.log\"\r\n                    >\r\n            </alg-new-paginator>\r\n        </div>\r\n    </alg-standard-page-layout>\r\n</div>\r\n",
+			dependencies: [
+				{
+					kind: "directive",
+					type: i2$2.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "component",
+					type: i4$2.DataGridComponent,
+					selector: "alg-data-grid",
+					inputs: [
+						"datagridClass",
+						"entityKey",
+						"guid"
+					]
+				},
+				{
+					kind: "component",
+					type: i4$2.ValidationErrorComponent,
+					selector: "alg-validation-error"
+				},
+				{
+					kind: "component",
+					type: i4$2.NewEditorComponent,
+					selector: "alg-editor",
+					inputs: [
+						"saveButtonLabel",
+						"IsTheMainComponent",
+						"showButtons",
+						"showBreadCrumb",
+						"entityKey",
+						"guid"
+					],
+					outputs: ["propertyChanged"]
+				},
+				{
+					kind: "component",
+					type: i4$2.NewPaginatorComponent,
+					selector: "alg-new-paginator",
+					inputs: [
+						"guid",
+						"log",
+						"displayInfo",
+						"currentRowsPerPage",
+						"entityKey"
+					]
+				},
+				{
+					kind: "component",
+					type: i4$2.FilterSummaryPanelComponent,
+					selector: "alg-filter-summary-panel",
+					inputs: ["entityKey", "guid"]
+				},
+				{
+					kind: "component",
+					type: i4$2.ActionPanelComponent,
+					selector: "alg-action-panel",
+					inputs: [
+						"searchText",
+						"title",
+						"entityKey",
+						"guid"
+					]
+				},
+				{
+					kind: "component",
+					type: i4$2.StandardPageLayoutComponent,
+					selector: "alg-standard-page-layout",
+					inputs: [
+						"layoutKey",
+						"entityKey",
+						"guid"
+					]
+				},
+				{
+					kind: "pipe",
+					type: i2$2.AsyncPipe,
+					name: "async"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UserAccountLoginComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "msw-user-account-login-search",
+			standalone: false,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<div\r\n    [class]=\"this.baseComponentClass\"\r\n    [class.visible]=\"this.displayComponent\"\r\n    [class.invisible]=\"!this.displayComponent\"\r\n    >\r\n    <alg-standard-page-layout #pageLayout [layoutKey]=\"this.layoutKey\" \r\n    [entityKey]=\"this.getEntityKey()\" [guid]=\"this.guid\" >\r\n        <div actionsContent *ngIf=\"this.facade.layout.showActionBar$ | async\">\r\n            <alg-action-panel\r\n                #actionComponent\r\n                [entityKey]=\"this.getEntityKey()\"\r\n                [guid]=\"this.guid\"\r\n                [title]=\"this.actionTitle\"\r\n                [searchText]=\"this.actionBarSearchText\">\r\n                <ng-content select=\"[actionsPanelContent]\"> </ng-content>\r\n            </alg-action-panel>\r\n        </div>\r\n        \r\n        <div middleHeader \r\n        *ngIf=\"this.facade.layout.showFilterSummary$ | async\"\r\n        >\r\n            <alg-filter-summary-panel [entityKey]=\"this.getEntityKey()\" [guid]=\"this.guid\">\r\n            </alg-filter-summary-panel>\r\n        </div>\r\n\r\n        <ng-container middleContent>\r\n            <div class=\"panel-middle-content\" [class.with-filters]=\"this.HasFilter\">\r\n                <ng-container *ngIf=\"!isCardVisible\">\r\n                    <alg-data-grid #datagrid [entityKey]=\"getEntityKey()\" [guid]=\"this.guid\">\r\n                    </alg-data-grid>\r\n                </ng-container>\r\n                <!-- <alg-list-display \r\n                    #listDisplayComponent\r\n                    [entityKey]=\"getEntityKey()\"\r\n                    [guid]=\"this.guid\"\r\n                    >\r\n                </alg-list-display> -->\r\n            </div>\r\n            <ng-container *ngIf=\"isCardVisible\">\r\n                <ng-content #itemListComponent></ng-content>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container rightContent>\r\n            <alg-editor #editor [entityKey]=\"getEntityKey()\" [guid]=\"this.guid\">\r\n            </alg-editor>\r\n        </ng-container>\r\n\r\n        <div middleFooter>\r\n            <alg-validation-error\r\n                #validationErrorComponent\r\n            ></alg-validation-error>\r\n            <alg-new-paginator *ngIf=\"this.facade.layout.showPaginator$ | async\"\r\n                    [entityKey]=\"getEntityKey()\" \r\n                    [guid]=\"this.guid\"\r\n                    [log]=\"this.log\"\r\n                    >\r\n            </alg-new-paginator>\r\n        </div>\r\n    </alg-standard-page-layout>\r\n</div>\r\n"
+		}]
+	}]
+});
 var BaseUserAccountNewsComponent = class BaseUserAccountNewsComponent extends BaseComponent {
 	getTitle() {
 		return "Actualité de l'utilisateur";
@@ -9473,6 +9644,7 @@ var BaseUserAccountComponent = class BaseUserAccountComponent extends BaseCompon
 		this.facade.sections.registerRelatedSection("Évaluations", RatingComponent, "UserAccountId");
 		this.facade.sections.registerRelatedSection("Requêtes", RequestComponent, "UserAccountId");
 		this.facade.sections.registerRelatedSection("Sociétés des utilisateurs", UserAccountCompanyComponent, "UserAccountId");
+		this.facade.sections.registerRelatedSection("Identités externes", UserAccountLoginComponent, "UserAccountId");
 		this.facade.sections.registerRelatedSection("Actualité de l'utilisateur", UserAccountNewsComponent, "UserAccountId");
 		this.facade.sections.registerRelatedSection("Rôles des utilisateurs", UserAccountRoleComponent, "UserAccountId");
 		this.facade.sections.registerRelatedSection("Jeton utilisateur", UserAccountTokenComponent, "UserAccountId");
@@ -15411,6 +15583,7 @@ const SystemGeneratedComponents = [
 	TvaRateComponent,
 	UserAccountComponent,
 	UserAccountCompanyComponent,
+	UserAccountLoginComponent,
 	UserAccountNewsComponent,
 	UserAccountRoleComponent,
 	UserAccountTokenComponent,
@@ -15668,6 +15841,11 @@ const SystemGeneratedRoutes = [
 		component: UserAccountCompanyComponent,
 		canDeactivate: [CanDeactivateGuard]
 	},
+	{
+		path: SystemEntityKeys.UserAccountLogin,
+		component: UserAccountLoginComponent,
+		canDeactivate: [CanDeactivateGuard]
+	},
 	{
 		path: SystemEntityKeys.UserAccountNews,
 		component: UserAccountNewsComponent,
@@ -16014,6 +16192,12 @@ const SystemGeneratedSelectors = [
 		title: "Société de l'utilisateur",
 		dataService: UserAccountCompanyDataService
 	},
+	{
+		key: SystemEntityKeys.UserAccountLogin,
+		component: UserAccountLoginComponent,
+		title: "Identité externe",
+		dataService: UserAccountLoginDataService
+	},
 	{
 		key: SystemEntityKeys.UserAccountNews,
 		component: UserAccountNewsComponent,
@@ -18555,6 +18739,10 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [{ type: PresentationProfileResolver }, { type: PresentationProfileActionService }]
 });
 var LoginComponent = class LoginComponent {
+	set googleButton(element) {
+		const google = this.getProvider(ExternalLoginService.google);
+		if (element && google) this.externalLoginService.renderGoogleButton(element.nativeElement, google, (result) => this.loginExternal(result)).catch((error) => this.onExternalError(error));
+	}
 	constructor(userServ, authService, router, route, selectUserCompanyActionService) {
 		this.userServ = userServ;
 		this.authService = authService;
@@ -18571,9 +18759,12 @@ var LoginComponent = class LoginComponent {
 		this.loading = false;
 		this.hasErrors = false;
 		this.errorMessage = "";
+		this.providers = [];
+		this.externalLoginService = inject(ExternalLoginService);
 	}
 	ngOnInit() {
 		this.rememberMe = this.authService.rememberMe;
+		this.authService.getLoginProviders().subscribe((providers) => this.providers = providers || [], () => this.providers = []);
 		if (this.getShouldRedirect()) this.authService.redirectLoginUser();
 		else window.dispatchEvent(new Event("resize"));
 	}
@@ -18586,9 +18777,42 @@ var LoginComponent = class LoginComponent {
 			this.OnLogin(data);
 		}, (error) => {
 			this.hasErrors = true;
-			this.errorMessage = "Login ou mot de passe incorrect";
+			this.errorMessage = this.getLoginError(error);
 		});
 	}
+	hasProvider(name) {
+		return !!this.getProvider(name);
+	}
+	loginWithMicrosoft() {
+		this.hasErrors = false;
+		this.externalLoginService.signInWithMicrosoft(this.getProvider(ExternalLoginService.microsoft)).then((result) => this.loginExternal(result)).catch((error) => this.onExternalError(error));
+	}
+	loginWithApple() {
+		this.hasErrors = false;
+		this.externalLoginService.signInWithApple(this.getProvider(ExternalLoginService.apple)).then((result) => this.loginExternal(result)).catch((error) => this.onExternalError(error));
+	}
+	loginExternal(result) {
+		this.hasErrors = false;
+		this.authService.loginExternal(result.provider, result.idToken, this.rememberMe, result.firstName, result.lastName).subscribe((data) => {
+			this.OnLogin(data);
+		}, (error) => {
+			this.hasErrors = true;
+			this.errorMessage = typeof error?.error === "string" && error.error ? error.error : "La connexion a échoué";
+		});
+	}
+	onExternalError(error) {
+		if (this.externalLoginService.isCancellation(error)) return;
+		this.hasErrors = true;
+		this.errorMessage = error?.message || "La connexion a échoué";
+	}
+	getLoginError(error) {
+		const failure = error?.error;
+		if (failure?.Code === "ExternalLoginRequired" && failure.Providers?.length) return "Ce compte n'a pas de mot de passe : connectez-vous avec " + failure.Providers.join(" ou ") + ".";
+		return "Login ou mot de passe incorrect";
+	}
+	getProvider(name) {
+		return this.providers.find((p) => p.Provider === name);
+	}
 	OnLogin(data) {
 		const user = new User(data);
 		user.IsConnected = true;
@@ -18640,9 +18864,15 @@ var LoginComponent = class LoginComponent {
 				resetPasswordClick: "resetPasswordClick",
 				afterLogin: "afterLogin"
 			},
+			viewQueries: [{
+				propertyName: "googleButton",
+				first: true,
+				predicate: ["googleButton"],
+				descendants: true
+			}],
 			ngImport: i0,
-			template: "<form class=\"login-form\" (ngSubmit)=\"f.form.valid && login()\" #f=\"ngForm\" novalidate>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"text\" class=\"form-control login-control\" placeholder=\"Identifiant\" required name=\"eml\" [(ngModel)]=\"username\" #eml=\"ngModel\">\r\n        <!-- <span class=\"fa fa-user form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"eml.errors && (eml.dirty && eml.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!eml.errors.required\">\r\n                L'Identifiant est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"password\" class=\"form-control login-control\" placeholder=\"Password\" required name=\"passwd\" [(ngModel)]=\"password\" #passwd=\"ngModel\">\r\n        <!-- <span class=\"fa fa-lock form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"passwd.errors && (passwd.dirty || passwd.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!passwd.errors.required\">\r\n                Le mot de passe est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n    <div class=\"form-group has-feedback\">\r\n    <div class=\"custom-control custom-switch\">\r\n        <input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" name=\"rememberMe\" [(ngModel)]=\"rememberMe\">\r\n        <label class=\"custom-control-label\" for=\"customSwitch1\">Se souvenir de moi</label>\r\n      </div>\r\n    </div>\r\n    <div class=\"form-group\">\r\n        <button [disabled]=\"!f.form.valid\" class=\"btn btn-primary btn-block login-button\">Connexion</button>\r\n    </div>\r\n</form>\r\n<div class=\"btn-bar\">\r\n    <ng-container *ngIf=\"allowCreation\">\r\n        <button class=\"btn btn-primary\" (click)=\"onRegisterClick()\"><span>Créer un compte</span></button>        \r\n    </ng-container>\r\n    <button class=\"btn btn-link btn-reset-pwd\" (click)=\"onResetPasswordClick()\">Mot de passe oublié ?</button>\r\n</div>\r\n\r\n<div class=\"error-message\">\r\n    <div>\r\n        <ng-container *ngIf=\"hasErrors\">\r\n            {{this.errorMessage}}\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!hasErrors\">\r\n            &nbsp;  \r\n        </ng-container>\r\n    </div>\r\n</div>\r\n",
-			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.login-form .form-group{margin-bottom:12px}.login-form .form-control{height:34px;padding:6px 12px}.login-form .btn{width:100%}.text-error,.error-message{color:#f78383}.error-message{text-align:center;padding-top:15px}.login-control:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.login-control.ng-invalid.ng-touched,.login-control.ng-select.ng-invalid,.login-control.ng-invalid{border-color:#cbc8d0!important}.login-button{border-radius:5px}.btn-reset-pwd{padding:0}\n"],
+			template: "<form class=\"login-form\" (ngSubmit)=\"f.form.valid && login()\" #f=\"ngForm\" novalidate>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"text\" class=\"form-control login-control\" placeholder=\"Identifiant\" required name=\"eml\" [(ngModel)]=\"username\" #eml=\"ngModel\">\r\n        <!-- <span class=\"fa fa-user form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"eml.errors && (eml.dirty && eml.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!eml.errors.required\">\r\n                L'Identifiant est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"password\" class=\"form-control login-control\" placeholder=\"Password\" required name=\"passwd\" [(ngModel)]=\"password\" #passwd=\"ngModel\">\r\n        <!-- <span class=\"fa fa-lock form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"passwd.errors && (passwd.dirty || passwd.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!passwd.errors.required\">\r\n                Le mot de passe est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n    <div class=\"form-group has-feedback\">\r\n    <div class=\"custom-control custom-switch\">\r\n        <input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" name=\"rememberMe\" [(ngModel)]=\"rememberMe\">\r\n        <label class=\"custom-control-label\" for=\"customSwitch1\">Se souvenir de moi</label>\r\n      </div>\r\n    </div>\r\n    <div class=\"form-group\">\r\n        <button [disabled]=\"!f.form.valid\" class=\"btn btn-primary btn-block login-button\">Connexion</button>\r\n    </div>\r\n</form>\r\n<div class=\"btn-bar\">\r\n    <ng-container *ngIf=\"allowCreation\">\r\n        <button class=\"btn btn-primary\" (click)=\"onRegisterClick()\"><span>Créer un compte</span></button>        \r\n    </ng-container>\r\n    <button class=\"btn btn-link btn-reset-pwd\" (click)=\"onResetPasswordClick()\">Mot de passe oublié ?</button>\r\n</div>\r\n\r\n<div class=\"external-login\" *ngIf=\"providers.length\">\r\n    <div class=\"external-login-separator\"><span>ou</span></div>\r\n    <div class=\"external-login-google\" *ngIf=\"hasProvider('Google')\" #googleButton></div>\r\n    <button type=\"button\" class=\"btn external-login-button\" *ngIf=\"hasProvider('Microsoft')\" (click)=\"loginWithMicrosoft()\">\r\n        <svg class=\"external-login-logo\" viewBox=\"0 0 21 21\" aria-hidden=\"true\">\r\n            <rect x=\"1\" y=\"1\" width=\"9\" height=\"9\" fill=\"#f25022\"/><rect x=\"11\" y=\"1\" width=\"9\" height=\"9\" fill=\"#7fba00\"/>\r\n            <rect x=\"1\" y=\"11\" width=\"9\" height=\"9\" fill=\"#00a4ef\"/><rect x=\"11\" y=\"11\" width=\"9\" height=\"9\" fill=\"#ffb900\"/>\r\n        </svg>\r\n        <span>Continuer avec Microsoft</span>\r\n    </button>\r\n    <button type=\"button\" class=\"btn external-login-button\" *ngIf=\"hasProvider('Apple')\" (click)=\"loginWithApple()\">\r\n        <svg class=\"external-login-logo\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path fill=\"currentColor\" d=\"M16.37 12.78c-.02-2.3 1.88-3.4 1.96-3.46-1.07-1.56-2.73-1.77-3.32-1.8-1.41-.14-2.76.83-3.48.83-.72 0-1.83-.81-3-.79-1.55.02-2.97.9-3.77 2.28-1.61 2.79-.41 6.92 1.15 9.19.77 1.11 1.68 2.35 2.88 2.31 1.16-.05 1.59-.75 2.99-.75 1.39 0 1.79.75 3.01.72 1.24-.02 2.03-1.13 2.79-2.25.88-1.29 1.24-2.54 1.26-2.6-.03-.01-2.42-.93-2.47-3.68zM14.08 5.99c.63-.77 1.06-1.84.94-2.9-.91.04-2.02.61-2.67 1.38-.59.68-1.1 1.76-.96 2.8 1.02.08 2.05-.52 2.69-1.28z\"/>\r\n        </svg>\r\n        <span>Continuer avec Apple</span>\r\n    </button>\r\n</div>\r\n\r\n<div class=\"error-message\">\r\n    <div>\r\n        <ng-container *ngIf=\"hasErrors\">\r\n            {{this.errorMessage}}\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!hasErrors\">\r\n            &nbsp;  \r\n        </ng-container>\r\n    </div>\r\n</div>\r\n",
+			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.login-form .form-group{margin-bottom:12px}.login-form .form-control{height:34px;padding:6px 12px}.login-form .btn{width:100%}.text-error,.error-message{color:#f78383}.error-message{text-align:center;padding-top:15px}.login-control:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.login-control.ng-invalid.ng-touched,.login-control.ng-select.ng-invalid,.login-control.ng-invalid{border-color:#cbc8d0!important}.login-button{border-radius:5px}.btn-reset-pwd{padding:0}.external-login{margin-top:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.external-login-separator{display:flex;align-items:center;gap:12px;color:#8a8f98;font-size:13px}.external-login-separator:before,.external-login-separator:after{content:\"\";flex:1;border-top:1px solid #dadce0}.external-login-google{display:flex;justify-content:center;min-height:40px}.external-login-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:400px;height:40px;margin:0 auto;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-weight:500}.external-login-button:hover{background:#f8fafe;border-color:#d2e3fc}.external-login-logo{width:18px;height:18px}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -18722,8 +18952,8 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "alg-login",
 			changeDetection: ChangeDetectionStrategy.Eager,
 			standalone: false,
-			template: "<form class=\"login-form\" (ngSubmit)=\"f.form.valid && login()\" #f=\"ngForm\" novalidate>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"text\" class=\"form-control login-control\" placeholder=\"Identifiant\" required name=\"eml\" [(ngModel)]=\"username\" #eml=\"ngModel\">\r\n        <!-- <span class=\"fa fa-user form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"eml.errors && (eml.dirty && eml.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!eml.errors.required\">\r\n                L'Identifiant est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"password\" class=\"form-control login-control\" placeholder=\"Password\" required name=\"passwd\" [(ngModel)]=\"password\" #passwd=\"ngModel\">\r\n        <!-- <span class=\"fa fa-lock form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"passwd.errors && (passwd.dirty || passwd.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!passwd.errors.required\">\r\n                Le mot de passe est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n    <div class=\"form-group has-feedback\">\r\n    <div class=\"custom-control custom-switch\">\r\n        <input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" name=\"rememberMe\" [(ngModel)]=\"rememberMe\">\r\n        <label class=\"custom-control-label\" for=\"customSwitch1\">Se souvenir de moi</label>\r\n      </div>\r\n    </div>\r\n    <div class=\"form-group\">\r\n        <button [disabled]=\"!f.form.valid\" class=\"btn btn-primary btn-block login-button\">Connexion</button>\r\n    </div>\r\n</form>\r\n<div class=\"btn-bar\">\r\n    <ng-container *ngIf=\"allowCreation\">\r\n        <button class=\"btn btn-primary\" (click)=\"onRegisterClick()\"><span>Créer un compte</span></button>        \r\n    </ng-container>\r\n    <button class=\"btn btn-link btn-reset-pwd\" (click)=\"onResetPasswordClick()\">Mot de passe oublié ?</button>\r\n</div>\r\n\r\n<div class=\"error-message\">\r\n    <div>\r\n        <ng-container *ngIf=\"hasErrors\">\r\n            {{this.errorMessage}}\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!hasErrors\">\r\n            &nbsp;  \r\n        </ng-container>\r\n    </div>\r\n</div>\r\n",
-			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.login-form .form-group{margin-bottom:12px}.login-form .form-control{height:34px;padding:6px 12px}.login-form .btn{width:100%}.text-error,.error-message{color:#f78383}.error-message{text-align:center;padding-top:15px}.login-control:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.login-control.ng-invalid.ng-touched,.login-control.ng-select.ng-invalid,.login-control.ng-invalid{border-color:#cbc8d0!important}.login-button{border-radius:5px}.btn-reset-pwd{padding:0}\n"]
+			template: "<form class=\"login-form\" (ngSubmit)=\"f.form.valid && login()\" #f=\"ngForm\" novalidate>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"text\" class=\"form-control login-control\" placeholder=\"Identifiant\" required name=\"eml\" [(ngModel)]=\"username\" #eml=\"ngModel\">\r\n        <!-- <span class=\"fa fa-user form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"eml.errors && (eml.dirty && eml.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!eml.errors.required\">\r\n                L'Identifiant est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <input type=\"password\" class=\"form-control login-control\" placeholder=\"Password\" required name=\"passwd\" [(ngModel)]=\"password\" #passwd=\"ngModel\">\r\n        <!-- <span class=\"fa fa-lock form-control-feedback\"></span> -->\r\n        <!-- <div *ngIf=\"passwd.errors && (passwd.dirty || passwd.touched)\" class=\"input-alert\">\r\n            <div [hidden]=\"!passwd.errors.required\">\r\n                Le mot de passe est requis\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n    <div class=\"form-group has-feedback\">\r\n    <div class=\"custom-control custom-switch\">\r\n        <input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" name=\"rememberMe\" [(ngModel)]=\"rememberMe\">\r\n        <label class=\"custom-control-label\" for=\"customSwitch1\">Se souvenir de moi</label>\r\n      </div>\r\n    </div>\r\n    <div class=\"form-group\">\r\n        <button [disabled]=\"!f.form.valid\" class=\"btn btn-primary btn-block login-button\">Connexion</button>\r\n    </div>\r\n</form>\r\n<div class=\"btn-bar\">\r\n    <ng-container *ngIf=\"allowCreation\">\r\n        <button class=\"btn btn-primary\" (click)=\"onRegisterClick()\"><span>Créer un compte</span></button>        \r\n    </ng-container>\r\n    <button class=\"btn btn-link btn-reset-pwd\" (click)=\"onResetPasswordClick()\">Mot de passe oublié ?</button>\r\n</div>\r\n\r\n<div class=\"external-login\" *ngIf=\"providers.length\">\r\n    <div class=\"external-login-separator\"><span>ou</span></div>\r\n    <div class=\"external-login-google\" *ngIf=\"hasProvider('Google')\" #googleButton></div>\r\n    <button type=\"button\" class=\"btn external-login-button\" *ngIf=\"hasProvider('Microsoft')\" (click)=\"loginWithMicrosoft()\">\r\n        <svg class=\"external-login-logo\" viewBox=\"0 0 21 21\" aria-hidden=\"true\">\r\n            <rect x=\"1\" y=\"1\" width=\"9\" height=\"9\" fill=\"#f25022\"/><rect x=\"11\" y=\"1\" width=\"9\" height=\"9\" fill=\"#7fba00\"/>\r\n            <rect x=\"1\" y=\"11\" width=\"9\" height=\"9\" fill=\"#00a4ef\"/><rect x=\"11\" y=\"11\" width=\"9\" height=\"9\" fill=\"#ffb900\"/>\r\n        </svg>\r\n        <span>Continuer avec Microsoft</span>\r\n    </button>\r\n    <button type=\"button\" class=\"btn external-login-button\" *ngIf=\"hasProvider('Apple')\" (click)=\"loginWithApple()\">\r\n        <svg class=\"external-login-logo\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path fill=\"currentColor\" d=\"M16.37 12.78c-.02-2.3 1.88-3.4 1.96-3.46-1.07-1.56-2.73-1.77-3.32-1.8-1.41-.14-2.76.83-3.48.83-.72 0-1.83-.81-3-.79-1.55.02-2.97.9-3.77 2.28-1.61 2.79-.41 6.92 1.15 9.19.77 1.11 1.68 2.35 2.88 2.31 1.16-.05 1.59-.75 2.99-.75 1.39 0 1.79.75 3.01.72 1.24-.02 2.03-1.13 2.79-2.25.88-1.29 1.24-2.54 1.26-2.6-.03-.01-2.42-.93-2.47-3.68zM14.08 5.99c.63-.77 1.06-1.84.94-2.9-.91.04-2.02.61-2.67 1.38-.59.68-1.1 1.76-.96 2.8 1.02.08 2.05-.52 2.69-1.28z\"/>\r\n        </svg>\r\n        <span>Continuer avec Apple</span>\r\n    </button>\r\n</div>\r\n\r\n<div class=\"error-message\">\r\n    <div>\r\n        <ng-container *ngIf=\"hasErrors\">\r\n            {{this.errorMessage}}\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!hasErrors\">\r\n            &nbsp;  \r\n        </ng-container>\r\n    </div>\r\n</div>\r\n",
+			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}.login-form .form-group{margin-bottom:12px}.login-form .form-control{height:34px;padding:6px 12px}.login-form .btn{width:100%}.text-error,.error-message{color:#f78383}.error-message{text-align:center;padding-top:15px}.login-control:before{position:relative;display:block;float:left;width:16px;height:16px;content:\" \";background-size:16px 16px;-webkit-background-size:16px 16px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49.485\" height=\"49.485\" viewBox=\"0 0 49.485 49.485\">%0D%0A  <path id=\"Recherche\" d=\"M31.88,37.039A20.324,20.324,0,1,1,12.411,1.6,20.324,20.324,0,0,1,37.039,31.88L49.485,44.326l-5.158,5.158ZM10.373,10.373a14.07,14.07,0,1,0,9.948-4.12A13.977,13.977,0,0,0,10.373,10.373Z\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:9px -40px 0 9px;filter:invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%)}.login-control.ng-invalid.ng-touched,.login-control.ng-select.ng-invalid,.login-control.ng-invalid{border-color:#cbc8d0!important}.login-button{border-radius:5px}.btn-reset-pwd{padding:0}.external-login{margin-top:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.external-login-separator{display:flex;align-items:center;gap:12px;color:#8a8f98;font-size:13px}.external-login-separator:before,.external-login-separator:after{content:\"\";flex:1;border-top:1px solid #dadce0}.external-login-google{display:flex;justify-content:center;min-height:40px}.external-login-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:400px;height:40px;margin:0 auto;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-weight:500}.external-login-button:hover{background:#f8fafe;border-color:#d2e3fc}.external-login-logo{width:18px;height:18px}\n"]
 		}]
 	}],
 	ctorParameters: () => [
@@ -18739,7 +18969,11 @@ i0.ɵɵngDeclareClassMetadata({
 		registerClick: [{ type: Output }],
 		cancelClick: [{ type: Output }],
 		resetPasswordClick: [{ type: Output }],
-		afterLogin: [{ type: Output }]
+		afterLogin: [{ type: Output }],
+		googleButton: [{
+			type: ViewChild,
+			args: ["googleButton"]
+		}]
 	}
 });
 function MustMatch(controlName, matchingControlName) {
@@ -20429,6 +20663,7 @@ var SystemUxModule = class SystemUxModule extends EnsureModuleLoadedOnceGuard {
 				TvaRateComponent,
 				UserAccountComponent,
 				UserAccountCompanyComponent,
+				UserAccountLoginComponent,
 				UserAccountNewsComponent,
 				UserAccountRoleComponent,
 				UserAccountTokenComponent,
@@ -20558,6 +20793,7 @@ var SystemUxModule = class SystemUxModule extends EnsureModuleLoadedOnceGuard {
 				TvaRateComponent,
 				UserAccountComponent,
 				UserAccountCompanyComponent,
+				UserAccountLoginComponent,
 				UserAccountNewsComponent,
 				UserAccountRoleComponent,
 				UserAccountTokenComponent,
@@ -21365,6 +21601,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{ type: Directive }],
 	ctorParameters: () => [{ type: i4$2.ApplicationService }, { type: i2$1.ActivatedRoute }]
 });
-export { AccessDeniedComponent, ActivateComponent, AddressComponent, AddressEditorComponent, BaseAddressComponent, BaseCompanyComponent, BaseCountryComponent, BaseCurrencyComponent, BaseCustomFieldComponent, BaseCustomFieldGroupComponent, BaseCustomFieldGroupEntityComponent, BaseCustomFieldGroupItemComponent, BaseCustomFieldOptionsComponent, BaseCustomFieldValueComponent, BaseDayInfoComponent, BaseEntityFilesComponent, BaseErrorCategoryComponent, BaseExchangeRateComponent, BaseFilesComponent, BaseKeywordComponent, BaseMetaEntityComponent, BaseMetaEntityFieldComponent, BaseMetaEntityFormComponent, BaseMetaEntityFormFieldComponent, BaseMetaEntityFormSectionComponent, BaseMetaEntityKeywordComponent, BaseMetaEntityRelationComponent, BaseMetaEntityRelationDefinitionComponent, BaseMetaEntityTranslationComponent, BaseMetaEntityViewFieldComponent, BaseNewsComponent, BaseParameterComponent, BaseParameterSectionComponent, BaseParameterValueComponent, BasePermissionComponent, BasePresentationProfileComponent, BasePresentationProfileItemComponent, BaseRatingComponent, BaseRatingSummaryComponent, BaseRequestComponent, BaseRequestEntityComponent, BaseRequestResultComponent, BaseRequestTypeComponent, BaseResourceKeyComponent, BaseResourceLanguageComponent, BaseResourceTranslationComponent, BaseRoleComponent, BaseRolePermissionComponent, BaseSubcompanyComponent, BaseSupplierCompanyComponent, BaseSupplierComponent, BaseSynchronizedCompanyComponent, BaseTvaRateComponent, BaseUserAccountCompanyComponent, BaseUserAccountComponent, BaseUserAccountNewsComponent, BaseUserAccountRoleComponent, BaseUserAccountTokenComponent, BaseUserFavoriteComponent, BaseUserGroupComponent, BaseUserGroupDefinitionComponent, BaseUserHistoryComponent, BaseUserPermissionViewComponent, BaseUserSessionComponent, BaseVersionComponent, CompanyComponent, CompanyEditorComponent, ConfigComponent, CountryComponent, CountryEditorComponent, CurrencyComponent, CurrencyEditorComponent, CustomFieldActionService, CustomFieldComponent, CustomFieldEditorComponent, CustomFieldGroupComponent, CustomFieldGroupEditorComponent, CustomFieldGroupEntityComponent, CustomFieldGroupEntityEditorComponent, CustomFieldGroupItemComponent, CustomFieldGroupItemEditorComponent, CustomFieldOptionsComponent, CustomFieldOptionsEditorComponent, CustomFieldValueComponent, DFLAT_SEARCH_PROVIDERS, DFlatAuthInterceptor, DFlatLayoutComponent, DFlatPermissionService, DFlatSpinnerComponent, DWSupplyComponent, DayInfoComponent, DflatAppModule, DflatAppService, DflatSearchProvider, EntityFilesComponent, ErrorCategoryComponent, ExchangeRateComponent, ExchangeRateDetailComponent, ExchangeRateEditorComponent, FilesComponent, HistoryComponent, HomepageComponent, ImageUploadComponent, KeywordComponent, LoginComponent, MetaEntityComponent, MetaEntityFieldComponent, MetaEntityFieldEditorComponent, MetaEntityFormComponent, MetaEntityFormFieldComponent, MetaEntityFormSectionComponent, MetaEntityKeywordComponent, MetaEntityRelationComponent, MetaEntityRelationDefinitionComponent, MetaEntityTranslationComponent, MetaEntityViewFieldComponent, MustMatch, NewsComponent, NewsEditorComponent, PP_GRP_CUSTOM, PP_GRP_STANDARD, ParameterComponent, ParameterSectionComponent, ParameterValueComponent, PermissionComponent, PermissionEditorComponent, PpFacadeService, PresentationProfileActionService, PresentationProfileColumnComponent, PresentationProfileComponent, PresentationProfileItemComponent, PresentationProfileItemsComponent, PresentationProfileResolver, PresentationProfileTransformer, RatesActionService, RatingComponent, RatingSummaryComponent, RequestComponent, RequestEditorComponent, RequestEntityComponent, RequestResultComponent, RequestResultsComponent, RequestTypeComponent, ResetPasswordComponent, ResourceKeyComponent, ResourceLanguageComponent, ResourceLanguageEditorComponent, ResourceTranslationComponent, ResourceTranslationEditorComponent, RoleComponent, RoleEditorComponent, RolePermissionComponent, SearchComponent, SearchResult, SearchResultComponent, SearchSection, SelectUserCompanyActionService, SubcompanyComponent, SupplierCompanyComponent, SupplierComponent, SupplierEditorComponent, SynchronizedCompanyComponent, SystemGeneratedComponents, SystemGeneratedRoutes, SystemGeneratedSelectors, SystemSectionService, SystemSelectorMapperService, SystemUxModule, TvaRateComponent, TvaRateDetailComponent, TvaRateEditorComponent, UserAccountCompanyComponent, UserAccountComponent, UserAccountEditorComponent, UserAccountNewsComponent, UserAccountRoleComponent, UserAccountTokenComponent, UserCompanyComponent, UserFavoriteComponent, UserGroupComponent, UserGroupDefinitionComponent, UserGroupEditorComponent, UserHistoryComponent, UserMenuComponent, UserPermissionComponent, UserPermissionViewComponent, UserProfileAccountComponent, UserProfileComponent, UserRoleComponent, UserSessionComponent, VersionComponent };
+export { AccessDeniedComponent, ActivateComponent, AddressComponent, AddressEditorComponent, BaseAddressComponent, BaseCompanyComponent, BaseCountryComponent, BaseCurrencyComponent, BaseCustomFieldComponent, BaseCustomFieldGroupComponent, BaseCustomFieldGroupEntityComponent, BaseCustomFieldGroupItemComponent, BaseCustomFieldOptionsComponent, BaseCustomFieldValueComponent, BaseDayInfoComponent, BaseEntityFilesComponent, BaseErrorCategoryComponent, BaseExchangeRateComponent, BaseFilesComponent, BaseKeywordComponent, BaseMetaEntityComponent, BaseMetaEntityFieldComponent, BaseMetaEntityFormComponent, BaseMetaEntityFormFieldComponent, BaseMetaEntityFormSectionComponent, BaseMetaEntityKeywordComponent, BaseMetaEntityRelationComponent, BaseMetaEntityRelationDefinitionComponent, BaseMetaEntityTranslationComponent, BaseMetaEntityViewFieldComponent, BaseNewsComponent, BaseParameterComponent, BaseParameterSectionComponent, BaseParameterValueComponent, BasePermissionComponent, BasePresentationProfileComponent, BasePresentationProfileItemComponent, BaseRatingComponent, BaseRatingSummaryComponent, BaseRequestComponent, BaseRequestEntityComponent, BaseRequestResultComponent, BaseRequestTypeComponent, BaseResourceKeyComponent, BaseResourceLanguageComponent, BaseResourceTranslationComponent, BaseRoleComponent, BaseRolePermissionComponent, BaseSubcompanyComponent, BaseSupplierCompanyComponent, BaseSupplierComponent, BaseSynchronizedCompanyComponent, BaseTvaRateComponent, BaseUserAccountCompanyComponent, BaseUserAccountComponent, BaseUserAccountLoginComponent, BaseUserAccountNewsComponent, BaseUserAccountRoleComponent, BaseUserAccountTokenComponent, BaseUserFavoriteComponent, BaseUserGroupComponent, BaseUserGroupDefinitionComponent, BaseUserHistoryComponent, BaseUserPermissionViewComponent, BaseUserSessionComponent, BaseVersionComponent, CompanyComponent, CompanyEditorComponent, ConfigComponent, CountryComponent, CountryEditorComponent, CurrencyComponent, CurrencyEditorComponent, CustomFieldActionService, CustomFieldComponent, CustomFieldEditorComponent, CustomFieldGroupComponent, CustomFieldGroupEditorComponent, CustomFieldGroupEntityComponent, CustomFieldGroupEntityEditorComponent, CustomFieldGroupItemComponent, CustomFieldGroupItemEditorComponent, CustomFieldOptionsComponent, CustomFieldOptionsEditorComponent, CustomFieldValueComponent, DFLAT_SEARCH_PROVIDERS, DFlatAuthInterceptor, DFlatLayoutComponent, DFlatPermissionService, DFlatSpinnerComponent, DWSupplyComponent, DayInfoComponent, DflatAppModule, DflatAppService, DflatSearchProvider, EntityFilesComponent, ErrorCategoryComponent, ExchangeRateComponent, ExchangeRateDetailComponent, ExchangeRateEditorComponent, FilesComponent, HistoryComponent, HomepageComponent, ImageUploadComponent, KeywordComponent, LoginComponent, MetaEntityComponent, MetaEntityFieldComponent, MetaEntityFieldEditorComponent, MetaEntityFormComponent, MetaEntityFormFieldComponent, MetaEntityFormSectionComponent, MetaEntityKeywordComponent, MetaEntityRelationComponent, MetaEntityRelationDefinitionComponent, MetaEntityTranslationComponent, MetaEntityViewFieldComponent, MustMatch, NewsComponent, NewsEditorComponent, PP_GRP_CUSTOM, PP_GRP_STANDARD, ParameterComponent, ParameterSectionComponent, ParameterValueComponent, PermissionComponent, PermissionEditorComponent, PpFacadeService, PresentationProfileActionService, PresentationProfileColumnComponent, PresentationProfileComponent, PresentationProfileItemComponent, PresentationProfileItemsComponent, PresentationProfileResolver, PresentationProfileTransformer, RatesActionService, RatingComponent, RatingSummaryComponent, RequestComponent, RequestEditorComponent, RequestEntityComponent, RequestResultComponent, RequestResultsComponent, RequestTypeComponent, ResetPasswordComponent, ResourceKeyComponent, ResourceLanguageComponent, ResourceLanguageEditorComponent, ResourceTranslationComponent, ResourceTranslationEditorComponent, RoleComponent, RoleEditorComponent, RolePermissionComponent, SearchComponent, SearchResult, SearchResultComponent, SearchSection, SelectUserCompanyActionService, SubcompanyComponent, SupplierCompanyComponent, SupplierComponent, SupplierEditorComponent, SynchronizedCompanyComponent, SystemGeneratedComponents, SystemGeneratedRoutes, SystemGeneratedSelectors, SystemSectionService, SystemSelectorMapperService, SystemUxModule, TvaRateComponent, TvaRateDetailComponent, TvaRateEditorComponent, UserAccountCompanyComponent, UserAccountComponent, UserAccountEditorComponent, UserAccountLoginComponent, UserAccountNewsComponent, UserAccountRoleComponent, UserAccountTokenComponent, UserCompanyComponent, UserFavoriteComponent, UserGroupComponent, UserGroupDefinitionComponent, UserGroupEditorComponent, UserHistoryComponent, UserMenuComponent, UserPermissionComponent, UserPermissionViewComponent, UserProfileAccountComponent, UserProfileComponent, UserRoleComponent, UserSessionComponent, VersionComponent };
 
 //# sourceMappingURL=dflat-core-web-system-ux.mjs.map