revert updating Angular/Ionic

ui/.gitignore

@@ -22,7 +22,6 @@ npm-debug.log*
 
 postprocess.js
 
-/.angular
 /.idea
 /.ionic
 /.sass-cache

ui/package.json

@@ -13,45 +13,45 @@
     "lint": "ng lint"
   },
   "dependencies": {
-    "@angular/common": "^13.0.0",
-    "@angular/core": "^13.0.0",
-    "@angular/forms": "^13.0.0",
-    "@angular/platform-browser": "^13.0.0",
-    "@angular/platform-browser-dynamic": "^13.0.0",
-    "@angular/router": "^13.0.0",
-    "@ionic/angular": "^6.0.0-rc.2",
+    "@angular/common": "^12.2.4",
+    "@angular/core": "^12.2.4",
+    "@angular/forms": "^12.2.4",
+    "@angular/platform-browser": "^12.2.4",
+    "@angular/platform-browser-dynamic": "^12.2.4",
+    "@angular/router": "^12.2.4",
+    "@ionic/angular": "^5.7.0",
     "@ionic/storage-angular": "^3.0.6",
     "@start9labs/emver": "0.1.5",
     "ajv": "^6.12.6",
     "ansi-to-html": "^0.7.2",
-    "core-js": "^3.19.0",
+    "core-js": "^3.17.2",
     "dompurify": "^2.3.3",
     "fast-json-patch": "^3.1.0",
     "fuse.js": "^6.4.6",
-    "marked": "4.0.1",
+    "marked": "3.0.2",
     "mustache": "^4.2.0",
-    "ng-qrcode": "^5.2.0",
+    "ng-qrcode": "^5.0.0",
     "patch-db-client": "file: ../../../patch-db/client",
     "rxjs": "^6.6.7",
     "uuid": "^8.3.2",
     "zone.js": "^0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^13.0.0",
-    "@angular/cli": "^13.0.0",
-    "@angular/compiler": "^13.0.0",
-    "@angular/compiler-cli": "^13.0.0",
-    "@ionic/angular-toolkit": "^5.0.0",
+    "@angular-devkit/build-angular": "^12.2.4",
+    "@angular/cli": "^12.2.4",
+    "@angular/compiler": "^12.2.4",
+    "@angular/compiler-cli": "^12.2.4",
+    "@angular/language-service": "^12.2.4",
+    "@ionic/angular-toolkit": "^4.0.0",
     "@types/json-pointer": "^1.0.31",
-    "@types/dompurify": "^2.3.1",
-    "@types/marked": "^4.0.0",
+    "@types/marked": "^3.0.0",
     "@types/mustache": "^4.1.2",
-    "@types/node": "^16.11.0",
+    "@types/node": "^16.7.13",
     "@types/uuid": "^8.3.1",
-    "node-html-parser": "^5.1.0",
+    "node-html-parser": "^4.1.4",
     "raw-loader": "^4.0.2",
-    "ts-node": "^10.4.0",
+    "ts-node": "^10.2.0",
     "tslint": "^6.1.3",
-    "typescript": "4.4.4"
+    "typescript": "4.3.5"
   }
-}
+}

ui/src/app/pages/apps-routes/app-list/app-list.page.html

@@ -91,7 +91,7 @@
 
         <!-- reordering -->
         <ion-list>
-          <ion-reorder-group *ngIf="reordering" disabled="false" (ionItemReorder)="reorder($event)">
+          <ion-reorder-group *ngIf="reordering" disabled="false" (ionItemReorder)="reorder($any($event))">
             <ion-reorder *ngFor="let pkg of pkgs">
               <ion-item style="--background: var(--ion-color-medium-shade);">
                 <div

ui/src/app/pipes/markdown.pipe.ts

@@ -1,5 +1,5 @@
 import { Pipe, PipeTransform } from '@angular/core'
-import { marked } from 'marked'
+import * as marked from 'marked'
 import * as DOMPurify from 'dompurify'
 
 @Pipe({

ui/src/global.scss

@@ -182,8 +182,14 @@ ion-button {
   white-space: nowrap;
 }
 
+.modal-wrapper.sc-ion-modal-md {
+  border-radius: 6px;
+  border: 2px solid rgba(255,255,255,.03);
+  box-shadow: 0 0 70px 70px black;
+}
+
 .qr-modal {
-  &::part(content) {
+  .modal-wrapper {
     width: 400px !important;
     height: 400px !important;
     top: unset !important;
@@ -191,31 +197,28 @@ ion-button {
   }
 }
 
-ion-modal::part(content) {
+.modal-wrapper {
   position: absolute;
   height: 90% !important;
   top: 5%;
   width: 90% !important;
   left: 5%;
   display: block;
-
-  border-radius: 6px;
-  border: 2px solid rgba(255,255,255,.03);
-  box-shadow: 0 0 70px 70px black;
 }
 
 @media (min-width:1000px) {
-  ion-modal::part(content) {
+  .modal-wrapper {
     position: absolute;
     height: 80% !important;
     top: 10%;
     width: 50% !important;
     left: 25%;
+    display: block;
   }
 }
 
 .alertlike-modal {
-  &::part(content) {
+  .modal-wrapper {
     max-height: 380px !important;
     top: 25% !important;
     width: 90% !important;
@@ -226,7 +229,7 @@ ion-modal::part(content) {
 
 @media (min-width:1000px) {
   .alertlike-modal {
-    &::part(content) {
+    .modal-wrapper {
       width: 60% !important;
       left: 20% !important;
     }

ui/tsconfig.json

@@ -12,7 +12,6 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "strictNullChecks": false,
-    "skipLibCheck": true,
     "target": "es2015",
     "paths": {
       "stream": ["./node_modules/stream-browserify"],