feat: atualizar para a versão angular 19

po-ui · Dec 9, 2024 · 2b4fd39 · 2b4fd39
1 parent 58425a1
commit 2b4fd39
Show file tree

Hide file tree

Showing 520 changed files with 1,977 additions and 1,443 deletions.
diff --git a/angular.json b/angular.json
@@ -45,12 +45,13 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/app",
+            "outputPath": {
+              "base": "dist/app"
+            },
             "index": "projects/app/src/index.html",
-            "main": "projects/app/src/main.ts",
-            "polyfills": "projects/app/src/polyfills.ts",
+            "polyfills": ["projects/app/src/polyfills.ts"],
             "tsConfig": "projects/app/tsconfig.app.json",
             "assets": [
               "projects/app/src/favicon.ico",
@@ -68,12 +69,11 @@
             ],
             "styles": ["./node_modules/@po-ui/style/css/po-theme-default.min.css", "projects/app/src/styles.css"],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "projects/app/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -88,8 +88,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -288,12 +286,13 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/portal",
+            "outputPath": {
+              "base": "dist/portal"
+            },
             "index": "projects/portal/src/index.html",
-            "main": "projects/portal/src/main.ts",
-            "polyfills": "projects/portal/src/polyfills.ts",
+            "polyfills": ["projects/portal/src/polyfills.ts"],
             "tsConfig": "projects/portal/tsconfig.app.json",
             "assets": [
               "projects/portal/src/favicon.ico",
@@ -316,12 +315,11 @@
               "projects/portal/src/styles.css"
             ],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "projects/portal/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -336,8 +334,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",

diff --git a/package.json b/package.json
@@ -45,7 +45,7 @@
     "build:storage:lite": "ng build storage --configuration production",
     "build:sync": "ng build sync --configuration production && gulp build:schematics --lib sync && gulp replaceVersion && cd dist/ng-sync && npm pack",
     "build": "npm run build:schematics && npm run build:ui && npm run build:templates && npm run build:storage && npm run build:sync && npm run build:code-editor",
-    "build:portal:prod": "ng build portal --configuration production --build-optimizer=false",
+    "build:portal:prod": "ng build portal --configuration production",
     "build:portal": "npm run build:ui && npm run build:templates && npm run build:code-editor && npm run build:portal:docs",
     "build:portal:docs": "cd projects/portal && gulp build && npm run script:copy-icons",
     "release": "standard-version -- --preset angular",
@@ -64,15 +64,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~18.0.1",
+    "@angular/animations": "~19.0.3",
     "@angular/cdk": "~18.0.1",
-    "@angular/common": "~18.0.1",
-    "@angular/compiler": "~18.0.1",
-    "@angular/core": "~18.0.1",
-    "@angular/forms": "~18.0.1",
-    "@angular/platform-browser": "~18.0.1",
-    "@angular/platform-browser-dynamic": "~18.0.1",
-    "@angular/router": "~18.0.1",
+    "@angular/common": "~19.0.3",
+    "@angular/compiler": "~19.0.3",
+    "@angular/core": "~19.0.3",
+    "@angular/forms": "~19.0.3",
+    "@angular/platform-browser": "~19.0.3",
+    "@angular/platform-browser-dynamic": "~19.0.3",
+    "@angular/router": "~19.0.3",
     "@capacitor/core": "5.7.2",
     "@capacitor/network": "^5.0.7",
     "@po-ui/style": "18.18.0",
@@ -88,23 +88,23 @@
     "localforage": "1.10.0",
     "lokijs": "1.5.12",
     "monaco-editor": "0.44.0",
-    "ngx-markdown": "~18.0.0",
+    "ngx-markdown": "^19.0.0",
     "run-sequence": "^2.2.1",
     "rxjs": "~7.8.1",
     "rxjs-compat": "~6.6.7",
     "tslib": "^2.6.2",
-    "zone.js": "~0.14.4"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~18.0.2",
+    "@angular-devkit/build-angular": "~19.0.4",
     "@angular-eslint/builder": "^18.0.1",
     "@angular-eslint/eslint-plugin": "^18.0.1",
     "@angular-eslint/eslint-plugin-template": "^18.0.1",
     "@angular-eslint/schematics": "^18.0.1",
     "@angular-eslint/template-parser": "^18.0.1",
