chore(console): upgrade dependencies (#8368)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

console/package.json

@@ -28,8 +28,8 @@
     "@fortawesome/angular-fontawesome": "^0.13.0",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
-    "@grpc/grpc-js": "^1.9.3",
+    "@grpc/grpc-js": "^1.11.1",
-    "@netlify/framework-info": "^9.8.10",
+    "@netlify/framework-info": "^9.8.13",
     "@ngx-translate/core": "^15.0.0",
     "angular-oauth2-oidc": "^15.0.1",
     "angularx-qrcode": "^16.0.0",
@@ -42,7 +42,7 @@
     "google-protobuf": "^3.21.2",
     "grpc-web": "^1.4.1",
     "i18n-iso-countries": "^7.7.0",
-    "libphonenumber-js": "^1.10.49",
+    "libphonenumber-js": "^1.11.4",
     "material-design-icons-iconfont": "^6.1.1",
     "moment": "^2.29.4",
     "ngx-color": "^9.0.0",
@@ -50,7 +50,7 @@
     "rxjs": "~7.8.0",
     "tinycolor2": "^1.6.0",
     "tslib": "^2.6.2",
-    "uuid": "^9.0.1",
+    "uuid": "^10.0.0",
     "zone.js": "~0.13.3"
   },
   "devDependencies": {
@@ -60,24 +60,24 @@
     "@angular-eslint/eslint-plugin-template": "16.2.0",
     "@angular-eslint/schematics": "16.2.0",
     "@angular-eslint/template-parser": "16.2.0",
-    "@angular/cli": "^16.2.2",
+    "@angular/cli": "^16.2.14",
     "@angular/compiler-cli": "^16.2.5",
     "@angular/language-service": "^16.2.5",
-    "@bufbuild/buf": "^1.23.1",
+    "@bufbuild/buf": "^1.34.0",
     "@types/file-saver": "^2.0.7",
     "@types/google-protobuf": "^3.15.3",
     "@types/jasmine": "~5.1.4",
     "@types/jasminewd2": "~2.0.13",
-    "@types/jsonwebtoken": "^9.0.5",
+    "@types/jsonwebtoken": "^9.0.6",
     "@types/node": "^20.7.0",
     "@types/opentype.js": "^1.3.8",
     "@types/qrcode": "^1.5.2",
-    "@types/uuid": "^9.0.7",
+    "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.60.1",
     "codelyzer": "^6.0.2",
     "eslint": "^8.50.0",
-    "jasmine-core": "~4.6.0",
+    "jasmine-core": "~5.2.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "^6.4.2",
     "karma-chrome-launcher": "^3.2.0",

console/src/app/modules/app-card/app-card.component.html

@@ -6,7 +6,7 @@
     useragent: type === OIDCAppType.OIDC_APP_TYPE_USER_AGENT,
     native: type === OIDCAppType.OIDC_APP_TYPE_NATIVE,
     api: isApiApp,
-    saml: type === 'SAML'
+    saml: type === 'SAML',
   }"
 >
   <ng-content></ng-content>

console/src/app/modules/avatar/avatar.component.html

@@ -9,7 +9,7 @@
     fontSize: fontSize - 1 + 'px',
     fontWeight: fontWeight,
     background: (themeService.isDarkTheme | async) ? color[900] : color[300],
-    color: (themeService.isDarkTheme | async) ? color[200] : color[900]
+    color: (themeService.isDarkTheme | async) ? color[200] : color[900],
   }"
   [ngClass]="{ active: active }"
 >

console/src/app/modules/display-json-dialog/display-json-dialog.component.html

@@ -66,8 +66,8 @@
         mode: {
           name: 'javascript',
           json: true,
-          statementIndent: 2
+          statementIndent: 2,
-        }
+        },
       }"
     ></ngx-codemirror>
   </div>

console/src/app/modules/idp-table/idp-table.component.html

@@ -101,7 +101,7 @@
             class="state"
             [ngClass]="{
               active: idp.state === IDPState.IDP_STATE_ACTIVE,
-              inactive: idp.state === IDPState.IDP_STATE_INACTIVE
+              inactive: idp.state === IDPState.IDP_STATE_INACTIVE,
             }"
             >{{ 'IDP.STATES.' + idp.state | translate }}</span
           >
@@ -142,7 +142,7 @@
                     ? 'iam.idp.write'
                     : serviceType === PolicyComponentServiceType.MGMT
                       ? 'org.idp.write'
