@mintplayer/ng-spark 22.31.0 → 22.33.0

package/README.md

@@ -54,7 +54,7 @@ Import from the entry point, not from the package root; each one is a separate c
 |---|---|
 | `@mintplayer/ng-spark` | `provideSpark(config?)`, `SPARK_CONFIG` (`baseUrl`), `SPARK_AUTH_STATE` (the bridge `ng-spark/auth` fills) |
 | `/routes` | `sparkRoutes()` — the routed persistent-object and query pages |
-| `/services` | `SparkService`, `SparkStreamingService`, `SparkLanguageService`, `SparkQueryActionsService`, `RetryActionService`; the timezone feature `withSparkTimezone()` |
+| `/services` | `SparkService`, `SparkLiveService`, `SparkLanguageService`, `SparkQueryActionsService`, `RetryActionService`; the timezone feature `withSparkTimezone()` |
 | `/models` | The wire types (persistent objects, attributes, queries, envelopes) |
 | `/shell` | `<spark-shell>` with its slot directives, `<spark-program-units>`, `<spark-language-selector>` ([guide](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-program-units.md)) |
 | `/query-list` | `<spark-query-list>` — the routed query page |
@@ -63,6 +63,7 @@ Import from the entry point, not from the package root; each one is a separate c
 | `/po-detail`, `/po-create`, `/po-edit` | The routed detail, create and edit pages |
 | `/po-form` | `<spark-po-form>`, `<spark-reference-picker>`, `<spark-lookup-picker>` |
 | `/renderers` | `provideSparkAttributeRenderers([...])`, `SPARK_ATTRIBUTE_RENDERERS` (with the core `paragraph` renderer built in), `withDeclaredInputs` ([guide](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-custom-attribute-renderers.md)) |
+| `/score-renderers` | `provideSparkScoreRenderers([...])` — the `spark-gauge`, `spark-threshold-bar`, `spark-trend` and `spark-delta` renderers, their components, bands and grade presets ([guide](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-score-renderers.md)) |
 | `/panels` | `provideSparkDetailPanels(...)`, `provideSparkDetailActions(...)`, `provideSparkQueryListActions(...)` — how add-ons put components on the routed pages |
 | `/client-operations` | `provideSparkClientOperations()` — notify, navigate and refresh operations from server-side action code; the toast container |
 | `/retry-action-modal` | The modal that answers a server's retry action ([guide](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-manager-retry-actions.md)) |
@@ -72,6 +73,10 @@ Import from the entry point, not from the package root; each one is a separate c
 | `/soft-delete` | `provideSparkSoftDelete()` — the Deleted toggle on query lists, the recycle bin, Restore / Purge |
 | `/history` | `provideSparkHistory()` — `<spark-po-history>`: revision list, read-only view, diff, Revert |
 | `/moderation` | `provideSparkModeration()`, `sparkModerationRoutes()`, `sparkModerationRenderers` — vote widget, flag button, review queue, reputation badge, moderator panel |
+| `/organizations` | `withOrganizationRoutes()` for `sparkAuthRoutes(...)`: the page a mailed organization invitation or join request opens (`organizations/accept/:token`), accepting on an explicit click; `<spark-organization-switcher>`: the current organization in the top bar, which lists of organization-owned rows and new rows follow ([guide](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-organizations.md)) |
+| `/pwa` | `provideSparkServiceWorker()` — Angular's service worker with Spark's update policy (`SparkServiceWorkerUpdates`) and in-app navigation for a clicked push notification (`SparkNotificationClicks`) |
+| `/share` | `withShareRoutes(options?)` — the anonymous page a share link opens (`shared/:type/:token?id=…`); `SparkSharedObject` (the `/spark/share/load` answer). The page itself is `SparkSharedObjectComponent` in `/share/page`, lazy-loaded |
+| `/notifications` | `<spark-notification-bell>`, `<spark-push-toggle>`, `SparkNotificationsService` (live unread count, latest notifications, mark read, Web Push opt-in), `provideSparkNotifications()` — the client of MintPlayer.Spark.Notifications |
 
 ### Timezone (`withSparkTimezone`)
 
@@ -153,6 +158,27 @@ The grid also renders:
 See [guide-custom-actions.md](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-custom-actions.md)
 for the server side of this.
 
