evo(angular): Add angular snippets for signals and control flow syntax

snippets/frameworks/angular/html.json

@@ -29,6 +29,26 @@
     "body": ["*ngFor=\"let ${1:item} of ${2:stream} | async as ${3:list}\"${0}"],
     "description": "Angular *ngForAsync"
   },
+  "ngForNext": {
+    "prefix": "a-ngForNext",
+    "body": [
+        "@for (${1:item} of ${2:items}; track ${3:trackBy}) {", 
+        "\t${0:forBlock}",
+        "}"
+    ],
+    "description": "Angular new control flow syntax ngFor"
+  },
+  "ngForEmptyNext": {
+    "prefix": "a-ngForEmptyNext",
+    "body": [
+        "@for (${1:item} of ${2:items}; track ${3:trackBy}) {",
+        "\t${4:forBlock}",
+        "} @empty {",
+        "\t${0:emptyBlock}",
+        "}"
+    ],
+    "description": "Angular new control flow syntax ngFor with empty block"
+  },
   "ngForm": {
     "prefix": "a-form",
     "body": ["<form (ngSubmit)=\"onSubmit()\" #${1:form}=\"ngForm\">", "</form>"],
@@ -69,6 +89,26 @@
     "body": ["*ngIf=\"${1:expression};else ${2:templateName}\""],
     "description": "Angular *ngIfElse"
   },
+  "ngIfNext": {
+    "prefix": "a-ngIfNext",\
+    "body": [
+        "@if (${1:expression}) {",
+        "\t${0:ifBlock}",
+        "}"
+    ],
+    "description": "Angular new control flow syntax for ngIf"
+  },
+  "ngIfElseNext": {
+    "prefix": "a-ngIfElseNext",\
+    "body": [
+        "@if (${1:expression}) {",
+        "\t${2:ifBlock}",
+        "} @else {",
+        "\t${0:elseBlock}",
+        "}"
+    ],
+    "description": "Angular new control flow syntax for ngIf"
+  },
   "ngModel": {
     "prefix": "a-ngModel",
     "body": ["[(ngModel)]=\"${1:binding}\""],
@@ -111,6 +151,20 @@
     ],
     "description": "Angular ngSwitch"
   },
+  "ngSwitchNew": {
+    "prefix": "a-ngSwitchNext",
+    "body": [
+        "@switch (${1:expression}) {",
+        "\t@case (${2:case}) {",
+        "\t\t${3:caseBlock}",
+        "\t}${0}",
+        "\t@default {",
+        "\t\t${4:defaultBlock}",
+        "\t}",
+        "}"
+    ],
+    "description": "Angular new control flow syntax for ngSwitch"
+  },
   "pre w/ json": {
     "prefix": "a-prej",
     "body": ["<pre>{{${1:model} | json}}</pre>$0"],

snippets/frameworks/angular/typescript.json

@@ -616,5 +616,15 @@
     "prefix": "a-trackby",
     "description": "TrackBy Function",
     "body": ["${1:trackBy}(index: number, ${2:name}: ${3:model}): ${4:number} {", "  return ${2:name}${5:.id};$0", "}"]
+  },
+  "Angular Writable Signal": {
+    "prefix": "a-signal",
+    "body": ["${1:variable}: WritableSignal<${2:T}> = signal(${3:defaultValue});${0}"],
+    "description": "Angular Writable Signal"
+  },
+  "Angular Computed Signal": {
+    "prefix": "a-computedSignal",
+    "body": ["${1:variable}: Signal<${2:T}> = computed(() => ${3:expression});${0}"],
+    "description": "Angular Writable Signal"
   }
 }