Merge pull request #1174 from udos86/migration-ng-16

18.0.0
udos86 · Aug 15, 2023 · da1742c · da1742c
2 parents 000f96c + d129e49
commit da1742c
Show file tree

Hide file tree

Showing 313 changed files with 8,255 additions and 14,340 deletions.
diff --git a/.github/issue_template.md b/.github/issue_template.md
@@ -18,7 +18,6 @@ NG Dynamic Forms Version: `X.Y.Z`
 [ ] Bootstrap UI  
 [ ] Foundation UI
 [ ] Ionic UI
-[ ] Kendo UI
 [ ] Material  
 [ ] NG Bootstrap
 [ ] Prime NG

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -22,7 +22,6 @@ jobs:
       - run: npm run build:ui-bootstrap && npm run test:ui-bootstrap
       - run: npm run build:ui-foundation && npm run test:ui-foundation
       - run: npm run build:ui-ionic && npm run test:ui-ionic
-      - run: npm run build:ui-kendo && npm run test:ui-kendo
       - run: npm run build:ui-material && npm run test:ui-material
       - run: npm run build:ui-ng-bootstrap && npm run test:ui-ng-bootstrap
       - run: npm run build:ui-ngx-bootstrap && npm run test:ui-ngx-bootstrap

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,16 @@
+# 18.0.0
+
+### **Features**
+
+* Migration to Angular 16
+* NG Dynamic Forms now exposes standalone components
+
+### **Breaking Changes**
+
+* Kendo UI package is no longer supported
+
+***
+
 # 17.0.0
 
 ### **Features**

diff --git a/README.md b/README.md
@@ -13,7 +13,7 @@ NG Dynamic Forms is a **rapid form development library** based on the official A
 
 It **fully automates form UI creation** by introducing a set of maintainable **form control models** and **dynamic form control components** 
 
