@yuuvis/client-framework 3.8.1 → 3.8.2

package/fesm2022/yuuvis-client-framework.mjs

@@ -2,10 +2,12 @@ import * as i0 from '@angular/core';
 import { inject, Injectable, ApplicationRef, DestroyRef, signal, ChangeDetectionStrategy, Component, makeEnvironmentProviders, provideAppInitializer, NgZone, NgModule } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { SwUpdate } from '@angular/service-worker';
-import { TranslateService } from '@ngx-translate/core';
-import { ConfirmService } from '@yuuvis/client-framework/common';
-import { filter, first, concat, interval, finalize, timer, switchMap, map, debounceTime } from 'rxjs';
-import { AppCacheService, BackendService, UserService, EventService, YuvEventType } from '@yuuvis/client-core';
+import { _, TranslateService } from '@ngx-translate/core';
+import { ConfirmService, DialogComponent } from '@yuuvis/client-framework/common';
+import { filter, first, concat, interval, finalize, timer, debounceTime } from 'rxjs';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
+import { TranslatePipe, AppCacheService, BackendService, UserService, EventService, YuvEventType } from '@yuuvis/client-core';
+import { YmtButtonDirective } from '@yuuvis/material';
 import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { MatSnackBar, MatSnackBarRef, MAT_SNACK_BAR_DATA, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction } from '@angular/material/snack-bar';
@@ -966,6 +968,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             type: Injectable
         }] });
 
