This is an automated email from the ASF dual-hosted git repository.

zehnder pushed a commit to branch update-prettier
in repository https://gitbox.apache.org/repos/asf/streampipes.git

commit 88bdbb9ba7b49b4abd75d87629ca528c14934ea1
Author: Philipp Zehnder <[email protected]>
AuthorDate: Mon Dec 22 15:44:06 2025 +0100

    refactor: Update version of prettier
---
 ui/cypress.config.ts                               |   5 +-
 ui/deployment/theme/_theme-colors.scss             | 168 +++++++++++++++------
 ui/package-lock.json                               |   8 +-
 ui/package.json                                    |   2 +-
 .../time-selector-menu.component.html              |   4 +-
 .../asset-details-labels.component.html            |   4 +-
 .../time-series-item-config.component.html         |   2 +-
 .../chart-container/chart-container.component.html |   2 +-
 .../base/base-data-explorer-widget.directive.ts    |   4 +-
 .../components/charts/base/base-widget-config.ts   |   6 +-
 .../charts/gauge/gauge-renderer.service.ts         |   4 +-
 .../charts/image/image-widget.component.html       |   2 +-
 .../config/status-widget-config.component.ts       |   3 +-
 .../charts/status/status-widget.component.html     |   4 +-
 .../charts/table/table-widget.component.html       |   8 +-
 .../traffic-light-widget-config.component.ts       |   3 +-
 .../traffic-light-widget.component.html            |   2 +-
 .../echarts-renderer/base-echarts-renderer.ts      |   6 +-
 .../models/dataview-dashboard.model.ts             |   3 +-
 .../chart-appearance-settings.component.html       |   2 +-
 .../chart-data-settings.component.html             |   6 +-
 ...ction-panel-row-value-autocomplete.component.ts |   4 +-
 .../chart-visualisation-settings.component.html    |   2 +-
 .../import-dialog/data-import-dialog.component.ts  |   3 +-
 .../endpoint-item/endpoint-item.component.html     |   2 +-
 .../general-configuration.component.ts             |  11 +-
 .../abstract-security-principal-config.ts          |   3 +-
 .../base/abstract-validated-static-property.ts     |   4 +-
 .../base-runtime-resolvable-input.ts               |  12 +-
 .../dashboard-feature-card.component.ts            |   3 +-
 .../components/panel/dashboard-panel.component.ts  |   3 +-
 .../datalake-configuration.component.html          |   4 +-
 .../pipeline-element-icon-stand-row.component.html |   2 +-
 .../app/notifications/notifications.component.html |   2 +-
 ui/src/scss/sp/_variables.scss                     |  14 +-
 ui/src/scss/sp/forms-mat3.scss                     |  14 +-
 ui/src/scss/sp/sp-theme.scss                       |  20 ++-
 37 files changed, 211 insertions(+), 140 deletions(-)

diff --git a/ui/cypress.config.ts b/ui/cypress.config.ts
index 1c62181e9c..e7a97a53ff 100644
--- a/ui/cypress.config.ts
+++ b/ui/cypress.config.ts
@@ -19,9 +19,8 @@
 // tslint:disable-next-line:no-implicit-dependencies
 import { defineConfig } from 'cypress';
 