-    "@angular/cli": "~18.0.2",
-    "@angular/compiler-cli": "~18.0.1",
-    "@angular/language-service": "~18.0.1",
+    "@angular/cli": "~19.0.4",
+    "@angular/compiler-cli": "~19.0.3",
+    "@angular/language-service": "~19.0.3",
     "@animaliads/animalia-icon": "1.0.2",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-angular": "^18.4.3",
@@ -136,7 +136,7 @@
     "karma-jasmine-html-reporter": "2.1.0",
     "lint-staged": "^15.1.0",
     "mkdirp": "3.0.1",
-    "ng-packagr": "~18.0.0",
+    "ng-packagr": "~19.0.1",
     "prettier": "^3.1.0",
     "protractor": "~7.0.0",
     "rollup": "4.24.4",
@@ -145,7 +145,7 @@
     "standard-version": "^9.5.0",
     "ts-node": "~10.9.1",
     "typemoq": "^2.1.0",
-    "typescript": "~5.4.5"
+    "typescript": "~5.6.3"
   },
   "standard-version": {
     "skip": {

diff --git a/projects/app/src/app/app.component.ts b/projects/app/src/app/app.component.ts
@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html'
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    standalone: false
 })
 export class AppComponent {}
diff --git a/projects/code-editor/src/lib/components/po-code-editor/po-code-editor.component.ts b/projects/code-editor/src/lib/components/po-code-editor/po-code-editor.component.ts
@@ -59,7 +59,7 @@ const providers: Array<Provider> = [
 @Component({
   selector: 'po-code-editor',
   templateUrl: './po-code-editor.component.html',
-  providers
+  standalone: false
 })
 export class PoCodeEditorComponent extends PoCodeEditorBaseComponent implements AfterViewInit, DoCheck {
   @ViewChild('editorContainer', { static: true }) editorContainer: ElementRef;

diff --git a/...-code-editor/samples/sample-po-code-editor-basic/sample-po-code-editor-basic.component.ts b/...-code-editor/samples/sample-po-code-editor-basic/sample-po-code-editor-basic.component.ts
@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'sample-po-code-editor-basic',
-  templateUrl: './sample-po-code-editor-basic.component.html'
+    selector: 'sample-po-code-editor-basic',
+    templateUrl: './sample-po-code-editor-basic.component.html',
+    standalone: false
 })
 export class SamplePoCodeEditorBasicComponent {}
diff --git a/...po-code-editor/samples/sample-po-code-editor-diff/sample-po-code-editor-diff.component.ts b/...po-code-editor/samples/sample-po-code-editor-diff/sample-po-code-editor-diff.component.ts
@@ -1,8 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'sample-po-code-editor-diff',
-  templateUrl: './sample-po-code-editor-diff.component.html'
+    selector: 'sample-po-code-editor-diff',
+    templateUrl: './sample-po-code-editor-diff.component.html',
+    standalone: false
 })
 export class SamplePoCodeEditorDiffComponent {
   code = [

diff --git a/...po-code-editor/samples/sample-po-code-editor-labs/sample-po-code-editor-labs.component.ts b/...po-code-editor/samples/sample-po-code-editor-labs/sample-po-code-editor-labs.component.ts
@@ -3,8 +3,9 @@ import { Component, OnInit } from '@angular/core';
 import { PoCheckboxGroupOption, PoSelectOption } from '@po-ui/ng-components';
 
 @Component({
-  selector: 'sample-po-code-editor-labs',
-  templateUrl: './sample-po-code-editor-labs.component.html'
+    selector: 'sample-po-code-editor-labs',
+    templateUrl: './sample-po-code-editor-labs.component.html',
+    standalone: false
 })
 export class SamplePoCodeEditorLabsComponent implements OnInit {
   codeEditor: string;

diff --git a/...or/samples/sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.ts b/...or/samples/sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.ts
@@ -1,8 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'sample-po-code-editor-suggestion',
-  templateUrl: './sample-po-code-editor-suggestion.component.html'
+    selector: 'sample-po-code-editor-suggestion',
+    templateUrl: './sample-po-code-editor-suggestion.component.html',
+    standalone: false
 })
 export class SamplePoCodeEditorSuggestionComponent {
   language = 'html';

diff --git a/...itor/samples/sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.ts b/...itor/samples/sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.ts
@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'sample-po-code-editor-terraform',
-  templateUrl: './sample-po-code-editor-terraform.component.html'
+    selector: 'sample-po-code-editor-terraform',
+    templateUrl: './sample-po-code-editor-terraform.component.html',
+    standalone: false
 })
 export class SamplePoCodeEditorTerraformComponent {}