+_('yuv.pwa.update.unrecoverable.message');
+_('yuv.pwa.update.message');
+_('yuv.pwa.update.title');
+_('yuv.pwa.update.confirm');
+_('yuv.pwa.update.cancel');
 /**
  * Detects newly deployed versions of the application (PWA) and lets the user
  * decide when to apply them.
@@ -1075,140 +1082,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-const SNACK_BAR_DEFAULT_DURATION = 3000;
-class SnackBarService {
-    #snackBar;
-    constructor() {
-        this.#snackBar = inject(MatSnackBar);
-        this.translate = inject(TranslateService);
-        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe(() => this.#snackBar.dismiss());
-    }
-    info(message, action, duration) {
-        return this.snack(message, {
-            action,
-            level: 'info',
-            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
-        });
-    }
-    success(message, action, duration) {
-        return this.snack(message, {
-            action,
-            level: 'success',
-            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
-        });
-    }
-    warning(message, action, duration) {
-        return this.snack(message, {
-            action,
-            level: 'warning',
-            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
-        });
-    }
-    danger(message, action, duration) {
-        return this.snack(message, {
-            action,
-            level: 'danger',
-            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
-        });
-    }
-    snack(message, options) {
-        return this.#snackBar.openFromComponent(SnackBarComponent, {
-            data: {
-                level: options.level,
-                message,
-                action: options.action
-            },
-            ...(options.duration ? { duration: options.duration } : {}),
-            horizontalPosition: options.horizontalPosition,
-            verticalPosition: options.verticalPosition,
-            panelClass: ['yuv-snack-bar', 'level-' + options.level]
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-class SnackBarComponent {
+/**
+ * Blocking modal shown shortly before session expiry.
+ *
+ * Replaces the previous non-blocking snackbar: opened with `disableClose: true`, it blocks
+ * background interaction so an active user cannot miss it. Displays a live, second-by-second
+ * countdown until expiry and a single "Extend session" action that closes the dialog with `true`.
+ * If the countdown reaches zero, {@link SessionService} closes the dialog and logs the user out.
+ */
+class SessionExpiryDialogComponent {
+    //#region Dependencies
+    #dialogRef;
+    #data;
+    //#endregion
     constructor() {
-        this.#snackBarRef = inject(MatSnackBarRef);
-        this.#snackData = inject(MAT_SNACK_BAR_DATA);
-        this.#translate = inject(TranslateService);
-        this.level = signal(this.#snackData.level, ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
-        this.message = bindMessage(this.#snackData.message, this.#translate, '');
-        this.action = bindMessage(this.#snackData.action, this.#translate, undefined);
+        //#region Dependencies
+        this.#dialogRef = inject(MatDialogRef);
+        this.#data = inject(MAT_DIALOG_DATA);
+        //#endregion
+        //#region Properties
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        this.remainingSeconds = signal(this.#computeRemaining(), ...(ngDevMode ? [{ debugName: "remainingSeconds" }] : /* istanbul ignore next */ []));
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        interval(1000)
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => this.remainingSeconds.set(this.#computeRemaining()));
     }
-    #snackBarRef;
-    #snackData;
-    #translate;
-    dismiss(withAction = false) {
-        if (withAction) {
-            this.#snackBarRef.dismissWithAction();
-        }
-        else if (!this.action()) {
-            this.#snackBarRef.dismiss();
-        }
+    //#region Public methods
+    /** Requests session extension by closing the dialog with a positive result. */
+    extend() {
+        this.#dialogRef.close(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: SnackBarComponent, isStandalone: true, selector: "yuv-snack-bar-component", host: { properties: { "class.info": "level() === 'info'", "class.success": "level() === 'success'", "class.warning": "level() === 'warning'", "class.danger": "level() === 'danger'" } }, ngImport: i0, template: `
-    @let a = action();
-    <span
-      matSnackBarLabel
-      [attr.role]="a ? null : 'button'"
-      [attr.tabindex]="a ? null : 0"
-      (click)="dismiss()"
-      (keydown.enter)="dismiss()"
-      (keydown.space)="dismiss(); $event.preventDefault()"
-    >
-      {{ message() }}
-    </span>
-    @if (a) {
-      <span matSnackBarActions>
-        <button mat-button matSnackBarAction (click)="dismiss(true)">{{ a }}</button>
-      </span>
+    //#endregion
+    //#region Private methods
+    #computeRemaining() {
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        return Math.max(0, Math.ceil((this.#data.expiresAt - Date.now()) / 1000));
     }
-  `, isInline: true, styles: [":host{display:flex}\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"] }, { kind: "directive", type: MatSnackBarLabel, selector: "[matSnackBarLabel]" }, { kind: "directive", type: MatSnackBarActions, selector: "[matSnackBarActions]" }, { kind: "directive", type: MatSnackBarAction, selector: "[matSnackBarAction]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SessionExpiryDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: SessionExpiryDialogComponent, isStandalone: true, selector: "yuv-session-expiry-dialog", ngImport: i0, template: "<yuv-dialog [headertitle]=\"'yuv.session.expires.title' | translate\">\n  <main>{{ 'yuv.session.expires.message' | translate: { seconds: remainingSeconds() } }}</main>\n  <footer>\n    <button ymtButton=\"primary\" type=\"button\" (click)=\"extend()\">\n      {{ 'yuv.session.extend.action' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: ["main{padding:var(--ymt-spacing-m)}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SessionExpiryDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-snack-bar-component', template: `
-    @let a = action();
-    <span
-      matSnackBarLabel
-      [attr.role]="a ? null : 'button'"
-      [attr.tabindex]="a ? null : 0"
-      (click)="dismiss()"
-      (keydown.enter)="dismiss()"
-      (keydown.space)="dismiss(); $event.preventDefault()"
-    >
-      {{ message() }}
-    </span>
-    @if (a) {
-      <span matSnackBarActions>
-        <button mat-button matSnackBarAction (click)="dismiss(true)">{{ a }}</button>
-      </span>
-    }
-  `, imports: [MatButtonModule, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction], host: {
-                        '[class.info]': "level() === 'info'",
-                        '[class.success]': "level() === 'success'",
-                        '[class.warning]': "level() === 'warning'",
-                        '[class.danger]': "level() === 'danger'"
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex}\n"] }]
-        }] });
-function isMessageDescriptor(value) {
-    return typeof value === 'object';
-}
-function bindMessage(value, translate, fallback) {
-    if (isMessageDescriptor(value)) {
-        return toSignal(translate.stream(value.key, value.params), { initialValue: fallback ?? '' });
-    }
-    const literal = value;
-    return signal(literal ?? fallback);
-}
+            args: [{ selector: 'yuv-session-expiry-dialog', imports: [DialogComponent, YmtButtonDirective, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<yuv-dialog [headertitle]=\"'yuv.session.expires.title' | translate\">\n  <main>{{ 'yuv.session.expires.message' | translate: { seconds: remainingSeconds() } }}</main>\n  <footer>\n    <button ymtButton=\"primary\" type=\"button\" (click)=\"extend()\">\n      {{ 'yuv.session.extend.action' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: ["main{padding:var(--ymt-spacing-m)}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Manages client-side session expiry: persists expiration, tracks user and HTTP activity,
@@ -1219,7 +1136,7 @@ function bindMessage(value, translate, fallback) {
  * - Automatically listens to BackendService HTTP activity (debounced) to extend sessions
  * - Extends backend session by calling `/api-web/api/idm/whoami` endpoint` (skipped when triggered by HTTP activity)
  * - User activity (mouse, keyboard, scroll) inside a defined window will auto-extend the session
- * - Displays a snack popup shortly before expiry; user can extend from the popup
+ * - Displays a blocking countdown dialog shortly before expiry; user can extend from the dialog
  * - Broadcasts `SessionExtended` / `SessionLogout` to keep tabs in sync
  *
  * Setup options
@@ -1263,42 +1180,6 @@ function bindMessage(value, translate, fallback) {
  * - For UI activity, this service listens to DOM events (mousemove, keydown, click, scroll)
  */
 class SessionService {
-    constructor() {
-        //#region Dependencies
-        /**
-         * AppCacheService is used to persist the session expiry timestamp in localStorage.
-         *
-         * Why persist to storage instead of runtime memory:
-         * - Single source of truth: All browser tabs can read the same expiry value directly
-         *   from storage without inter-tab communication
-         * - Avoids master/slave tab pattern: No need to elect one "master" tab to hold the
-         *   authoritative expiry time and sync it to others
-         * - Survives page refresh: Users don't lose their session when refreshing the page
-         * - Simplifies synchronization: BroadcastChannel is only used for notifications about
-         *   changes (extend/logout), not for maintaining shared state
-         * - Consistent behavior: Every tab independently calculates timers based on the same
-         *   persisted expiry value, ensuring uniform warning/logout timing
-         */
-        this.#appCacheService = inject(AppCacheService);
-        this.#snackBarService = inject(SnackBarService);
-        this.#backendService = inject(BackendService);
-        this.#userService = inject(UserService);
-        this.#eventService = inject(EventService);
-        this.#destroyRef = inject(DestroyRef);
-        this.translate = inject(TranslateService);
-        //#endregion
-        //#region Properties
-        this.#sessionDuration = sessionDefaultDuration;
-        this.#sessionStorageKey = 'session-expires-at';
-        this.#activityWindowBeforeEnd = sessionActivityWindowBeforeEnd;
-        this.#popupBeforeEnd = sessionPopupBeforeEnd;
-        this.#activityDetectedInWindow = false;
-        this.#trackingWindowActivity = false;
-        this.#userActivityTrackingInitialized = false;
-        this.#extendingSessionViaBackend = false;
-        this.#isLoggingOut = false;
-        this.#sessionChannel = new BroadcastChannel('session_channel');
-    }
     //#region Dependencies
     /**
      * AppCacheService is used to persist the session expiry timestamp in localStorage.
@@ -1314,30 +1195,39 @@ class SessionService {
      * - Consistent behavior: Every tab independently calculates timers based on the same
      *   persisted expiry value, ensuring uniform warning/logout timing
      */
-    #appCacheService;
-    #snackBarService;
-    #backendService;
-    #userService;
-    #eventService;
-    #destroyRef;
+    #appCacheService = inject(AppCacheService);
+    #dialog = inject(MatDialog);
+    #backendService = inject(BackendService);
+    #userService = inject(UserService);
+    #eventService = inject(EventService);
+    #destroyRef = inject(DestroyRef);
     //#endregion
     //#region Properties
-    #sessionDuration;
-    #sessionStorageKey;
-    #activityWindowBeforeEnd;
-    #popupBeforeEnd;
-    #activityWindowSchedule$;
+    #sessionDuration = sessionDefaultDuration;
+    /**
+     * In-memory source of truth for the current expiry timestamp (ms).
+     *
+     * All timer scheduling reads this synchronously. The value is also persisted to
+     * AppCacheService for cross-tab/refresh recovery, but the persisted copy is intentionally
+     * never read back for scheduling: the previous async read-after-write against IndexedDB
+     * could return a stale (about-to-expire) value right after an extend, firing the logout
+     * timer immediately and logging the user out despite extending.
+     */
+    #expiresAt = 0;
+    #sessionStorageKey = 'session-expires-at';
+    #activityWindowBeforeEnd = sessionActivityWindowBeforeEnd;
+    #popupBeforeEnd = sessionPopupBeforeEnd;
     #activityWindowStart$;
     #activityWindowEnd$;
     #logoutTimer$;
     #httpActivitySubscription$;
-    #activityDetectedInWindow;
-    #trackingWindowActivity;
-    #userActivityTrackingInitialized;
-    #extendingSessionViaBackend;
-    #isLoggingOut;
-    #sessionChannel;
-    #snackReference;
+    #activityDetectedInWindow = false;
+    #trackingWindowActivity = false;
+    #userActivityTrackingInitialized = false;
+    #extendingSessionViaBackend = false;
+    #isLoggingOut = false;
+    #sessionChannel = new BroadcastChannel('session_channel');
+    #dialogRef;
     //#endregion
     //#region Public methods
     /**
@@ -1395,6 +1285,7 @@ class SessionService {
         if (this.#isLoggingOut)
             return;
         const newExpiresAt = expiresAt ?? Date.now() + this.#sessionDuration;
+        this.#expiresAt = newExpiresAt;
         this.setExpiresAt(newExpiresAt);
         this.resetAllTimers();
         if (skipBackendCall) {
@@ -1464,49 +1355,45 @@ class SessionService {
             .subscribe(() => this.performLogout(true));
     }
     scheduleActivityWindow() {
-        // Capture the outer subscription so clearTimers can cancel a pending
-        // async getExpiresAt() resolution. Without this, two extendSession calls
-        // in quick succession could leak the inner timers of the first call when
-        // its getExpiresAt resolves after the second call's clearTimers has run.
-        this.#activityWindowSchedule$ = this.getExpiresAt().subscribe((expiresAt) => {
-            const activityWindowStartIn = expiresAt - Date.now() - this.#activityWindowBeforeEnd;
-            const activityWindowEndIn = expiresAt - Date.now() - this.#popupBeforeEnd;
-            this.#activityWindowStart$ = timer(Math.max(activityWindowStartIn, 0)).subscribe(() => {
-                this.#trackingWindowActivity = true;
-                this.#activityDetectedInWindow = false;
-            });
-            this.#activityWindowEnd$ = timer(Math.max(activityWindowEndIn, 0)).subscribe(() => {
-                this.#trackingWindowActivity = false;
-                if (this.#activityDetectedInWindow) {
-                    this.extendSession();
-                }
-                else {
-                    this.showPopup();
-                }
-            });
+        // Scheduling reads #expiresAt synchronously (single source of truth) so the timers
+        // always reflect the value just written by extendSession — no async read-after-write race.
+        const now = Date.now();
+        const activityWindowStartIn = this.#expiresAt - now - this.#activityWindowBeforeEnd;
+        const activityWindowEndIn = this.#expiresAt - now - this.#popupBeforeEnd;
+        this.#activityWindowStart$ = timer(Math.max(activityWindowStartIn, 0)).subscribe(() => {
+            this.#trackingWindowActivity = true;
+            this.#activityDetectedInWindow = false;
+        });
+        this.#activityWindowEnd$ = timer(Math.max(activityWindowEndIn, 0)).subscribe(() => {
+            this.#trackingWindowActivity = false;
+            if (this.#activityDetectedInWindow) {
+                this.extendSession();
+            }
+            else {
+                this.showPopup();
+            }
         });
     }
     showPopup() {
-        if (this.#snackReference)
+        if (this.#dialogRef)
             return;
-        const message = this.translate.instant('yuv.session.expires.message');
-        const action = this.translate.instant('yuv.session.extend.action');
-        this.#snackReference = this.#snackBarService.warning(message, action);
-        this.scheduleLogout();
-        this.#snackReference.onAction().subscribe(() => {
-            this.#snackReference?.dismiss();
-            this.extendSession();
+        this.#dialogRef = this.#dialog.open(SessionExpiryDialogComponent, {
+            data: { expiresAt: this.#expiresAt },
+            disableClose: true,
+            panelClass: 'yuv-session-expiry-dialog'
         });
-        this.#snackReference.afterDismissed().subscribe(() => {
-            this.#snackReference = undefined;
+        this.scheduleLogout();
+        this.#dialogRef.afterClosed().subscribe((extend) => {
+            this.#dialogRef = undefined;
+            if (extend) {
+                this.extendSession();
+            }
         });
     }
     scheduleLogout() {
         this.#logoutTimer$?.unsubscribe();
-        this.#logoutTimer$ = this.getExpiresAt()
-            .pipe(switchMap((expiresAt) => timer(Math.max(expiresAt - Date.now(), 0)).pipe(map(() => expiresAt))))
-            .subscribe((expiresAt) => {
-            if (Date.now() >= expiresAt) {
+        this.#logoutTimer$ = timer(Math.max(this.#expiresAt - Date.now(), 0)).subscribe(() => {
+            if (Date.now() >= this.#expiresAt) {
                 this.performLogout(true);
             }
         });
@@ -1517,7 +1404,7 @@ class SessionService {
         this.#isLoggingOut = true;
         this.clearTimers();
         this.#httpActivitySubscription$?.unsubscribe();
-        this.#snackReference?.dismiss();
+        this.#dialogRef?.close();
         if (broadcast) {
             this.#sessionChannel.postMessage({
                 type: ChannelMessage.SessionLogout
@@ -1555,16 +1442,12 @@ class SessionService {
     resetAllTimers() {
         this.clearTimers();
         this.scheduleActivityWindow();
-        this.#snackReference?.dismiss();
-    }
-    getExpiresAt() {
-        return this.#appCacheService.getItem(this.#sessionStorageKey);
+        this.#dialogRef?.close();
     }
     setExpiresAt(expiresAt) {
         this.#appCacheService.setItem(this.#sessionStorageKey, expiresAt).subscribe();
     }
     clearTimers() {
-        this.#activityWindowSchedule$?.unsubscribe();
         this.#activityWindowStart$?.unsubscribe();
         this.#activityWindowEnd$?.unsubscribe();
         this.#logoutTimer$?.unsubscribe();
@@ -1577,6 +1460,141 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+const SNACK_BAR_DEFAULT_DURATION = 3000;
+class SnackBarService {
+    #snackBar;
+    constructor() {
+        this.#snackBar = inject(MatSnackBar);
+        this.translate = inject(TranslateService);
+        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe(() => this.#snackBar.dismiss());
+    }
+    info(message, action, duration) {
+        return this.snack(message, {
+            action,
+            level: 'info',
+            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
+        });
+    }
+    success(message, action, duration) {
+        return this.snack(message, {
+            action,
+            level: 'success',
+            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
+        });
+    }
+    warning(message, action, duration) {
+        return this.snack(message, {
+            action,
+            level: 'warning',
+            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
+        });
+    }
+    danger(message, action, duration) {
+        return this.snack(message, {
+            action,
+            level: 'danger',
+            ...(duration ? { duration } : { duration: SNACK_BAR_DEFAULT_DURATION })
+        });
+    }
+    snack(message, options) {
+        return this.#snackBar.openFromComponent(SnackBarComponent, {
+            data: {
+                level: options.level,
+                message,
+                action: options.action
+            },
+            ...(options.duration ? { duration: options.duration } : {}),
+            horizontalPosition: options.horizontalPosition,
+            verticalPosition: options.verticalPosition,
+            panelClass: ['yuv-snack-bar', 'level-' + options.level]
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+class SnackBarComponent {
+    constructor() {
+        this.#snackBarRef = inject(MatSnackBarRef);
+        this.#snackData = inject(MAT_SNACK_BAR_DATA);
+        this.#translate = inject(TranslateService);
+        this.level = signal(this.#snackData.level, ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+        this.message = bindMessage(this.#snackData.message, this.#translate, '');
+        this.action = bindMessage(this.#snackData.action, this.#translate, undefined);
+    }
+    #snackBarRef;
+    #snackData;
+    #translate;
+    dismiss(withAction = false) {
+        if (withAction) {
+            this.#snackBarRef.dismissWithAction();
+        }
+        else if (!this.action()) {
+            this.#snackBarRef.dismiss();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: SnackBarComponent, isStandalone: true, selector: "yuv-snack-bar-component", host: { properties: { "class.info": "level() === 'info'", "class.success": "level() === 'success'", "class.warning": "level() === 'warning'", "class.danger": "level() === 'danger'" } }, ngImport: i0, template: `
+    @let a = action();
+    <span
+      matSnackBarLabel
+      [attr.role]="a ? null : 'button'"
+      [attr.tabindex]="a ? null : 0"
+      (click)="dismiss()"
+      (keydown.enter)="dismiss()"
+      (keydown.space)="dismiss(); $event.preventDefault()"
+    >
+      {{ message() }}
+    </span>
+    @if (a) {
+      <span matSnackBarActions>
+        <button mat-button matSnackBarAction (click)="dismiss(true)">{{ a }}</button>
+      </span>
+    }
+  `, isInline: true, styles: [":host{display:flex}\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"] }, { kind: "directive", type: MatSnackBarLabel, selector: "[matSnackBarLabel]" }, { kind: "directive", type: MatSnackBarActions, selector: "[matSnackBarActions]" }, { kind: "directive", type: MatSnackBarAction, selector: "[matSnackBarAction]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SnackBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-snack-bar-component', template: `
+    @let a = action();
+    <span
+      matSnackBarLabel
+      [attr.role]="a ? null : 'button'"
+      [attr.tabindex]="a ? null : 0"
+      (click)="dismiss()"
+      (keydown.enter)="dismiss()"
+      (keydown.space)="dismiss(); $event.preventDefault()"
+    >
+      {{ message() }}
+    </span>
+    @if (a) {
+      <span matSnackBarActions>
+        <button mat-button matSnackBarAction (click)="dismiss(true)">{{ a }}</button>
+      </span>
+    }
+  `, imports: [MatButtonModule, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction], host: {
+                        '[class.info]': "level() === 'info'",
+                        '[class.success]': "level() === 'success'",
+                        '[class.warning]': "level() === 'warning'",
+                        '[class.danger]': "level() === 'danger'"
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex}\n"] }]
+        }] });
+function isMessageDescriptor(value) {
+    return typeof value === 'object';
+}
+function bindMessage(value, translate, fallback) {
+    if (isMessageDescriptor(value)) {
+        return toSignal(translate.stream(value.key, value.params), { initialValue: fallback ?? '' });
+    }
+    const literal = value;
+    return signal(literal ?? fallback);
+}
+
 /**
  * Provides and initializes the Halo Focus feature for the Angular application.
  *