signal

package.json

@@ -11,29 +11,29 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.0",
+    "@angular/animations": "^19.1.5",
     "@angular/cdk": "^17.0.0",
-    "@angular/common": "^18.2.0",
+    "@angular/common": "^19.1.5",
-    "@angular/compiler": "^18.2.0",
+    "@angular/compiler": "^19.1.5",
-    "@angular/core": "^18.2.0",
+    "@angular/core": "^19.1.5",
-    "@angular/forms": "^18.2.0",
+    "@angular/forms": "^19.1.5",
     "@angular/material": "^17.0.0",
-    "@angular/platform-browser": "^18.2.0",
+    "@angular/platform-browser": "^19.1.5",
-    "@angular/platform-browser-dynamic": "^18.2.0",
+    "@angular/platform-browser-dynamic": "^19.1.5",
-    "@angular/router": "^18.2.0",
+    "@angular/router": "^19.1.5",
     "@ngx-translate/core": "^16.0.3",
     "@ngx-translate/http-loader": "^16.0.0",
     "bootstrap": "^5.3.3",
     "date-fns": "^4.1.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.4",
+    "@angular-devkit/build-angular": "^19.1.6",
-    "@angular/cli": "^19.0.0",
+    "@angular/cli": "^19.1.6",
-    "@angular/compiler-cli": "^18.2.0",
+    "@angular/compiler-cli": "^19.1.5",
-    "@angular/localize": "^18.2.4",
+    "@angular/localize": "^19.1.5",
     "@schematics/angular": "^19.0.0",
     "@types/jasmine": "~5.1.0",
     "angular-eslint": "18.4.0",

src/app/about-me/about-me.component.ts

@@ -5,7 +5,10 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { DomSanitizer  } from '@angular/platform-browser';
 import { Subscription } from 'rxjs';
 
-@Pipe({ name: 'sanitizeHtml' })
+@Pipe({
+    name: 'sanitizeHtml',
+    standalone: false
+})
 export class SanitizeHtmlPipe implements PipeTransform {
   
   constructor(private sanitizer: DomSanitizer) { }
@@ -17,7 +20,6 @@ export class SanitizeHtmlPipe implements PipeTransform {
 
 @Component({
     selector: 'app-about-me',
-  standalone: true,
     imports: [NgOptimizedImage, TranslateModule],
     templateUrl: './about-me.component.html',
     styleUrl: './about-me.component.css'

src/app/app.component.ts

@@ -8,10 +8,9 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 @Component({
     selector: 'app-root',
-  standalone: true,
     imports: [RouterOutlet, TranslateModule, RouterModule, MatToolbarModule, MatButtonModule, MatIconModule, MatMenuModule],
     templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css'], // Fixed typo
+    styleUrls: ['./app.component.css']
 })
 export class AppComponent implements OnDestroy {
   private langChangeSub!: Subscription;

src/app/asset-calculator/asset-calculator.component.ts

@@ -36,7 +36,6 @@ const HASH_KEY = 'assetHash';
 
 @Component({
     selector: 'app-asset-calculator',
-  standalone: true,
     imports: [DecimalPipe, TranslateModule, FormsModule, MatDatepickerModule, MatNativeDateModule, MatInputModule],
     providers: [MatDatepickerModule, MatNativeDateModule],
     templateUrl: "asset-calculator.component.html",

src/app/chat-gpt/chat-gpt.component.ts

@@ -4,10 +4,8 @@ import { AiApiService } from './service/ai-api.service'
 import { Sentence } from './service/chats';
 @Component({
     selector: 'app-chat-gpt',
-  standalone: true,
     imports: [ReactiveFormsModule],
-  template:
+    template: `
-   `
   <style>
     .frame {
         border: 2px solid gray; /* Kolor ramki */
@@ -46,7 +44,6 @@ import { Sentence } from './service/chats';
         </div>
     </form>
 `
-
 })
 export class ChatGPTComponent {
     question :string ='';

src/app/components/dashboard/dashboard.component.ts

@@ -6,7 +6,6 @@ import { CommodityComponent } from '../commodity/commodity.component';
 
 @Component({
     selector: 'dashboard',
-	standalone: true,
     imports: [CommodityComponent],
     templateUrl: './dashboard.component.html',
     styleUrls: ['./dashboard.component.css']

src/app/fixed-asset/fixed-asset.component.ts

@@ -6,7 +6,6 @@ import { ReactiveFormsModule, FormBuilder, FormGroup,  FormArray, ValidatorFn, V
 
 @Component({
     selector: 'app-fixed-asset',
-  standalone: true,
     imports: [ReactiveFormsModule],
     template: `
 

src/app/friendly-pages/friendly-pages.component.ts

@@ -3,7 +3,6 @@ import {TranslateModule} from "@ngx-translate/core";
 
 @Component({
     selector: 'app-friendly-pages',
-  standalone: true,
     imports: [TranslateModule],
     template: ` 
   <div class="container">

src/app/jobfinder/jobfinder.component.ts

@@ -3,7 +3,6 @@ import { Component, OnInit } from '@angular/core';
 import { ReactiveFormsModule,  FormBuilder, FormGroup } from '@angular/forms';
 @Component({
     selector: 'app-jobfinder',
-  standalone: true,
     imports: [ReactiveFormsModule],
     template: `
   <div class="container mt-5">
@@ -29,8 +28,7 @@ import { ReactiveFormsModule,  FormBuilder, FormGroup } from '@angular/forms';
     </div>
 
   </div>
-  `
+  `,
-  ,
     styleUrl: './jobfinder.component.css'
 })
 

src/app/signal-counter/signal-counter.component.ts

@@ -2,10 +2,8 @@ import { Component, computed, signal } from '@angular/core';
 
 @Component({
     selector: 'app-signal-counter',
-  standalone: true,
     imports: [],
-  template: 
+    template: `
-  `
     <h1>Current value of the counter {{counter()}}</h1>
 
     <h3>10x counter: {{derivedCounter()}}</h3>