-                      : ''
+                      : '',
                 ]
                   | hasRole
                   | async) === false
@@ -162,7 +162,7 @@
                     ? 'iam.idp.write'
                     : serviceType === PolicyComponentServiceType.MGMT
                       ? 'org.idp.write'
-                      : ''
+                      : '',
                 ]
                   | hasRole
                   | async) === false
@@ -186,7 +186,7 @@
                     ? 'iam.idp.write'
                     : serviceType === PolicyComponentServiceType.MGMT
                       ? 'org.idp.write'
-                      : ''
+                      : '',
                 ]
                   | hasRole
                   | async) === false

console/src/app/modules/info-row/info-row.component.html

@@ -6,7 +6,7 @@
       class="state"
       [ngClass]="{
         active: user.state === UserState.USER_STATE_ACTIVE,
-        inactive: user.state === UserState.USER_STATE_INACTIVE
+        inactive: user.state === UserState.USER_STATE_INACTIVE,
       }"
     >
       {{ 'USER.DATA.STATE' + user.state | translate }}
@@ -57,7 +57,7 @@
       class="state"
       [ngClass]="{
         active: instance.state === State.INSTANCE_STATE_RUNNING,
-        inactive: instance.state === State.INSTANCE_STATE_STOPPED || instance.state === State.INSTANCE_STATE_STOPPING
+        inactive: instance.state === State.INSTANCE_STATE_STOPPED || instance.state === State.INSTANCE_STATE_STOPPING,
       }"
     >
       {{ 'IAM.STATE.' + instance.state | translate }}
@@ -164,7 +164,7 @@
       class="state"
       [ngClass]="{
         active: project.state === ProjectState.PROJECT_STATE_ACTIVE,
-        inactive: project.state === ProjectState.PROJECT_STATE_INACTIVE
+        inactive: project.state === ProjectState.PROJECT_STATE_INACTIVE,
       }"
     >
       {{ 'PROJECT.STATE.' + project.state | translate }}
@@ -199,7 +199,7 @@
       class="state"
       [ngClass]="{
         active: grantedProject.state === ProjectGrantState.PROJECT_GRANT_STATE_ACTIVE,
-        inactive: grantedProject.state === ProjectGrantState.PROJECT_GRANT_STATE_INACTIVE
+        inactive: grantedProject.state === ProjectGrantState.PROJECT_GRANT_STATE_INACTIVE,
       }"
     >
       {{ 'PROJECT.STATE.' + grantedProject.state | translate }}

console/src/app/modules/info-section/info-section.component.html

@@ -5,7 +5,7 @@
     warn: type === 'WARN',
     alert: type === 'ALERT',
     success: type === 'SUCCESS',
-    fit: fitWidth
+    fit: fitWidth,
   }"
 >
   <i *ngIf="type === 'INFO'" class="icon las la-info"></i>

console/src/app/modules/onboarding/onboarding.component.html

@@ -64,14 +64,14 @@
       <div
         class="icon-wrapper"
         [ngStyle]="{
-          background: (themeService.isDarkTheme | async) ? action.darkcolor + 50 : action.lightcolor + 50
+          background: (themeService.isDarkTheme | async) ? action.darkcolor + 50 : action.lightcolor + 50,
         }"
       >
         <div
           class="inner"
           [ngStyle]="{
             background: (themeService.isDarkTheme | async) ? action.darkcolor : action.lightcolor,
-            color: (themeService.isDarkTheme | async) ? action.lightcolor : action.darkcolor
+            color: (themeService.isDarkTheme | async) ? action.lightcolor : action.darkcolor,
           }"
         >
           <i class="{{ action.iconClasses }}"></i>

console/src/app/modules/org-context/org-context.component.html

@@ -21,7 +21,7 @@
       mat-button
       [ngClass]="{
         active: pinnedorg.id === org.id,
-        'border-bottom': pinned.selected.length && i === pinned.selected.length - 1
+        'border-bottom': pinned.selected.length && i === pinned.selected.length - 1,
       }"
       [disabled]="!pinnedorg.id"
       *ngFor="let pinnedorg of pinned.selected; index as i"

console/src/app/modules/org-table/org-table.component.html

@@ -70,7 +70,7 @@
           class="state"
           [ngClass]="{
             active: org.state === OrgState.ORG_STATE_ACTIVE,
-            inactive: org.state === OrgState.ORG_STATE_INACTIVE
+            inactive: org.state === OrgState.ORG_STATE_INACTIVE,
           }"
           *ngIf="org.state"
           >{{ 'ORG.STATE.' + org.state | translate }}</span

