Actualizar a Angular 13

Frontend Angular 4/.gitignore

+/.angular/cache
 .vscode
 node_modules
\ No newline at end of file

Frontend Angular 4/angular.json

@@ -113,13 +113,6 @@
             ],
             "assets": ["src/assets", "src/favicon.ico", "src/.htaccess"]
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
-            "exclude": []
-          }
         }
       }
     },
@@ -134,13 +127,6 @@
             "protractorConfig": "./protractor.conf.js",
             "devServerTarget": "cli-stable:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": ["e2e/tsconfig.e2e.json"],
-            "exclude": []
-          }
         }
       }
     }

Frontend Angular 4/package.json

@@ -12,15 +12,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^12.2.16",
-    "@angular/compiler": "^12.2.16",
-    "@angular/core": "^12.2.16",
-    "@angular/forms": "^12.2.16",
-    "@angular/localize": "^12.2.16",
-    "@angular/platform-browser": "^12.2.16",
-    "@angular/platform-browser-dynamic": "^12.2.16",
-    "@angular/router": "^12.2.16",
-    "@ng-bootstrap/ng-bootstrap": "^10.0.0",
+    "@angular/common": "^13.3.11",
+    "@angular/compiler": "^13.3.11",
+    "@angular/core": "^13.3.11",
+    "@angular/forms": "^13.3.11",
+    "@angular/localize": "^13.3.11",
+    "@angular/platform-browser": "^13.3.11",
+    "@angular/platform-browser-dynamic": "^13.3.11",
+    "@angular/router": "^13.3.11",
+    "@ng-bootstrap/ng-bootstrap": "^11.0.0",
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "codemirror": "^5.65.9",
@@ -33,25 +33,24 @@
     "ionicons": "^3.0.0",
     "jq-console": "^2.13.2",
     "jquery": "^3.2.1",
-    "lt-codemirror": "^9.0.0",
+    "lt-codemirror": "^10.0.0",
     "matefun-components": "^0.3.0",
     "mathjs": "1.6.0",
     "ng2-slider-component": "^1.0.9",
     "rxjs": "6.6.7",
     "tippy.js": "^1.2.0",
     "tslib": "^2.0.0",
-    "web-animations-js": "^2.3.2",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~12.2.18",
-    "@angular/cli": "^12.2.18",
-    "@angular/compiler-cli": "^12.2.16",
+    "@angular-devkit/build-angular": "~13.3.9",
+    "@angular/cli": "^13.3.9",
+    "@angular/compiler-cli": "^13.3.11",
     "@types/jasmine": "~3.6.0",
     "@types/jquery": "^2.0.45",
     "@types/node": "^12.20.55",
-    "codelyzer": "^6.0.0",
-    "jasmine-core": "~3.6.0",
+    "codelyzer": "^6.0.2",
+    "jasmine-core": "~3.8.0",
     "jasmine-spec-reporter": "~5.0.0",
     "karma": "~6.4.1",
     "karma-chrome-launcher": "~3.1.0",
@@ -63,6 +62,6 @@
     "sass": "^1.55.0",
     "ts-node": "~2.0.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.3.5"
+    "typescript": "~4.6.4"
   }
 }

Frontend Angular 4/src/app/layout/archivos/archivos.component.html

@@ -86,7 +86,7 @@
                 </div>
               </div>
 
-              <div class="card-block">
+              <div class="card-block matefun-tab-page">
                 <div
                   class="row listado-archivos"
                   style="min-height: 100px; overflow-y: scroll"
@@ -150,7 +150,7 @@
                 </div>
               </div>
 
-              <div class="card-block">
+              <div class="card-block matefun-tab-page">
                 <div
                   class="row listado-archivos"
                   style="min-height: 100px; overflow-y: scroll"

Frontend Angular 4/src/polyfills.ts

@@ -37,18 +37,9 @@ import '@angular/localize/init';
 // import "core-js/es6/map";
 // import "core-js/es6/set";
 
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following to support `@angular/animation`. */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /** Evergreen browsers require these. **/
 import "core-js/es6/reflect";
-import "core-js/es7/reflect";
-
-/** ALL Firefox browsers require the following to support `@angular/animation`. **/
-import "web-animations-js"; // Run `npm install --save web-animations-js`.
+import "core-js/es7/reflect"; // Run `npm install --save web-animations-js`.
 
 /***************************************************************************************************
  * Zone JS is required by Angular itself.

Frontend Angular 4/src/styles/_responsive.scss

@@ -149,3 +149,7 @@ text {
     width: 30px;
   }
 }
+
+.matefun-tab-page {
+  transform: translateY(-33px);
+}

Frontend Angular 4/src/test.ts

@@ -22,7 +22,9 @@ __karma__.loaded = function () {};
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context("./", true, /\.spec\.ts$/);