v21 release versions

frameworks/angular/container/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-container-starter",
-  "version": "19.2.0",
+  "version": "21.0.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -21,8 +21,8 @@
     "@angular/platform-browser-dynamic": "^19.0.0",
     "@angular/router": "^19.0.0",
     "@finos/fdc3": "2.0.3",
-    "@openfin/core": "38.83.80",
-    "@openfin/workspace": "19.2.12",
+    "@openfin/core": "41.100.115",
+    "@openfin/workspace": "21.0.7",
     "rxjs": "~7.8.1",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
@@ -31,7 +31,7 @@
     "@angular-devkit/build-angular": "^19.0.1",
     "@angular/cli": "^19.0.1",
     "@angular/compiler-cli": "^19.0.0",
-    "@openfin/node-adapter": "38.83.80",
+    "@openfin/node-adapter": "41.100.117",
     "@types/jasmine": "~5.1.4",
     "angular-eslint": "18.3.1",
     "eslint": "^9.9.1",

frameworks/angular/container/public/manifest.fin.json

@@ -1,7 +1,7 @@
 {
   "runtime": {
     "arguments": "--v=1 --inspect",
-    "version": "38.126.83.80"
+    "version": "41.134.100.117"
   },
   "platform": {
     "uuid": "angular-container-starter",

frameworks/angular/container/src/app/view1/view1.component.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
-import { ChangeDetectionStrategy, Component } from "@angular/core";
-import { create } from "@openfin/workspace/notifications";
+import { ChangeDetectionStrategy, Component, type OnInit, signal } from "@angular/core";
+import { addEventListener, create, register } from "@openfin/workspace/notifications";
 
 @Component({
 	selector: "app-view1",
@@ -23,17 +23,39 @@ import { create } from "@openfin/workspace/notifications";
 				<button (click)="broadcastFDC3ContextAppChannel()">
 					Broadcast FDC3 Context on App Channel
 				</button>
+				<div>{{ notificationActionMessage() }}</div>
 			</main>
 		</div>
 	`,
 })
-export class View1Component {
+export class View1Component implements OnInit {
+	notificationActionMessage = signal("");
+
+	ngOnInit(): void {
+		register().then(() => {
+			addEventListener("notification-action", (event) => {
+				console.log("Notification clicked:", event.result["customData"]);
+				this.notificationActionMessage.set(event.result["customData"]);
+			});
+		});
+	}
+
 	showNotification(): void {
 		create({
 			platform: fin.me.identity.uuid,
 			title: "Simple Notification",
 			body: "This is a simple notification",
 			toast: "transient",
+			buttons: [
+				{
+					title: "Click me",
+					type: "button",
+					cta: true,
+					onClick: {
+						customData: "Notification action data",
+					},
+				},
+			],
 		});
 	}
 

frameworks/angular/creating-container.md

@@ -102,7 +102,7 @@ export class AppComponent {
 {
    "runtime": {
       "arguments": "--v=1 --inspect",
-      "version": "38.126.83.80"
+      "version": "41.134.100.117"
    },
    "platform": {
       "uuid": "angular-container-starter",

frameworks/angular/creating-workspace.md

@@ -112,7 +112,7 @@ export class AppComponent {
    "licenseKey": "openfin-demo-license-key",
    "runtime": {
       "arguments": "--v=1 --inspect",
-      "version": "38.126.83.80"
+      "version": "41.134.100.117"
    },
    "platform": {
       "uuid": "angular-workspace-starter",

frameworks/angular/web/package.json

@@ -21,7 +21,7 @@
     "@angular/platform-browser": "^19.2.1",
     "@angular/platform-browser-dynamic": "^19.2.1",
     "@angular/router": "^19.2.1",
-    "@openfin/core-web": "~0.40.51",
+    "@openfin/core-web": "~0.41.119",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"