Update Angular (#2952)

* fix Tor logs actually fetching od logs

* chore: update to Angular 18

* chore: update to Angular 19

* bump patchDB

* chore: update Angular

* chore: fix setup-wizard success page

* chore: fix

* chore: fix

* chore: fix

* chore: fix

---------

Co-authored-by: Matt Hill <mattnine@protonmail.com>
Co-authored-by: Aiden McClelland <me@drbonez.dev>

web/projects/shared/src/components/drive.component.ts

@@ -3,7 +3,6 @@ import { Component, Input } from '@angular/core'
 import { UnitConversionPipesModule } from '../pipes/unit-conversion/unit-conversion.module'
 
 @Component({
-  standalone: true,
   selector: 'button[drive]',
   template: `
     <tui-icon icon="@tui.save" />

web/projects/shared/src/components/initializing.component.ts

@@ -5,7 +5,6 @@ import { LogsWindowComponent } from './logs-window.component'
 import { i18nPipe } from '../i18n/i18n.pipe'
 
 @Component({
-  standalone: true,
   selector: 'app-initializing',
   template: `
     <section>

web/projects/shared/src/components/logs-window.component.ts

@@ -1,16 +1,15 @@
-import { TuiScrollbar } from '@taiga-ui/core'
 import { AsyncPipe } from '@angular/common'
 import { Component, ElementRef, inject } from '@angular/core'
 import {
-  WaIntersectionObserver,
   INTERSECTION_ROOT,
+  WaIntersectionObserver,
 } from '@ng-web-apis/intersection-observer'
 import { WaMutationObserver } from '@ng-web-apis/mutation-observer'
-import { NgDompurifyModule } from '@tinkoff/ng-dompurify'
+import { TuiScrollbar } from '@taiga-ui/core'
+import { NgDompurifyPipe } from '@taiga-ui/dompurify'
 import { SetupLogsService } from '../services/setup-logs.service'
 
 @Component({
-  standalone: true,
   selector: 'logs-window',
   template: `
     <tui-scrollbar childList subtree (waMutationObserver)="scrollTo(bottom)">
@@ -25,11 +24,16 @@ import { SetupLogsService } from '../services/setup-logs.service'
       ></section>
     </tui-scrollbar>
   `,
+  styles: `
+    pre {
+      white-space: normal;
+    }
+  `,
   imports: [
     AsyncPipe,
     WaMutationObserver,
     WaIntersectionObserver,
-    NgDompurifyModule,
+    NgDompurifyPipe,
     TuiScrollbar,
   ],
   providers: [

web/projects/shared/src/components/markdown.component.ts

@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core'
 import { toSignal } from '@angular/core/rxjs-interop'
 import { ActivatedRoute } from '@angular/router'
 import { TuiDialogContext, TuiLoader, TuiNotification } from '@taiga-ui/core'
+import { NgDompurifyPipe } from '@taiga-ui/dompurify'
 import { injectContext, PolymorpheusComponent } from '@taiga-ui/polymorpheus'
-import { NgDompurifyModule } from '@tinkoff/ng-dompurify'
 import { catchError, ignoreElements, Observable, of } from 'rxjs'
 import { SafeLinksDirective } from '../directives/safe-links.directive'
 import { MarkdownPipe } from '../pipes/markdown.pipe'
@@ -24,12 +24,11 @@ import { getErrorMessage } from '../services/error.service'
     }
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   host: { class: 'g-subpage' },
   imports: [
     TuiNotification,
     TuiLoader,
-    NgDompurifyModule,
+    NgDompurifyPipe,
     MarkdownPipe,
     SafeLinksDirective,
   ],

web/projects/shared/src/components/prompt.component.ts

@@ -12,7 +12,6 @@ import { i18nPipe } from '../i18n/i18n.pipe'
 import { i18nKey } from '../i18n/i18n.providers'
 
 @Component({
-  standalone: true,
   template: `
     <p>{{ options.message }}</p>
     <p *ngIf="options.warning" class="warning">{{ options.warning }}</p>
@@ -60,22 +59,20 @@ import { i18nKey } from '../i18n/i18n.providers'
       ></button>
     </ng-template>
   `,
-  styles: [
-    `
-      .warning {
-        color: var(--tui-status-warning);
-      }
+  styles: `
+    .warning {
+      color: var(--tui-status-warning);
+    }
 
-      .button {
-        pointer-events: auto;
-        margin-left: 0.25rem;
-      }
+    .button {
+      pointer-events: auto;
+      margin-left: 0.25rem;
+    }
 
-      .masked {
-        -webkit-text-security: disc;
-      }
-    `,
-  ],
+    .masked {
+      -webkit-text-security: disc;
+    }
+  `,
   imports: [
     CommonModule,
     FormsModule,

web/projects/shared/src/components/server.component.ts

@@ -5,7 +5,6 @@ import { TuiCell } from '@taiga-ui/layout'
 import { StartOSDiskInfo } from '../types/api'
 
 @Component({
-  standalone: true,
   selector: 'button[server]',
   template: `
     <tui-icon icon="@tui.save" />
@@ -21,7 +20,12 @@ import { StartOSDiskInfo } from '../types/api'
       </span>
     </span>
   `,
-  styles: ':host { width: stretch; border-radius: var(--tui-radius-l); }',
+  styles: `
+    :host {
+      border-radius: var(--tui-radius-l);
+    }
+  `,
+  host: { class: 'g-stretch' },
   hostDirectives: [TuiCell],
   imports: [DatePipe, TuiIcon, TuiTitle],
 })

web/projects/shared/src/components/ticker.component.ts

@@ -7,7 +7,6 @@ import {
 } from '@angular/core'
 
 @Component({
-  standalone: true,
   selector: '[ticker]',
   template: '<ng-content />',
   styles: `