V15 (#26)

* jspython version jump

* angular update step 1

* Upgraded to Angular v15

* version update

Author: ppaska

angular.json

@@ -298,5 +298,8 @@
       }
     }
   },
-  "defaultProject": "ngx-dynamic-components"
+  "defaultProject": "ngx-dynamic-components",
+  "cli": {
+    "analytics": false
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-dynamic-components",
-  "version": "13.1.10",
+  "version": "15.0.2",
   "description": "NGX Dynamic Components is a configuration based dynamic components library for Angular. That allows you to rapidly create dynamic forms or any other mobile-friendly web layouts.",
   "author": "FalconSoft Ltd",
   "repository": {
@@ -28,54 +28,53 @@
     "fix": "ng serve --configuration=fix"
   },
   "dependencies": {
-    "@angular/animations": "^13.2.6",
-    "@angular/cdk": "^13.2.6",
-    "@angular/common": "^13.2.6",
-    "@angular/compiler": "^13.2.6",
-    "@angular/core": "^13.2.6",
-    "@angular/flex-layout": "^13.0.0-beta.38",
-    "@angular/forms": "^13.2.6",
-    "@angular/material": "^13.2.6",
-    "@angular/platform-browser": "^13.2.6",
-    "@angular/platform-browser-dynamic": "^13.2.6",
-    "@angular/router": "^13.2.6",
-    "@ng-select/ng-select": "^8.1.1",
+    "@angular/animations": "^15.0.3",
+    "@angular/cdk": "^15.0.2",
+    "@angular/common": "^15.0.3",
+    "@angular/compiler": "^15.0.3",
+    "@angular/core": "^15.0.3",
+    "@angular/flex-layout": "^14.0.0-beta.41",
+    "@angular/forms": "^15.0.3",
+    "@angular/material": "^15.0.2",
+    "@angular/platform-browser": "^15.0.3",
+    "@angular/platform-browser-dynamic": "^15.0.3",
+    "@angular/router": "^15.0.3",
+    "@ng-select/ng-select": "^10.0.1",
     "ace-builds": "^1.4.12",
     "angular-resizable-element": "^4.0.0",
     "angular-split": "^13.2.0",
     "bootstrap": "^5.1.3",
     "core-js": "^3.19.3",
-    "fast-xml-parser": "^4.0.6",
     "font-awesome": "^4.7.0",
     "isomorphic-xml2js": "0.1.3",
     "json-formatter-js": "^2.3.3",
-    "jspython-interpreter": "^2.1.7",
-    "ngx-bootstrap": "^8.0.0",
-    "ngx-markdown": "^13.1.0",
-    "rxjs": "^7.4.0",
-    "tslib": "^2.3.1",
-    "zone.js": "~0.11.4"
+    "jspython-interpreter": "^2.1.12",
+    "ngx-bootstrap": "^10.0.0",
+    "ngx-markdown": "^15.0.0",
+    "rxjs": "^7.6.0",
+    "tslib": "^2.4.1",
+    "zone.js": "~0.12.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.2.6",
-    "@angular-eslint/builder": "^13.1.0",
-    "@angular-eslint/eslint-plugin": "^13.1.0",
-    "@angular-eslint/eslint-plugin-template": "^13.1.0",
-    "@angular-eslint/schematics": "13.1.0",
-    "@angular-eslint/template-parser": "^13.1.0",
-    "@angular/cli": "^13.2.6",
-    "@angular/compiler-cli": "^13.2.6",
-    "@angular/language-service": "^13.2.6",
+    "@angular-devkit/build-angular": "~15.0.3",
+    "@angular-eslint/builder": "^15.1.0",
+    "@angular-eslint/eslint-plugin": "^15.1.0",
+    "@angular-eslint/eslint-plugin-template": "^15.1.0",
+    "@angular-eslint/schematics": "15.1.0",
+    "@angular-eslint/template-parser": "^15.1.0",
+    "@angular/cli": "^15.0.3",
+    "@angular/compiler-cli": "^15.0.3",
+    "@angular/language-service": "^15.0.3",
     "@types/eslint": "^8.2.1",
     "@types/estree": "^0.0.50",
     "@types/jasmine": "~3.7.7",
     "@types/jasminewd2": "^2.0.9",
     "@types/node": "^12.19.11",
-    "@typescript-eslint/eslint-plugin": "5.6.0",
-    "@typescript-eslint/parser": "5.6.0",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "angular-cli-ghpages": "^1.0.0",
     "codelyzer": "^6.0.0",
-    "eslint": "^8.4.1",
+    "eslint": "^8.23.0",
     "eslint-plugin-import": "2.25.3",
     "eslint-plugin-jsdoc": "37.2.0",
     "eslint-plugin-prefer-arrow": "1.2.3",
@@ -87,10 +86,10 @@
     "karma-coverage-istanbul-reporter": "^3.0.3",
     "karma-jasmine": "~4.0.1",
     "karma-jasmine-html-reporter": "^1.6.0",
-    "ng-packagr": "^13.0.3",
+    "ng-packagr": "^15.0.3",
     "protractor": "~7.0.0",
     "ts-node": "~7.0.0",
     "tslint": "~6.1.3",
-    "typescript": "~4.4.4"
+    "typescript": "~4.8.4"
   }
 }

