@syncfusion/ej2-angular-form-renderer 34.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/README.md +123 -0
- package/esm2020/public_api.mjs +2 -0
- package/esm2020/src/form-renderer/formrenderer-all.module.mjs +23 -0
- package/esm2020/src/form-renderer/formrenderer.component.mjs +59 -0
- package/esm2020/src/form-renderer/formrenderer.module.mjs +25 -0
- package/esm2020/src/index.mjs +5 -0
- package/esm2020/syncfusion-ej2-angular-form-renderer.mjs +5 -0
- package/fesm2015/syncfusion-ej2-angular-form-renderer.mjs +107 -0
- package/fesm2015/syncfusion-ej2-angular-form-renderer.mjs.map +1 -0
- package/fesm2020/syncfusion-ej2-angular-form-renderer.mjs +107 -0
- package/fesm2020/syncfusion-ej2-angular-form-renderer.mjs.map +1 -0
- package/package.json +45 -0
- package/public_api.d.ts +1 -0
- package/schematics/collection.json +11 -0
- package/schematics/ng-add/index.d.ts +3 -0
- package/schematics/ng-add/index.js +9 -0
- package/schematics/ng-add/index.ts +10 -0
- package/schematics/ng-add/schema.d.ts +13 -0
- package/schematics/ng-add/schema.js +2 -0
- package/schematics/ng-add/schema.json +34 -0
- package/schematics/ng-add/schema.ts +30 -0
- package/schematics/tsconfig.json +25 -0
- package/schematics/utils/lib-details.d.ts +4 -0
- package/schematics/utils/lib-details.js +6 -0
- package/schematics/utils/lib-details.ts +4 -0
- package/src/form-renderer/formrenderer-all.module.d.ts +11 -0
- package/src/form-renderer/formrenderer.component.d.ts +35 -0
- package/src/form-renderer/formrenderer.module.d.ts +11 -0
- package/src/index.d.ts +4 -0
- package/styles/bds-lite.css +1 -0
- package/styles/bds-lite.scss +1 -0
- package/styles/bds.css +1 -0
- package/styles/bds.scss +1 -0
- package/styles/bootstrap-dark-lite.css +1 -0
- package/styles/bootstrap-dark-lite.scss +1 -0
- package/styles/bootstrap-dark.css +1 -0
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap-lite.css +1 -0
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap.css +1 -0
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4-lite.css +1 -0
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap4.css +1 -0
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +1 -0
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-dark.css +1 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5-lite.css +1 -0
- package/styles/bootstrap5-lite.scss +1 -0
- package/styles/bootstrap5.3-lite.css +1 -0
- package/styles/bootstrap5.3-lite.scss +1 -0
- package/styles/bootstrap5.3.css +1 -0
- package/styles/bootstrap5.3.scss +1 -0
- package/styles/bootstrap5.css +1 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark-lite.css +1 -0
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-dark.css +1 -0
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric-lite.css +1 -0
- package/styles/fabric-lite.scss +1 -0
- package/styles/fabric.css +1 -0
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark-lite.css +1 -0
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-dark.css +1 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent-lite.css +1 -0
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent.css +1 -0
- package/styles/fluent.scss +1 -0
- package/styles/fluent2-lite.css +1 -0
- package/styles/fluent2-lite.scss +1 -0
- package/styles/fluent2.css +1 -0
- package/styles/fluent2.scss +1 -0
- package/styles/form-renderer/bds.css +1 -0
- package/styles/form-renderer/bds.scss +1 -0
- package/styles/form-renderer/bootstrap-dark.css +1 -0
- package/styles/form-renderer/bootstrap-dark.scss +1 -0
- package/styles/form-renderer/bootstrap.css +1 -0
- package/styles/form-renderer/bootstrap.scss +1 -0
- package/styles/form-renderer/bootstrap4.css +1 -0
- package/styles/form-renderer/bootstrap4.scss +1 -0
- package/styles/form-renderer/bootstrap5-dark.css +1 -0
- package/styles/form-renderer/bootstrap5-dark.scss +1 -0
- package/styles/form-renderer/bootstrap5.3.css +1 -0
- package/styles/form-renderer/bootstrap5.3.scss +1 -0
- package/styles/form-renderer/bootstrap5.css +1 -0
- package/styles/form-renderer/bootstrap5.scss +1 -0
- package/styles/form-renderer/fabric-dark.css +1 -0
- package/styles/form-renderer/fabric-dark.scss +1 -0
- package/styles/form-renderer/fabric.css +1 -0
- package/styles/form-renderer/fabric.scss +1 -0
- package/styles/form-renderer/fluent-dark.css +1 -0
- package/styles/form-renderer/fluent-dark.scss +1 -0
- package/styles/form-renderer/fluent.css +1 -0
- package/styles/form-renderer/fluent.scss +1 -0
- package/styles/form-renderer/fluent2.css +1 -0
- package/styles/form-renderer/fluent2.scss +1 -0
- package/styles/form-renderer/highcontrast-light.css +1 -0
- package/styles/form-renderer/highcontrast-light.scss +1 -0
- package/styles/form-renderer/highcontrast.css +1 -0
- package/styles/form-renderer/highcontrast.scss +1 -0
- package/styles/form-renderer/material-dark.css +1 -0
- package/styles/form-renderer/material-dark.scss +1 -0
- package/styles/form-renderer/material.css +1 -0
- package/styles/form-renderer/material.scss +1 -0
- package/styles/form-renderer/material3-dark.css +1 -0
- package/styles/form-renderer/material3-dark.scss +1 -0
- package/styles/form-renderer/material3.css +1 -0
- package/styles/form-renderer/material3.scss +1 -0
- package/styles/form-renderer/tailwind-dark.css +1 -0
- package/styles/form-renderer/tailwind-dark.scss +1 -0
- package/styles/form-renderer/tailwind.css +1 -0
- package/styles/form-renderer/tailwind.scss +1 -0
- package/styles/form-renderer/tailwind3.css +1 -0
- package/styles/form-renderer/tailwind3.scss +1 -0
- package/styles/highcontrast-light-lite.css +1 -0
- package/styles/highcontrast-light-lite.scss +1 -0
- package/styles/highcontrast-light.css +1 -0
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast-lite.css +1 -0
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/highcontrast.css +1 -0
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark-lite.css +1 -0
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-dark.css +1 -0
- package/styles/material-dark.scss +1 -0
- package/styles/material-lite.css +1 -0
- package/styles/material-lite.scss +1 -0
- package/styles/material.css +1 -0
- package/styles/material.scss +1 -0
- package/styles/material3-dark-lite.css +1 -0
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-dark.css +1 -0
- package/styles/material3-dark.scss +1 -0
- package/styles/material3-lite.css +1 -0
- package/styles/material3-lite.scss +1 -0
- package/styles/material3.css +1 -0
- package/styles/material3.scss +1 -0
- package/styles/tailwind-dark-lite.css +1 -0
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-dark.css +1 -0
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind-lite.css +1 -0
- package/styles/tailwind-lite.scss +1 -0
- package/styles/tailwind.css +1 -0
- package/styles/tailwind.scss +1 -0
- package/styles/tailwind3-lite.css +1 -0
- package/styles/tailwind3-lite.scss +1 -0
- package/styles/tailwind3.css +1 -0
- package/styles/tailwind3.scss +1 -0
- package/syncfusion-ej2-angular-form-renderer.d.ts +5 -0
package/CHANGELOG.md
ADDED
package/README.md
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
# Angular Form Renderer Component
|
|
2
|
+
|
|
3
|
+
## What's Included in the Angular Form Renderer Package
|
|
4
|
+
|
|
5
|
+
The Angular Form Renderer package is a schema-driven form rendering and validation engine. It consumes a JSON form schema and renders a fully functional, Syncfusion-based form that supports field mapping, conditional visibility/disabling, expression-based value computation, custom validation, and data submission.
|
|
6
|
+
|
|
7
|
+
<p align="center">
|
|
8
|
+
<a href="https://ej2.syncfusion.com/angular/documentation/introduction?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-renderer-npm">Getting Started</a> .
|
|
9
|
+
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-renderer-npm">Online demos</a> .
|
|
10
|
+
<a href="https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-renderer-npm">Learn more</a>
|
|
11
|
+
</p>
|
|
12
|
+
|
|
13
|
+
<p align="center">
|
|
14
|
+
<img alt="Angular Form Renderer Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-form-renderer.png">
|
|
15
|
+
</p>
|
|
16
|
+
|
|
17
|
+
## Form Renderer (Angular)
|
|
18
|
+
|
|
19
|
+
The [Angular Form Renderer](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-renderer-npm) component renders a fully interactive, validation-enabled form from a JSON schema. It is built on top of the Syncfusion Essential JS 2 Angular suite (inputs, dropdowns, calendars, grids, navigation, popups, and rich text editor) and provides a 1:1 Angular counterpart of the vanilla EJ2 TypeScript implementation.
|
|
20
|
+
|
|
21
|
+
#### Key features
|
|
22
|
+
|
|
23
|
+
* **Schema-driven rendering** — Consumes a JSON `FormSchema` (or Unified Schema) describing the form's version, fields (`properties`), layout, and global settings, then renders the form automatically.
|
|
24
|
+
* **30+ field types** — Maps every supported `component.type` to the equivalent Syncfusion EJ2 Angular component (textbox, textarea, number, checkbox, checkbox group, radio, dropdown, multiselect, date, dateTime, time, date range, switch, button, split button, signature, rating, color picker, input mask, range slider, file upload, image editor, message, panel, table, tabs, data grid, lookup, static HTML, card, rich text editor).
|
|
25
|
+
* **Built-in validation** — Uses the native EJ2 `FormValidator` to enforce `required`, `minLength`, `maxLength`, `min`, `max`, `regex`, and custom expression rules. Auto-applies email/URL regexes for `textbox` with `textboxType` set.
|
|
26
|
+
* **Conditional logic** — `visibleWhen`, `hideWhen`, `readOnlyWhen`, `disabledWhen`, `requiredWhen`, `setValueWhen`, choice-based field filtering, and conditional data sources for data grids.
|
|
27
|
+
* **Expression engine** — Computed fields via `expressionValue` with topological evaluation order, cycle detection, and per-target-type coercion.
|
|
28
|
+
* **Layouts & composition** — Single/Two/Three/Four column layouts, panels, tables, tabs, cards, and per-column width control.
|
|
29
|
+
* **Events** — `created`, `onChange`, `onSubmit`, `onButtonClick`, and `onFailure` for full integration.
|
|
30
|
+
* **Localization & RTL** — `locale` and `enableRtl` are threaded into every rendered Syncfusion Angular control.
|
|
31
|
+
|
|
32
|
+
### Usage
|
|
33
|
+
|
|
34
|
+
```ts
|
|
35
|
+
import { Component } from '@angular/core';
|
|
36
|
+
import { FormRenderer } from '@syncfusion/ej2-angular-form-renderer';
|
|
37
|
+
|
|
38
|
+
const formSchema = {
|
|
39
|
+
version: '0.1.0',
|
|
40
|
+
properties: {
|
|
41
|
+
name: { type: 'textbox', label: 'Name', required: true },
|
|
42
|
+
email: { type: 'textbox', label: 'Email', textboxType: 'email' },
|
|
43
|
+
role: { type: 'dropdown', label: 'Role', options: ['Admin', 'User'] },
|
|
44
|
+
accept: { type: 'checkbox', label: 'Accept Terms', required: true }
|
|
45
|
+
},
|
|
46
|
+
layout: [
|
|
47
|
+
{ row: 0, col: 0, field: 'name' },
|
|
48
|
+
{ row: 1, col: 0, field: 'email' },
|
|
49
|
+
{ row: 2, col: 0, field: 'role' },
|
|
50
|
+
{ row: 3, col: 0, field: 'accept' }
|
|
51
|
+
]
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
@Component({
|
|
55
|
+
selector: 'app-root',
|
|
56
|
+
template: `<ej2-form-renderer [schema]="schema" (onSubmit)="onSubmit($event)"></ej2-form-renderer>`
|
|
57
|
+
})
|
|
58
|
+
export class AppComponent {
|
|
59
|
+
public schema = formSchema;
|
|
60
|
+
public onSubmit(args: any) { console.log(args.data, args.isValid); }
|
|
61
|
+
}
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
<p align="center">
|
|
65
|
+
Trusted by the world's leading companies
|
|
66
|
+
<a href="https://www.syncfusion.com/">
|
|
67
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
|
|
68
|
+
</a>
|
|
69
|
+
</p>
|
|
70
|
+
|
|
71
|
+
## Setup
|
|
72
|
+
|
|
73
|
+
To install the form renderer and its dependent packages, use the following command.
|
|
74
|
+
|
|
75
|
+
```sh
|
|
76
|
+
npm install @syncfusion/ej2-angular-form-renderer
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
The Angular Form Renderer pulls in its required EJ2 Angular peers automatically (inputs, calendars, dropdowns, buttons, split buttons, grids, navigation, popups, notifications, rich text editor, image editor).
|
|
80
|
+
|
|
81
|
+
## Supported frameworks
|
|
82
|
+
|
|
83
|
+
The Form Renderer is also available in the following list of frameworks.
|
|
84
|
+
|
|
85
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/> [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/> [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
86
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
87
|
+
|
|
88
|
+
## Showcase samples
|
|
89
|
+
|
|
90
|
+
* Job Application Form - [Source](https://github.com/syncfusion/ej2-showcase-angular-form-renderer), [Live Demo](https://ej2.syncfusion.com/showcase/angular/form-renderer/?utm_source=npm&utm_campaign=form-renderer)
|
|
91
|
+
* Survey Builder - [Source](https://github.com/syncfusion/ej2-showcase-angular-survey), [Live Demo](https://ej2.syncfusion.com/showcase/angular/survey/?utm_source=npm&utm_campaign=form-renderer)
|
|
92
|
+
|
|
93
|
+
## Resources
|
|
94
|
+
|
|
95
|
+
* [Documentation](https://ej2.syncfusion.com/angular/documentation/introduction)
|
|
96
|
+
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
|
|
97
|
+
* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github)
|
|
98
|
+
* [Road Map](https://www.syncfusion.com/products/roadmap/angular)
|
|
99
|
+
* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all)
|
|
100
|
+
|
|
101
|
+
## Support
|
|
102
|
+
|
|
103
|
+
Product support is available through following mediums.
|
|
104
|
+
|
|
105
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
106
|
+
* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_campaign=angular-form-renderer-npm)
|
|
107
|
+
* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
|
|
108
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_medium=listing&utm_source=github)
|
|
109
|
+
* Live chat
|
|
110
|
+
|
|
111
|
+
## Changelog
|
|
112
|
+
|
|
113
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/form-renderer/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
|
114
|
+
|
|
115
|
+
## License and copyright
|
|
116
|
+
|
|
117
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
118
|
+
|
|
119
|
+
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
120
|
+
|
|
121
|
+
See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license) for more info.
|
|
122
|
+
|
|
123
|
+
© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './src/index';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NyYy9pbmRleCc7Il19
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormRendererModule } from './formrenderer.module';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* NgModule definition for the FormRenderer component with providers.
|
|
7
|
+
*/
|
|
8
|
+
export class FormRendererAllModule {
|
|
9
|
+
}
|
|
10
|
+
FormRendererAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
FormRendererAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, imports: [CommonModule, FormRendererModule], exports: [FormRendererModule] });
|
|
12
|
+
FormRendererAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, providers: [], imports: [[CommonModule, FormRendererModule], FormRendererModule] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, decorators: [{
|
|
14
|
+
type: NgModule,
|
|
15
|
+
args: [{
|
|
16
|
+
imports: [CommonModule, FormRendererModule],
|
|
17
|
+
exports: [
|
|
18
|
+
FormRendererModule
|
|
19
|
+
],
|
|
20
|
+
providers: []
|
|
21
|
+
}]
|
|
22
|
+
}] });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybXJlbmRlcmVyLWFsbC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybS1yZW5kZXJlci9mb3JtcmVuZGVyZXItYWxsLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBTTNEOztHQUVHO0FBVUgsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjttSEFBckIscUJBQXFCLFlBUnBCLFlBQVksRUFBRSxrQkFBa0IsYUFFdEMsa0JBQWtCO21IQU1iLHFCQUFxQixhQUpwQixFQUVULFlBTlEsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLENBQUMsRUFFdkMsa0JBQWtCOzJGQU1iLHFCQUFxQjtrQkFUakMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLENBQUM7b0JBQzNDLE9BQU8sRUFBRTt3QkFDTCxrQkFBa0I7cUJBQ3JCO29CQUNELFNBQVMsRUFBQyxFQUVUO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIFZhbHVlUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3JtUmVuZGVyZXJDb21wb25lbnQgfSBmcm9tICcuL2Zvcm1yZW5kZXJlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybVJlbmRlcmVyTW9kdWxlIH0gZnJvbSAnLi9mb3JtcmVuZGVyZXIubW9kdWxlJztcblxuXG5cblxuXG4vKipcbiAqIE5nTW9kdWxlIGRlZmluaXRpb24gZm9yIHRoZSBGb3JtUmVuZGVyZXIgY29tcG9uZW50IHdpdGggcHJvdmlkZXJzLlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1SZW5kZXJlck1vZHVsZV0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBGb3JtUmVuZGVyZXJNb2R1bGVcbiAgICBdLFxuICAgIHByb3ZpZGVyczpbXG4gICAgICAgIFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRm9ybVJlbmRlcmVyQWxsTW9kdWxlIHsgfSJdfQ==
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
3
|
+
import { ComponentBase, ComponentMixins, setValue } from '@syncfusion/ej2-angular-base';
|
|
4
|
+
import { FormRenderer } from '@syncfusion/ej2-form-renderer';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export const inputs = ['className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema'];
|
|
7
|
+
export const outputs = ['buttonClick', 'change', 'created', 'failure', 'submit'];
|
|
8
|
+
export const twoWays = [];
|
|
9
|
+
/**
|
|
10
|
+
* Represents the Angular FormRenderer Component.
|
|
11
|
+
* ```html
|
|
12
|
+
* <ejs-form-renderer></ejs-form-renderer>
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
let FormRendererComponent = class FormRendererComponent extends FormRenderer {
|
|
16
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
17
|
+
super();
|
|
18
|
+
this.ngEle = ngEle;
|
|
19
|
+
this.srenderer = srenderer;
|
|
20
|
+
this.viewContainerRef = viewContainerRef;
|
|
21
|
+
this.injector = injector;
|
|
22
|
+
this.element = this.ngEle.nativeElement;
|
|
23
|
+
this.injectedModules = this.injectedModules || [];
|
|
24
|
+
this.registerEvents(outputs);
|
|
25
|
+
this.addTwoWay.call(this, twoWays);
|
|
26
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
27
|
+
this.containerContext = new ComponentBase();
|
|
28
|
+
}
|
|
29
|
+
ngOnInit() {
|
|
30
|
+
this.containerContext.ngOnInit(this);
|
|
31
|
+
}
|
|
32
|
+
ngAfterViewInit() {
|
|
33
|
+
this.containerContext.ngAfterViewInit(this);
|
|
34
|
+
}
|
|
35
|
+
ngOnDestroy() {
|
|
36
|
+
this.containerContext.ngOnDestroy(this);
|
|
37
|
+
}
|
|
38
|
+
ngAfterContentChecked() {
|
|
39
|
+
this.containerContext.ngAfterContentChecked(this);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
FormRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
FormRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FormRendererComponent, selector: "[ejs-form-renderer], ejs-form-renderer", inputs: { className: "className", enablePersistence: "enablePersistence", enableRtl: "enableRtl", layout: "layout", locale: "locale", schema: "schema" }, outputs: { buttonClick: "buttonClick", change: "change", created: "created", failure: "failure", submit: "submit" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
44
|
+
FormRendererComponent = __decorate([
|
|
45
|
+
ComponentMixins([ComponentBase])
|
|
46
|
+
], FormRendererComponent);
|
|
47
|
+
export { FormRendererComponent };
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{
|
|
51
|
+
selector: '[ejs-form-renderer], ejs-form-renderer',
|
|
52
|
+
inputs: inputs,
|
|
53
|
+
outputs: outputs,
|
|
54
|
+
template: `<ng-content ></ng-content>`,
|
|
55
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
56
|
+
queries: {}
|
|
57
|
+
}]
|
|
58
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybXJlbmRlcmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3JtLXJlbmRlcmVyL2Zvcm1yZW5kZXJlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFELHVCQUF1QixFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNoSixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBdUQsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0ksT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQUk3RCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWEsQ0FBQyxXQUFXLEVBQUMsbUJBQW1CLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUMsUUFBUSxDQUFDLENBQUM7QUFDekcsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFhLENBQUMsYUFBYSxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3ZGLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxFQUFFLENBQUM7QUFFcEM7Ozs7O0dBS0c7SUFZVSxxQkFBcUIsU0FBckIscUJBQXNCLFNBQVEsWUFBWTtJQVduRCxZQUFvQixLQUFpQixFQUFVLFNBQW9CLEVBQVUsZ0JBQWlDLEVBQVUsUUFBa0I7UUFDdEksS0FBSyxFQUFFLENBQUM7UUFEUSxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBRXRJLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUM7UUFDeEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxJQUFJLEVBQUUsQ0FBQztRQUVsRCxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNuQyxRQUFRLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pELElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLGFBQWEsRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU0sZUFBZTtRQUNsQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFTSxXQUFXO1FBQ2QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRU0scUJBQXFCO1FBRXhCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RCxDQUFDO0NBSUosQ0FBQTtrSEF6Q1kscUJBQXFCO3NHQUFyQixxQkFBcUIsb1hBUHBCLDRCQUE0QjtBQU83QixxQkFBcUI7SUFEakMsZUFBZSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7R0FDcEIscUJBQXFCLENBeUNqQztTQXpDWSxxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFYakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxNQUFNLEVBQUUsTUFBTTtvQkFDZCxPQUFPLEVBQUUsT0FBTztvQkFDaEIsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxFQUVSO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBWaWV3Q29udGFpbmVyUmVmLCBSZW5kZXJlcjIsIEluamVjdG9yLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgUXVlcnlMaXN0LCBWYWx1ZVByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRCYXNlLCBDb21wb25lbnRNaXhpbnMsIElDb21wb25lbnRCYXNlLCBhcHBseU1peGlucywgUHJvcGVydHlDb2xsZWN0aW9uSW5mbywgc2V0VmFsdWUgfSBmcm9tICdAc3luY2Z1c2lvbi9lajItYW5ndWxhci1iYXNlJztcbmltcG9ydCB7IEZvcm1SZW5kZXJlciB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1mb3JtLXJlbmRlcmVyJztcblxuXG5cbmV4cG9ydCBjb25zdCBpbnB1dHM6IHN0cmluZ1tdID0gWydjbGFzc05hbWUnLCdlbmFibGVQZXJzaXN0ZW5jZScsJ2VuYWJsZVJ0bCcsJ2xheW91dCcsJ2xvY2FsZScsJ3NjaGVtYSddO1xuZXhwb3J0IGNvbnN0IG91dHB1dHM6IHN0cmluZ1tdID0gWydidXR0b25DbGljaycsJ2NoYW5nZScsJ2NyZWF0ZWQnLCdmYWlsdXJlJywnc3VibWl0J107XG5leHBvcnQgY29uc3QgdHdvV2F5czogc3RyaW5nW10gPSBbXTtcblxuLyoqXG4gKiBSZXByZXNlbnRzIHRoZSBBbmd1bGFyIEZvcm1SZW5kZXJlciBDb21wb25lbnQuXG4gKiBgYGBodG1sXG4gKiA8ZWpzLWZvcm0tcmVuZGVyZXI+PC9lanMtZm9ybS1yZW5kZXJlcj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1tlanMtZm9ybS1yZW5kZXJlcl0sIGVqcy1mb3JtLXJlbmRlcmVyJyxcbiAgICBpbnB1dHM6IGlucHV0cyxcbiAgICBvdXRwdXRzOiBvdXRwdXRzLFxuICAgIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQgPjwvbmctY29udGVudD5gLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHF1ZXJpZXM6IHtcblxuICAgIH1cbn0pXG5AQ29tcG9uZW50TWl4aW5zKFtDb21wb25lbnRCYXNlXSlcbmV4cG9ydCBjbGFzcyBGb3JtUmVuZGVyZXJDb21wb25lbnQgZXh0ZW5kcyBGb3JtUmVuZGVyZXIgaW1wbGVtZW50cyBJQ29tcG9uZW50QmFzZSB7XG4gICAgcHVibGljIGNvbnRhaW5lckNvbnRleHQgOiBhbnk7XG4gICAgcHVibGljIHRhZ09iamVjdHM6IGFueTtcblx0YnV0dG9uQ2xpY2s6IGFueTtcblx0Y2hhbmdlOiBhbnk7XG5cdGNyZWF0ZWQ6IGFueTtcblx0ZmFpbHVyZTogYW55O1xuXHRwdWJsaWMgc3VibWl0OiBhbnk7XG5cblxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBuZ0VsZTogRWxlbWVudFJlZiwgcHJpdmF0ZSBzcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOlZpZXdDb250YWluZXJSZWYsIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IHRoaXMubmdFbGUubmF0aXZlRWxlbWVudDtcbiAgICAgICAgdGhpcy5pbmplY3RlZE1vZHVsZXMgPSB0aGlzLmluamVjdGVkTW9kdWxlcyB8fCBbXTtcblxuICAgICAgICB0aGlzLnJlZ2lzdGVyRXZlbnRzKG91dHB1dHMpO1xuICAgICAgICB0aGlzLmFkZFR3b1dheS5jYWxsKHRoaXMsIHR3b1dheXMpO1xuICAgICAgICBzZXRWYWx1ZSgnY3VycmVudEluc3RhbmNlJywgdGhpcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0ICA9IG5ldyBDb21wb25lbnRCYXNlKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdPbkluaXQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nQWZ0ZXJWaWV3SW5pdCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ09uRGVzdHJveSh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgICAgICBcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nQWZ0ZXJDb250ZW50Q2hlY2tlZCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVnaXN0ZXJFdmVudHM6IChldmVudExpc3Q6IHN0cmluZ1tdKSA9PiB2b2lkO1xuICAgIHB1YmxpYyBhZGRUd29XYXk6IChwcm9wTGlzdDogc3RyaW5nW10pID0+IHZvaWQ7XG59XG5cbiJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormRendererComponent } from './formrenderer.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* NgModule definition for the FormRenderer component.
|
|
7
|
+
*/
|
|
8
|
+
export class FormRendererModule {
|
|
9
|
+
}
|
|
10
|
+
FormRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
FormRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, declarations: [FormRendererComponent], imports: [CommonModule], exports: [FormRendererComponent] });
|
|
12
|
+
FormRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, imports: [[CommonModule]] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, decorators: [{
|
|
14
|
+
type: NgModule,
|
|
15
|
+
args: [{
|
|
16
|
+
imports: [CommonModule],
|
|
17
|
+
declarations: [
|
|
18
|
+
FormRendererComponent
|
|
19
|
+
],
|
|
20
|
+
exports: [
|
|
21
|
+
FormRendererComponent
|
|
22
|
+
]
|
|
23
|
+
}]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybXJlbmRlcmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3JtLXJlbmRlcmVyL2Zvcm1yZW5kZXJlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBRWpFOztHQUVHO0FBVUgsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCLGlCQU52QixxQkFBcUIsYUFGZixZQUFZLGFBS2xCLHFCQUFxQjtnSEFHaEIsa0JBQWtCLFlBUmxCLENBQUMsWUFBWSxDQUFDOzJGQVFkLGtCQUFrQjtrQkFUOUIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFlBQVksRUFBRTt3QkFDVixxQkFBcUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxxQkFBcUI7cUJBQ3hCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3JtUmVuZGVyZXJDb21wb25lbnQgfSBmcm9tICcuL2Zvcm1yZW5kZXJlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIE5nTW9kdWxlIGRlZmluaXRpb24gZm9yIHRoZSBGb3JtUmVuZGVyZXIgY29tcG9uZW50LlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBGb3JtUmVuZGVyZXJDb21wb25lbnRcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgRm9ybVJlbmRlcmVyQ29tcG9uZW50XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBGb3JtUmVuZGVyZXJNb2R1bGUgeyB9Il19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { FormRendererComponent } from './form-renderer/formrenderer.component';
|
|
2
|
+
export { FormRendererModule } from './form-renderer/formrenderer.module';
|
|
3
|
+
export { FormRendererAllModule } from './form-renderer/formrenderer-all.module';
|
|
4
|
+
export * from '@syncfusion/ej2-form-renderer';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDekUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEZvcm1SZW5kZXJlckNvbXBvbmVudH0gZnJvbSAnLi9mb3JtLXJlbmRlcmVyL2Zvcm1yZW5kZXJlci5jb21wb25lbnQnO1xuZXhwb3J0IHsgRm9ybVJlbmRlcmVyTW9kdWxlIH0gZnJvbSAnLi9mb3JtLXJlbmRlcmVyL2Zvcm1yZW5kZXJlci5tb2R1bGUnO1xuZXhwb3J0IHsgRm9ybVJlbmRlcmVyQWxsTW9kdWxlIH0gZnJvbSAnLi9mb3JtLXJlbmRlcmVyL2Zvcm1yZW5kZXJlci1hbGwubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1mb3JtLXJlbmRlcmVyJzsiXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3luY2Z1c2lvbi1lajItYW5ndWxhci1mb3JtLXJlbmRlcmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3luY2Z1c2lvbi1lajItYW5ndWxhci1mb3JtLXJlbmRlcmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
|
+
import { setValue, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
|
|
5
|
+
import { FormRenderer } from '@syncfusion/ej2-form-renderer';
|
|
6
|
+
export * from '@syncfusion/ej2-form-renderer';
|
|
7
|
+
import { CommonModule } from '@angular/common';
|
|
8
|
+
|
|
9
|
+
const inputs = ['className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema'];
|
|
10
|
+
const outputs = ['buttonClick', 'change', 'created', 'failure', 'submit'];
|
|
11
|
+
const twoWays = [];
|
|
12
|
+
/**
|
|
13
|
+
* Represents the Angular FormRenderer Component.
|
|
14
|
+
* ```html
|
|
15
|
+
* <ejs-form-renderer></ejs-form-renderer>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
let FormRendererComponent = class FormRendererComponent extends FormRenderer {
|
|
19
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
20
|
+
super();
|
|
21
|
+
this.ngEle = ngEle;
|
|
22
|
+
this.srenderer = srenderer;
|
|
23
|
+
this.viewContainerRef = viewContainerRef;
|
|
24
|
+
this.injector = injector;
|
|
25
|
+
this.element = this.ngEle.nativeElement;
|
|
26
|
+
this.injectedModules = this.injectedModules || [];
|
|
27
|
+
this.registerEvents(outputs);
|
|
28
|
+
this.addTwoWay.call(this, twoWays);
|
|
29
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
30
|
+
this.containerContext = new ComponentBase();
|
|
31
|
+
}
|
|
32
|
+
ngOnInit() {
|
|
33
|
+
this.containerContext.ngOnInit(this);
|
|
34
|
+
}
|
|
35
|
+
ngAfterViewInit() {
|
|
36
|
+
this.containerContext.ngAfterViewInit(this);
|
|
37
|
+
}
|
|
38
|
+
ngOnDestroy() {
|
|
39
|
+
this.containerContext.ngOnDestroy(this);
|
|
40
|
+
}
|
|
41
|
+
ngAfterContentChecked() {
|
|
42
|
+
this.containerContext.ngAfterContentChecked(this);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
FormRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
FormRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FormRendererComponent, selector: "[ejs-form-renderer], ejs-form-renderer", inputs: { className: "className", enablePersistence: "enablePersistence", enableRtl: "enableRtl", layout: "layout", locale: "locale", schema: "schema" }, outputs: { buttonClick: "buttonClick", change: "change", created: "created", failure: "failure", submit: "submit" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
|
+
FormRendererComponent = __decorate([
|
|
48
|
+
ComponentMixins([ComponentBase])
|
|
49
|
+
], FormRendererComponent);
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{
|
|
53
|
+
selector: '[ejs-form-renderer], ejs-form-renderer',
|
|
54
|
+
inputs: inputs,
|
|
55
|
+
outputs: outputs,
|
|
56
|
+
template: `<ng-content ></ng-content>`,
|
|
57
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
58
|
+
queries: {}
|
|
59
|
+
}]
|
|
60
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* NgModule definition for the FormRenderer component.
|
|
64
|
+
*/
|
|
65
|
+
class FormRendererModule {
|
|
66
|
+
}
|
|
67
|
+
FormRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
68
|
+
FormRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, declarations: [FormRendererComponent], imports: [CommonModule], exports: [FormRendererComponent] });
|
|
69
|
+
FormRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, imports: [[CommonModule]] });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, decorators: [{
|
|
71
|
+
type: NgModule,
|
|
72
|
+
args: [{
|
|
73
|
+
imports: [CommonModule],
|
|
74
|
+
declarations: [
|
|
75
|
+
FormRendererComponent
|
|
76
|
+
],
|
|
77
|
+
exports: [
|
|
78
|
+
FormRendererComponent
|
|
79
|
+
]
|
|
80
|
+
}]
|
|
81
|
+
}] });
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* NgModule definition for the FormRenderer component with providers.
|
|
85
|
+
*/
|
|
86
|
+
class FormRendererAllModule {
|
|
87
|
+
}
|
|
88
|
+
FormRendererAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
89
|
+
FormRendererAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, imports: [CommonModule, FormRendererModule], exports: [FormRendererModule] });
|
|
90
|
+
FormRendererAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, providers: [], imports: [[CommonModule, FormRendererModule], FormRendererModule] });
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, decorators: [{
|
|
92
|
+
type: NgModule,
|
|
93
|
+
args: [{
|
|
94
|
+
imports: [CommonModule, FormRendererModule],
|
|
95
|
+
exports: [
|
|
96
|
+
FormRendererModule
|
|
97
|
+
],
|
|
98
|
+
providers: []
|
|
99
|
+
}]
|
|
100
|
+
}] });
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* Generated bundle index. Do not edit.
|
|
104
|
+
*/
|
|
105
|
+
|
|
106
|
+
export { FormRendererAllModule, FormRendererComponent, FormRendererModule };
|
|
107
|
+
//# sourceMappingURL=syncfusion-ej2-angular-form-renderer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"syncfusion-ej2-angular-form-renderer.mjs","sources":["../../src/form-renderer/formrenderer.component.ts","../../src/form-renderer/formrenderer.module.ts","../../src/form-renderer/formrenderer-all.module.ts","../../syncfusion-ej2-angular-form-renderer.ts"],"sourcesContent":["import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\n\n\n\nexport const inputs: string[] = ['className','enablePersistence','enableRtl','layout','locale','schema'];\nexport const outputs: string[] = ['buttonClick','change','created','failure','submit'];\nexport const twoWays: string[] = [];\n\n/**\n * Represents the Angular FormRenderer Component.\n * ```html\n * <ejs-form-renderer></ejs-form-renderer>\n * ```\n */\n@Component({\n selector: '[ejs-form-renderer], ejs-form-renderer',\n inputs: inputs,\n outputs: outputs,\n template: `<ng-content ></ng-content>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n\n }\n})\n@ComponentMixins([ComponentBase])\nexport class FormRendererComponent extends FormRenderer implements IComponentBase {\n public containerContext : any;\n public tagObjects: any;\n\tbuttonClick: any;\n\tchange: any;\n\tcreated: any;\n\tfailure: any;\n\tpublic submit: any;\n\n\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.containerContext = new ComponentBase();\n }\n\n public ngOnInit() {\n this.containerContext.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.containerContext.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.containerContext.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n \n this.containerContext.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormRendererComponent } from './formrenderer.component';\n\n/**\n * NgModule definition for the FormRenderer component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n FormRendererComponent\n ],\n exports: [\n FormRendererComponent\n ]\n})\nexport class FormRendererModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormRendererComponent } from './formrenderer.component';\nimport { FormRendererModule } from './formrenderer.module';\n\n\n\n\n\n/**\n * NgModule definition for the FormRenderer component with providers.\n */\n@NgModule({\n imports: [CommonModule, FormRendererModule],\n exports: [\n FormRendererModule\n ],\n providers:[\n \n ]\n})\nexport class FormRendererAllModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;AAMO,MAAM,MAAM,GAAa,CAAC,WAAW,EAAC,mBAAmB,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,CAAC,CAAC;AAClG,MAAM,OAAO,GAAa,CAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,CAAC,CAAC;AAChF,MAAM,OAAO,GAAa,EAAE,CAAC;AAEpC;;;;;AAKG;IAYU,qBAAqB,GAAA,MAArB,qBAAsB,SAAQ,YAAY,CAAA;AAWnD,IAAA,WAAA,CAAoB,KAAiB,EAAU,SAAoB,EAAU,gBAAiC,EAAU,QAAkB,EAAA;AACtI,QAAA,KAAK,EAAE,CAAC;AADQ,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK,CAAY;AAAU,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;AAAU,QAAA,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAiB;AAAU,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAU;QAEtI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC;AAElD,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACnC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,gBAAgB,GAAI,IAAI,aAAa,EAAE,CAAC;KAChD;IAEM,QAAQ,GAAA;AACX,QAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACxC;IAEM,eAAe,GAAA;AAClB,QAAA,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;KAC/C;IAEM,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KAC3C;IAEM,qBAAqB,GAAA;AAExB,QAAA,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;KACrD;EAIJ;kHAzCY,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,oXAPpB,CAAA,0BAAA,CAA4B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;AAO7B,qBAAqB,GAAA,UAAA,CAAA;AADjC,IAAA,eAAe,CAAC,CAAC,aAAa,CAAC,CAAC;CACpB,EAAA,qBAAqB,CAyCjC,CAAA;2FAzCY,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,QAAQ,EAAE,CAA4B,0BAAA,CAAA;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,EAER;iBACJ,CAAA;;;ACrBD;;AAEG;MAUU,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EANvB,YAAA,EAAA,CAAA,qBAAqB,CAFf,EAAA,OAAA,EAAA,CAAA,YAAY,aAKlB,qBAAqB,CAAA,EAAA,CAAA,CAAA;gHAGhB,kBAAkB,EAAA,OAAA,EAAA,CARlB,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAQd,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE;wBACV,qBAAqB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,qBAAqB;AACxB,qBAAA;iBACJ,CAAA;;;ACND;;AAEG;MAUU,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EARpB,OAAA,EAAA,CAAA,YAAY,EAAE,kBAAkB,aAEtC,kBAAkB,CAAA,EAAA,CAAA,CAAA;mHAMb,qBAAqB,EAAA,SAAA,EAJpB,EAET,EANQ,OAAA,EAAA,CAAA,CAAC,YAAY,EAAE,kBAAkB,CAAC,EAEvC,kBAAkB,CAAA,EAAA,CAAA,CAAA;2FAMb,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;AAC3C,oBAAA,OAAO,EAAE;wBACL,kBAAkB;AACrB,qBAAA;AACD,oBAAA,SAAS,EAAC,EAET;iBACJ,CAAA;;;ACpBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
|
+
import { setValue, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
|
|
5
|
+
import { FormRenderer } from '@syncfusion/ej2-form-renderer';
|
|
6
|
+
export * from '@syncfusion/ej2-form-renderer';
|
|
7
|
+
import { CommonModule } from '@angular/common';
|
|
8
|
+
|
|
9
|
+
const inputs = ['className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema'];
|
|
10
|
+
const outputs = ['buttonClick', 'change', 'created', 'failure', 'submit'];
|
|
11
|
+
const twoWays = [];
|
|
12
|
+
/**
|
|
13
|
+
* Represents the Angular FormRenderer Component.
|
|
14
|
+
* ```html
|
|
15
|
+
* <ejs-form-renderer></ejs-form-renderer>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
let FormRendererComponent = class FormRendererComponent extends FormRenderer {
|
|
19
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
20
|
+
super();
|
|
21
|
+
this.ngEle = ngEle;
|
|
22
|
+
this.srenderer = srenderer;
|
|
23
|
+
this.viewContainerRef = viewContainerRef;
|
|
24
|
+
this.injector = injector;
|
|
25
|
+
this.element = this.ngEle.nativeElement;
|
|
26
|
+
this.injectedModules = this.injectedModules || [];
|
|
27
|
+
this.registerEvents(outputs);
|
|
28
|
+
this.addTwoWay.call(this, twoWays);
|
|
29
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
30
|
+
this.containerContext = new ComponentBase();
|
|
31
|
+
}
|
|
32
|
+
ngOnInit() {
|
|
33
|
+
this.containerContext.ngOnInit(this);
|
|
34
|
+
}
|
|
35
|
+
ngAfterViewInit() {
|
|
36
|
+
this.containerContext.ngAfterViewInit(this);
|
|
37
|
+
}
|
|
38
|
+
ngOnDestroy() {
|
|
39
|
+
this.containerContext.ngOnDestroy(this);
|
|
40
|
+
}
|
|
41
|
+
ngAfterContentChecked() {
|
|
42
|
+
this.containerContext.ngAfterContentChecked(this);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
FormRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
FormRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FormRendererComponent, selector: "[ejs-form-renderer], ejs-form-renderer", inputs: { className: "className", enablePersistence: "enablePersistence", enableRtl: "enableRtl", layout: "layout", locale: "locale", schema: "schema" }, outputs: { buttonClick: "buttonClick", change: "change", created: "created", failure: "failure", submit: "submit" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
|
+
FormRendererComponent = __decorate([
|
|
48
|
+
ComponentMixins([ComponentBase])
|
|
49
|
+
], FormRendererComponent);
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{
|
|
53
|
+
selector: '[ejs-form-renderer], ejs-form-renderer',
|
|
54
|
+
inputs: inputs,
|
|
55
|
+
outputs: outputs,
|
|
56
|
+
template: `<ng-content ></ng-content>`,
|
|
57
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
58
|
+
queries: {}
|
|
59
|
+
}]
|
|
60
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* NgModule definition for the FormRenderer component.
|
|
64
|
+
*/
|
|
65
|
+
class FormRendererModule {
|
|
66
|
+
}
|
|
67
|
+
FormRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
68
|
+
FormRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, declarations: [FormRendererComponent], imports: [CommonModule], exports: [FormRendererComponent] });
|
|
69
|
+
FormRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, imports: [[CommonModule]] });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererModule, decorators: [{
|
|
71
|
+
type: NgModule,
|
|
72
|
+
args: [{
|
|
73
|
+
imports: [CommonModule],
|
|
74
|
+
declarations: [
|
|
75
|
+
FormRendererComponent
|
|
76
|
+
],
|
|
77
|
+
exports: [
|
|
78
|
+
FormRendererComponent
|
|
79
|
+
]
|
|
80
|
+
}]
|
|
81
|
+
}] });
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* NgModule definition for the FormRenderer component with providers.
|
|
85
|
+
*/
|
|
86
|
+
class FormRendererAllModule {
|
|
87
|
+
}
|
|
88
|
+
FormRendererAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
89
|
+
FormRendererAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, imports: [CommonModule, FormRendererModule], exports: [FormRendererModule] });
|
|
90
|
+
FormRendererAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, providers: [], imports: [[CommonModule, FormRendererModule], FormRendererModule] });
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FormRendererAllModule, decorators: [{
|
|
92
|
+
type: NgModule,
|
|
93
|
+
args: [{
|
|
94
|
+
imports: [CommonModule, FormRendererModule],
|
|
95
|
+
exports: [
|
|
96
|
+
FormRendererModule
|
|
97
|
+
],
|
|
98
|
+
providers: []
|
|
99
|
+
}]
|
|
100
|
+
}] });
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* Generated bundle index. Do not edit.
|
|
104
|
+
*/
|
|
105
|
+
|
|
106
|
+
export { FormRendererAllModule, FormRendererComponent, FormRendererModule };
|
|
107
|
+
//# sourceMappingURL=syncfusion-ej2-angular-form-renderer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"syncfusion-ej2-angular-form-renderer.mjs","sources":["../../src/form-renderer/formrenderer.component.ts","../../src/form-renderer/formrenderer.module.ts","../../src/form-renderer/formrenderer-all.module.ts","../../syncfusion-ej2-angular-form-renderer.ts"],"sourcesContent":["import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\n\n\n\nexport const inputs: string[] = ['className','enablePersistence','enableRtl','layout','locale','schema'];\nexport const outputs: string[] = ['buttonClick','change','created','failure','submit'];\nexport const twoWays: string[] = [];\n\n/**\n * Represents the Angular FormRenderer Component.\n * ```html\n * <ejs-form-renderer></ejs-form-renderer>\n * ```\n */\n@Component({\n selector: '[ejs-form-renderer], ejs-form-renderer',\n inputs: inputs,\n outputs: outputs,\n template: `<ng-content ></ng-content>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n\n }\n})\n@ComponentMixins([ComponentBase])\nexport class FormRendererComponent extends FormRenderer implements IComponentBase {\n public containerContext : any;\n public tagObjects: any;\n\tbuttonClick: any;\n\tchange: any;\n\tcreated: any;\n\tfailure: any;\n\tpublic submit: any;\n\n\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.containerContext = new ComponentBase();\n }\n\n public ngOnInit() {\n this.containerContext.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.containerContext.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.containerContext.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n \n this.containerContext.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormRendererComponent } from './formrenderer.component';\n\n/**\n * NgModule definition for the FormRenderer component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n FormRendererComponent\n ],\n exports: [\n FormRendererComponent\n ]\n})\nexport class FormRendererModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormRendererComponent } from './formrenderer.component';\nimport { FormRendererModule } from './formrenderer.module';\n\n\n\n\n\n/**\n * NgModule definition for the FormRenderer component with providers.\n */\n@NgModule({\n imports: [CommonModule, FormRendererModule],\n exports: [\n FormRendererModule\n ],\n providers:[\n \n ]\n})\nexport class FormRendererAllModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/package.json
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@syncfusion/ej2-angular-form-renderer",
|
|
3
|
+
"version": "34.2.2",
|
|
4
|
+
"description": "A package of Essential JS 2 Form Renderer which can render feature-rich Syncfusion components as a form. for Angular",
|
|
5
|
+
"author": "Syncfusion Inc.",
|
|
6
|
+
"license": "SEE LICENSE IN license",
|
|
7
|
+
"schematics": "./schematics/collection.json",
|
|
8
|
+
"dependencies": {
|
|
9
|
+
"@syncfusion/ej2-base": "~34.2.2",
|
|
10
|
+
"@syncfusion/ej2-angular-base": "~34.2.2",
|
|
11
|
+
"@syncfusion/ej2-form-renderer": "34.2.2"
|
|
12
|
+
},
|
|
13
|
+
"keywords": [
|
|
14
|
+
"angular",
|
|
15
|
+
"ng",
|
|
16
|
+
"ej2-ng-form-renderer",
|
|
17
|
+
"ng-form-renderer",
|
|
18
|
+
"angular-form-renderer"
|
|
19
|
+
],
|
|
20
|
+
"repository": {
|
|
21
|
+
"type": "git",
|
|
22
|
+
"url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
|
|
23
|
+
},
|
|
24
|
+
"sideEffects": false,
|
|
25
|
+
"module": "fesm2015/syncfusion-ej2-angular-form-renderer.mjs",
|
|
26
|
+
"es2020": "fesm2020/syncfusion-ej2-angular-form-renderer.mjs",
|
|
27
|
+
"esm2020": "esm2020/syncfusion-ej2-angular-form-renderer.mjs",
|
|
28
|
+
"fesm2020": "fesm2020/syncfusion-ej2-angular-form-renderer.mjs",
|
|
29
|
+
"fesm2015": "fesm2015/syncfusion-ej2-angular-form-renderer.mjs",
|
|
30
|
+
"typings": "syncfusion-ej2-angular-form-renderer.d.ts",
|
|
31
|
+
"exports": {
|
|
32
|
+
"./package.json": {
|
|
33
|
+
"default": "./package.json"
|
|
34
|
+
},
|
|
35
|
+
".": {
|
|
36
|
+
"types": "./syncfusion-ej2-angular-form-renderer.d.ts",
|
|
37
|
+
"esm2020": "./esm2020/syncfusion-ej2-angular-form-renderer.mjs",
|
|
38
|
+
"es2020": "./fesm2020/syncfusion-ej2-angular-form-renderer.mjs",
|
|
39
|
+
"es2015": "./fesm2015/syncfusion-ej2-angular-form-renderer.mjs",
|
|
40
|
+
"node": "./fesm2015/syncfusion-ej2-angular-form-renderer.mjs",
|
|
41
|
+
"default": "./fesm2020/syncfusion-ej2-angular-form-renderer.mjs"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"homepage": "https://www.syncfusion.com/angular-components"
|
|
45
|
+
}
|
package/public_api.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './src/index';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
|
|
3
|
+
"schematics": {
|
|
4
|
+
"ng-add": {
|
|
5
|
+
"description": "Adds Essential JS 2 specific Angular package to an application",
|
|
6
|
+
"factory": "./ng-add",
|
|
7
|
+
"schema": "./ng-add/schema.json"
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const lib_details_1 = require("./../utils/lib-details");
|
|
4
|
+
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
5
|
+
function default_1(options) {
|
|
6
|
+
const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
|
|
7
|
+
return schematics_1.install(options, libOptions);
|
|
8
|
+
}
|
|
9
|
+
exports.default = default_1;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
|
|
2
|
+
import { install } from '@syncfusion/ej2-angular-base/schematics';
|
|
3
|
+
import { OptionsSchema, LibOptionsSchema } from './schema';
|
|
4
|
+
import { Rule } from '@angular-devkit/schematics';
|
|
5
|
+
|
|
6
|
+
export default function (options: OptionsSchema): Rule {
|
|
7
|
+
const libOptions: LibOptionsSchema = Object.assign({},
|
|
8
|
+
{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
|
|
9
|
+
return install(options, libOptions);
|
|
10
|
+
}
|