console/src/app/modules/policies/domain-policy/domain-policy.component.html

@@ -18,7 +18,7 @@
         ? 'iam.policy.write'
         : serviceType === PolicyComponentServiceType.MGMT
           ? 'policy.write'
-          : ''
+          : '',
     ]
       | hasRole
       | async) === false
@@ -44,7 +44,7 @@
               ? 'iam.policy.write'
               : serviceType === PolicyComponentServiceType.MGMT
                 ? 'policy.write'
-                : ''
+                : '',
           ]
             | hasRole
             | async) === false
@@ -98,7 +98,7 @@
               ? 'iam.policy.write'
               : serviceType === PolicyComponentServiceType.MGMT
                 ? 'policy.write'
-                : ''
+                : '',
           ]
             | hasRole
             | async) === false
@@ -124,7 +124,7 @@
               ? 'iam.policy.write'
               : serviceType === PolicyComponentServiceType.MGMT
                 ? 'policy.write'
-                : ''
+                : '',
           ]
             | hasRole
             | async) === false
@@ -147,7 +147,7 @@
           ? 'iam.policy.write'
           : serviceType === PolicyComponentServiceType.MGMT
             ? 'policy.write'
-            : ''
+            : '',
       ]
         | hasRole
         | async) === false

console/src/app/modules/policies/login-policy/login-policy.component.html

@@ -35,7 +35,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -63,7 +63,7 @@
           ? 'iam.policy.write'
           : serviceType === PolicyComponentServiceType.MGMT
             ? 'policy.write'
-            : ''
+            : '',
       ]
         | hasRole
         | async) === false
@@ -90,7 +90,7 @@
           ? 'iam.policy.write'
           : serviceType === PolicyComponentServiceType.MGMT
             ? 'policy.write'
-            : ''
+            : '',
       ]
         | hasRole
         | async) === false
@@ -112,7 +112,7 @@
           ? 'iam.policy.write'
           : serviceType === PolicyComponentServiceType.MGMT
             ? 'policy.write'
-            : ''
+            : '',
       ]
         | hasRole
         | async) === false
@@ -135,7 +135,7 @@
           ? 'iam.policy.write'
           : serviceType === PolicyComponentServiceType.MGMT
             ? 'policy.write'
-            : ''
+            : '',
       ]
         | hasRole
         | async) === false
@@ -215,7 +215,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -241,7 +241,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -276,7 +276,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -305,7 +305,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -334,7 +334,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -357,7 +357,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -380,7 +380,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -403,7 +403,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -426,7 +426,7 @@
               ? 'iam.policy.write'
               : serviceType === PolicyComponentServiceType.MGMT
                 ? 'policy.write'
-                : ''
+                : '',
           ]
             | hasRole
             | async) === false
@@ -452,7 +452,7 @@
           ? 'iam.policy.write'
           : serviceType === PolicyComponentServiceType.MGMT
             ? 'policy.write'
-            : ''
+            : '',
       ]
         | hasRole
         | async) === false

console/src/app/modules/policies/notification-sms-provider/notification-sms-provider.component.html

@@ -15,7 +15,7 @@
         class="state"
         [ngClass]="{
           active: twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_ACTIVE,
-          inactive: twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_INACTIVE
+          inactive: twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_INACTIVE,
         }"
         >{{ 'SETTING.SMS.SMSPROVIDERSTATE.' + twilio.state | translate }}</span
       >

console/src/app/modules/policies/private-labeling-policy/private-labeling-policy.component.html

@@ -48,7 +48,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -152,7 +152,7 @@
               ? 'iam.policy.delete'
               : serviceType === PolicyComponentServiceType.MGMT
                 ? 'policy.delete'
-                : ''
+                : '',
           ]
             | hasRole
             | async) === false
@@ -176,7 +176,7 @@
             ? 'iam.policy.write'
             : serviceType === PolicyComponentServiceType.MGMT
               ? 'policy.write'
-              : ''
+              : '',
         ]
           | hasRole
           | async) === false
@@ -243,7 +243,7 @@
                         ? 'iam.policy.write'
                         : serviceType === PolicyComponentServiceType.MGMT
                           ? 'policy.write'
-                          : ''
+                          : '',
                     ]
                       | hasRole
                       | async) === false
@@ -273,7 +273,7 @@
                         ? 'iam.policy.write'
                         : serviceType === PolicyComponentServiceType.MGMT
                           ? 'policy.write'