diff --git a/projects/portal/src/app/app.component.ts b/projects/portal/src/app/app.component.ts
@@ -10,8 +10,9 @@ import { VersionService } from './shared/version.service';
 const KEY_STORAGE_REVIEW_SURVEY = 'review_survey_po_ui';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html'
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    standalone: false
 })
 export class AppComponent implements OnInit, OnDestroy {
   menus: Array<PoMenuItem> = [];

diff --git a/projects/portal/src/app/documentation/documentation-code.directive.ts b/projects/portal/src/app/documentation/documentation-code.directive.ts
@@ -4,7 +4,8 @@ import { AfterViewInit } from '@angular/core';
 declare const hljs: any;
 
 @Directive({
-  selector: '[appCodeHighlight]'
+    selector: '[appCodeHighlight]',
+    standalone: false
 })
 export class HighlightCodeDirective implements AfterViewInit {
   constructor(private element: ElementRef) {}

diff --git a/projects/portal/src/app/documentation/documentation-list.component.ts b/projects/portal/src/app/documentation/documentation-list.component.ts
@@ -7,7 +7,8 @@ import { Documentation } from './documentation.class';
 import { DocumentationService } from '../documentation/documentation.service';
 
 @Component({
-  templateUrl: './documentation-list.component.html'
+    templateUrl: './documentation-list.component.html',
+    standalone: false
 })
 export class DocumentationListComponent implements OnInit {
   public filteredItems;

diff --git a/projects/portal/src/app/documentation/documentation.component.ts b/projects/portal/src/app/documentation/documentation.component.ts
@@ -4,8 +4,9 @@ import { HttpClient } from '@angular/common/http';
 import { MenuComponentsService } from './menu-components.service';
 
 @Component({
-  templateUrl: './documentation.component.html',
-  providers: [MenuComponentsService]
+    templateUrl: './documentation.component.html',
+    providers: [MenuComponentsService],
+    standalone: false
 })
 export class DocumentationComponent implements OnInit {
   menus = [];

diff --git a/projects/portal/src/app/guide/guides.components.ts b/projects/portal/src/app/guide/guides.components.ts
@@ -4,8 +4,9 @@ import { HttpClient } from '@angular/common/http';
 import { MenuGuidesService } from './menu-guides.service';
 
 @Component({
-  templateUrl: './guides.component.html',
-  providers: [MenuGuidesService]
+    templateUrl: './guides.component.html',
+    providers: [MenuGuidesService],
+    standalone: false
 })
 export class GuidesComponent implements OnInit {
   menus = [];

diff --git a/projects/portal/src/app/home/home-colorful/home-colorful.component.ts b/projects/portal/src/app/home/home-colorful/home-colorful.component.ts
@@ -3,9 +3,10 @@ import { pluck } from 'rxjs/operators';
 import { HomeColorfulService } from './home-colorful.service';
 
 @Component({
-  selector: 'app-home-colorful',
-  templateUrl: './home-colorful.component.html',
-  styleUrls: ['./home-colorful.component.css']
+    selector: 'app-home-colorful',
+    templateUrl: './home-colorful.component.html',
+    styleUrls: ['./home-colorful.component.css'],
+    standalone: false
 })
 export class HomeColorfulComponent implements OnInit {
   public stargazers_count: number;

diff --git a/projects/portal/src/app/home/home.component.ts b/projects/portal/src/app/home/home.component.ts
@@ -2,9 +2,10 @@ import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-home',
-  templateUrl: 'home.component.html',
-  styleUrls: ['home.component.css']
+    selector: 'app-home',
+    templateUrl: 'home.component.html',
+    styleUrls: ['home.component.css'],
+    standalone: false
 })
 export class HomeComponent {
   constructor(private router: Router) {}

diff --git a/projects/portal/src/app/icons/icons.component.ts b/projects/portal/src/app/icons/icons.component.ts
@@ -3,9 +3,10 @@ import { Component, ViewChild } from '@angular/core';
 import { PoComboOption, PoNotificationService, PoSearchComponent, PoSearchFilterMode } from '../../../../ui/src/lib';
 
 @Component({
-  selector: 'app-icons',
-  templateUrl: './icons.component.html',
-  styleUrls: ['icons.component.css']
+    selector: 'app-icons',
+    templateUrl: './icons.component.html',
+    styleUrls: ['icons.component.css'],
+    standalone: false
 })
 export class IconsComponent {
   @ViewChild('poSearch', { static: true }) PoSearch: PoSearchComponent;

diff --git a/projects/portal/src/app/theme-builder/theme-builder.component.ts b/projects/portal/src/app/theme-builder/theme-builder.component.ts
@@ -31,10 +31,11 @@ import {
 } from '../../../../ui/src/lib';
 
 @Component({
-  selector: 'app-theme-builder',
-  templateUrl: './theme-builder.component.html',
-  styleUrls: ['theme-builder.component.css'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'app-theme-builder',
+    templateUrl: './theme-builder.component.html',
+    styleUrls: ['theme-builder.component.css'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class ThemeBuilderComponent implements AfterViewInit, OnInit {
   @ViewChild('viewCSSModal') viewCSSModal: PoModalComponent;

diff --git a/projects/portal/src/app/tools/tools-dynamic-form/tools-dynamic-form.component.ts b/projects/portal/src/app/tools/tools-dynamic-form/tools-dynamic-form.component.ts
@@ -13,9 +13,10 @@ import {
 } from '@po-ui/ng-components';
 
 @Component({
-  selector: 'app-tools-dynamic-form',
-  templateUrl: 'tools-dynamic-form.component.html',
-  styleUrls: ['tools-dynamic-form.component.css']
+    selector: 'app-tools-dynamic-form',
+    templateUrl: 'tools-dynamic-form.component.html',
+    styleUrls: ['tools-dynamic-form.component.css'],
+    standalone: false
 })
 export class ToolsDynamicFormComponent {
   @ViewChild('generatorForm') generatorForm: NgForm;

diff --git a/projects/portal/src/app/tools/tools-dynamic-view/tools-dynamic-view.component.ts b/projects/portal/src/app/tools/tools-dynamic-view/tools-dynamic-view.component.ts
@@ -15,9 +15,10 @@ import {
 } from '@po-ui/ng-components';
 
 @Component({
-  selector: 'app-tools-dynamic-view',
-  templateUrl: 'tools-dynamic-view.component.html',
-  styleUrls: ['tools-dynamic-view.component.css']
+    selector: 'app-tools-dynamic-view',
+    templateUrl: 'tools-dynamic-view.component.html',
+    styleUrls: ['tools-dynamic-view.component.css'],
+    standalone: false
 })
 export class ToolsDynamicViewComponent {
   @ViewChild('generatorForm') generatorForm: NgForm;

diff --git a/...dal-password-recovery-error-message/po-modal-password-recovery-error-message.component.ts b/...dal-password-recovery-error-message/po-modal-password-recovery-error-message.component.ts
@@ -8,8 +8,9 @@ import { Component, Input } from '@angular/core';
  * Componente utilizado para exibição da mensagem customizada de erro em um campo de formulário.
  */
 @Component({
-  selector: 'po-modal-password-recovery-error-message',
-  templateUrl: './po-modal-password-recovery-error-message.component.html'
+    selector: 'po-modal-password-recovery-error-message',
+    templateUrl: './po-modal-password-recovery-error-message.component.html',
+    standalone: false
 })
 export class PoModalPasswordRecoveryErrorMessageComponent {
   /** Texto exibido na mensagem de erro. */