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) { }
@@ -16,11 +19,10 @@ export class SanitizeHtmlPipe implements PipeTransform {
 }
 
 @Component({
-  selector: 'app-about-me',
+    selector: 'app-about-me',
-  standalone: true,
+    imports: [NgOptimizedImage, TranslateModule],
-  imports: [NgOptimizedImage, TranslateModule],
+    templateUrl: './about-me.component.html',
-  templateUrl: './about-me.component.html',
+    styleUrl: './about-me.component.css'
-  styleUrl: './about-me.component.css'
 })
 
 export class AboutMeComponent implements  OnDestroy{

src/app/app.component.ts

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

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

@@ -35,12 +35,11 @@ const CACHE_KEY = 'cachedResults';
 const HASH_KEY = 'assetHash';
 
 @Component({
-  selector: 'app-asset-calculator',
+    selector: 'app-asset-calculator',
-  standalone: true,
+    imports: [DecimalPipe, TranslateModule, FormsModule, MatDatepickerModule, MatNativeDateModule, MatInputModule],
-  imports: [DecimalPipe, TranslateModule, FormsModule, MatDatepickerModule, MatNativeDateModule, MatInputModule],
+    providers: [MatDatepickerModule, MatNativeDateModule],
-  providers: [MatDatepickerModule, MatNativeDateModule],
+    templateUrl: "asset-calculator.component.html",
-  templateUrl: "asset-calculator.component.html",
+    styleUrls: ['asset-calculator.component.css']
-  styleUrls: ['asset-calculator.component.css']
 })
 export class AssetCalculatorComponent {
   TypeDepreciation = TypeDepreciation;

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

@@ -3,11 +3,9 @@ import { ReactiveFormsModule, FormGroup, FormControl, FormsModule } from '@angul
 import { AiApiService } from './service/ai-api.service'
 import { Sentence } from './service/chats';
 @Component({
-  selector: 'app-chat-gpt',
+    selector: 'app-chat-gpt',
-  standalone: true,
+    imports: [ReactiveFormsModule],
-  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

@@ -5,11 +5,10 @@ import { CommodityComponent } from '../commodity/commodity.component';
 
 
 @Component({
-	selector: 'dashboard',
+    selector: 'dashboard',
-	standalone: true,
+    imports: [CommodityComponent],
-	imports: [CommodityComponent],
+    templateUrl: './dashboard.component.html',
-	templateUrl: './dashboard.component.html',
+    styleUrls: ['./dashboard.component.css']
-	styleUrls: ['./dashboard.component.css']
 })
 export class DashboardComponent implements OnInit {
 

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

@@ -5,10 +5,9 @@ import { ReactiveFormsModule, FormBuilder, FormGroup,  FormArray, ValidatorFn, V
 
 
 @Component({
-  selector: 'app-fixed-asset',
+    selector: 'app-fixed-asset',
-  standalone: true,
+    imports: [ReactiveFormsModule],
-  imports: [ReactiveFormsModule],
+    template: `
-  template:`
 
 <div class="container">
 
@@ -56,7 +55,7 @@ import { ReactiveFormsModule, FormBuilder, FormGroup,  FormArray, ValidatorFn, V
 
 </div>
 `,
-  styleUrl: './fixed-asset.component.css'
+    styleUrl: './fixed-asset.component.css'
 })
 export class FixedAssetComponent {
 

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

@@ -2,10 +2,9 @@ import { Component } from '@angular/core';
 import {TranslateModule} from "@ngx-translate/core";
 
 @Component({
-  selector: 'app-friendly-pages',
+    selector: 'app-friendly-pages',
-  standalone: true,
+    imports: [TranslateModule],
-  imports: [TranslateModule],
+    template: ` 
-  template:` 
   <div class="container">
     <div class="row row-cols-1 row-cols-md-3 g-4">
       <div class="col">
@@ -30,7 +29,7 @@ import {TranslateModule} from "@ngx-translate/core";
   </div>
 
    `,
-  styleUrl: './friendly-pages.component.css'
+    styleUrl: './friendly-pages.component.css'
 })
 export class FriendlyPagesComponent {
 }

src/app/jobfinder/jobfinder.component.ts

@@ -2,10 +2,9 @@ import { Component, OnInit } from '@angular/core';
 
 import { ReactiveFormsModule,  FormBuilder, FormGroup } from '@angular/forms';
 @Component({
-  selector: 'app-jobfinder',
+    selector: 'app-jobfinder',
-  standalone: true,
+    imports: [ReactiveFormsModule],
-  imports: [ReactiveFormsModule],
+    template: `
-  template: `
   <div class="container mt-5">
     <div class="row text-left">
        <h2>Wyszukiwarka ofert pracy(w toku)</h2>
@@ -29,9 +28,8 @@ import { ReactiveFormsModule,  FormBuilder, FormGroup } from '@angular/forms';
     </div>
 
   </div>
-  `
+  `,
-  ,
+    styleUrl: './jobfinder.component.css'
-  styleUrl: './jobfinder.component.css'
 })
 
 export class JobfinderComponent implements OnInit {

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

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