-                          : ''
+                          : '',
                     ]
                       | hasRole
                       | async) === false
@@ -314,7 +314,7 @@
                         ? 'iam.policy.write'
                         : serviceType === PolicyComponentServiceType.MGMT
                           ? 'policy.write'
-                          : ''
+                          : '',
                     ]
                       | hasRole
                       | async) === false
@@ -344,7 +344,7 @@
                         ? 'iam.policy.write'
                         : serviceType === PolicyComponentServiceType.MGMT
                           ? 'policy.write'
-                          : ''
+                          : '',
                     ]
                       | hasRole
                       | async) === false
@@ -387,7 +387,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -409,7 +409,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -432,7 +432,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -455,7 +455,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -482,7 +482,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -504,7 +504,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -527,7 +527,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -549,7 +549,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -594,7 +594,7 @@
                     ? 'iam.policy.write'
                     : serviceType === PolicyComponentServiceType.MGMT
                       ? 'policy.write'
-                      : ''
+                      : '',
                 ]
                   | hasRole
                   | async) === false
@@ -632,7 +632,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -671,7 +671,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false
@@ -699,7 +699,7 @@
                       ? 'iam.policy.write'
                       : serviceType === PolicyComponentServiceType.MGMT
                         ? 'policy.write'
-                        : ''
+                        : '',
                   ]
                     | hasRole
                     | async) === false

console/src/app/modules/project-members/project-members.component.html

@@ -24,7 +24,7 @@
           ? $any(project)?.id
           : projectType === ProjectType.PROJECTTYPE_GRANTED
             ? $any(project)?.projectId
-            : ''
+            : '',
       ]
         | hasRole
         | async
@@ -36,7 +36,7 @@
           ? $any(project)?.id
           : projectType === ProjectType.PROJECTTYPE_GRANTED
             ? $any(project)?.projectId
-            : ''
+            : '',
       ]
         | hasRole
         | async
@@ -52,7 +52,7 @@
           : projectType === ProjectType.PROJECTTYPE_GRANTED
             ? $any(project)?.projectId
             : '',
-        'project.member.delete'
+        'project.member.delete',
       ]"
     >
       <button
@@ -76,7 +76,7 @@
           : projectType === ProjectType.PROJECTTYPE_GRANTED
             ? $any(project)?.projectId
             : '',
-        'project.member.write'
+        'project.member.write',
       ]"
     >
       <button color="primary" (click)="openAddMember()" class="cnsl-action-button" mat-raised-button>

console/src/app/modules/shortcuts/shortcuts.component.html

@@ -47,7 +47,7 @@
                 matTooltip="{{ 'PROJECT.STATE.' + shortcut.state | translate }}"
                 [ngClass]="{
                   active: shortcut.state === ProjectState.PROJECT_STATE_ACTIVE,
-                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE
+                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE,
                 }"
               ></div>
             </a>
@@ -85,7 +85,7 @@
                 matTooltip="{{ 'PROJECT.STATE.' + shortcut.state | translate }}"
                 [ngClass]="{
                   active: shortcut.state === ProjectState.PROJECT_STATE_ACTIVE,
-                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE
+                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE,
                 }"
               ></div>
             </a>
@@ -124,7 +124,7 @@
                 matTooltip="{{ 'PROJECT.STATE.' + shortcut.state | translate }}"
                 [ngClass]="{
                   active: shortcut.state === ProjectState.PROJECT_STATE_ACTIVE,
-                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE
+                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE,
                 }"
               ></div>
             </a>
@@ -174,7 +174,7 @@
                 matTooltip="{{ 'PROJECT.STATE.' + shortcut.state | translate }}"
                 [ngClass]="{
                   active: shortcut.state === ProjectState.PROJECT_STATE_ACTIVE,
-                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE
+                  inactive: shortcut.state === ProjectState.PROJECT_STATE_INACTIVE,
                 }"
               ></div>
             </div>

console/src/app/modules/smtp-table/smtp-table.component.html

@@ -12,7 +12,7 @@
     '/instance/smtpprovider/sendgrid/create',
     '/instance/smtpprovider/mailchimp/create',
     '/instance/smtpprovider/brevo/create',
-    '/instance/smtpprovider/outlook/create'
+    '/instance/smtpprovider/outlook/create',
   ]"
   [timestamp]="configsResult?.details?.viewTimestamp"
   [selection]="selection"