-**Out of the box support** is provided for all popular UI libraries including **[Material](https://material.angular.io/)**, **[ngx-bootstrap](https://valor-software.com/ngx-bootstrap/#/)**, **[NG Bootstrap](https://ng-bootstrap.github.io/#/home)**, **[Foundation](http://foundation.zurb.com/)**, **[Ionic](http://ionicframework.com/)**, **[Kendo](http://www.telerik.com/kendo-angular-ui)** and **[PrimeNG](http://www.primefaces.org/primeng/#/)**.
+**Out of the box support** is provided for all popular UI libraries including **[Material](https://material.angular.io/)**, **[ngx-bootstrap](https://valor-software.com/ngx-bootstrap/#/)**, **[NG Bootstrap](https://ng-bootstrap.github.io/#/home)**, **[Foundation](http://foundation.zurb.com/)**, **[Ionic](http://ionicframework.com/)** and **[PrimeNG](http://www.primefaces.org/primeng/#/)**.
 
 Explore the [**live sample**](http://ng2-dynamic-forms.udos86.de/sample/index.html) and the [**API documentation**](http://ng2-dynamic-forms.udos86.de/docs/index.html)!
 
@@ -161,7 +161,6 @@ NG Dynamic Forms is built to provide **solid yet unobtrusive** support for a var
 * **[Basic](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-basic)**
 * **[Foundation](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-foundation)**
 * **[Ionic](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-ionic)**
-* **[Kendo UI](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-kendo)**
 * **[Material](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-material)**
 * **[NG Bootstrap](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-ng-bootstrap)**
 * **[ngx-bootstrap](https://github.com/udos86/ng-dynamic-forms/tree/master/projects/ng-dynamic-forms/ui-ngx-bootstrap)**
@@ -208,22 +207,22 @@ Alternatively you can **directly make use of a specific** `DynamicFormControlCom
 Due to technical restrictions or external dependencies still being in development the support of major form controls 
 varies among UI packages. **See the following compatibility table**:
 
-|                	| ui-basic 	| ui-ngx-bootstrap 	| ui-foundation 	| ui-ionic 	| ui-kendo 	| ui-material 	| ui-ng-bootstrap 	| ui-primeng 	|
-|----------------	|:--------:	|:----------------:	|:-------------:	|:--------:	|:--------:	|:-----------:	|:---------------:	|:----------:	|
-| Checkbox       	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
-| Checkbox Group 	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
-| Colorpicker    	|   ****   	|         ✗        	|      ****     	|   ****   	|   ****   	|     ****    	|       ****      	|      ✓     	|
-| Datepicker     	|     *    	|         ✓        	|       *       	|     ✓    	|     ✓    	|      *      	|        ✓        	|      ✓     	|
-| Editor         	|     ✗    	|         ✗        	|       ✗       	|     ✗    	|     ✗    	|      ✗      	|        ✗        	|      ✓     	|
-| File Upload    	|    **    	|        **        	|       **      	|     ✗    	|     ✓    	|      **     	|        **       	|     **     	|
-| Input          	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
-| Radio Group    	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
-| Rating         	|     ✗    	|         ✓        	|       ✗       	|     ✗    	|     ✗    	|      ✗      	|        ✗        	|      ✓     	|
-| Select         	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
-| Slider         	|    ***   	|        ***       	|      ***      	|     ✓    	|     ✓    	|      ✓      	|       ***       	|      ✓     	|
-| Switch         	|     ✗    	|         ✗        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✗        	|      ✓     	|
-| Textarea       	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
-| Timepicker     	|     *    	|         ✓        	|       *       	|     ✓    	|     ✓    	|      *      	|        ✓        	|      ✓     	|
+|                	| ui-basic 	| ui-ngx-bootstrap 	| ui-foundation 	| ui-ionic 	| ui-material 	| ui-ng-bootstrap 	| ui-primeng 	|
+|----------------	|:--------:	|:----------------:	|:-------------:	|:--------:	|:-----------:	|:---------------:	|:----------:	|
+| Checkbox       	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
+| Checkbox Group 	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
+| Colorpicker    	|   ****   	|         ✗        	|      ****     	|   ****   	|     ****    	|       ****      	|      ✓     	|
+| Datepicker     	|     *    	|         ✓        	|       *       	|     ✓    	|      *      	|        ✓        	|      ✓     	|
+| Editor         	|     ✗    	|         ✗        	|       ✗       	|     ✗    	|      ✗      	|        ✗        	|      ✓     	|
+| File Upload    	|    **    	|        **        	|       **      	|     ✗    	|      **     	|        **       	|     **     	|
+| Input          	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
+| Radio Group    	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
+| Rating         	|     ✗    	|         ✓        	|       ✗       	|     ✗    	|      ✗      	|        ✗        	|      ✓     	|
+| Select         	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
+| Slider         	|    ***   	|        ***       	|      ***      	|     ✓    	|      ✓      	|       ***       	|      ✓     	|
+| Switch         	|     ✗    	|         ✗        	|       ✓       	|     ✓    	|      ✓      	|        ✗        	|      ✓     	|
+| Textarea       	|     ✓    	|         ✓        	|       ✓       	|     ✓    	|      ✓      	|        ✓        	|      ✓     	|
+| Timepicker     	|     *    	|         ✓        	|       *       	|     ✓    	|      *      	|        ✓        	|      ✓     	|
 
 **\*)** datetime controls can be achieved using a `DynamicInputModel` with `inputType: "date"` or `inputType: "time"`
 
@@ -708,31 +707,6 @@ can use local template variables to reference your models' properties**:
 </form>
 ```
 
-**Still not convinced?**
-
-Some UI libraries, e.g. Kendo UI, allow detailed customizing of form controls via [**template directives**](http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-templates). 
-
-And you surely don't want to miss out on such a feature, do you?
-
-**That's why NG Dynamic Forms can even master this!**
-
-All you have to do is to **add a** `as` **attribute to your template** and specifiy the use of it:
-```html
-<form [formGroup]="formGroup">
-
-    <dynamic-kendo-form [group]="formGroup" [model]="formModel">
-
-        <ng-template modelId="myDropDownList" as="kendoDropDownListHeaderTemplate">
-
-            <p>My Kendo DropDown Header Template</p>
-
-        </ng-template>                                               
-
-    </dynamic-kendo-form>
-
-</form>
-```
-
 Finally **you can determine whether the template is rendered before or after the actual form control** by using the `align` property:
 ```html
 <form [formGroup]="formGroup">

diff --git a/angular.json b/angular.json
@@ -343,46 +343,6 @@
         }
       }
     },
-    "@ng-dynamic-forms/ui-kendo": {
-      "root": "projects/ng-dynamic-forms/ui-kendo",
-      "sourceRoot": "projects/ng-dynamic-forms/ui-kendo/src",
-      "projectType": "library",
-      "prefix": "lib",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "tsConfig": "projects/ng-dynamic-forms/ui-kendo/tsconfig.lib.json",
-            "project": "projects/ng-dynamic-forms/ui-kendo/ng-package.json"
-          }
-        ,          "configurations": {
-            "production": {
-              "tsConfig": "projects/ng-dynamic-forms/ui-kendo/tsconfig.lib.prod.json"
-            }
-          }
-},
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "projects/ng-dynamic-forms/ui-kendo/src/test.ts",
-            "tsConfig": "projects/ng-dynamic-forms/ui-kendo/tsconfig.spec.json",
-            "karmaConfig": "projects/ng-dynamic-forms/ui-kendo/karma.conf.js"
-          }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "projects/ng-dynamic-forms/ui-kendo/tsconfig.lib.json",
-              "projects/ng-dynamic-forms/ui-kendo/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        }
-      }
-    },
     "@ng-dynamic-forms/ui-material": {
       "root": "projects/ng-dynamic-forms/ui-material",
       "sourceRoot": "projects/ng-dynamic-forms/ui-material/src",