-const develocityReporter = require.resolve(
-    '@gradle-tech/develocity-agent/cypress-reporter',
-);
+const develocityReporter =
+    require.resolve('@gradle-tech/develocity-agent/cypress-reporter');
 
 export default defineConfig({
     projectId: 'q1jdu2',
diff --git a/ui/deployment/theme/_theme-colors.scss 
b/ui/deployment/theme/_theme-colors.scss
index 17c6448e08..4edd25d0c8 100644
--- a/ui/deployment/theme/_theme-colors.scss
+++ b/ui/deployment/theme/_theme-colors.scss
@@ -174,77 +174,149 @@ $tertiary-palette: map.merge(map.get($_palettes, 
tertiary), $_rest);
         (
             secondary: _high-contrast-value(#00340a, #c4ffbe, $theme-type),
             on-secondary: _high-contrast-value(#ffffff, #000000, $theme-type),
-            secondary-container:
-                _high-contrast-value(#005617, #62db6a, $theme-type),
-            on-secondary-container:
-                _high-contrast-value(#ffffff, #000f01, $theme-type),
-            inverse-secondary:
-                _high-contrast-value(#66df6e, #005416, $theme-type),
+            secondary-container: _high-contrast-value(
+                    #005617,
+                    #62db6a,
+                    $theme-type
+                ),
+            on-secondary-container: _high-contrast-value(
+                    #ffffff,
+                    #000f01,
+                    $theme-type
+                ),
+            inverse-secondary: _high-contrast-value(
+                    #66df6e,
+                    #005416,
+                    $theme-type
+                ),
             secondary-fixed: _high-contrast-value(#005617, #82fc87, 
$theme-type),
-            secondary-fixed-dim:
-                _high-contrast-value(#003c0d, #66df6e, $theme-type),
-            on-secondary-fixed:
-                _high-contrast-value(#ffffff, #000000, $theme-type),
-            on-secondary-fixed-variant:
-                _high-contrast-value(#ffffff, #001602, $theme-type),
+            secondary-fixed-dim: _high-contrast-value(
+                    #003c0d,
+                    #66df6e,
+                    $theme-type
+                ),
+            on-secondary-fixed: _high-contrast-value(
+                    #ffffff,
+                    #000000,
+                    $theme-type
+                ),
+            on-secondary-fixed-variant: _high-contrast-value(
+                    #ffffff,
+                    #001602,
+                    $theme-type
+                ),
             primary: _high-contrast-value(#25206d, #f2eeff, $theme-type),
             on-primary: _high-contrast-value(#ffffff, #000000, $theme-type),
-            primary-container:
-                _high-contrast-value(#433f8c, #bfbcff, $theme-type),
-            on-primary-container:
-                _high-contrast-value(#ffffff, #05003a, $theme-type),
+            primary-container: _high-contrast-value(
+                    #433f8c,
+                    #bfbcff,
+                    $theme-type
+                ),
+            on-primary-container: _high-contrast-value(
+                    #ffffff,
+                    #05003a,
+                    $theme-type
+                ),
             primary-fixed: _high-contrast-value(#433f8c, #e3dfff, $theme-type),
-            primary-fixed-dim:
-                _high-contrast-value(#2c2774, #c4c0ff, $theme-type),
-            on-primary-fixed:
-                _high-contrast-value(#ffffff, #000000, $theme-type),
-            on-primary-fixed-variant:
-                _high-contrast-value(#ffffff, #09004b, $theme-type),
+            primary-fixed-dim: _high-contrast-value(
+                    #2c2774,
+                    #c4c0ff,
+                    $theme-type
+                ),
+            on-primary-fixed: _high-contrast-value(
+                    #ffffff,
+                    #000000,
+                    $theme-type
+                ),
+            on-primary-fixed-variant: _high-contrast-value(
+                    #ffffff,
+                    #09004b,
+                    $theme-type
+                ),
             tertiary: _high-contrast-value(#002e4f, #e8f1ff, $theme-type),
             on-tertiary: _high-contrast-value(#ffffff, #000000, $theme-type),
-            tertiary-container:
-                _high-contrast-value(#004c7e, #94c7ff, $theme-type),
-            on-tertiary-container:
-                _high-contrast-value(#ffffff, #000c1a, $theme-type),
+            tertiary-container: _high-contrast-value(
+                    #004c7e,
+                    #94c7ff,
+                    $theme-type
+                ),
+            on-tertiary-container: _high-contrast-value(
+                    #ffffff,
+                    #000c1a,
+                    $theme-type
+                ),
             tertiary-fixed: _high-contrast-value(#004c7e, #d0e4ff, 
$theme-type),
-            tertiary-fixed-dim:
-                _high-contrast-value(#00355a, #9ccaff, $theme-type),
-            on-tertiary-fixed:
-                _high-contrast-value(#ffffff, #000000, $theme-type),
-            on-tertiary-fixed-variant:
-                _high-contrast-value(#ffffff, #001224, $theme-type),
+            tertiary-fixed-dim: _high-contrast-value(
+                    #00355a,
+                    #9ccaff,
+                    $theme-type
+                ),
+            on-tertiary-fixed: _high-contrast-value(
+                    #ffffff,
+                    #000000,
+                    $theme-type
+                ),
+            on-tertiary-fixed-variant: _high-contrast-value(
+                    #ffffff,
+                    #001224,
+                    $theme-type
+                ),
             background: _high-contrast-value(#f4fcee, #0e150e, $theme-type),
             on-background: _high-contrast-value(#171d15, #dde5d8, $theme-type),
             surface: _high-contrast-value(#f4fcee, #0e150e, $theme-type),
             surface-dim: _high-contrast-value(#b4bbaf, #0e150e, $theme-type),
             surface-bright: _high-contrast-value(#f4fcee, #4b5248, 
$theme-type),
-            surface-container-low:
-                _high-contrast-value(#ecf3e6, #1b2119, $theme-type),
-            surface-container-lowest:
-                _high-contrast-value(#ffffff, #000000, $theme-type),
-            surface-container:
-                _high-contrast-value(#dde5d8, #2b322a, $theme-type),
-            surface-container-high:
-                _high-contrast-value(#cfd7ca, #363d34, $theme-type),
-            surface-container-highest:
-                _high-contrast-value(#c1c9bc, #42493f, $theme-type),
+            surface-container-low: _high-contrast-value(
+                    #ecf3e6,
+                    #1b2119,
+                    $theme-type
+                ),
+            surface-container-lowest: _high-contrast-value(
+                    #ffffff,
+                    #000000,
+                    $theme-type
+                ),
+            surface-container: _high-contrast-value(
+                    #dde5d8,
+                    #2b322a,
+                    $theme-type
+                ),
+            surface-container-high: _high-contrast-value(
+                    #cfd7ca,
+                    #363d34,
+                    $theme-type
+                ),
+            surface-container-highest: _high-contrast-value(
+                    #c1c9bc,
+                    #42493f,
+                    $theme-type
+                ),
             on-surface: _high-contrast-value(#000000, #ffffff, $theme-type),
             shadow: _high-contrast-value(#000000, #000000, $theme-type),
             scrim: _high-contrast-value(#000000, #000000, $theme-type),
             surface-tint: _high-contrast-value(#006e20, #66df6e, $theme-type),
             inverse-surface: _high-contrast-value(#2b322a, #dde5d8, 
$theme-type),
-            inverse-on-surface:
-                _high-contrast-value(#ffffff, #000000, $theme-type),
+            inverse-on-surface: _high-contrast-value(
+                    #ffffff,
+                    #000000,
+                    $theme-type
+                ),
             outline: _high-contrast-value(#242f22, #e7f4e0, $theme-type),
             outline-variant: _high-contrast-value(#404c3e, #b9c6b4, 
$theme-type),
             error: _high-contrast-value(#600004, #ffece9, $theme-type),
             on-error: _high-contrast-value(#ffffff, #000000, $theme-type),
             error-container: _high-contrast-value(#98000b, #ffaea5, 
$theme-type),
-            on-error-container:
-                _high-contrast-value(#ffffff, #220001, $theme-type),
+            on-error-container: _high-contrast-value(
+                    #ffffff,
+                    #220001,
+                    $theme-type
+                ),
             surface-variant: _high-contrast-value(#d9e6d3, #3e4a3c, 
$theme-type),
-            on-surface-variant:
-                _high-contrast-value(#000000, #ffffff, $theme-type),
+            on-surface-variant: _high-contrast-value(
+                    #000000,
+                    #ffffff,
+                    $theme-type
+                ),
         )
     );
 }
diff --git a/ui/package-lock.json b/ui/package-lock.json
index 3822857d85..1b58815483 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -106,7 +106,7 @@
         "ng-lint-staged": "^12.0.4",
         "ng-packagr": "^19.2.2",
         "path": "^0.12.7",
-        "prettier": "3.2.5",
+        "prettier": "3.7.4",
         "resize-observer-polyfill": "^1.5.1",
         "typescript": "5.8.3"
       }
@@ -17993,9 +17993,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz";,
-      "integrity": 
"sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz";,
+      "integrity": 
"sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
       "dev": true,
       "license": "MIT",
       "bin": {
diff --git a/ui/package.json b/ui/package.json
index e10fe12949..4a6124517f 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -127,7 +127,7 @@
     "ng-lint-staged": "^12.0.4",
     "ng-packagr": "^19.2.2",
     "path": "^0.12.7",
-    "prettier": "3.2.5",
+    "prettier": "3.7.4",
     "resize-observer-polyfill": "^1.5.1",
     "typescript": "5.8.3"
   }
diff --git 
a/ui/projects/streampipes/shared-ui/src/lib/components/time-selector/time-selector-menu/time-selector-menu.component.html
 
b/ui/projects/streampipes/shared-ui/src/lib/components/time-selector/time-selector-menu/time-selector-menu.component.html
index 476c204f29..5daa37ced0 100644
--- 
a/ui/projects/streampipes/shared-ui/src/lib/components/time-selector/time-selector-menu/time-selector-menu.component.html
+++ 
b/ui/projects/streampipes/shared-ui/src/lib/components/time-selector/time-selector-menu/time-selector-menu.component.html
@@ -37,7 +37,7 @@
                                             quickSelection.timeSelectionId ===
                                                 timeSettings?.timeSelectionId 
&&
                                             timeSettings?.timeSelectionId !==
-                                                'custom'
+                                                'custom',
                                     }"
                                     [attr.data-cy]="
                                         'time-selector-quick-' +
@@ -64,7 +64,7 @@
                         (timeSettingsEmitter)="
                             timeSettingsEmitter.emit({
                                 supportsLiveRefresh: false,
-                                timeSettings: $event
+                                timeSettings: $event,
                             })
                         "
                         [enableTimePicker]="enableTimePicker"
diff --git 
a/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
 
b/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
index 80152cc27b..39afd33b8c 100644
--- 
a/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
+++ 
b/ui/src/app/assets/components/asset-details/edit-asset/asset-details-panel/asset-details-basics/asset-details-labels/asset-details-labels.component.html
@@ -50,7 +50,7 @@
                                             [ngStyle]="{
                                                 color: labelTextColors[
                                                     label._id
-                                                ]
+                                                ],
                                             }"
                                             >{{ label.label }}</span
                                         >
@@ -59,7 +59,7 @@
                                             [ngStyle]="{
                                                 color: labelTextColors[
                                                     label._id
-                                                ]
+                                                ],
                                             }"
                                         >
                                             <mat-icon>cancel</mat-icon>
diff --git 
a/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html
 
b/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html
index 82e89f3699..c99fe08592 100644
--- 
a/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html
+++ 
b/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html
@@ -39,7 +39,7 @@
                 background:
                     currentlyConfiguredWidget.visualizationConfig.chosenColor[
                         field.fullDbName + field.sourceIndex.toString()
-                    ]
+                    ],
             }"
         ></span>
         <button
diff --git 
a/ui/src/app/chart-shared/components/chart-container/chart-container.component.html
 
b/ui/src/app/chart-shared/components/chart-container/chart-container.component.html
index b1320438a1..caae8beb42 100644
--- 
a/ui/src/app/chart-shared/components/chart-container/chart-container.component.html
+++ 
b/ui/src/app/chart-shared/components/chart-container/chart-container.component.html
@@ -21,7 +21,7 @@
     [ngStyle]="{
         background: configuredWidget.baseAppearanceConfig.backgroundColor,
         color: configuredWidget.baseAppearanceConfig.textColor,
-        height: '100%'
+        height: '100%',
     }"
     [attr.data-cy]="
         'widget-' + configuredWidget.baseAppearanceConfig.widgetTitle
diff --git 
a/ui/src/app/chart-shared/components/charts/base/base-data-explorer-widget.directive.ts
 
b/ui/src/app/chart-shared/components/charts/base/base-data-explorer-widget.directive.ts
index e713cde403..db21d8b508 100644
--- 
a/ui/src/app/chart-shared/components/charts/base/base-data-explorer-widget.directive.ts
+++ 
b/ui/src/app/chart-shared/components/charts/base/base-data-explorer-widget.directive.ts
@@ -54,8 +54,8 @@ import { WidgetSize } from '../../../models/dataset.model';
 
 @Directive()
 export abstract class BaseDataExplorerWidgetDirective<
-        T extends DataExplorerWidgetModel,
-    >
+    T extends DataExplorerWidgetModel,
+>
     implements BaseWidgetData<T>, OnInit
 {
     private static TOO_MUCH_DATA_PARAMETER = 10000;
diff --git 
a/ui/src/app/chart-shared/components/charts/base/base-widget-config.ts 
b/ui/src/app/chart-shared/components/charts/base/base-widget-config.ts
index b1213bd734..af34d77f43 100644
--- a/ui/src/app/chart-shared/components/charts/base/base-widget-config.ts
+++ b/ui/src/app/chart-shared/components/charts/base/base-widget-config.ts
@@ -31,9 +31,9 @@ import { Subscription } from 'rxjs';
 
 @Directive()
 export abstract class BaseWidgetConfig<
-        T extends DataExplorerWidgetModel,
-        V extends DataExplorerVisConfig,
-    >
+    T extends DataExplorerWidgetModel,
+    V extends DataExplorerVisConfig,
+>
     implements OnInit, OnDestroy
 {
     @Input() currentlyConfiguredWidget: T;
diff --git 
a/ui/src/app/chart-shared/components/charts/gauge/gauge-renderer.service.ts 
b/ui/src/app/chart-shared/components/charts/gauge/gauge-renderer.service.ts
index 7be7324f64..14603b455c 100644
--- a/ui/src/app/chart-shared/components/charts/gauge/gauge-renderer.service.ts
+++ b/ui/src/app/chart-shared/components/charts/gauge/gauge-renderer.service.ts
@@ -33,9 +33,7 @@ import { EchartsBasicOptionsGeneratorService } from 
'../../../echarts-renderer/e
 import { SpFieldUpdateService } from '../../../services/field-update.service';
 
 @Injectable({ providedIn: 'root' })
-export class SpGaugeRendererService
-    implements SpEchartsRenderer<GaugeWidgetModel>
-{
+export class SpGaugeRendererService implements 
SpEchartsRenderer<GaugeWidgetModel> {
     protected fieldUpdateService = inject(SpFieldUpdateService);
     protected echartsBaseOptionsGenerator = inject(
         EchartsBasicOptionsGeneratorService,
diff --git 
a/ui/src/app/chart-shared/components/charts/image/image-widget.component.html 
b/ui/src/app/chart-shared/components/charts/image/image-widget.component.html
index 6ed144c18c..acd74709e0 100644
--- 
a/ui/src/app/chart-shared/components/charts/image/image-widget.component.html
+++ 
b/ui/src/app/chart-shared/components/charts/image/image-widget.component.html
@@ -31,7 +31,7 @@
             [imagePreviewHeight]="imagePreviewHeight"
             [ngStyle]="{
                 width: '100%',
-                height: '100%'
+                height: '100%',
             }"
         ></sp-image-viewer>
     }
diff --git 
a/ui/src/app/chart-shared/components/charts/status/config/status-widget-config.component.ts
 
b/ui/src/app/chart-shared/components/charts/status/config/status-widget-config.component.ts
index a280aa89b9..b259f76244 100644
--- 
a/ui/src/app/chart-shared/components/charts/status/config/status-widget-config.component.ts
+++ 
b/ui/src/app/chart-shared/components/charts/status/config/status-widget-config.component.ts
@@ -83,8 +83,7 @@ export class StatusWidgetConfigComponent extends 
BaseWidgetConfig<
                 () => this.fieldProvider.allFields[0],
             );
         this.currentlyConfiguredWidget.visualizationConfig.selectedInterval 
??= 5;
-        
this.currentlyConfiguredWidget.visualizationConfig.selectedMappingGreenTrue ??=
-            true;
+        
this.currentlyConfiguredWidget.visualizationConfig.selectedMappingGreenTrue ??= 
true;
     }
     protected requiredFieldsForChartPresent(): boolean {
         return true;
diff --git 
a/ui/src/app/chart-shared/components/charts/status/status-widget.component.html 
b/ui/src/app/chart-shared/components/charts/status/status-widget.component.html
index 239fe7aad1..52fab8afbc 100644
--- 
a/ui/src/app/chart-shared/components/charts/status/status-widget.component.html
+++ 
b/ui/src/app/chart-shared/components/charts/status/status-widget.component.html
@@ -23,7 +23,7 @@
     [ngStyle]="{
         background: dataExplorerWidget.baseAppearanceConfig.backgroundColor,
         color: dataExplorerWidget.baseAppearanceConfig.textColor,
-        overflowX: 'auto'
+        overflowX: 'auto',
     }"
 >
     @if (showNoDataInDateRange) {
@@ -42,7 +42,7 @@
                 class="light"
                 [ngClass]="{
                     'light-red': !active,
-                    'light-green': active
+                    'light-green': active,
                 }"
             ></div>
         </div>
diff --git 
a/ui/src/app/chart-shared/components/charts/table/table-widget.component.html 
b/ui/src/app/chart-shared/components/charts/table/table-widget.component.html
index af40c5c399..94981846a4 100644
--- 
a/ui/src/app/chart-shared/components/charts/table/table-widget.component.html
+++ 
b/ui/src/app/chart-shared/components/charts/table/table-widget.component.html
@@ -22,7 +22,7 @@
     [ngStyle]="{
         background: dataExplorerWidget.baseAppearanceConfig.backgroundColor,
         color: dataExplorerWidget.baseAppearanceConfig.textColor,
-        overflowX: 'auto'
+        overflowX: 'auto',
     }"
 >
     @if (showNoDataInDateRange) {
@@ -60,7 +60,7 @@
                                     dataExplorerWidget.baseAppearanceConfig
                                         .backgroundColor,
                                 color: dataExplorerWidget.baseAppearanceConfig
-                                    .textColor
+                                    .textColor,
                             }"
                         >
                             <label class="column-header">{{
@@ -95,7 +95,7 @@
                                                 .baseAppearanceConfig
                                                 .backgroundColor,
                                         color: dataExplorerWidget
-                                            .baseAppearanceConfig.textColor
+                                            .baseAppearanceConfig.textColor,
                                     }"
                                 >
                                     <label class="column-header">{{
@@ -128,7 +128,7 @@
                                     dataExplorerWidget.baseAppearanceConfig
                                         .backgroundColor,
                                 color: dataExplorerWidget.baseAppearanceConfig
-                                    .textColor
+                                    .textColor,
                             }"
                         >
                             <label class="column-header">{{ element }}</label>
diff --git 
a/ui/src/app/chart-shared/components/charts/traffic-light/config/traffic-light-widget-config.component.ts
 
b/ui/src/app/chart-shared/components/charts/traffic-light/config/traffic-light-widget-config.component.ts
index d5d48f22ba..7f3970a5b6 100644
--- 
a/ui/src/app/chart-shared/components/charts/traffic-light/config/traffic-light-widget-config.component.ts
+++ 
b/ui/src/app/chart-shared/components/charts/traffic-light/config/traffic-light-widget-config.component.ts
@@ -98,8 +98,7 @@ export class TrafficLightWidgetConfigComponent extends 
BaseWidgetConfig<
             this.fieldProvider.allFields,
             () => this.fieldProvider.allFields[0],
         );
-        this.currentlyConfiguredWidget.visualizationConfig.selectedUpperLimit 
??=
-            true;
+        this.currentlyConfiguredWidget.visualizationConfig.selectedUpperLimit 
??= true;
         this.updateWarningRangeInterval();
     }
     protected requiredFieldsForChartPresent(): boolean {
diff --git 
a/ui/src/app/chart-shared/components/charts/traffic-light/traffic-light-widget.component.html
 
b/ui/src/app/chart-shared/components/charts/traffic-light/traffic-light-widget.component.html
index a77361e1c6..e1b64c93de 100644
--- 
a/ui/src/app/chart-shared/components/charts/traffic-light/traffic-light-widget.component.html
+++ 
b/ui/src/app/chart-shared/components/charts/traffic-light/traffic-light-widget.component.html
@@ -22,7 +22,7 @@
     [ngStyle]="{
         background: dataExplorerWidget.baseAppearanceConfig.backgroundColor,
         color: dataExplorerWidget.baseAppearanceConfig.textColor,
-        overflowX: 'auto'
+        overflowX: 'auto',
     }"
 >
     @if (showNoDataInDateRange) {
diff --git a/ui/src/app/chart-shared/echarts-renderer/base-echarts-renderer.ts 
b/ui/src/app/chart-shared/echarts-renderer/base-echarts-renderer.ts
index 68697fc24d..96bd0405ac 100644
--- a/ui/src/app/chart-shared/echarts-renderer/base-echarts-renderer.ts
+++ b/ui/src/app/chart-shared/echarts-renderer/base-echarts-renderer.ts
@@ -40,9 +40,9 @@ import { ChartColorizationService } from 
'../services/chart-colorization.service
 import { SpFieldUpdateService } from '../services/field-update.service';
 import { FieldUpdateInfo } from '../models/field-update.model';
 
-export abstract class SpBaseEchartsRenderer<T extends DataExplorerWidgetModel>
-    implements SpEchartsRenderer<T>
-{
+export abstract class SpBaseEchartsRenderer<
+    T extends DataExplorerWidgetModel,
+> implements SpEchartsRenderer<T> {
     protected fieldProvider = inject(ChartFieldProviderService);
 
     protected basicOptionsGeneratorService = inject(
diff --git a/ui/src/app/chart-shared/models/dataview-dashboard.model.ts 
b/ui/src/app/chart-shared/models/dataview-dashboard.model.ts
index 0340c63f46..e792765b6f 100644
--- a/ui/src/app/chart-shared/models/dataview-dashboard.model.ts
+++ b/ui/src/app/chart-shared/models/dataview-dashboard.model.ts
@@ -99,8 +99,7 @@ export interface DataZoomConfig {
     type: 'slider' | 'inside';
 }
 
-export interface TimeSeriesAppearanceConfig
-    extends WidgetEchartsAppearanceConfig {
+export interface TimeSeriesAppearanceConfig extends 
WidgetEchartsAppearanceConfig {
     dataZoom: DataZoomConfig;
 }
 
diff --git 
a/ui/src/app/chart/components/chart-view/designer-panel/appearance-settings/chart-appearance-settings.component.html
 
b/ui/src/app/chart/components/chart-view/designer-panel/appearance-settings/chart-appearance-settings.component.html
index 4c11ab7101..5e79389022 100644
--- 
a/ui/src/app/chart/components/chart-view/designer-panel/appearance-settings/chart-appearance-settings.component.html
+++ 
b/ui/src/app/chart/components/chart-view/designer-panel/appearance-settings/chart-appearance-settings.component.html
@@ -91,7 +91,7 @@
                     extendedAppearanceConfigComponent;
                     inputs: {
                         appearanceConfig:
-                            currentlyConfiguredWidget.baseAppearanceConfig
+                            currentlyConfiguredWidget.baseAppearanceConfig,
                     }
                 "
             />
diff --git 
a/ui/src/app/chart/components/chart-view/designer-panel/data-settings/chart-data-settings.component.html
 
b/ui/src/app/chart/components/chart-view/designer-panel/data-settings/chart-data-settings.component.html
index 2961e6f22a..5b23222e1e 100644
--- 
a/ui/src/app/chart/components/chart-view/designer-panel/data-settings/chart-data-settings.component.html
+++ 
b/ui/src/app/chart/components/chart-view/designer-panel/data-settings/chart-data-settings.component.html
@@ -185,7 +185,7 @@
                                             [ngClass]="{
                                                 'radio-option-box-accent':
                                                     sourceConfig.queryType ===
-                                                    'raw'
+                                                    'raw',
                                             }"
                                         >
                                             <mat-radio-button
@@ -277,7 +277,7 @@
                                             [ngClass]="{
                                                 'radio-option-box-accent':
                                                     sourceConfig.queryType ===
-                                                    'aggregated'
+                                                    'aggregated',
                                             }"
                                         >
                                             <mat-radio-button
@@ -349,7 +349,7 @@
                                             [ngClass]="{
                                                 'radio-option-box-accent':
                                                     sourceConfig.queryType ===
-                                                    'single'
+                                                    'single',
                                             }"
                                         >
                                             <mat-radio-button
diff --git 
a/ui/src/app/chart/components/chart-view/designer-panel/data-settings/filter-selection-panel/filter-selection-panel-row/panel-row-value-input-autocomplete/filter-selection-panel-row-value-autocomplete.component.ts
 
b/ui/src/app/chart/components/chart-view/designer-panel/data-settings/filter-selection-panel/filter-selection-panel-row/panel-row-value-input-autocomplete/filter-selection-panel-row-value-autocomplete.component.ts
index 81e6679ed2..f983c571b7 100644
--- 
a/ui/src/app/chart/components/chart-view/designer-panel/data-settings/filter-selection-panel/filter-selection-panel-row/panel-row-value-input-autocomplete/filter-selection-panel-row-value-autocomplete.component.ts
+++ 
b/ui/src/app/chart/components/chart-view/designer-panel/data-settings/filter-selection-panel/filter-selection-panel-row/panel-row-value-input-autocomplete/filter-selection-panel-row-value-autocomplete.component.ts
@@ -25,9 +25,7 @@ import { EscapeNumberFilterService } from 
'../escape-number-filter.service';
         './filter-selection-panel-row-value-autocomplete.component.html',
     standalone: false,
 })
-export class FilterSelectionPanelRowValueAutocompleteComponent
-    implements OnInit
-{
+export class FilterSelectionPanelRowValueAutocompleteComponent implements 
OnInit {
     @Input()
     public filter: SelectedFilter;
 
diff --git 
a/ui/src/app/chart/components/chart-view/designer-panel/visualisation-settings/chart-visualisation-settings.component.html
 
b/ui/src/app/chart/components/chart-view/designer-panel/visualisation-settings/chart-visualisation-settings.component.html
index 440d1ff1db..e7ccdf8397 100644
--- 
a/ui/src/app/chart/components/chart-view/designer-panel/visualisation-settings/chart-visualisation-settings.component.html
+++ 
b/ui/src/app/chart/components/chart-view/designer-panel/visualisation-settings/chart-visualisation-settings.component.html
@@ -51,7 +51,7 @@
                 *ngComponentOutlet="
                     activeWidgetType.widgetConfigurationComponent;
                     inputs: {
-                        currentlyConfiguredWidget: currentlyConfiguredWidget
+                        currentlyConfiguredWidget: currentlyConfiguredWidget,
                     }
                 "
             />
diff --git 
a/ui/src/app/configuration/export/import-dialog/data-import-dialog.component.ts 
b/ui/src/app/configuration/export/import-dialog/data-import-dialog.component.ts
index 09841cec92..8881be7bc0 100644
--- 
a/ui/src/app/configuration/export/import-dialog/data-import-dialog.component.ts
+++ 
b/ui/src/app/configuration/export/import-dialog/data-import-dialog.component.ts
@@ -75,8 +75,7 @@ export class SpDataImportDialogComponent {
                         } else if (event instanceof HttpResponse) {
                             this.importConfiguration =
                                 event.body as AssetExportConfiguration;
-                            this.importConfiguration.overrideBrokerSettings =
-                                true;
+                            this.importConfiguration.overrideBrokerSettings = 
true;
                             this.currentImportStep++;
                         }
                     },
diff --git 
a/ui/src/app/configuration/extensions-installation/endpoint-item/endpoint-item.component.html
 
b/ui/src/app/configuration/extensions-installation/endpoint-item/endpoint-item.component.html
index 5e9f8c8eac..58d4b5f51c 100644
--- 
a/ui/src/app/configuration/extensions-installation/endpoint-item/endpoint-item.component.html
+++ 
b/ui/src/app/configuration/extensions-installation/endpoint-item/endpoint-item.component.html
@@ -45,7 +45,7 @@
                         : {
                               status: item.available
                                   ? ('available' | translate)
-                                  : ('not available' | translate)
+                                  : ('not available' | translate),
                           }
             "
             >{{ itemTypeTitle }}</span
diff --git 
a/ui/src/app/configuration/general-configuration/general-configuration.component.ts
 
b/ui/src/app/configuration/general-configuration/general-configuration.component.ts
index 64378f127c..19e8135884 100644
--- 
a/ui/src/app/configuration/general-configuration/general-configuration.component.ts
+++ 
b/ui/src/app/configuration/general-configuration/general-configuration.component.ts
@@ -163,13 +163,15 @@ export class GeneralConfigurationComponent implements 
OnInit {
             this.parentForm.addControl(
                 'showDocumentationLinkOnStartScreen',
                 new UntypedFormControl(
-                    
this.generalConfig.linkSettings.showDocumentationLinkOnStartScreen,
+                    this.generalConfig.linkSettings
+                        .showDocumentationLinkOnStartScreen,
                 ),
             );
             this.parentForm.addControl(
                 'showDocumentationLinkInProfileMenu',
                 new UntypedFormControl(
-                    
this.generalConfig.linkSettings.showDocumentationLinkInProfileMenu,
+                    this.generalConfig.linkSettings
+                        .showDocumentationLinkInProfileMenu,
                 ),
             );
             this.parentForm.addControl(
@@ -187,7 +189,8 @@ export class GeneralConfigurationComponent implements 
OnInit {
             this.parentForm.addControl(
                 'showApiDocumentationLinkOnStartScreen',
                 new UntypedFormControl(
-                    
this.generalConfig.linkSettings.showApiDocumentationLinkOnStartScreen,
+                    this.generalConfig.linkSettings
+                        .showApiDocumentationLinkOnStartScreen,
                 ),
             );
 
@@ -227,7 +230,7 @@ export class GeneralConfigurationComponent implements 
OnInit {
         const toUserRole = (r: string | number) =>
             typeof r === 'number'
                 ? r
-                : UserRole[r as keyof typeof UserRole] ?? r;
+                : (UserRole[r as keyof typeof UserRole] ?? r);
 
         this.generalConfig = {
             ...this.generalConfig,
diff --git 
a/ui/src/app/configuration/security-configuration/abstract-security-principal-config.ts
 
b/ui/src/app/configuration/security-configuration/abstract-security-principal-config.ts
index 7fe7f9872f..9201a63ed9 100644
--- 
a/ui/src/app/configuration/security-configuration/abstract-security-principal-config.ts
+++ 
b/ui/src/app/configuration/security-configuration/abstract-security-principal-config.ts
@@ -39,8 +39,7 @@ import { TranslateService } from '@ngx-translate/core';
 @Directive()
 export abstract class AbstractSecurityPrincipalConfig<
     T extends UserAccount | ServiceAccount,
-> implements OnInit
-{
+> implements OnInit {
     users: T[] = [];
 
     @ViewChild(MatSort) sort: MatSort;
diff --git 
a/ui/src/app/core-ui/static-properties/base/abstract-validated-static-property.ts
 
b/ui/src/app/core-ui/static-properties/base/abstract-validated-static-property.ts
index bd0ca05b58..d26d033746 100644
--- 
a/ui/src/app/core-ui/static-properties/base/abstract-validated-static-property.ts
+++ 
b/ui/src/app/core-ui/static-properties/base/abstract-validated-static-property.ts
@@ -24,8 +24,8 @@ import { TranslateService } from '@ngx-translate/core';
 
 @Directive()
 export abstract class AbstractValidatedStaticPropertyRenderer<
-        T extends StaticProperty,
-    >
+    T extends StaticProperty,
+>
     extends AbstractStaticPropertyRenderer<T>
     implements OnDestroy
 {
diff --git 
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-input/base-runtime-resolvable-input.ts
 
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-input/base-runtime-resolvable-input.ts
index 564f2c2d06..568e0b1cf3 100644
--- 
a/ui/src/app/core-ui/static-properties/static-runtime-resolvable-input/base-runtime-resolvable-input.ts
+++ 
b/ui/src/app/core-ui/static-properties/static-runtime-resolvable-input/base-runtime-resolvable-input.ts
@@ -38,12 +38,12 @@ import { ConfigurationInfo } from 
'../../../connect/model/ConfigurationInfo';
 @Directive()
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 export abstract class BaseRuntimeResolvableInput<
-        T extends
-            | RuntimeResolvableAnyStaticProperty
-            | RuntimeResolvableGroupStaticProperty
-            | RuntimeResolvableOneOfStaticProperty
-            | RuntimeResolvableTreeInputStaticProperty,
-    >
+    T extends
+        | RuntimeResolvableAnyStaticProperty
+        | RuntimeResolvableGroupStaticProperty
+        | RuntimeResolvableOneOfStaticProperty
+        | RuntimeResolvableTreeInputStaticProperty,
+>
     extends AbstractStaticPropertyRenderer<T>
     implements OnChanges
 {
diff --git 
a/ui/src/app/dashboard/components/dashboard-feature-card/dashboard-feature-card.component.ts
 
b/ui/src/app/dashboard/components/dashboard-feature-card/dashboard-feature-card.component.ts
index 0c2338027a..bf46a40e11 100644
--- 
a/ui/src/app/dashboard/components/dashboard-feature-card/dashboard-feature-card.component.ts
+++ 
b/ui/src/app/dashboard/components/dashboard-feature-card/dashboard-feature-card.component.ts
@@ -101,8 +101,7 @@ export class DashboardFeatureCardComponent implements 
OnInit {
                 this.dashboard.dashboardGeneralSettings.globalTimeEnabled ===
                 undefined
             ) {
-                this.dashboard.dashboardGeneralSettings.globalTimeEnabled =
-                    true;
+                this.dashboard.dashboardGeneralSettings.globalTimeEnabled = 
true;
             }
             if (!this.dashboard.dashboardTimeSettings.startTime) {
                 this.dashboard.dashboardTimeSettings =
diff --git a/ui/src/app/dashboard/components/panel/dashboard-panel.component.ts 
b/ui/src/app/dashboard/components/panel/dashboard-panel.component.ts
index 13836caa29..3578efa7d7 100644
--- a/ui/src/app/dashboard/components/panel/dashboard-panel.component.ts
+++ b/ui/src/app/dashboard/components/panel/dashboard-panel.component.ts
@@ -251,8 +251,7 @@ export class DashboardPanelComponent
                     this.dashboard.dashboardGeneralSettings
                         .globalTimeEnabled === undefined
                 ) {
-                    this.dashboard.dashboardGeneralSettings.globalTimeEnabled =
-                        true;
+                    this.dashboard.dashboardGeneralSettings.globalTimeEnabled 
= true;
                 }
                 if (!this.dashboard.dashboardTimeSettings.startTime) {
                     this.dashboard.dashboardTimeSettings =
diff --git 
a/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
 
b/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
index 18cbb3b042..bbcdeb81ab 100644
--- 
a/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
+++ 
b/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
@@ -121,7 +121,7 @@
                                         [ngStyle]="{
                                             color: 
configurationEntry?.retention
                                                 ? 'var(--color-success)'
-                                                : 'var(--color-neutral'
+                                                : 'var(--color-neutral',
                                         }"
                                         >history</i
                                     >
@@ -189,7 +189,7 @@
                                                             .length - 1
                                                     ].status
                                                         ? 'green'
-                                                        : 'red'
+                                                        : 'red',
                                             }"
                                             >list_alt</i
                                         >
diff --git 
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
 
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
index f47a7373c5..902276ac85 100644
--- 
a/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
+++ 
b/ui/src/app/editor/components/pipeline-element-icon-stand/pipeline-element-icon-stand-row/pipeline-element-icon-stand-row.component.html
@@ -48,7 +48,7 @@
             class="font-bold"
             [ngClass]="{
                 'element-name-hover': currentMouseOver,
-                'element-name': !currentMouseOver
+                'element-name': !currentMouseOver,
             }"
         >
             {{ element.name }}
diff --git a/ui/src/app/notifications/notifications.component.html 
b/ui/src/app/notifications/notifications.component.html
index d15ad13f4c..74c744ac77 100644
--- a/ui/src/app/notifications/notifications.component.html
+++ b/ui/src/app/notifications/notifications.component.html
@@ -71,7 +71,7 @@
                             [ngClass]="{
                                 'selected-notification':
                                     existingNotification.notificationId ===
-                                    currentlySelectedNotificationId
+                                    currentlySelectedNotificationId,
                             }"
                         >
                             <div
diff --git a/ui/src/scss/sp/_variables.scss b/ui/src/scss/sp/_variables.scss
index 76b62d8334..71f9ae8174 100644
--- a/ui/src/scss/sp/_variables.scss
+++ b/ui/src/scss/sp/_variables.scss
@@ -120,11 +120,8 @@
     --color-warn: #b36161;
     --color-tab-border: #cccccc;
 
-    --canvas-color: linear-gradient(
-            90deg,
-            rgba(50, 50, 50, 0.5) 10%,
-            transparent 0%
-        ),
+    --canvas-color:
+        linear-gradient(90deg, rgba(50, 50, 50, 0.5) 10%, transparent 0%),
         linear-gradient(rgba(50, 50, 50, 0.5) 10%, transparent 0%);
 
     .pipeline-element-image {
@@ -148,10 +145,7 @@
 
     --color-tab-border: #cccccc;
 
-    --canvas-color: linear-gradient(
-            90deg,
-            rgba(208, 208, 208, 0.5) 10%,
-            transparent 0%
-        ),
+    --canvas-color:
+        linear-gradient(90deg, rgba(208, 208, 208, 0.5) 10%, transparent 0%),
         linear-gradient(rgba(208, 208, 208, 0.5) 10%, transparent 0%);
 }
diff --git a/ui/src/scss/sp/forms-mat3.scss b/ui/src/scss/sp/forms-mat3.scss
index 0b2cca174e..e8d4f5d9ec 100644
--- a/ui/src/scss/sp/forms-mat3.scss
+++ b/ui/src/scss/sp/forms-mat3.scss
@@ -25,14 +25,20 @@
             container-vertical-padding: 0.5rem,
             outlined-container-shape: 2px,
             outlined-outline-color: var(--mat-sys-surface-container-highest),
-            outlined-hover-outline-color:
-                color-mix(in srgb, var(--mat-sys-outline) 85%, #000 0%),
+            outlined-hover-outline-color: color-mix(
+                    in srgb,
+                    var(--mat-sys-outline) 85%,
+                    #000 0%
+                ),
             outlined-focus-outline-color: var(--mat-sys-primary),
             outlined-label-text-color: var(--mat-sys-on-surface-variant),
             outlined-caret-color: var(--mat-sys-primary),
             outlined-input-text-color: var(--mat-sys-on-surface),
-            outlined-input-text-placeholder-color:
-                color-mix(in srgb, var(--mat-sys-on-surface) 60%, transparent),
+            outlined-input-text-placeholder-color: color-mix(
+                    in srgb,
+                    var(--mat-sys-on-surface) 60%,
+                    transparent
+                ),
         )
     );
 }
diff --git a/ui/src/scss/sp/sp-theme.scss b/ui/src/scss/sp/sp-theme.scss
index 28d71b44bd..6a75093987 100644
--- a/ui/src/scss/sp/sp-theme.scss
+++ b/ui/src/scss/sp/sp-theme.scss
@@ -44,11 +44,16 @@ html {
         ),
         $overrides: (
             primary: light-dark(var(--color-primary), 
var(--color-primary-dark)),
-            secondary:
-                light-dark(var(--color-secondary), 
var(--color-secondary-dark)),
+            secondary: light-dark(
+                    var(--color-secondary),
+                    var(--color-secondary-dark)
+                ),
             on-primary: light-dark(#ccc, #fff),
-            primary-container:
-                mat.get-theme-color(mat3theme.$palettes, primary, 95),
+            primary-container: mat.get-theme-color(
+                    mat3theme.$palettes,
+                    primary,
+                    95
+                ),
             surface: light-dark(#ffffff, #000000),
             surface-variant: light-dark(#eaeaea, #2a2a2a),
             surface-container: light-dark(#f5f5f5, #161616),
@@ -66,8 +71,11 @@ html {
         color-scheme: dark;
         @include mat.theme-overrides(
             $overrides: (
-                primary-container:
-                    mat.get-theme-color(mat3theme.$palettes, primary, 20),
+                primary-container: mat.get-theme-color(
+                        mat3theme.$palettes,
+                        primary,
+                        20
+                    ),
             )
         );
     }


Reply via email to