console/src/app/pages/actions/action-table/action-table.component.html

@@ -71,7 +71,7 @@
             class="state"
             [ngClass]="{
               active: action.state === ActionState.ACTION_STATE_ACTIVE,
-              inactive: action.state === ActionState.ACTION_STATE_INACTIVE
+              inactive: action.state === ActionState.ACTION_STATE_INACTIVE,
             }"
           >
             {{ 'FLOWS.STATES.' + action.state | translate }}</span

console/src/app/pages/actions/actions.component.html

@@ -81,7 +81,7 @@
                   class="state"
                   [ngClass]="{
                     active: action.state === ActionState.ACTION_STATE_ACTIVE,
-                    inactive: action.state === ActionState.ACTION_STATE_INACTIVE
+                    inactive: action.state === ActionState.ACTION_STATE_INACTIVE,
                   }"
                 >
                   {{ 'FLOWS.STATES.' + action.state | translate }}</span

console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html

@@ -16,7 +16,7 @@
       [options]="{
         lineNumbers: true,
         theme: 'material',
-        mode: 'javascript'
+        mode: 'javascript',
       }"
     ></ngx-codemirror>
 

console/src/app/pages/grants/grants.component.html

@@ -18,7 +18,7 @@
         'creationDate',
         'changeDate',
         'roleNamesList',
-        'actions'
+        'actions',
       ]"
       [disableWrite]="(['user.grant.write$'] | hasRole | async) === false"
       [disableDelete]="(['user.grant.delete$'] | hasRole | async) === false"

console/src/app/pages/home/home.component.html

@@ -21,14 +21,14 @@
         <div
           class="icon-wrapper"
           [ngStyle]="{
-            background: (themeService.isDarkTheme | async) ? greendark + 50 : greenlight + 50
+            background: (themeService.isDarkTheme | async) ? greendark + 50 : greenlight + 50,
           }"
         >
           <div
             class="inner"
             [ngStyle]="{
               background: (themeService.isDarkTheme | async) ? greendark : greenlight,
-              color: (themeService.isDarkTheme | async) ? greenlight : greendark
+              color: (themeService.isDarkTheme | async) ? greenlight : greendark,
             }"
           >
             <i class="las la-play"></i>
@@ -45,14 +45,14 @@
         <div
           class="icon-wrapper"
           [ngStyle]="{
-            background: (themeService.isDarkTheme | async) ? bluedark + 50 : bluelight + 50
+            background: (themeService.isDarkTheme | async) ? bluedark + 50 : bluelight + 50,
           }"
         >
           <div
             class="inner"
             [ngStyle]="{
               background: (themeService.isDarkTheme | async) ? bluedark : bluelight,
-              color: (themeService.isDarkTheme | async) ? bluelight : bluedark
+              color: (themeService.isDarkTheme | async) ? bluelight : bluedark,
             }"
           >
             <i class="las la-file-alt"></i>
@@ -69,14 +69,14 @@
         <div
           class="icon-wrapper"
           [ngStyle]="{
-            background: (themeService.isDarkTheme | async) ? cyandark + 50 : cyanlight + 50
+            background: (themeService.isDarkTheme | async) ? cyandark + 50 : cyanlight + 50,
           }"
         >
           <div
             class="inner"
             [ngStyle]="{
               background: (themeService.isDarkTheme | async) ? cyandark : cyanlight,
-              color: (themeService.isDarkTheme | async) ? cyanlight : cyandark
+              color: (themeService.isDarkTheme | async) ? cyanlight : cyandark,
             }"
           >
             <i class="las la-play"></i>

console/src/app/pages/projects/apps/app-create/app-create.component.html

@@ -233,7 +233,7 @@
           [options]="{
             lineNumbers: true,
             theme: 'material',
-            mode: 'application/xml'
+            mode: 'application/xml',
           }"
         ></ngx-codemirror>
       </div>
@@ -524,7 +524,7 @@
                 [options]="{
                   lineNumbers: true,
                   theme: 'material',
-                  mode: 'application/xml'
+                  mode: 'application/xml',
                 }"
               ></ngx-codemirror>
             </div>

console/src/app/pages/projects/apps/app-detail/app-detail.component.html

@@ -218,7 +218,7 @@
                 [options]="{
                   lineNumbers: true,
                   theme: 'material',
-                  mode: 'application/xml'
+                  mode: 'application/xml',
                 }"
               ></ngx-codemirror>
             </div>

console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.html