+### Live updates
+
+A type or query marked `"live": true` in its model is followed over one WebSocket (`/spark/live`) with
+nothing to write: `spark-po-detail` replaces the object when it changes and shows the unavailable state when
+it is deleted; every `spark-query-grid` (the query page, sub-queries, cards) re-renders its page as rows
+change, appear or leave, with server-side paging, sort, search and filters intact (`[live]` overrides the
+query's flag); `spark-po-edit` adopts a newer version while the form is untouched and otherwise shows a
+banner that runs the three-way merge. For a custom page:
+
+```ts
+import { SparkLiveService } from '@mintplayer/ng-spark/services';
+
+const live = inject(SparkLiveService);
+readonly run = live.livePersistentObject(signal('AuditRun'), this.runId);  // Signal<PersistentObject | null | 'gone'>
+readonly running = live.liveQuery(computed(() => ({ queryId: 'runningaudits', skip: 0, take: 20 })));  // Signal<QueryResult | null>
+// or the observables: live.watchPersistentObject(type, id), live.watchQuery(request | request$)
+```
+
+This replaces streaming queries (`isStreamingQuery`, `SparkStreamingService`); there is no shim. See
+[guide-live-updates.md](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-live-updates.md).
+
 ### Soft delete, history and moderation
 
 ```ts
@@ -191,6 +217,80 @@ No routes of its own: the History link opens `query/:queryId` with `?parentId=&p
 column filter per slot, which the query page reads for any query. Needs
 [MintPlayer.Spark.Contributions](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/libs/contributions/MintPlayer.Spark.Contributions/README.md).
 
+### Score renderers
+
+```ts
+import { provideSparkScoreRenderers } from '@mintplayer/ng-spark/score-renderers';
+
+providers: [
+  provideSparkScoreRenderers([/* the app's own renderers */]),  // instead of provideSparkAttributeRenderers
+]
+```
+
+```json
+{ "name": "Score", "renderer": "spark-gauge", "rendererOptions": { "bands": "letter-grades" } }
+```
+
+Four renderers for scores and their history, each drawing a grid cell and a detail value and configured
+through `rendererOptions`:
+
+- `spark-gauge`: a ring with the score inside and, with `"bands": "letter-grades"`, an A–F grade (A ≥ 90, B ≥ 80, C ≥ 70, D ≥ 50).
+- `spark-threshold-bar`: a compact bar coloured by band (default green ≥ 80, amber ≥ 60, red), the value beside it.
+- `spark-trend`: a sparkline, or with `"display": "chart"` a trend chart with an optional goal line.
+- `spark-delta`: a signed change, green up and red down, or the reverse with `"higherIsBetter": false`.
+
+No value draws a muted dash, never a zero. The components (`<spark-threshold-bar>` and so on) can also be
+used in a template with `[value]` and `[options]`; `<spark-trend-sparkline>` and `<spark-trend-chart>` are the
+two halves of `spark-trend`, each loading only its own chart. CodeCoverage draws its coverage bar, sparkline, trend
+chart and Δ column through them. See
+[guide-score-renderers.md](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/docs/guide-score-renderers.md)
+for every option.
+
+### Notifications
+
+```ts
+import { SparkNotificationBellComponent, SparkPushToggleComponent } from '@mintplayer/ng-spark/notifications';
+```
+
+```html
+<spark-notification-bell />          <!-- in the top bar -->
+<spark-push-toggle />                <!-- on an account or settings page -->
+```
+
+The client of the server package MintPlayer.Spark.Notifications (`spark.AddNotifications()`):
+
+- The bell shows the unread count and, in its menu, the latest notifications (title, message, relative time).
+  Choosing one marks it read and follows its link, through the router when it is on this origin.
+  "Mark all as read" and a link to the full list (`/query/notifications`; `[allLink]` or
+  `provideSparkNotifications({ listLink, recentCount })` change it) complete the menu.
+- `SparkNotificationsService` holds `unreadCount`, `recent`, `markRead(ids?)` and `open(notification)`. Both
+  lists are live queries on the one `/spark/live` socket: no polling. They resubscribe when the signed-in user changes.
+- Web Push: `enablePush()` (call it from a click: it asks permission first), `disablePush()`, `pushState`
+  (`unsupported` · `denied` · `off` · `on`) and `pushConfigured` (the server has VAPID keys). Push needs
+  `provideSparkServiceWorker()` with the worker enabled. On iPhone and iPad the app must be on the Home Screen
+  first; until then the state is `unsupported` and the toggle says so.
+- A push clicked while the app is open becomes an in-app navigation (`SparkNotificationClicks`, started by
+  `provideSparkServiceWorker()`). When the app is closed, Angular's service worker opens the page itself
+  from the payload's `onActionClick`.
+
+### Share links
+
+```ts
+import { withShareRoutes } from '@mintplayer/ng-spark/share';
+
+export const routes: Routes = [
+  ...withShareRoutes(),                     // shared/:type/:token, no guard
+  { path: '', component: ShellComponent, children: [...sparkRoutes()] },
+];
+```
+
+A share link (`spark.AddShareLinks(...)` on the server) is `{origin}/shared/{type}/{token}?id={id}`. The page shows,
+read-only and to anyone holding the link, exactly what `POST /spark/share/load` returns: the declared attributes
+through the usual cells and renderers (the score renderers included) and one table per declared child query,
+paged through `POST /spark/share/query`. A revoked, replaced or unknown link reads "This link does not work (any
+more)" (`share.notFound`). `withShareRoutes({ path, component })` moves or replaces the page; keep
+`Spark:Share:LinkPath` in step with the path.
+
 ## More
 
 - [Repository README](https://github.com/MintPlayer/MintPlayer.Spark/blob/master/README.md) — the developer guides

package/fesm2022/mintplayer-ng-spark-attribute-description.mjs

@@ -13,7 +13,7 @@ var SparkAttributeDescriptionComponent = class SparkAttributeDescriptionComponen
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAttributeDescriptionComponent,
 		deps: [],
@@ -21,7 +21,7 @@ var SparkAttributeDescriptionComponent = class SparkAttributeDescriptionComponen
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkAttributeDescriptionComponent,
 		isStandalone: true,
 		selector: "spark-attribute-description",
@@ -72,7 +72,7 @@ var SparkAttributeDescriptionComponent = class SparkAttributeDescriptionComponen
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkAttributeDescriptionComponent,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-account.mjs

@@ -88,7 +88,7 @@ var SparkAccountOverviewComponent = class SparkAccountOverviewComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAccountOverviewComponent,
 		deps: [],
@@ -96,7 +96,7 @@ var SparkAccountOverviewComponent = class SparkAccountOverviewComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkAccountOverviewComponent,
 		isStandalone: true,
 		selector: "spark-account-overview",
@@ -170,7 +170,7 @@ var SparkAccountOverviewComponent = class SparkAccountOverviewComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkAccountOverviewComponent,
 	decorators: [{
@@ -339,7 +339,7 @@ var SparkAccountProfileComponent = class SparkAccountProfileComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAccountProfileComponent,
 		deps: [],
@@ -347,7 +347,7 @@ var SparkAccountProfileComponent = class SparkAccountProfileComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkAccountProfileComponent,
 		isStandalone: true,
 		selector: "spark-account-profile",
@@ -635,7 +635,7 @@ var SparkAccountProfileComponent = class SparkAccountProfileComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkAccountProfileComponent,
 	decorators: [{
@@ -823,7 +823,7 @@ var SparkChangePasswordComponent = class SparkChangePasswordComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkChangePasswordComponent,
 		deps: [],
@@ -831,7 +831,7 @@ var SparkChangePasswordComponent = class SparkChangePasswordComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkChangePasswordComponent,
 		isStandalone: true,
 		selector: "spark-change-password",
@@ -969,7 +969,7 @@ var SparkChangePasswordComponent = class SparkChangePasswordComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkChangePasswordComponent,
 	decorators: [{
@@ -1165,7 +1165,7 @@ var SparkTwoFactorSetupComponent = class SparkTwoFactorSetupComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkTwoFactorSetupComponent,
 		deps: [],
@@ -1173,7 +1173,7 @@ var SparkTwoFactorSetupComponent = class SparkTwoFactorSetupComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkTwoFactorSetupComponent,
 		isStandalone: true,
 		selector: "spark-two-factor-setup",
@@ -1385,7 +1385,7 @@ var SparkTwoFactorSetupComponent = class SparkTwoFactorSetupComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkTwoFactorSetupComponent,
 	decorators: [{
@@ -1557,7 +1557,7 @@ var SparkExternalLoginsComponent = class SparkExternalLoginsComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkExternalLoginsComponent,
 		deps: [],
@@ -1565,7 +1565,7 @@ var SparkExternalLoginsComponent = class SparkExternalLoginsComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkExternalLoginsComponent,
 		isStandalone: true,
 		selector: "spark-external-logins",
@@ -1658,7 +1658,7 @@ var SparkExternalLoginsComponent = class SparkExternalLoginsComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkExternalLoginsComponent,
 	decorators: [{
@@ -1783,7 +1783,7 @@ var SparkPersonalDataComponent = class SparkPersonalDataComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkPersonalDataComponent,
 		deps: [],
@@ -1791,7 +1791,7 @@ var SparkPersonalDataComponent = class SparkPersonalDataComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkPersonalDataComponent,
 		isStandalone: true,
 		selector: "spark-personal-data",
@@ -1951,7 +1951,7 @@ var SparkPersonalDataComponent = class SparkPersonalDataComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkPersonalDataComponent,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-auth-bar.mjs

@@ -5,6 +5,7 @@ import { BsButtonGroupComponent } from "@mintplayer/ng-bootstrap/button-group";
 import { SPARK_AUTH_CONFIG, SPARK_AUTH_ROUTE_PATHS, findSparkAuthRoutePaths, resolveSignInUrl } from "@mintplayer/ng-spark/auth/models";
 import { SparkAuthService } from "@mintplayer/ng-spark/auth/core";
 import { TranslateKeyPipe } from "@mintplayer/ng-spark/auth/pipes";
+import { SparkIconComponent } from "@mintplayer/ng-spark/icon";
 var SparkAuthBarComponent = class SparkAuthBarComponent {
 	authService = inject(SparkAuthService);
 	config = inject(SPARK_AUTH_CONFIG);
@@ -20,7 +21,7 @@ var SparkAuthBarComponent = class SparkAuthBarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAuthBarComponent,
 		deps: [],
@@ -28,13 +29,13 @@ var SparkAuthBarComponent = class SparkAuthBarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkAuthBarComponent,
 		isStandalone: true,
 		selector: "spark-auth-bar",
 		ngImport: i0,
-		template: "@if (authService.isAuthenticated()) {\n  <!-- No user name here: an email address does not fit a topbar. The account page shows it, and\n       the account page is also where passkeys, two-factor and the rest live when they are mounted. -->\n  <bs-button-group>\n    @if (accountUrl) {\n      <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"accountUrl\"\n         [attr.title]=\"authService.user()?.userName\">{{ 'auth.account' | t }}</a>\n    }\n    <button type=\"button\" class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" (click)=\"onLogout()\">{{ 'auth.logout' | t }}</button>\n  </bs-button-group>\n} @else {\n  <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"signInUrl\">{{ 'auth.login' | t }}</a>\n}\n",
-		styles: [":host{display:inline-flex;align-items:center;flex-wrap:nowrap;min-width:0}.spark-auth-bar-btn{--bs-btn-color: currentColor;--bs-btn-border-color: currentColor;--bs-btn-hover-color: currentColor;--bs-btn-hover-bg: color-mix(in srgb, currentColor 15%, transparent);--bs-btn-hover-border-color: currentColor;--bs-btn-active-color: currentColor;--bs-btn-active-bg: color-mix(in srgb, currentColor 25%, transparent);--bs-btn-active-border-color: currentColor}\n"],
+		template: "@if (authService.isAuthenticated()) {\n  <!-- No user name here: an email address does not fit a topbar. The account page shows it, and\n       the account page is also where passkeys, two-factor and the rest live when they are mounted.\n       On a phone the two buttons are icons (their names stay as aria-label and title), so the\n       topbar fits 375 px next to a language selector, an organization switcher and the bell. -->\n  <bs-button-group>\n    @if (accountUrl) {\n      <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap spark-auth-bar-account\" [routerLink]=\"accountUrl\"\n         [attr.title]=\"authService.user()?.userName\" [attr.aria-label]=\"'auth.account' | t\">\n        <spark-icon name=\"person\" class=\"spark-auth-bar-icon\" aria-hidden=\"true\" /><span class=\"spark-auth-bar-label\">{{ 'auth.account' | t }}</span>\n      </a>\n    }\n    <button type=\"button\" class=\"btn btn-sm spark-auth-bar-btn text-nowrap spark-auth-bar-logout\" (click)=\"onLogout()\"\n            [attr.title]=\"'auth.logout' | t\" [attr.aria-label]=\"'auth.logout' | t\">\n      <spark-icon name=\"box-arrow-right\" class=\"spark-auth-bar-icon\" aria-hidden=\"true\" /><span class=\"spark-auth-bar-label\">{{ 'auth.logout' | t }}</span>\n    </button>\n  </bs-button-group>\n} @else {\n  <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"signInUrl\">{{ 'auth.login' | t }}</a>\n}\n",
+		styles: [":host{display:inline-flex;align-items:center;flex-wrap:nowrap;min-width:0;flex-shrink:0}.spark-auth-bar-btn{--bs-btn-color: currentColor;--bs-btn-border-color: currentColor;--bs-btn-hover-color: currentColor;--bs-btn-hover-bg: color-mix(in srgb, currentColor 15%, transparent);--bs-btn-hover-border-color: currentColor;--bs-btn-active-color: currentColor;--bs-btn-active-bg: color-mix(in srgb, currentColor 25%, transparent);--bs-btn-active-border-color: currentColor}.spark-auth-bar-icon{display:none}@media(max-width:575.98px){.spark-auth-bar-icon{display:inline-flex}.spark-auth-bar-label{display:none}}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -61,6 +62,12 @@ var SparkAuthBarComponent = class SparkAuthBarComponent {
 				selector: "bs-button-group",
 				inputs: ["ariaLabel"]
 			},
+			{
+				kind: "component",
+				type: SparkIconComponent,
+				selector: "spark-icon",
+				inputs: ["name"]
+			},
 			{
 				kind: "pipe",
 				type: TranslateKeyPipe,
@@ -72,7 +79,7 @@ var SparkAuthBarComponent = class SparkAuthBarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkAuthBarComponent,
 	decorators: [{
@@ -84,10 +91,11 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [
 				RouterLink,
 				BsButtonGroupComponent,
-				TranslateKeyPipe
+				TranslateKeyPipe,
+				SparkIconComponent
 			],
-			template: "@if (authService.isAuthenticated()) {\n  <!-- No user name here: an email address does not fit a topbar. The account page shows it, and\n       the account page is also where passkeys, two-factor and the rest live when they are mounted. -->\n  <bs-button-group>\n    @if (accountUrl) {\n      <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"accountUrl\"\n         [attr.title]=\"authService.user()?.userName\">{{ 'auth.account' | t }}</a>\n    }\n    <button type=\"button\" class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" (click)=\"onLogout()\">{{ 'auth.logout' | t }}</button>\n  </bs-button-group>\n} @else {\n  <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"signInUrl\">{{ 'auth.login' | t }}</a>\n}\n",
-			styles: [":host{display:inline-flex;align-items:center;flex-wrap:nowrap;min-width:0}.spark-auth-bar-btn{--bs-btn-color: currentColor;--bs-btn-border-color: currentColor;--bs-btn-hover-color: currentColor;--bs-btn-hover-bg: color-mix(in srgb, currentColor 15%, transparent);--bs-btn-hover-border-color: currentColor;--bs-btn-active-color: currentColor;--bs-btn-active-bg: color-mix(in srgb, currentColor 25%, transparent);--bs-btn-active-border-color: currentColor}\n"]
+			template: "@if (authService.isAuthenticated()) {\n  <!-- No user name here: an email address does not fit a topbar. The account page shows it, and\n       the account page is also where passkeys, two-factor and the rest live when they are mounted.\n       On a phone the two buttons are icons (their names stay as aria-label and title), so the\n       topbar fits 375 px next to a language selector, an organization switcher and the bell. -->\n  <bs-button-group>\n    @if (accountUrl) {\n      <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap spark-auth-bar-account\" [routerLink]=\"accountUrl\"\n         [attr.title]=\"authService.user()?.userName\" [attr.aria-label]=\"'auth.account' | t\">\n        <spark-icon name=\"person\" class=\"spark-auth-bar-icon\" aria-hidden=\"true\" /><span class=\"spark-auth-bar-label\">{{ 'auth.account' | t }}</span>\n      </a>\n    }\n    <button type=\"button\" class=\"btn btn-sm spark-auth-bar-btn text-nowrap spark-auth-bar-logout\" (click)=\"onLogout()\"\n            [attr.title]=\"'auth.logout' | t\" [attr.aria-label]=\"'auth.logout' | t\">\n      <spark-icon name=\"box-arrow-right\" class=\"spark-auth-bar-icon\" aria-hidden=\"true\" /><span class=\"spark-auth-bar-label\">{{ 'auth.logout' | t }}</span>\n    </button>\n  </bs-button-group>\n} @else {\n  <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"signInUrl\">{{ 'auth.login' | t }}</a>\n}\n",
+			styles: [":host{display:inline-flex;align-items:center;flex-wrap:nowrap;min-width:0;flex-shrink:0}.spark-auth-bar-btn{--bs-btn-color: currentColor;--bs-btn-border-color: currentColor;--bs-btn-hover-color: currentColor;--bs-btn-hover-bg: color-mix(in srgb, currentColor 15%, transparent);--bs-btn-hover-border-color: currentColor;--bs-btn-active-color: currentColor;--bs-btn-active-bg: color-mix(in srgb, currentColor 25%, transparent);--bs-btn-active-border-color: currentColor}.spark-auth-bar-icon{display:none}@media(max-width:575.98px){.spark-auth-bar-icon{display:inline-flex}.spark-auth-bar-label{display:none}}\n"]
 		}]
 	}]
 });

package/fesm2022/mintplayer-ng-spark-auth-auth-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-spark-auth-auth-bar.mjs","names":[],"sources":["../../auth/auth-bar/src/spark-auth-bar.component.ts","../../auth/auth-bar/src/spark-auth-bar.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { RouterLink, Router } from '@angular/router';\nimport { BsButtonGroupComponent } from '@mintplayer/ng-bootstrap/button-group';\nimport {\n  SPARK_AUTH_CONFIG,\n  SPARK_AUTH_ROUTE_PATHS,\n  findSparkAuthRoutePaths,\n  resolveSignInUrl,\n} from '@mintplayer/ng-spark/auth/models';\nimport { SparkAuthService } from '@mintplayer/ng-spark/auth/core';\nimport { TranslateKeyPipe } from '@mintplayer/ng-spark/auth/pipes';\n\n@Component({\n  selector: 'spark-auth-bar',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLink, BsButtonGroupComponent, TranslateKeyPipe],\n  templateUrl: './spark-auth-bar.component.html',\n  // Outline buttons drawn in the surrounding text colour, not `btn-outline-light`: the bar sits in\n  // whatever topbar the app has, and that is no longer guaranteed to be dark (#462). currentColor\n  // follows the container in either theme; the hover tint is the same colour at low alpha.\n  styles: [`\n    /* One line, always: the bar lives in a fixed-height topbar. */\n    :host {\n      display: inline-flex;\n      align-items: center;\n      flex-wrap: nowrap;\n      min-width: 0;\n    }\n\n    .spark-auth-bar-btn {\n      --bs-btn-color: currentColor;\n      --bs-btn-border-color: currentColor;\n      --bs-btn-hover-color: currentColor;\n      --bs-btn-hover-bg: color-mix(in srgb, currentColor 15%, transparent);\n      --bs-btn-hover-border-color: currentColor;\n      --bs-btn-active-color: currentColor;\n      --bs-btn-active-bg: color-mix(in srgb, currentColor 25%, transparent);\n      --bs-btn-active-border-color: currentColor;\n    }\n  `],\n})\nexport class SparkAuthBarComponent {\n  readonly authService = inject(SparkAuthService);\n  readonly config = inject(SPARK_AUTH_CONFIG);\n  private readonly router = inject(Router);\n\n  /** Same target the guard and interceptor use, so the bar cannot link somewhere they would not send you. */\n  readonly signInUrl = resolveSignInUrl(this.config, this.router);\n\n  /**\n   * Where the account overview lives, or `undefined` when `withAccount()` did not mount it — then the\n   * bar offers logout alone rather than a link that would fall through to some other route.\n   *\n   * `SPARK_AUTH_ROUTE_PATHS` is provided by `sparkAuthRoutes()` on its own route subtree, and this bar\n   * usually lives in the application shell, outside it, so the token is injected optionally and the\n   * router configuration is the fallback. Reading the configuration makes a custom `account` path\n   * exact here too, instead of assuming the default.\n   */\n  readonly accountUrl = (inject(SPARK_AUTH_ROUTE_PATHS, { optional: true })\n    ?? findSparkAuthRoutePaths(this.router.config))?.account;\n\n  async onLogout(): Promise<void> {\n    try {\n      await this.authService.logout();\n    } finally {\n      // Always navigate away from the authenticated area, even if the server-side\n      // logout call fails (network error, session already expired, etc.). The local\n      // session state has been cleared by SparkAuthService regardless.\n      this.router.navigateByUrl('/');\n    }\n  }\n}\n\nexport default SparkAuthBarComponent;\n","@if (authService.isAuthenticated()) {\n  <!-- No user name here: an email address does not fit a topbar. The account page shows it, and\n       the account page is also where passkeys, two-factor and the rest live when they are mounted. -->\n  <bs-button-group>\n    @if (accountUrl) {\n      <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"accountUrl\"\n         [attr.title]=\"authService.user()?.userName\">{{ 'auth.account' | t }}</a>\n    }\n    <button type=\"button\" class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" (click)=\"onLogout()\">{{ 'auth.logout' | t }}</button>\n  </bs-button-group>\n} @else {\n  <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"signInUrl\">{{ 'auth.login' | t }}</a>\n}\n"],"mappings":";;;;;;;AA0CA,IAAa,wBAAb,MAAa,sBAAqB;CACvB,cAAc,OAAO,gBAAgB;CACrC,SAAS,OAAO,iBAAiB;CACzB,SAAS,OAAO,MAAM;CAG9B,YAAY,iBAAiB,KAAK,QAAQ,KAAK,MAAM;CAWrD,cAAc,OAAO,wBAAwB,EAAE,UAAU,KAAI,CAAE,KACnE,wBAAwB,KAAK,OAAO,MAAM,EAAA,EAAI;CAEnD,MAAM,WAAQ;EACZ,IAAI;GACF,MAAM,KAAK,YAAY,OAAM;EAC/B,UAAU;GAIR,KAAK,OAAO,cAAc,GAAG;EAC/B;CACF;CA7BW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UC1ClC;EAaA,QAAA,CAAA,0cAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDGY;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAsB,UAAA;IAAA,QAAA,CAAA,WAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAgB,MAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AA0BnD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EA9BjC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,YACd;GAAI,iBACC,wBAAwB;GAAM,SACtC;IAAC;IAAY;IAAwB;GAAgB;GAAC,UAAA;GAAA,QAAA,CAAA,0cAAA;EAAA,CAAA"}
+{"version":3,"file":"mintplayer-ng-spark-auth-auth-bar.mjs","names":[],"sources":["../../auth/auth-bar/src/spark-auth-bar.component.ts","../../auth/auth-bar/src/spark-auth-bar.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { RouterLink, Router } from '@angular/router';\nimport { BsButtonGroupComponent } from '@mintplayer/ng-bootstrap/button-group';\nimport {\n  SPARK_AUTH_CONFIG,\n  SPARK_AUTH_ROUTE_PATHS,\n  findSparkAuthRoutePaths,\n  resolveSignInUrl,\n} from '@mintplayer/ng-spark/auth/models';\nimport { SparkAuthService } from '@mintplayer/ng-spark/auth/core';\nimport { TranslateKeyPipe } from '@mintplayer/ng-spark/auth/pipes';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\n\n@Component({\n  selector: 'spark-auth-bar',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLink, BsButtonGroupComponent, TranslateKeyPipe, SparkIconComponent],\n  templateUrl: './spark-auth-bar.component.html',\n  // Outline buttons drawn in the surrounding text colour, not `btn-outline-light`: the bar sits in\n  // whatever topbar the app has, and that is no longer guaranteed to be dark (#462). currentColor\n  // follows the container in either theme; the hover tint is the same colour at low alpha.\n  styles: [`\n    /* One line, always: the bar lives in a fixed-height topbar. */\n    :host {\n      display: inline-flex;\n      align-items: center;\n      flex-wrap: nowrap;\n      min-width: 0;\n      /* Never squeezed: its buttons cannot shrink, so a shrinking host only let them spill out of the topbar. */\n      flex-shrink: 0;\n    }\n\n    .spark-auth-bar-btn {\n      --bs-btn-color: currentColor;\n      --bs-btn-border-color: currentColor;\n      --bs-btn-hover-color: currentColor;\n      --bs-btn-hover-bg: color-mix(in srgb, currentColor 15%, transparent);\n      --bs-btn-hover-border-color: currentColor;\n      --bs-btn-active-color: currentColor;\n      --bs-btn-active-bg: color-mix(in srgb, currentColor 25%, transparent);\n      --bs-btn-active-border-color: currentColor;\n    }\n\n    /* Labels from the small breakpoint up; on a phone (< 576 px) the icon alone. */\n    .spark-auth-bar-icon { display: none; }\n    @media (max-width: 575.98px) {\n      .spark-auth-bar-icon { display: inline-flex; }\n      .spark-auth-bar-label { display: none; }\n    }\n  `],\n})\nexport class SparkAuthBarComponent {\n  readonly authService = inject(SparkAuthService);\n  readonly config = inject(SPARK_AUTH_CONFIG);\n  private readonly router = inject(Router);\n\n  /** Same target the guard and interceptor use, so the bar cannot link somewhere they would not send you. */\n  readonly signInUrl = resolveSignInUrl(this.config, this.router);\n\n  /**\n   * Where the account overview lives, or `undefined` when `withAccount()` did not mount it — then the\n   * bar offers logout alone rather than a link that would fall through to some other route.\n   *\n   * `SPARK_AUTH_ROUTE_PATHS` is provided by `sparkAuthRoutes()` on its own route subtree, and this bar\n   * usually lives in the application shell, outside it, so the token is injected optionally and the\n   * router configuration is the fallback. Reading the configuration makes a custom `account` path\n   * exact here too, instead of assuming the default.\n   */\n  readonly accountUrl = (inject(SPARK_AUTH_ROUTE_PATHS, { optional: true })\n    ?? findSparkAuthRoutePaths(this.router.config))?.account;\n\n  async onLogout(): Promise<void> {\n    try {\n      await this.authService.logout();\n    } finally {\n      // Always navigate away from the authenticated area, even if the server-side\n      // logout call fails (network error, session already expired, etc.). The local\n      // session state has been cleared by SparkAuthService regardless.\n      this.router.navigateByUrl('/');\n    }\n  }\n}\n\nexport default SparkAuthBarComponent;\n","@if (authService.isAuthenticated()) {\n  <!-- No user name here: an email address does not fit a topbar. The account page shows it, and\n       the account page is also where passkeys, two-factor and the rest live when they are mounted.\n       On a phone the two buttons are icons (their names stay as aria-label and title), so the\n       topbar fits 375 px next to a language selector, an organization switcher and the bell. -->\n  <bs-button-group>\n    @if (accountUrl) {\n      <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap spark-auth-bar-account\" [routerLink]=\"accountUrl\"\n         [attr.title]=\"authService.user()?.userName\" [attr.aria-label]=\"'auth.account' | t\">\n        <spark-icon name=\"person\" class=\"spark-auth-bar-icon\" aria-hidden=\"true\" /><span class=\"spark-auth-bar-label\">{{ 'auth.account' | t }}</span>\n      </a>\n    }\n    <button type=\"button\" class=\"btn btn-sm spark-auth-bar-btn text-nowrap spark-auth-bar-logout\" (click)=\"onLogout()\"\n            [attr.title]=\"'auth.logout' | t\" [attr.aria-label]=\"'auth.logout' | t\">\n      <spark-icon name=\"box-arrow-right\" class=\"spark-auth-bar-icon\" aria-hidden=\"true\" /><span class=\"spark-auth-bar-label\">{{ 'auth.logout' | t }}</span>\n    </button>\n  </bs-button-group>\n} @else {\n  <a class=\"btn btn-sm spark-auth-bar-btn text-nowrap\" [routerLink]=\"signInUrl\">{{ 'auth.login' | t }}</a>\n}\n"],"mappings":";;;;;;;;AAoDA,IAAa,wBAAb,MAAa,sBAAqB;CACvB,cAAc,OAAO,gBAAgB;CACrC,SAAS,OAAO,iBAAiB;CACzB,SAAS,OAAO,MAAM;CAG9B,YAAY,iBAAiB,KAAK,QAAQ,KAAK,MAAM;CAWrD,cAAc,OAAO,wBAAwB,EAAE,UAAU,KAAI,CAAE,KACnE,wBAAwB,KAAK,OAAO,MAAM,EAAA,EAAI;CAEnD,MAAM,WAAQ;EACZ,IAAI;GACF,MAAM,KAAK,YAAY,OAAM;EAC/B,UAAU;GAIR,KAAK,OAAO,cAAc,GAAG;EAC/B;CACF;CA7BW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UCpDlC;EAoBA,QAAA,CAAA,kmBAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDHY;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAsB,UAAA;IAAA,QAAA,CAAA,WAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAoB;IAAkB,UAAA;IAAA,QAAA,CAAA,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAApC;IAAgB,MAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAmCnD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAvCjC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,YACd;GAAI,iBACC,wBAAwB;GAAM,SACtC;IAAC;IAAY;IAAwB;IAAkB;GAAkB;GAAC,UAAA;GAAA,QAAA,CAAA,kmBAAA;EAAA,CAAA"}

package/fesm2022/mintplayer-ng-spark-auth-confirm-email.mjs

@@ -32,7 +32,7 @@ var SparkConfirmEmailComponent = class SparkConfirmEmailComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkConfirmEmailComponent,
 		deps: [],
@@ -40,7 +40,7 @@ var SparkConfirmEmailComponent = class SparkConfirmEmailComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkConfirmEmailComponent,
 		isStandalone: true,
 		selector: "spark-confirm-email",
@@ -140,7 +140,7 @@ var SparkConfirmEmailComponent = class SparkConfirmEmailComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkConfirmEmailComponent,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-core.mjs

@@ -377,7 +377,7 @@ var SparkAuthService = class SparkAuthService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAuthService,
 		deps: [],
@@ -385,7 +385,7 @@ var SparkAuthService = class SparkAuthService {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAuthService,
 		providedIn: "root"
@@ -393,7 +393,7 @@ var SparkAuthService = class SparkAuthService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkAuthService,
 	decorators: [{
@@ -422,7 +422,7 @@ var SparkAuthTranslationService = class SparkAuthTranslationService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAuthTranslationService,
 		deps: [],
@@ -430,7 +430,7 @@ var SparkAuthTranslationService = class SparkAuthTranslationService {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkAuthTranslationService,
 		providedIn: "root"
@@ -438,7 +438,7 @@ var SparkAuthTranslationService = class SparkAuthTranslationService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkAuthTranslationService,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-external-login.mjs

@@ -89,7 +89,7 @@ var SparkExternalLoginButtonsComponent = class SparkExternalLoginButtonsComponen
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkExternalLoginButtonsComponent,
 		deps: [],
@@ -97,7 +97,7 @@ var SparkExternalLoginButtonsComponent = class SparkExternalLoginButtonsComponen
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkExternalLoginButtonsComponent,
 		isStandalone: true,
 		selector: "spark-external-login-buttons",
@@ -158,7 +158,7 @@ var SparkExternalLoginButtonsComponent = class SparkExternalLoginButtonsComponen
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkExternalLoginButtonsComponent,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-forgot-password.mjs

@@ -38,7 +38,7 @@ var SparkForgotPasswordComponent = class SparkForgotPasswordComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkForgotPasswordComponent,
 		deps: [],
@@ -46,7 +46,7 @@ var SparkForgotPasswordComponent = class SparkForgotPasswordComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkForgotPasswordComponent,
 		isStandalone: true,
 		selector: "spark-forgot-password",
@@ -167,7 +167,7 @@ var SparkForgotPasswordComponent = class SparkForgotPasswordComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkForgotPasswordComponent,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-login.mjs

@@ -101,7 +101,7 @@ var SparkLoginComponent = class SparkLoginComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkLoginComponent,
 		deps: [],
@@ -109,7 +109,7 @@ var SparkLoginComponent = class SparkLoginComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkLoginComponent,
 		isStandalone: true,
 		selector: "spark-login",
@@ -250,7 +250,7 @@ var SparkLoginComponent = class SparkLoginComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkLoginComponent,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-pipes.mjs

@@ -8,7 +8,7 @@ var TranslateKeyPipe = class TranslateKeyPipe {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: TranslateKeyPipe,
 		deps: [],
@@ -16,7 +16,7 @@ var TranslateKeyPipe = class TranslateKeyPipe {
 	});
 	static ɵpipe = i0.ɵɵngDeclarePipe({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: TranslateKeyPipe,
 		isStandalone: true,
@@ -26,7 +26,7 @@ var TranslateKeyPipe = class TranslateKeyPipe {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: TranslateKeyPipe,
 	decorators: [{

package/fesm2022/mintplayer-ng-spark-auth-register.mjs

@@ -58,7 +58,7 @@ var SparkRegisterComponent = class SparkRegisterComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: SparkRegisterComponent,
 		deps: [],
@@ -66,7 +66,7 @@ var SparkRegisterComponent = class SparkRegisterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: SparkRegisterComponent,
 		isStandalone: true,
 		selector: "spark-register",
@@ -187,7 +187,7 @@ var SparkRegisterComponent = class SparkRegisterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: SparkRegisterComponent,
 	decorators: [{