@arsedizioni/ars-utils 22.6.86 → 22.6.89

package/fesm2022/arsedizioni-ars-utils-ui.oauth.mjs

@@ -1,288 +1,507 @@
-import * as i0 from '@angular/core';
-import { inject, DestroyRef, NgZone, output, input, signal, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { LoginOAuthType, EnvironmentService } from '@arsedizioni/ars-utils/core';
-import { DialogService } from '@arsedizioni/ars-utils/ui.dialogs';
-import { MsalBroadcastService, MsalService, MSAL_INSTANCE, MSAL_GUARD_CONFIG, MSAL_INTERCEPTOR_CONFIG } from '@azure/msal-angular';
-import { PublicClientApplication, BrowserCacheLocation, InteractionType, EventType } from '@azure/msal-browser';
-import { filter } from 'rxjs';
-import { broadcastResponseToMainFrame } from '@azure/msal-browser/redirect-bridge';
-import * as i1$1 from '@arsedizioni/ars-utils/ui';
-import { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
-import * as i2 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-
-/** Default Azure app registration — overridable via EnvironmentService. */
-const DEFAULT_MS_CLIENT_ID = '6b2c080f-6ab0-4511-a9df-0bce69db5833';
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, NgZone, afterNextRender, inject, input, output, signal } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i1$1 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { EnvironmentService, LoginOAuthType } from "@arsedizioni/ars-utils/core";
+import { DialogService } from "@arsedizioni/ars-utils/ui.dialogs";
+import { MSAL_GUARD_CONFIG, MSAL_INSTANCE, MSAL_INTERCEPTOR_CONFIG, MsalBroadcastService, MsalService } from "@azure/msal-angular";
+import { BrowserCacheLocation, EventType, InteractionType, PublicClientApplication } from "@azure/msal-browser";
+import { filter } from "rxjs";
+import { broadcastResponseToMainFrame } from "@azure/msal-browser/redirect-bridge";
+import * as i1 from "@arsedizioni/ars-utils/ui";
+import { FlexLayoutModule } from "@arsedizioni/ars-utils/ui";
+import * as i2 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+const DEFAULT_MS_CLIENT_ID = "6b2c080f-6ab0-4511-a9df-0bce69db5833";
 const MS_AUTH_SCOPE = `api://${DEFAULT_MS_CLIENT_ID}/AngularSPAAuthScope`;
 function MSALInstanceFactory(environment) {
-    return new PublicClientApplication({
-        auth: {
-            clientId: environment.msalClientId ?? DEFAULT_MS_CLIENT_ID,
-            authority: environment.msalAuthority ?? 'https://login.microsoftonline.com/common',
-            redirectUri: environment.appLoginRedirectUri,
-        },
-        cache: {
-            cacheLocation: BrowserCacheLocation.LocalStorage
-        }
-    });
+	return new PublicClientApplication({
+		auth: {
+			clientId: environment.msalClientId ?? DEFAULT_MS_CLIENT_ID,
+			authority: environment.msalAuthority ?? "https://login.microsoftonline.com/common",
+			redirectUri: environment.appLoginRedirectUri
+		},
+		cache: { cacheLocation: BrowserCacheLocation.LocalStorage }
+	});
 }
 function MSALInterceptorConfigFactory(environment) {
-    return {
-        interactionType: InteractionType.Popup,
-        protectedResourceMap: new Map([
-            [environment.appServiceLoginUri, [MS_AUTH_SCOPE]],
-            ["https://graph.microsoft.com/v2.0/me", ["user.read"]],
-        ])
-    };
+	return {
+		interactionType: InteractionType.Popup,
+		protectedResourceMap: /* @__PURE__ */ new Map([[environment.appServiceLoginUri, [MS_AUTH_SCOPE]], ["https://graph.microsoft.com/v2.0/me", ["user.read"]]])
+	};
 }
 function MSALGuardConfigFactory() {
-    return {
-        interactionType: InteractionType.Popup,
-        authRequest: {
-            scopes: ["user.read"]
-        }
-    };
-}
-class LoginOAuthComponent {
-    constructor() {
-        this.destroyRef = inject(DestroyRef);
-        this.msalBroadcastService = inject(MsalBroadcastService);
-        this.msaLService = inject(MsalService);
-        this.dialogService = inject(DialogService);
-        this.ngZone = inject(NgZone);
-        /** Emitted when OAuth authentication succeeds. */
-        this.success = output();
-        /** Whether to show the introductory info panel. */
-        this.showInfo = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showInfo" }] : /* istanbul ignore next */ []));
-        /** Application name displayed in the info panel. */
-        this.applicationName = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "applicationName" }] : /* istanbul ignore next */ []));
-        /** Whether to trigger `initialize()` automatically on mount. */
-        this.autoInitialize = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "autoInitialize" }] : /* istanbul ignore next */ []));
-        /** Whether the Microsoft login button is shown. */
-        this.allowMicrosoft = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "allowMicrosoft" }] : /* istanbul ignore next */ []));
-        /** Whether the Google login button is shown. */
-        this.allowGoogle = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "allowGoogle" }] : /* istanbul ignore next */ []));
-        /** Google OAuth client id. Override per deployment. */
-        this.googleClientId = input('71204983077-ag31h3bgt2udcbfr9nn84r9rni2k3snp.apps.googleusercontent.com', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "googleClientId" }] : /* istanbul ignore next */ []));
-        /** MSAL access-token scope requested after login. */
-        this.msalScope = input(MS_AUTH_SCOPE, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "msalScope" }] : /* istanbul ignore next */ []));
-        this.oauthReady = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "oauthReady" }] : /* istanbul ignore next */ []));
-        this.oauthMicrosoftReady = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "oauthMicrosoftReady" }] : /* istanbul ignore next */ []));
-        this.oauthGoogleReady = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "oauthGoogleReady" }] : /* istanbul ignore next */ []));
-        this.msalBroadcastService.msalSubject$
-            .pipe(filter((msg) => msg.eventType === EventType.LOGOUT_FAILURE ||
-            msg.eventType === EventType.ACQUIRE_TOKEN_FAILURE), takeUntilDestroyed(this.destroyRef))
-            .subscribe((r) => {
-            if (r?.payload) {
-                const error = r.payload;
-                this.dialogService.error(error?.message ?? 'Errore di autenticazione Microsoft');
-            }
-        });
-        afterNextRender(() => {
-            if (this.autoInitialize()) {
-                this.initialize();
-            }
-        });
-    }
-    /**
-     * Initialize OAuth providers (Microsoft MSAL and Google GSI).
-     * Safe to call multiple times — already-initialized providers are skipped.
-     * Must be public so the host component can trigger it manually when `autoInitialize` is false.
-     */
-    initialize() {
-        this.oauthReady.set(true);
-        // Initialize the Microsoft stack only when allowed and not already done.
-        if (this.allowMicrosoft() && !this.oauthMicrosoftReady()) {
-            this.msaLService.initialize()
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe({
-                next: () => this.oauthMicrosoftReady.set(true),
-                error: (error) => this.dialogService.error(error?.message ?? 'Errore di inizializzazione Microsoft'),
-            });
-        }
-        // Load the Google GSI script only when allowed and not already done.
-        if (this.allowGoogle() && !this.oauthGoogleReady()) {
-            // @ts-ignore — define the callback BEFORE the script loads so GSI can find it
-            window.onGoogleLibraryLoad = () => {
-                // @ts-ignore
-                google.accounts.id.initialize({
-                    client_id: this.googleClientId(),
-                    cancel_on_tap_outside: true,
-                    auto_select: false,
-                    callback: (r) => {
-                        this.ngZone.run(() => {
-                            this.success.emit({ type: LoginOAuthType.Google, token: r.credential });
-                        });
-                    }
-                });
-                this.googleButtonWrapper = createFakeGoogleWrapper();
-                this.ngZone.run(() => this.oauthGoogleReady.set(true));
-            };
-            // Reuse the script tag if a previous instance already added it.
-            const existing = document.querySelector('script[data-gsi="ars"]');
-            if (existing) {
-                // @ts-ignore — library already present: run the callback directly
-                if (window.google?.accounts?.id)
-                    window.onGoogleLibraryLoad();
-            }
-            else {
-                const script = document.createElement('script');
-                script.src = 'https://accounts.google.com/gsi/client';
-                script.async = true;
-                script.defer = true;
-                script.dataset['gsi'] = 'ars';
-                script.onerror = () => this.ngZone.run(() => this.dialogService.error('Impossibile caricare il servizio di accesso Google.'));
-                // Append and LEAVE it in the DOM so the browser actually fetches it.
-                document.body.appendChild(script);
-            }
-        }
-    }
-    /**
-     * Trigger a Microsoft (MSAL) login popup and acquire an access token on success.
-     */
-    loginMSAL() {
-        // Clear any in-progress interaction flag that may have been left by a previous incomplete popup
-        sessionStorage.removeItem('msal.interaction.status');
-        this.msaLService.loginPopup()
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (r) => {
-                try {
-                    this.msaLService.instance.setActiveAccount(r.account);
-                    this.msaLService.acquireTokenSilent({
-                        scopes: [this.msalScope()],
-                        account: r.account
-                    }).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
-                        next: (tokenResult) => {
-                            this.success.emit({ type: LoginOAuthType.Microsoft, token: tokenResult.accessToken });
-                        },
-                        error: (error) => {
-                            this.dialogService.error(error.message);
-                        }
-                    });
-                }
-                catch (error) {
-                    this.dialogService.error(error.message);
-                }
-            },
-            error: (error) => {
-                this.dialogService.error(error.message);
-            }
-        });
-    }
-    /**
-     * Trigger the hidden Google GSI button to open the Google sign-in flow.
-     */
-    loginGoogle() {
-        // Use the wrapper click to avoid an "Illegal invocation" exception.
-        // Guard: the button only exists once the GSI library has loaded.
-        if (!this.googleButtonWrapper) {
-            this.dialogService.error('Il servizio di accesso Google non è ancora pronto.');
-            return;
-        }
-        this.googleButtonWrapper.click();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LoginOAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: LoginOAuthComponent, isStandalone: true, selector: "login-oauth", inputs: { showInfo: { classPropertyName: "showInfo", publicName: "showInfo", isSignal: true, isRequired: false, transformFunction: null }, applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: false, transformFunction: null }, autoInitialize: { classPropertyName: "autoInitialize", publicName: "autoInitialize", isSignal: true, isRequired: false, transformFunction: null }, allowMicrosoft: { classPropertyName: "allowMicrosoft", publicName: "allowMicrosoft", isSignal: true, isRequired: false, transformFunction: null }, allowGoogle: { classPropertyName: "allowGoogle", publicName: "allowGoogle", isSignal: true, isRequired: false, transformFunction: null }, googleClientId: { classPropertyName: "googleClientId", publicName: "googleClientId", isSignal: true, isRequired: false, transformFunction: null }, msalScope: { classPropertyName: "msalScope", publicName: "msalScope", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { success: "success" }, providers: [
-            {
-                provide: MSAL_INSTANCE,
-                deps: [EnvironmentService],
-                useFactory: MSALInstanceFactory
-            },
-            {
-                provide: MSAL_GUARD_CONFIG,
-                useFactory: MSALGuardConfigFactory
-            },
-            {
-                provide: MSAL_INTERCEPTOR_CONFIG,
-                deps: [EnvironmentService],
-                useFactory: MSALInterceptorConfigFactory
-            },
-            MsalService,
-            MsalBroadcastService
-        ], ngImport: i0, template: "<div class=\"login-oauth\">\r\n  @if(showInfo()) {\r\n  <div class=\"message\">\r\n    <p>Questa sezione consente di accedere al servizio utilizzando un provider OAuth2.</p>\r\n    @if(applicationName()) {\r\n    <p>La email utilizzata deve essere collegata ad un utente valido di {{applicationName()}} e dei servizi ad esso\r\n      connessi.</p>\r\n    }\r\n  </div>\r\n  }\r\n  @if (allowMicrosoft()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginMSAL()\" aria-label=\"Effettua accesso\"\r\n      [disabled]=\"!oauthMicrosoftReady()\" style=\"width: 100%;\">\r\n      Accedi con Microsoft</button>\r\n  </div>\r\n  }\r\n  @if (allowGoogle()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginGoogle()\" style=\"width: 100%;\"\r\n      aria-label=\"Effettua accesso\" [disabled]=\"!oauthGoogleReady()\">\r\n      Accedi con Google</button>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".login-oauth{text-align:center}.login-oauth .button{padding:10px 0;width:100%}.login-oauth .message{padding:0 0 10px!important;font-size:small}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	return {
+		interactionType: InteractionType.Popup,
+		authRequest: { scopes: ["user.read"] }
+	};
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LoginOAuthComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'login-oauth', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: MSAL_INSTANCE,
-                            deps: [EnvironmentService],
-                            useFactory: MSALInstanceFactory
-                        },
-                        {
-                            provide: MSAL_GUARD_CONFIG,
-                            useFactory: MSALGuardConfigFactory
-                        },
-                        {
-                            provide: MSAL_INTERCEPTOR_CONFIG,
-                            deps: [EnvironmentService],
-                            useFactory: MSALInterceptorConfigFactory
-                        },
-                        MsalService,
-                        MsalBroadcastService
-                    ], imports: [
-                        MatButtonModule
-                    ], template: "<div class=\"login-oauth\">\r\n  @if(showInfo()) {\r\n  <div class=\"message\">\r\n    <p>Questa sezione consente di accedere al servizio utilizzando un provider OAuth2.</p>\r\n    @if(applicationName()) {\r\n    <p>La email utilizzata deve essere collegata ad un utente valido di {{applicationName()}} e dei servizi ad esso\r\n      connessi.</p>\r\n    }\r\n  </div>\r\n  }\r\n  @if (allowMicrosoft()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginMSAL()\" aria-label=\"Effettua accesso\"\r\n      [disabled]=\"!oauthMicrosoftReady()\" style=\"width: 100%;\">\r\n      Accedi con Microsoft</button>\r\n  </div>\r\n  }\r\n  @if (allowGoogle()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginGoogle()\" style=\"width: 100%;\"\r\n      aria-label=\"Effettua accesso\" [disabled]=\"!oauthGoogleReady()\">\r\n      Accedi con Google</button>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".login-oauth{text-align:center}.login-oauth .button{padding:10px 0;width:100%}.login-oauth .message{padding:0 0 10px!important;font-size:small}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { success: [{ type: i0.Output, args: ["success"] }], showInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInfo", required: false }] }], applicationName: [{ type: i0.Input, args: [{ isSignal: true, alias: "applicationName", required: false }] }], autoInitialize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoInitialize", required: false }] }], allowMicrosoft: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMicrosoft", required: false }] }], allowGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowGoogle", required: false }] }], googleClientId: [{ type: i0.Input, args: [{ isSignal: true, alias: "googleClientId", required: false }] }], msalScope: [{ type: i0.Input, args: [{ isSignal: true, alias: "msalScope", required: false }] }] } });
+var LoginOAuthComponent = class LoginOAuthComponent {
+	constructor() {
+		this.destroyRef = inject(DestroyRef);
+		this.msalBroadcastService = inject(MsalBroadcastService);
+		this.msaLService = inject(MsalService);
+		this.dialogService = inject(DialogService);
+		this.ngZone = inject(NgZone);
+		this.success = output();
+		this.showInfo = input(true, ...ngDevMode ? [{ debugName: "showInfo" }] : /* istanbul ignore next */ []);
+		this.applicationName = input(...ngDevMode ? [void 0, { debugName: "applicationName" }] : /* istanbul ignore next */ []);
+		this.autoInitialize = input(false, ...ngDevMode ? [{ debugName: "autoInitialize" }] : /* istanbul ignore next */ []);
+		this.allowMicrosoft = input(true, ...ngDevMode ? [{ debugName: "allowMicrosoft" }] : /* istanbul ignore next */ []);
+		this.allowGoogle = input(true, ...ngDevMode ? [{ debugName: "allowGoogle" }] : /* istanbul ignore next */ []);
+		this.googleClientId = input("71204983077-ag31h3bgt2udcbfr9nn84r9rni2k3snp.apps.googleusercontent.com", ...ngDevMode ? [{ debugName: "googleClientId" }] : /* istanbul ignore next */ []);
+		this.msalScope = input(MS_AUTH_SCOPE, ...ngDevMode ? [{ debugName: "msalScope" }] : /* istanbul ignore next */ []);
+		this.oauthReady = signal(false, ...ngDevMode ? [{ debugName: "oauthReady" }] : /* istanbul ignore next */ []);
+		this.oauthMicrosoftReady = signal(false, ...ngDevMode ? [{ debugName: "oauthMicrosoftReady" }] : /* istanbul ignore next */ []);
+		this.oauthGoogleReady = signal(false, ...ngDevMode ? [{ debugName: "oauthGoogleReady" }] : /* istanbul ignore next */ []);
+		this.msalBroadcastService.msalSubject$.pipe(filter((msg) => msg.eventType === EventType.LOGOUT_FAILURE || msg.eventType === EventType.ACQUIRE_TOKEN_FAILURE), takeUntilDestroyed(this.destroyRef)).subscribe((r) => {
+			if (r?.payload) {
+				const error = r.payload;
+				this.dialogService.error(error?.message ?? "Errore di autenticazione Microsoft");
+			}
+		});
+		afterNextRender(() => {
+			if (this.autoInitialize()) this.initialize();
+		});
+	}
+	initialize() {
+		this.oauthReady.set(true);
+		if (this.allowMicrosoft() && !this.oauthMicrosoftReady()) this.msaLService.initialize().pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+			next: () => this.oauthMicrosoftReady.set(true),
+			error: (error) => this.dialogService.error(error?.message ?? "Errore di inizializzazione Microsoft")
+		});
+		if (this.allowGoogle() && !this.oauthGoogleReady()) {
+			window.onGoogleLibraryLoad = () => {
+				google.accounts.id.initialize({
+					client_id: this.googleClientId(),
+					cancel_on_tap_outside: true,
+					auto_select: false,
+					callback: (r) => {
+						this.ngZone.run(() => {
+							this.success.emit({
+								type: LoginOAuthType.Google,
+								token: r.credential
+							});
+						});
+					}
+				});
+				this.googleButtonWrapper = createFakeGoogleWrapper();
+				this.ngZone.run(() => this.oauthGoogleReady.set(true));
+			};
+			if (document.querySelector("script[data-gsi=\"ars\"]")) {
+				if (window.google?.accounts?.id) window.onGoogleLibraryLoad();
+			} else {
+				const script = document.createElement("script");
+				script.src = "https://accounts.google.com/gsi/client";
+				script.async = true;
+				script.defer = true;
+				script.dataset["gsi"] = "ars";
+				script.onerror = () => this.ngZone.run(() => this.dialogService.error("Impossibile caricare il servizio di accesso Google."));
+				document.body.appendChild(script);
+			}
+		}
+	}
+	loginMSAL() {
+		sessionStorage.removeItem("msal.interaction.status");
+		this.msaLService.loginPopup().pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+			next: (r) => {
+				try {
+					this.msaLService.instance.setActiveAccount(r.account);
+					this.msaLService.acquireTokenSilent({
+						scopes: [this.msalScope()],
+						account: r.account
+					}).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+						next: (tokenResult) => {
+							this.success.emit({
+								type: LoginOAuthType.Microsoft,
+								token: tokenResult.accessToken
+							});
+						},
+						error: (error) => {
+							this.dialogService.error(error.message);
+						}
+					});
+				} catch (error) {
+					this.dialogService.error(error.message);
+				}
+			},
+			error: (error) => {
+				this.dialogService.error(error.message);
+			}
+		});
+	}
+	loginGoogle() {
+		if (!this.googleButtonWrapper) {
+			this.dialogService.error("Il servizio di accesso Google non è ancora pronto.");
+			return;
+		}
+		this.googleButtonWrapper.click();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: LoginOAuthComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: LoginOAuthComponent,
+			isStandalone: true,
+			selector: "login-oauth",
+			inputs: {
+				showInfo: {
+					classPropertyName: "showInfo",
+					publicName: "showInfo",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				applicationName: {
+					classPropertyName: "applicationName",
+					publicName: "applicationName",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				autoInitialize: {
+					classPropertyName: "autoInitialize",
+					publicName: "autoInitialize",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				allowMicrosoft: {
+					classPropertyName: "allowMicrosoft",
+					publicName: "allowMicrosoft",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				allowGoogle: {
+					classPropertyName: "allowGoogle",
+					publicName: "allowGoogle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				googleClientId: {
+					classPropertyName: "googleClientId",
+					publicName: "googleClientId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				msalScope: {
+					classPropertyName: "msalScope",
+					publicName: "msalScope",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { success: "success" },
+			providers: [
+				{
+					provide: MSAL_INSTANCE,
+					deps: [EnvironmentService],
+					useFactory: MSALInstanceFactory
+				},
+				{
+					provide: MSAL_GUARD_CONFIG,
+					useFactory: MSALGuardConfigFactory
+				},
+				{
+					provide: MSAL_INTERCEPTOR_CONFIG,
+					deps: [EnvironmentService],
+					useFactory: MSALInterceptorConfigFactory
+				},
+				MsalService,
+				MsalBroadcastService
+			],
+			ngImport: i0,
+			template: "<div class=\"login-oauth\">\r\n  @if(showInfo()) {\r\n  <div class=\"message\">\r\n    <p>Questa sezione consente di accedere al servizio utilizzando un provider OAuth2.</p>\r\n    @if(applicationName()) {\r\n    <p>La email utilizzata deve essere collegata ad un utente valido di {{applicationName()}} e dei servizi ad esso\r\n      connessi.</p>\r\n    }\r\n  </div>\r\n  }\r\n  @if (allowMicrosoft()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginMSAL()\" aria-label=\"Effettua accesso\"\r\n      [disabled]=\"!oauthMicrosoftReady()\" style=\"width: 100%;\">\r\n      Accedi con Microsoft</button>\r\n  </div>\r\n  }\r\n  @if (allowGoogle()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginGoogle()\" style=\"width: 100%;\"\r\n      aria-label=\"Effettua accesso\" [disabled]=\"!oauthGoogleReady()\">\r\n      Accedi con Google</button>\r\n  </div>\r\n  }\r\n</div>\r\n",
+			styles: [".login-oauth{text-align:center}.login-oauth .button{padding:10px 0;width:100%}.login-oauth .message{padding:0 0 10px!important;font-size:small}\n"],
+			dependencies: [{
+				kind: "ngmodule",
+				type: MatButtonModule
+			}, {
+				kind: "component",
+				type: i1$1.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: LoginOAuthComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "login-oauth",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [
+				{
+					provide: MSAL_INSTANCE,
+					deps: [EnvironmentService],
+					useFactory: MSALInstanceFactory
+				},
+				{
+					provide: MSAL_GUARD_CONFIG,
+					useFactory: MSALGuardConfigFactory
+				},
+				{
+					provide: MSAL_INTERCEPTOR_CONFIG,
+					deps: [EnvironmentService],
+					useFactory: MSALInterceptorConfigFactory
+				},
+				MsalService,
+				MsalBroadcastService
+			],
+			imports: [MatButtonModule],
+			template: "<div class=\"login-oauth\">\r\n  @if(showInfo()) {\r\n  <div class=\"message\">\r\n    <p>Questa sezione consente di accedere al servizio utilizzando un provider OAuth2.</p>\r\n    @if(applicationName()) {\r\n    <p>La email utilizzata deve essere collegata ad un utente valido di {{applicationName()}} e dei servizi ad esso\r\n      connessi.</p>\r\n    }\r\n  </div>\r\n  }\r\n  @if (allowMicrosoft()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginMSAL()\" aria-label=\"Effettua accesso\"\r\n      [disabled]=\"!oauthMicrosoftReady()\" style=\"width: 100%;\">\r\n      Accedi con Microsoft</button>\r\n  </div>\r\n  }\r\n  @if (allowGoogle()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginGoogle()\" style=\"width: 100%;\"\r\n      aria-label=\"Effettua accesso\" [disabled]=\"!oauthGoogleReady()\">\r\n      Accedi con Google</button>\r\n  </div>\r\n  }\r\n</div>\r\n",
+			styles: [".login-oauth{text-align:center}.login-oauth .button{padding:10px 0;width:100%}.login-oauth .message{padding:0 0 10px!important;font-size:small}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		success: [{
+			type: i0.Output,
+			args: ["success"]
+		}],
+		showInfo: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showInfo",
+				required: false
+			}]
+		}],
+		applicationName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "applicationName",
+				required: false
+			}]
+		}],
+		autoInitialize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoInitialize",
+				required: false
+			}]
+		}],
+		allowMicrosoft: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "allowMicrosoft",
+				required: false
+			}]
+		}],
+		allowGoogle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "allowGoogle",
+				required: false
+			}]
+		}],
+		googleClientId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "googleClientId",
+				required: false
+			}]
+		}],
+		msalScope: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "msalScope",
+				required: false
+			}]
+		}]
+	}
+});
 const createFakeGoogleWrapper = () => {
-    const googleLoginWrapper = document.createElement("div");
-    googleLoginWrapper.style.display = "none";
-    googleLoginWrapper.classList.add("custom-google-button");
-    document.body.appendChild(googleLoginWrapper);
-    // Render the (invisible) GSI button inside our wrapper.
-    // @ts-ignore
-    window.google.accounts.id.renderButton(googleLoginWrapper, {
-        type: "icon",
-        width: "200",
-    });
-    const googleLoginWrapperButton = googleLoginWrapper.querySelector("div[role=button]");
-    return {
-        click: () => googleLoginWrapperButton?.click(),
-    };
+	const googleLoginWrapper = document.createElement("div");
+	googleLoginWrapper.style.display = "none";
+	googleLoginWrapper.classList.add("custom-google-button");
+	document.body.appendChild(googleLoginWrapper);
+	window.google.accounts.id.renderButton(googleLoginWrapper, {
+		type: "icon",
+		width: "200"
+	});
+	const googleLoginWrapperButton = googleLoginWrapper.querySelector("div[role=button]");
+	return { click: () => googleLoginWrapperButton?.click() };
 };