@@ -65,7 +65,7 @@
             class="state"
             [ngClass]="{
               active: app.state === AppState.APP_STATE_ACTIVE,
-              inactive: app.state === AppState.APP_STATE_INACTIVE
+              inactive: app.state === AppState.APP_STATE_INACTIVE,
             }"
           >
             {{ 'APP.PAGES.DETAIL.STATE.' + app?.state | translate }}

console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-illustration/project-grant-illustration.component.html

@@ -30,7 +30,7 @@
           matTooltip="{{ 'PROJECT.STATE.' + grantedProject.state | translate }}"
           [ngClass]="{
             active: grantedProject.state === ProjectGrantState.PROJECT_GRANT_STATE_ACTIVE,
-            inactive: grantedProject.state === ProjectGrantState.PROJECT_GRANT_STATE_INACTIVE
+            inactive: grantedProject.state === ProjectGrantState.PROJECT_GRANT_STATE_INACTIVE,
           }"
         ></div>
       </div>

console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.html

@@ -104,7 +104,7 @@
                   class="state"
                   [ngClass]="{
                     active: grant.state === ProjectGrantState.PROJECT_GRANT_STATE_ACTIVE,
-                    inactive: grant.state === ProjectGrantState.PROJECT_GRANT_STATE_INACTIVE
+                    inactive: grant.state === ProjectGrantState.PROJECT_GRANT_STATE_INACTIVE,
                   }"
                 >
                   {{ 'PROJECT.GRANT.STATES.' + grant.state | translate }}

console/src/app/pages/projects/project-grid/project-grid.component.html

@@ -24,7 +24,7 @@
             class="state-dot"
             [ngClass]="{
               active: item.state === ProjectState.PROJECT_STATE_ACTIVE,
-              inactive: item.state === ProjectState.PROJECT_STATE_INACTIVE
+              inactive: item.state === ProjectState.PROJECT_STATE_INACTIVE,
             }"
           ></div>
         </div>
@@ -62,7 +62,7 @@
             class="state-dot"
             [ngClass]="{
               active: item.state === ProjectState.PROJECT_STATE_ACTIVE,
-              inactive: item.state === ProjectState.PROJECT_STATE_INACTIVE
+              inactive: item.state === ProjectState.PROJECT_STATE_INACTIVE,
             }"
           ></div>
         </div>

console/src/app/pages/projects/project-list/project-list.component.html

@@ -95,7 +95,7 @@
               class="state"
               [ngClass]="{
                 active: project.state === ProjectState.PROJECT_STATE_ACTIVE,
-                inactive: project.state === ProjectState.PROJECT_STATE_INACTIVE
+                inactive: project.state === ProjectState.PROJECT_STATE_INACTIVE,
               }"
               *ngIf="project.state"
               >{{ 'PROJECT.STATE.' + project.state | translate }}</span

console/src/app/pages/users/user-detail/auth-user-detail/auth-passwordless/auth-passwordless.component.html

@@ -48,7 +48,7 @@
               class="state"
               [ngClass]="{
                 active: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY,
-                inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY
+                inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY,
               }"
               >{{ 'USER.PASSWORDLESS.STATE.' + mfa.state | translate }}</span
             >

console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.html

@@ -57,7 +57,7 @@
               class="state"
               [ngClass]="{
                 active: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY,
-                inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY
+                inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY,
               }"
               >{{ 'USER.MFA.STATE.' + mfa.state | translate }}</span
             >

console/src/app/pages/users/user-detail/user-detail/passwordless/passwordless.component.html

@@ -43,7 +43,7 @@
             class="state"
             [ngClass]="{
               active: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY,
-              inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY
+              inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY,
             }"
             >{{ 'USER.PASSWORDLESS.STATE.' + mfa.state | translate }}</span
           >

console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.html

@@ -41,7 +41,7 @@
             class="state"
             [ngClass]="{
               active: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY,
-              inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY
+              inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY,
             }"
           >
             {{ 'USER.MFA.STATE.' + mfa.state | translate }}

console/src/app/pages/users/user-list/user-table/user-table.component.html

@@ -194,7 +194,7 @@
             class="state"
             [ngClass]="{
               active: user.state === UserState.USER_STATE_ACTIVE,
-              inactive: user.state === UserState.USER_STATE_INACTIVE
+              inactive: user.state === UserState.USER_STATE_INACTIVE,
             }"
           >
             {{ 'USER.DATA.STATE' + user.state | translate }}