projects/bootstrap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-dynamic-components/bootstrap",
-  "version": "13.1.10",
+  "version": "15.0.2",
   "private": false,
   "description": "@ngx-dynamic-components/bootstrap is Angular 7+ library what contains a bootstrap interfaces to build a configuration driven web pages and workflows.",
   "author": "FalconSoft Ltd <[email protected]>",
@@ -19,11 +19,11 @@
     "form library"
   ],
   "peerDependencies": {
-    "@angular/animations": "^13.0.3",
-    "@angular/common": "^13.0.3",
-    "@angular/core": "^13.0.3",
-    "@ngx-dynamic-components/core": ">=13.1.10",
+    "@angular/animations": "^15.0.3",
+    "@angular/common": "^15.0.3",
+    "@angular/core": "^15.0.3",
+    "@ngx-dynamic-components/core": ">=15.0.1",
     "bootstrap-scss": "^4.6.0",
-    "ngx-bootstrap": "^8.0.0"
+    "ngx-bootstrap": "^10.0.0"
   }
 }

projects/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-dynamic-components/core",
-  "version": "13.1.10",
+  "version": "15.0.2",
   "private": false,
   "description": "@ngx-dynamic-components/core is Angular 7+ library what contains a core interfaces to build a configuration driven web pages and workflows.",
   "author": "FalconSoft Ltd <[email protected]>",
@@ -21,8 +21,7 @@
 
   "peerDependencies": {
     "isomorphic-xml2js": "0.1.3",
-    "@angular/cdk": "^13.0.3",
-    "@angular/common": "^13.0.3",
-    "@angular/core": "^13.0.0"
+    "@angular/common": "^15.0.3",
+    "@angular/core": "^15.0.3"
   }
 }

projects/core/src/lib/components/base-html-element.ts

@@ -14,10 +14,6 @@ export class BaseHTMLElement<T = HTMLProperties> extends BaseDynamicComponent<T>
     element: HTMLElement;
     private parentNode: Node;
 
-    constructor(public containerRef?: ViewContainerRef, public injector?: Injector) {
-      super(injector);
-    }
-
     async ngOnDestroy(): Promise<void> {
       this.emitEvent((this.properties as BaseProperties).onDestroy);
       if (this.element) {

projects/core/src/lib/ui-components/text/text.component.ts

@@ -46,6 +46,7 @@ export class TextProperties extends BindingProperties {
     description: 'Text style text data.',
     example: 'h2',
   })
+  // eslint-disable-next-line @typescript-eslint/naming-convention
   'text-style'?: string;
 }
 

projects/tools/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-dynamic-components/tools",
-  "version": "13.1.10",
+  "version": "15.0.2",
   "private": false,
   "description": "@ngx-dynamic-components/tools is Angular 7+ library what contains a core interfaces to build a configuration driven web pages.",
   "author": "FalconSoft Ltd <[email protected]>",
@@ -19,12 +19,12 @@
     "form library"
   ],
   "peerDependencies": {
-    "@angular/common": "^13.0.3",
-    "@angular/core": "^13.0.3",
-    "@angular/flex-layout": "^13.0.0-beta.36",
-    "@angular/material": "^13.0.3",
-    "@ngx-dynamic-components/bootstrap": ">=13.1.10",
-    "@ngx-dynamic-components/core": ">=13.1.10",
+    "@angular/common": "^15.0.3",
+    "@angular/core": "^15.0.3",
+    "@angular/flex-layout": "^14.0.0-beta.41",
+    "@angular/material": "^15.0.2",
+    "@ngx-dynamic-components/bootstrap": ">=15.0.1",
+    "@ngx-dynamic-components/core": ">=15.0.1",
     "ace-builds": "^1.4.12",
     "angular-split": "^13.2.0"
   }

projects/tools/src/lib/components/preview-editor/preview-editor.component.scss

@@ -1,4 +1,4 @@
-@import 'src/_vars.scss';
+@import '../../../../../../src/_vars.scss';
 
 $color: rgba(0, 0, 0, .5);
 

projects/tools/src/lib/components/preview-editor/preview-editor.component.spec.ts

@@ -13,6 +13,7 @@ import {
   getComponentById,
   BaseDynamicComponent,
   CoreService,
+  AttributesMap,
 } from '@ngx-dynamic-components/core';
 import type {
   NGXDynamicComponent,
@@ -48,7 +49,7 @@ export class PreviewEditorComponent implements OnInit, AfterViewInit {
 
   dataModel: any;
   dataModelCopy: any;
-  uiModel: UIModel | string;
+  uiModel: string;
 
   uiModelEditor: Ace.Editor;
   uiModelJSONEditor: Ace.Editor;
@@ -101,7 +102,7 @@ export class PreviewEditorComponent implements OnInit, AfterViewInit {
     this.interpreter.addFunction('alert', (msg: string): void => alert(msg));
 
     this.interpreter.assignGlobalContext({});
-    this.uiModel = this.initUiModel;
+    this.uiModel = this.initUiModel as string;
     console.log('this.initDataModel', this.initDataModel);
     this.dataModel = this.initDataModel;
   }
@@ -192,7 +193,7 @@ export class PreviewEditorComponent implements OnInit, AfterViewInit {
     this.uiModelJSONEditor.resize();
   }
 
-  private refreshPreview(uiModel: UIModel | string, dataModel: any): void {
+  private refreshPreview(uiModel: string, dataModel: any): void {
     this.uiModel = uiModel;
     this.dataModelCopy = JSON.parse(JSON.stringify(dataModel));
   }