feat: atualiza para a versão angular 19

po-ui · Dec 18, 2024 · 8316df1 · 8316df1
1 parent ba843f7
commit 8316df1
Show file tree

Hide file tree

Showing 639 changed files with 1,477 additions and 839 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -90,7 +90,6 @@
           }
         ],
         "@typescript-eslint/no-empty-interface": "off",
-        "@typescript-eslint/no-extra-semi": "error",
         "@typescript-eslint/no-for-in-array": "error",
         "@typescript-eslint/no-inferrable-types": [
           "off",
@@ -272,7 +271,10 @@
         "sonarjs/no-useless-catch": "error",
         "sonarjs/prefer-immediate-return": "error",
         "space-before-function-paren": "off",
-        "space-in-parens": ["off", "never"]
+        "space-in-parens": ["off", "never"],
+        "@angular-eslint/prefer-standalone": "off",
+        "@typescript-eslint/no-unsafe-function-type": "off",
+        "@typescript-eslint/no-empty-object-type": "off"
       }
     },
     {

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/docs/guides/getting-started.md b/docs/guides/getting-started.md
@@ -7,12 +7,12 @@ Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado
 
 Instalando com npm:
 ```
-npm i -g @angular/cli@18
+npm i -g @angular/cli@19
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn global add @angular/cli@18
+yarn global add @angular/cli@19
 ```
 
 ### Passo 1 - Crie o seu primeiro projeto
@@ -36,26 +36,26 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
 
 ```
   "dependencies": {
-    "@angular/animations": "~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",
-    "rxjs": "~7.8.1",
-    "tslib": "^2.6.2",
-    "zone.js": "~0.14.4"
+    "@angular/animations": "~19.0.0",
+    "@angular/common": "~19.0.0",
+    "@angular/compiler": "~19.0.0",
+    "@angular/core": "~19.0.0",
+    "@angular/forms": "~19.0.0",
+    "@angular/platform-browser": "~19.0.0",
+    "@angular/platform-browser-dynamic": "~19.0.0",
+    "@angular/router": "~19.0.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.0"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~18.0.2",
-    "@angular-devkit/schematics": "~18.0.2",
-    "@angular/cli": "~18.0.2",
-    "@angular/compiler-cli": "~18.0.1",
+    "@angular-devkit/build-angular": "~19.0.5",
+    "@angular-devkit/schematics": "~19.0.5",
+    "@angular/cli": "~19.0.5",
+    "@angular/compiler-cli": "~19.0.0",
     ...
-    "typescript": "~5.4.5"
+    "typescript": "~5.6.2"
   }
 ```
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "po-ui-sources",
-  "version": "18.21.0",
+  "version": "19.0-rc.0",
   "description": "PO UI",
   "homepage": "https://po-ui.io",
   "license": "MIT",
@@ -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/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/animations": "~19.0.3",
+    "@angular/cdk": "~19.0.3",
+    "@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.21.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-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-devkit/build-angular": "~19.0.4",
+    "@angular-eslint/builder": "^19.0.2",
+    "@angular-eslint/eslint-plugin": "^19.0.2",
+    "@angular-eslint/eslint-plugin-template": "^19.0.2",
+    "@angular-eslint/schematics": "^19.0.2",
+    "@angular-eslint/template-parser": "^19.0.2",
+    "@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",
@@ -114,12 +114,12 @@
     "@types/node": "^20.10.0",
     "@types/resize-observer-browser": "^0.1.11",
     "@types/systemjs": "^6.13.5",
-    "@typescript-eslint/eslint-plugin": "^7.11.0",
-    "@typescript-eslint/parser": "^7.11.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
     "del": "^6.0.0",
     "dgeni": "^0.4.14",
     "dgeni-packages": "0.30.0",
-    "eslint": "^8.54.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-import": "latest",
     "eslint-plugin-jsdoc": "latest",
     "eslint-plugin-prefer-arrow": "latest",
@@ -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/.eslintrc.json b/projects/app/.eslintrc.json
@@ -82,7 +82,6 @@
           }
         ],
         "@typescript-eslint/no-empty-interface": "off",
-        "@typescript-eslint/no-extra-semi": "error",
         "@typescript-eslint/no-for-in-array": "error",
         "@typescript-eslint/no-inferrable-types": [
           "off",

diff --git a/projects/app/e2e/tsconfig.json b/projects/app/e2e/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.base.json",
+  "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/e2e",
     "module": "commonjs",

diff --git a/projects/app/src/app/app.component.ts b/projects/app/src/app/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html'
+  templateUrl: './app.component.html',
+  standalone: false
 })
 export class AppComponent {}
diff --git a/projects/app/tsconfig.app.json b/projects/app/tsconfig.app.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/app",
     "types": []

diff --git a/projects/app/tsconfig.spec.json b/projects/app/tsconfig.spec.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": ["jasmine", "node"]

diff --git a/projects/code-editor/.eslintrc.json b/projects/code-editor/.eslintrc.json
@@ -78,7 +78,6 @@
           }
         ],
         "@typescript-eslint/no-empty-interface": "off",
-        "@typescript-eslint/no-extra-semi": "error",
         "@typescript-eslint/no-for-in-array": "error",
         "@typescript-eslint/no-inferrable-types": [
           "off",

diff --git a/projects/code-editor/package.json b/projects/code-editor/package.json
@@ -19,11 +19,11 @@
     "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/common": "^18",
-    "@angular/core": "^18",
-    "@angular/forms": "^18",
+    "@angular/common": "^19",
+    "@angular/core": "^19",
+    "@angular/forms": "^19",
     "@po-ui/ng-components": "0.0.0-PLACEHOLDER",
     "monaco-editor": "0.44.0",
-    "zone.js": "~0.14.4"
+    "zone.js": "~0.15.0"
   }
 }
diff --git a/projects/code-editor/src/lib/components/po-code-editor/po-code-editor-register.service.ts b/projects/code-editor/src/lib/components/po-code-editor/po-code-editor-register.service.ts
@@ -60,7 +60,9 @@ import { PoCodeEditorRegisterableSuggestionType } from './interfaces/po-code-edi
  * > As configurações para o registro de uma nova sintaxe no Monaco code editor podem ser encontradas em
  * > [**Monaco Editor**](https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-custom-languages).
  */
-@Injectable()
+@Injectable({
+  providedIn: 'root'
+})
 export class PoCodeEditorRegister implements PoCodeEditorRegisterable {
   /** Sintaxe a ser registrada. */
   language: string;

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,8 @@ const providers: Array<Provider> = [
 @Component({
   selector: 'po-code-editor',
   templateUrl: './po-code-editor.component.html',
-  providers
+  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
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'sample-po-code-editor-basic',
-  templateUrl: './sample-po-code-editor-basic.component.html'
+  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
@@ -2,7 +2,8 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'sample-po-code-editor-diff',
-  templateUrl: './sample-po-code-editor-diff.component.html'
+  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
@@ -4,7 +4,8 @@ import { PoCheckboxGroupOption, PoSelectOption } from '@po-ui/ng-components';
 
 @Component({
   selector: 'sample-po-code-editor-labs',
-  templateUrl: './sample-po-code-editor-labs.component.html'
+  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
@@ -2,7 +2,8 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'sample-po-code-editor-suggestion',
-  templateUrl: './sample-po-code-editor-suggestion.component.html'
+  templateUrl: './sample-po-code-editor-suggestion.component.html',
+  standalone: false
 })
 export class SamplePoCodeEditorSuggestionComponent {
   language = 'html';