@syncfusion/ej2-angular-form-builder 35.1.37

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+# Changelog
+
+## [Unreleased]

package/README.md

@@ -0,0 +1,97 @@
+# Angular Form Builder
+
+> **Using this package with an AI coding agent**
+>
+> Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:
+>
+> ```text
+> Set up this project for Syncfusion before generating code. Fetch
+> and follow the official instructions at https://ai.syncfusion.com,
+> then report the detected platform, installed skill pack, MCP
+> status, and any required licensing action.
+> ```
+> The setup detects your project’s platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills.
+>
+> **Platform reference:** [https://ai.syncfusion.com/angular/llms.txt](https://ai.syncfusion.com/angular/llms.txt)
+
+## What's Included in the Angular Form Builder Package
+
+The Angular Form Builder package provides a drag-and-drop form design experience for creating dynamic forms with Syncfusion® controls.
+
+### Form Builder
+
+The [Angular Form Builder](https://www.syncfusion.com/angular-components/?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-builder-npm) component allows you to design and generate dynamic forms with a simple drag-and-drop interface.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/angular/documentation/form-builder/getting-started">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/angular/demos/#/tailwind3/form-builder/default">Online demos</a> .
+    <a href="https://www.syncfusion.com/angular-components/?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-builder-npm">Learn more</a>
+</p>
+
+#### Key features
+
+* **Drag-and-drop form design** - Build forms quickly by dragging and dropping form fields onto the design area and rearranging them as needed.
+* **Wide range of built-in form components** - Use 20+ built-in fields, including text box, dropdown list, combo box, multi-select, date picker, time picker, checkbox, radio button, slider, rating, signature, and file upload.
+* **Custom components** - Extend the Form Builder by registering custom components for specialized fields and business-specific inputs.
+* **Form field configuration** - Define field names, labels, placeholders, validation rules, and other properties from the properties panel.
+* **Conditional logic** - Show or hide form fields dynamically based on values from other fields.
+* **Dependent dropdowns** - Configure cascading dropdowns where the options in one dropdown depend on the selected value of another.
+* **Expressions** - Bind calculated values to form fields using expressions so values update automatically when related fields change.
+* **Form preview** - Preview the designed form at any time before saving or publishing it.
+* **JSON schema viewing** - View the generated JSON schema to understand, validate, and reuse the form definition.
+* **Save and load form data** - Export the designed form as JSON schema and load it back to restore the exact form layout at runtime.
+* **Responsive rendering** - Create forms that adapt seamlessly to desktops, tablets, and mobile devices.
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com/">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
+  </a>
+</p>
+
+## Setup
+
+To install `form-builder` and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-angular-form-builder
+```
+
+## Supported frameworks
+
+Form Builder components are available in following list of frameworks.
+
+| [<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/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Resources
+
+* [Documentation](https://www.syncfusion.com/angular-components/)
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/angular)
+* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all)
+
+## Support
+
+Product support is available through following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-builder-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-form-builder-npm)
+* Live chat
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/base/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> 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).
+
+> 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.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license) for more info.
+
+© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

package/fesm2022/syncfusion-ej2-angular-form-builder.mjs

@@ -0,0 +1,185 @@
+import * as i0 from '@angular/core';
+import { ContentChild, Directive, ContentChildren, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
+import { __decorate } from 'tslib';
+import { FormBuilder } from '@syncfusion/ej2-form-builder';
+export * from '@syncfusion/ej2-form-builder';
+import { CommonModule } from '@angular/common';
+
+let input = ['template', 'templateId', 'type'];
+let outputs$1 = [];
+/**
+ * `e-toolboxItemSettings` directive represents a custom widget
+ * configuration item of the Angular FormBuilder component.
+ * It must be contained within the `e-toolboxItemSettings`
+ * collection of an `ejs-form-builder` component.
+ * ```html
+ * <ejs-form-builder>
+ * <e-toolboxItemSettings>
+ * <e-toolboxItemSetting></e-toolboxItemSetting>
+ * </e-toolboxItemSettings>
+ * </ejs-form-builder>
+ * ```
+ */
+class ToolboxItemSettingDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$1);
+        this.directivePropList = input;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ToolboxItemSettingDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: ToolboxItemSettingDirective, isStandalone: true, selector: "e-toolboxitemsettings>e-toolboxitemsetting", inputs: { template: "template", templateId: "templateId", type: "type" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ToolboxItemSettingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'e-toolboxitemsettings>e-toolboxitemsetting',
+                    inputs: input,
+                    outputs: outputs$1,
+                    standalone: true,
+                    queries: {
+                        template: new ContentChild('template')
+                    }
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(ToolboxItemSettingDirective.prototype, 'template');
+/**
+ * ToolboxItemSetting Array Directive
+ * @private
+ */
+class ToolboxItemSettingsDirective extends ArrayBase {
+    constructor() {
+        super('toolboxitems');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ToolboxItemSettingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: ToolboxItemSettingsDirective, isStandalone: true, selector: "ejs-formbuilder>e-toolboxitemsettings", queries: [{ propertyName: "children", predicate: ToolboxItemSettingDirective }], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ToolboxItemSettingsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ejs-formbuilder>e-toolboxitemsettings',
+                    standalone: true,
+                    queries: {
+                        children: new ContentChildren(ToolboxItemSettingDirective)
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const inputs = ['allowExport', 'enableHtmlSanitizer', 'enablePersistence', 'enablePreview', 'enableRtl', 'formTemplates', 'locale', 'mode', 'schema', 'toolboxCategories', 'toolboxItems'];
+const outputs = ['onFieldDragOver', 'onFieldDragStarted', 'onFieldDropped', 'onFieldPropertyChanged'];
+const twoWays = [];
+/**
+ * Represents the Angular Form Builder Component.
+ * ```html
+ * <ejs-form-builder></ejs-form-builder>
+ * ```
+ */
+let FormBuilderComponent = class FormBuilderComponent extends FormBuilder {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['toolboxItems'];
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childToolboxItems;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: FormBuilderComponent, isStandalone: true, selector: "[ejs-form-builder], ejs-form-builder", inputs: { allowExport: "allowExport", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enablePreview: "enablePreview", enableRtl: "enableRtl", formTemplates: "formTemplates", locale: "locale", mode: "mode", schema: "schema", toolboxCategories: "toolboxCategories", toolboxItems: "toolboxItems" }, outputs: { onFieldDragOver: "onFieldDragOver", onFieldDragStarted: "onFieldDragStarted", onFieldDropped: "onFieldDropped", onFieldPropertyChanged: "onFieldPropertyChanged" }, queries: [{ propertyName: "childToolboxItems", first: true, predicate: ToolboxItemSettingsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+FormBuilderComponent = __decorate([
+    ComponentMixins([ComponentBase])
+], FormBuilderComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ejs-form-builder], ejs-form-builder',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: `<ng-content ></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    queries: {
+                        childToolboxItems: new ContentChild(ToolboxItemSettingsDirective)
+                    }
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+
+const FORMBUILDER_DIRECTIVES = [
+    FormBuilderComponent,
+    ToolboxItemSettingDirective,
+    ToolboxItemSettingsDirective
+];
+/**
+ * NgModule definition for the FormBuilder component.
+ * Re-exports standalone FormBuilder component and directives so existing apps can keep using:
+ * `imports: [FormBuilderModule]`
+ */
+class FormBuilderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderModule, imports: [CommonModule, FormBuilderComponent,
+            ToolboxItemSettingDirective,
+            ToolboxItemSettingsDirective], exports: [FormBuilderComponent,
+            ToolboxItemSettingDirective,
+            ToolboxItemSettingsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...FORMBUILDER_DIRECTIVES],
+                    exports: [...FORMBUILDER_DIRECTIVES]
+                }]
+        }] });
+
+/**
+ * NgModule definition for the FormBuilder component with providers.
+ */
+class FormBuilderAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderAllModule, imports: [CommonModule, FormBuilderModule], exports: [FormBuilderModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderAllModule, imports: [CommonModule, FormBuilderModule, FormBuilderModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: FormBuilderAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormBuilderModule],
+                    exports: [
+                        FormBuilderModule
+                    ],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormBuilderAllModule, FormBuilderComponent, FormBuilderModule, ToolboxItemSettingDirective, ToolboxItemSettingsDirective };
+//# sourceMappingURL=syncfusion-ej2-angular-form-builder.mjs.map