-
-class LoginOAuthOkMSComponent {
-    constructor() {
-        /** Message displayed while the popup is completing authentication. */
-        this.message = input('Accesso in corso...', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-        // MSAL v5 popup flow: parse the auth response from the URL and send
-        // it back to the opener window via BroadcastChannel, then close the popup.
-        // The promise can reject (e.g. COOP misconfiguration); log instead of
-        // leaving an unhandled rejection that silently strands the popup.
-        broadcastResponseToMainFrame().catch((error) => {
-            console.error('Errore durante la comunicazione della risposta di autenticazione:', error);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LoginOAuthOkMSComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: LoginOAuthOkMSComponent, isStandalone: true, selector: "app-login-oauth-ok-ms", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" ></mat-progress-bar>\r\n  </div>\r\n</div>\r\n", styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LoginOAuthOkMSComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-login-oauth-ok-ms', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexLayoutModule, MatProgressBarModule], template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" ></mat-progress-bar>\r\n  </div>\r\n</div>\r\n", styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }] } });
-
-/*
- * Public API Surface of @arsedizioni/ars-utils/ui.oauth
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var LoginOAuthOkMSComponent = class LoginOAuthOkMSComponent {
+	constructor() {
+		this.message = input("Accesso in corso...", ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+		broadcastResponseToMainFrame().catch((error) => {
+			console.error("Errore durante la comunicazione della risposta di autenticazione:", error);
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: LoginOAuthOkMSComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.1",
+			type: LoginOAuthOkMSComponent,
+			isStandalone: true,
+			selector: "app-login-oauth-ok-ms",
+			inputs: { message: {
+				classPropertyName: "message",
+				publicName: "message",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			ngImport: i0,
+			template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" ></mat-progress-bar>\r\n  </div>\r\n</div>\r\n",
+			styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatProgressBarModule
+				},
+				{
+					kind: "component",
+					type: i2.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: LoginOAuthOkMSComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-login-oauth-ok-ms",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [FlexLayoutModule, MatProgressBarModule],
+			template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" ></mat-progress-bar>\r\n  </div>\r\n</div>\r\n",
+			styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { message: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "message",
+			required: false
+		}]
+	}] }
+});
 export { LoginOAuthComponent, LoginOAuthOkMSComponent, MSALGuardConfigFactory, MSALInstanceFactory, MSALInterceptorConfigFactory };
-//# sourceMappingURL=arsedizioni-ars-utils-ui.oauth.mjs.map
+
+//# sourceMappingURL=arsedizioni-ars-utils-ui.oauth.mjs.map