package/fesm2022/syncfusion-ej2-angular-form-builder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncfusion-ej2-angular-form-builder.mjs","sources":["../../src/form-builder/toolboxitems.directive.ts","../../src/form-builder/formbuilder.component.ts","../../src/form-builder/formbuilder.module.ts","../../src/form-builder/formbuilder-all.module.ts","../../syncfusion-ej2-angular-form-builder.ts"],"sourcesContent":["import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet input: string[] = ['template', 'templateId', 'type'];\nlet outputs: string[] = [];\n/**\n * `e-toolboxItemSettings` directive represents a custom widget\n * configuration item of the Angular FormBuilder component.\n * It must be contained within the `e-toolboxItemSettings`\n * collection of an `ejs-form-builder` component.\n * ```html\n * <ejs-form-builder>\n * <e-toolboxItemSettings>\n * <e-toolboxItemSetting></e-toolboxItemSetting>\n * </e-toolboxItemSettings>\n * </ejs-form-builder>\n * ```\n */\n@Directive({\n    selector: 'e-toolboxitemsettings>e-toolboxitemsetting',\n    inputs: input,\n    outputs: outputs,\n    standalone: true,\n    queries: {\n        template: new ContentChild('template')\n    }\n})\nexport class ToolboxItemSettingDirective extends ComplexBase<ToolboxItemSettingDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Specifies the Form Builder component type that this toolbox entry customizes.\n     * @default ''\n     */\n    public declare type: any;\n    /** \n     * Specifies a stable identifier that is persisted in the field schema, \n     * allowing a downstream Form Renderer to resolve the matching custom-template \n     * implementation when the schema is re-imported.\n     * @default ''\n     */\n    public declare templateId: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\nTemplate()(ToolboxItemSettingDirective.prototype, 'template');\n\n/**\n * ToolboxItemSetting Array Directive\n * @private\n */\n@Directive({\n    selector: 'ejs-formbuilder>e-toolboxitemsettings',\n    standalone: true,\n    queries: {\n        children: new ContentChildren(ToolboxItemSettingDirective)\n    },\n})\nexport class ToolboxItemSettingsDirective extends ArrayBase<ToolboxItemSettingsDirective> {\n    constructor() {\n        super('toolboxitems');\n    }\n}","import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { FormBuilder } from '@syncfusion/ej2-form-builder';\n\nimport { ToolboxItemSettingsDirective } from './toolboxitems.directive';\n\nexport const inputs: string[] = ['allowExport','enableHtmlSanitizer','enablePersistence','enablePreview','enableRtl','formTemplates','locale','mode','schema','toolboxCategories','toolboxItems'];\nexport const outputs: string[] = ['onFieldDragOver','onFieldDragStarted','onFieldDropped','onFieldPropertyChanged'];\nexport const twoWays: string[] = [];\n\n/**\n * Represents the Angular Form Builder Component.\n * ```html\n * <ejs-form-builder></ejs-form-builder>\n * ```\n */\n@Component({\n    selector: '[ejs-form-builder], ejs-form-builder',\n    inputs: inputs,\n    outputs: outputs,\n    template: `<ng-content ></ng-content>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    queries: {\n        childToolboxItems: new ContentChild(ToolboxItemSettingsDirective)\n    }\n})\n@ComponentMixins([ComponentBase])\nexport class FormBuilderComponent extends FormBuilder implements IComponentBase {\n    public declare containerContext : any;\n    public declare tagObjects: any;\n\tdeclare onFieldDragOver: any;\n\tdeclare onFieldDragStarted: any;\n\tdeclare onFieldDropped: any;\n\tpublic declare onFieldPropertyChanged: any;\n    public declare childToolboxItems: QueryList<ToolboxItemSettingsDirective>;\n    public tags: string[] = ['toolboxItems'];\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        this.tagObjects[0].instance = this.childToolboxItems;\n        this.containerContext.ngAfterContentChecked(this);\n    }\n\n    public declare registerEvents: (eventList: string[]) => void;\n    public declare addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToolboxItemSettingDirective, ToolboxItemSettingsDirective } from './toolboxitems.directive';\nimport { FormBuilderComponent } from './formbuilder.component';\n\nconst FORMBUILDER_DIRECTIVES = [\n    FormBuilderComponent,\n        ToolboxItemSettingDirective,\n        ToolboxItemSettingsDirective\n];\n\n/**\n * NgModule definition for the FormBuilder component.\n * Re-exports standalone FormBuilder component and directives so existing apps can keep using:\n * `imports: [FormBuilderModule]`\n */\n@NgModule({\n    imports: [CommonModule, ...FORMBUILDER_DIRECTIVES],\n    exports: [...FORMBUILDER_DIRECTIVES]\n})\nexport class FormBuilderModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToolboxItemSettingDirective, ToolboxItemSettingsDirective } from './toolboxitems.directive';\nimport { FormBuilderComponent } from './formbuilder.component';\nimport { FormBuilderModule } from './formbuilder.module';\n\n\n\n\n\n/**\n * NgModule definition for the FormBuilder component with providers.\n */\n@NgModule({\n    imports: [CommonModule, FormBuilderModule],\n    exports: [\n        FormBuilderModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class FormBuilderAllModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["outputs"],"mappings":"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"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@syncfusion/ej2-angular-form-builder",
+  "version": "35.1.37",
+  "description": "A package of feature-rich Essential JS 2 form builder component. for Angular",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "schematics": "./schematics/collection.json",
+  "dependencies": {
+    "@syncfusion/ej2-base": "~35.1.37",
+    "@syncfusion/ej2-angular-base": "~35.1.37",
+    "@syncfusion/ej2-form-builder": "35.1.37"
+  },
+  "keywords": [
+    "angular",
+    "ng",
+    "ej2-ng-form-builder",
+    "ng-form-builder",
+    "angular-form-builder"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/syncfusion-ej2-angular-form-builder.mjs",
+  "typings": "types/syncfusion-ej2-angular-form-builder.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/syncfusion-ej2-angular-form-builder.d.ts",
+      "default": "./fesm2022/syncfusion-ej2-angular-form-builder.mjs"
+    }
+  },
+  "type": "module",
+  "homepage": "https://www.syncfusion.com/angular-components"
+}

package/schematics/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Essential JS 2 specific Angular package to an application",
+      "factory": "./ng-add",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { OptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+export default function (options: OptionsSchema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,6 @@
+import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
+import { install } from '@syncfusion/ej2-angular-base/schematics';
+export default function (options) {
+    const libOptions = Object.assign({}, { 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
+    return install(options, libOptions);
+}

package/schematics/ng-add/index.ts

@@ -0,0 +1,10 @@
+import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
+import { install } from '@syncfusion/ej2-angular-base/schematics';
+import { OptionsSchema, LibOptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+
+export default function (options: OptionsSchema): Rule {
+	const libOptions: LibOptionsSchema = Object.assign({},
+		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
+	return install(options, libOptions);
+}

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,13 @@
+export interface OptionsSchema {
+    skipPackageJson: boolean;
+    modules: string;
+    modulePath: string;
+    theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+    project?: string;
+}
+export interface LibOptionsSchema {
+    pkgName: string;
+    pkgVer: string;
+    moduleName: string;
+    themeVer: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1 @@
+export {};

package/schematics/ng-add/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/ng-add/schema.ts

@@ -0,0 +1,30 @@
+export interface OptionsSchema {
+    // Whether to skip package.json install.
+    skipPackageJson: boolean;
+
+    // Used to specify required module names
+    modules: string;
+
+    // Used to specify custom module path
+    modulePath: string;
+
+    // Used to specify theme name
+    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+
+    // Name of the project to target.
+    project?: string;
+}
+
+export interface LibOptionsSchema {
+    // Package name
+    pkgName: string;
+
+    // Package version
+    pkgVer: string;
+
+    // Library base module name
+    moduleName: string;
+
+    // Theme version
+    themeVer: string;
+}

package/schematics/tsconfig.json

@@ -0,0 +1,33 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ES2022",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "dom"
+        ],
+        "noEmitOnError": false,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "declaration": true,
+        "strict": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "esModuleInterop": true,
+        "useDefineForClassFields": false,
+        "forceConsistentCasingInFileNames": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -0,0 +1,4 @@
+export declare const pkgName = "@syncfusion/ej2-angular-form-builder";
+export declare const pkgVer = "^28.1.33";
+export declare const moduleName = "FormBuilderModule";
+export declare const themeVer = "~28.1.33";

package/schematics/utils/lib-details.js

@@ -0,0 +1,4 @@
+export const pkgName = '@syncfusion/ej2-angular-form-builder';
+export const pkgVer = '^35.1.37';
+export const moduleName = 'FormBuilderModule';
+export const themeVer = '~35.1.37';

package/schematics/utils/lib-details.ts

@@ -0,0 +1,4 @@
+export const pkgName = '@syncfusion/ej2-angular-form-builder';
+export const pkgVer = '^35.1.37';
+export const moduleName = 'FormBuilderModule';
+export const themeVer = '~35.1.37';

package/types/syncfusion-ej2-angular-form-builder.d.ts

@@ -0,0 +1,100 @@
+import * as i0 from '@angular/core';
+import { ViewContainerRef, QueryList, ElementRef, Renderer2, Injector } from '@angular/core';
+import { ArrayBase, ComplexBase, IComponentBase } from '@syncfusion/ej2-angular-base';
+import { FormBuilder } from '@syncfusion/ej2-form-builder';
+export * from '@syncfusion/ej2-form-builder';
+import * as i1 from '@angular/common';
+
+/**
+ * `e-toolboxItemSettings` directive represents a custom widget
+ * configuration item of the Angular FormBuilder component.
+ * It must be contained within the `e-toolboxItemSettings`
+ * collection of an `ejs-form-builder` component.
+ * ```html
+ * <ejs-form-builder>
+ * <e-toolboxItemSettings>
+ * <e-toolboxItemSetting></e-toolboxItemSetting>
+ * </e-toolboxItemSettings>
+ * </ejs-form-builder>
+ * ```
+ */
+declare class ToolboxItemSettingDirective extends ComplexBase<ToolboxItemSettingDirective> {
+    private viewContainerRef;
+    directivePropList: any;
+    /**
+     * Specifies the Form Builder component type that this toolbox entry customizes.
+     * @default ''
+     */
+    type: any;
+    /**
+     * Specifies a stable identifier that is persisted in the field schema,
+     * allowing a downstream Form Renderer to resolve the matching custom-template
+     * implementation when the schema is re-imported.
+     * @default ''
+     */
+    templateId: any;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolboxItemSettingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolboxItemSettingDirective, "e-toolboxitemsettings>e-toolboxitemsetting", never, { "template": { "alias": "template"; "required": false; }; "templateId": { "alias": "templateId"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, ["template"], never, true, never>;
+}
+/**
+ * ToolboxItemSetting Array Directive
+ * @private
+ */
+declare class ToolboxItemSettingsDirective extends ArrayBase<ToolboxItemSettingsDirective> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolboxItemSettingsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolboxItemSettingsDirective, "ejs-formbuilder>e-toolboxitemsettings", never, {}, {}, ["children"], never, true, never>;
+}
+
+/**
+ * Represents the Angular Form Builder Component.
+ * ```html
+ * <ejs-form-builder></ejs-form-builder>
+ * ```
+ */
+declare class FormBuilderComponent extends FormBuilder implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    containerContext: any;
+    tagObjects: any;
+    onFieldDragOver: any;
+    onFieldDragStarted: any;
+    onFieldDropped: any;
+    onFieldPropertyChanged: any;
+    childToolboxItems: QueryList<ToolboxItemSettingsDirective>;
+    tags: string[];
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormBuilderComponent, "[ejs-form-builder], ejs-form-builder", never, { "allowExport": { "alias": "allowExport"; "required": false; }; "enableHtmlSanitizer": { "alias": "enableHtmlSanitizer"; "required": false; }; "enablePersistence": { "alias": "enablePersistence"; "required": false; }; "enablePreview": { "alias": "enablePreview"; "required": false; }; "enableRtl": { "alias": "enableRtl"; "required": false; }; "formTemplates": { "alias": "formTemplates"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; "toolboxCategories": { "alias": "toolboxCategories"; "required": false; }; "toolboxItems": { "alias": "toolboxItems"; "required": false; }; }, { "onFieldDragOver": "onFieldDragOver"; "onFieldDragStarted": "onFieldDragStarted"; "onFieldDropped": "onFieldDropped"; "onFieldPropertyChanged": "onFieldPropertyChanged"; }, ["childToolboxItems"], ["*"], true, never>;
+}
+
+/**
+ * NgModule definition for the FormBuilder component.
+ * Re-exports standalone FormBuilder component and directives so existing apps can keep using:
+ * `imports: [FormBuilderModule]`
+ */
+declare class FormBuilderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormBuilderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormBuilderModule, never, [typeof i1.CommonModule, typeof FormBuilderComponent, typeof ToolboxItemSettingDirective, typeof ToolboxItemSettingsDirective], [typeof FormBuilderComponent, typeof ToolboxItemSettingDirective, typeof ToolboxItemSettingsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormBuilderModule>;
+}
+
+/**
+ * NgModule definition for the FormBuilder component with providers.
+ */
+declare class FormBuilderAllModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormBuilderAllModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormBuilderAllModule, never, [typeof i1.CommonModule, typeof FormBuilderModule], [typeof FormBuilderModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormBuilderAllModule>;
+}
+
+export { FormBuilderAllModule, FormBuilderComponent, FormBuilderModule, ToolboxItemSettingDirective, ToolboxItemSettingsDirective };