@syncfusion/ej2-vue-form-renderer 34.2.2

package/README.md

@@ -0,0 +1,130 @@
+# Vue Form Renderer Component
+
+## What's Included in the Vue Form Renderer Package
+
+The Vue 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.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/introduction?utm_source=npm&utm_medium=listing&utm_campaign=vue-form-renderer-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-form-renderer-npm">Online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=vue-form-renderer-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue Form Renderer Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-form-renderer.png">
+</p>
+
+## Form Renderer (Vue)
+
+The [Vue Form Renderer](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=vue-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 Vue suite (inputs, dropdowns, calendars, grids, navigation, popups, and rich text editor) and exposes a `<ejs-formrenderer />` component that is the source of truth for the form-renderer contract.
+
+#### Key features
+
+* **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.
+* **30+ field types** — Maps every supported `component.type` to the equivalent Syncfusion EJ2 Vue 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).
+* **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.
+* **Conditional logic** — `visibleWhen`, `hideWhen`, `readOnlyWhen`, `disabledWhen`, `requiredWhen`, `setValueWhen`, choice-based field filtering, and conditional data sources for data grids.
+* **Expression engine** — Computed fields via `expressionValue` with topological evaluation order, cycle detection, and per-target-type coercion.
+* **Layouts & composition** — Single/Two/Three/Four column layouts, panels, tables, tabs, cards, and per-column width control.
+* **Events** — `created`, `onChange`, `onSubmit`, `onButtonClick`, and `onFailure` for full integration.
+* **Localization & RTL** — `locale` and `enableRtl` are threaded into every rendered Syncfusion Vue control.
+
+### Usage
+
+```html
+<template>
+  <ejs-formrenderer :schema="schema" :onSubmit="onSubmit"></ejs-formrenderer>
+</template>
+
+<script>
+import { FormRendererComponent } from '@syncfusion/ej2-vue-form-renderer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-formrenderer': FormRendererComponent },
+  data() {
+    return {
+      schema: {
+        version: '0.1.0',
+        properties: {
+          name:    { type: 'textbox',     label: 'Name',    required: true },
+          email:   { type: 'textbox',     label: 'Email',   textboxType: 'email' },
+          role:    { type: 'dropdown',    label: 'Role',    options: ['Admin', 'User'] },
+          accept:  { type: 'checkbox',    label: 'Accept Terms', required: true }
+        },
+        layout: [
+          { row: 0, col: 0, field: 'name'   },
+          { row: 1, col: 0, field: 'email'  },
+          { row: 2, col: 0, field: 'role'   },
+          { row: 3, col: 0, field: 'accept' }
+        ]
+      }
+    };
+  },
+  methods: {
+    onSubmit(args) { console.log(args.data, args.isValid); }
+  }
+};
+</script>
+```
+
+<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 the form renderer and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-vue-form-renderer
+```
+
+The Vue Form Renderer pulls in its required EJ2 Vue peers automatically (inputs, calendars, dropdowns, buttons, split buttons, grids, navigation, popups, notifications, rich text editor, image editor).
+
+## Supported frameworks
+
+The Form Renderer is also offered 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/angular-new.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&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; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Showcase samples
+
+* Job Application Form - [Source](https://github.com/syncfusion/ej2-showcase-vue-form-renderer), [Live Demo](https://ej2.syncfusion.com/showcase/vue/form-renderer/?utm_source=npm&utm_campaign=form-renderer)
+* Asset Management - [Source](https://github.com/syncfusion/ej2-showcase-vue-assetmanagement), [Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement/?utm_source=npm&utm_campaign=form-renderer)
+
+## Resources
+
+* [Documentation](https://ej2.syncfusion.com/vue/documentation/introduction)
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/vue?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/vue)
+* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=vue&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/vue?utm_source=npm&utm_campaign=vue-form-renderer-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_medium=listing&utm_source=github)
+* Live chat
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-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.
+
+## 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+ [Vue UI components](https://www.syncfusion.com/vue-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-vue-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/dist/ej2-vue-form-renderer.umd.min.js

@@ -0,0 +1,11 @@
+/*!
+*  filename: ej2-vue-form-renderer.umd.min.js
+*  version : 34.2.2
+*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-form-renderer"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-form-renderer","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2FormRenderer,e.ej2VueBase,e.ej2Base)}(this,function(t,s,n,i){"use strict";var e=["isLazyUpdate","plugins","className","enablePersistence","enableRtl","layout","locale","schema","buttonClick","change","created","failure","submit"],o=[],r=n.getProps({props:e}),a=r[0],r=r[1],u=Object.keys(r);u.push("modelchanged","update:modelValue");for(var c=0,l=o;c<l.length;c++)u.push("update:"+l[c]);var d=n.vueDefineComponent({name:"FormRendererComponent",mixins:[n.ComponentBase],props:a,watch:r,emits:u,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.FormRenderer({}),propKeys:e,models:o,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(n.isExecute?e:n.gh)("div",t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var o=0,r=i;o<r.length;o++){var a=r[o];this.destroyPortals(a)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},getComponent:function(e){return this.ej2Instances.getComponent(e)}}}),p={name:"ejs-formrenderer",install:function(e){e.component(p.name,d)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.FormRendererComponent=d,t.FormRendererPlugin=p,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=ej2-vue-form-renderer.umd.min.js.map

package/dist/ej2-vue-form-renderer.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-vue-form-renderer.umd.min.js","sources":["../src/form-renderer/formrenderer.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\nexport var properties = ['isLazyUpdate', 'plugins', 'className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema', 'buttonClick', 'change', 'created', 'failure', 'submit'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * Represents the Essential JS 2 VueJS FormRenderer Component\n * ```html\n * <ejs-form-renderer></ejs-form-renderer>\n * ```\n */\nexport var FormRendererComponent = vueDefineComponent({\n    name: 'FormRendererComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new FormRenderer({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: false,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            this.destroyPortals(ele);\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        getComponent: function (name) {\n            return this.ej2Instances.getComponent(name);\n        },\n    }\n});\nexport var FormRendererPlugin = {\n    name: 'ejs-formrenderer',\n    install: function (Vue) {\n        Vue.component(FormRendererPlugin.name, FormRendererComponent);\n    }\n};\n"],"names":["properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","FormRendererComponent","vueDefineComponent","name","mixins","ComponentBase","emits","provide","custom","this","data","ej2Instances","FormRenderer","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","tagNameMapper","isVue3","isExecute","templateCollection","created","bindProperties","_setProperties","setProperties","clearTemplate","updated","render","createElement","slots","gh","isNullOrUndefined","$slots","default","methods","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","destroyPortals","prop","muteOnChange","_this","referModels","map","key","model","test","vueInstance","$emit","getComponent","FormRendererPlugin","install","Vue","component"],"mappings":"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"}

package/dist/es6/ej2-vue-form-renderer.es2015.js

@@ -0,0 +1,111 @@
+import { FormRenderer } from '@syncfusion/ej2-form-renderer';
+export * from '@syncfusion/ej2-form-renderer';
+import { getProps, vueDefineComponent, ComponentBase, isExecute, gh } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+
+const properties = ['isLazyUpdate', 'plugins', 'className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema', 'buttonClick', 'change', 'created', 'failure', 'submit'];
+const modelProps = [];
+const testProp = getProps({ props: properties });
+const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (let props of modelProps) {
+    emitProbs.push('update:' + props);
+}
+/**
+ * Represents the Essential JS 2 VueJS FormRenderer Component
+ * ```html
+ * <ejs-form-renderer></ejs-form-renderer>
+ * ```
+ */
+let FormRendererComponent = vueDefineComponent({
+    name: 'FormRendererComponent',
+    mixins: [ComponentBase],
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    provide() { return { custom: this.custom }; },
+    data() {
+        return {
+            ej2Instances: new FormRenderer({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: false,
+            hasInjectedModules: false,
+            tagMapper: {},
+            tagNameMapper: {},
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created() {
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render(createElement) {
+        let h = !isExecute ? gh : createElement;
+        let slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
+    },
+    methods: {
+        clearTemplate(templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (let tempName of templateNames) {
+                    let elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (let ele of elementCollection) {
+                            this.destroyPortals(ele);
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties(prop, muteOnChange) {
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map((key) => {
+                    this.models.map((model) => {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (this.isVue3) {
+                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                this.$emit('update:' + key, prop[key]);
+                                this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        custom() {
+            this.updated();
+        },
+        getComponent(name) {
+            return this.ej2Instances.getComponent(name);
+        },
+    }
+});
+const FormRendererPlugin = {
+    name: 'ejs-formrenderer',
+    install(Vue) {
+        Vue.component(FormRendererPlugin.name, FormRendererComponent);
+    }
+};
+
+export { FormRendererComponent, FormRendererPlugin };
+//# sourceMappingURL=ej2-vue-form-renderer.es2015.js.map

package/dist/es6/ej2-vue-form-renderer.es2015.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-vue-form-renderer.es2015.js","sources":["../src/es6/form-renderer/formrenderer.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\nexport const properties = ['isLazyUpdate', 'plugins', 'className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema', 'buttonClick', 'change', 'created', 'failure', 'submit'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\n/**\n * Represents the Essential JS 2 VueJS FormRenderer Component\n * ```html\n * <ejs-form-renderer></ejs-form-renderer>\n * ```\n */\nexport let FormRendererComponent = vueDefineComponent({\n    name: 'FormRendererComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide() { return { custom: this.custom }; },\n    data() {\n        return {\n            ej2Instances: new FormRenderer({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: false,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created() {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render(createElement) {\n        let h = !isExecute ? gh : createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate(templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (let tempName of templateNames) {\n                    let elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (let ele of elementCollection) {\n                            this.destroyPortals(ele);\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties(prop, muteOnChange) {\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map((key) => {\n                    this.models.map((model) => {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (this.isVue3) {\n                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                this.$emit('update:' + key, prop[key]);\n                                this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom() {\n            this.updated();\n        },\n        getComponent(name) {\n            return this.ej2Instances.getComponent(name);\n        },\n    }\n});\nexport const FormRendererPlugin = {\n    name: 'ejs-formrenderer',\n    install(Vue) {\n        Vue.component(FormRendererPlugin.name, FormRendererComponent);\n    }\n};\n"],"names":[],"mappings":"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"}

package/dist/es6/ej2-vue-form-renderer.es5.js

@@ -0,0 +1,115 @@
+import { FormRenderer } from '@syncfusion/ej2-form-renderer';
+export * from '@syncfusion/ej2-form-renderer';
+import { getProps, vueDefineComponent, ComponentBase, isExecute, gh } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+
+var properties = ['isLazyUpdate', 'plugins', 'className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema', 'buttonClick', 'change', 'created', 'failure', 'submit'];
+var modelProps = [];
+var testProp = getProps({ props: properties });
+var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
+    var props_1 = modelProps_1[_i];
+    emitProbs.push('update:' + props_1);
+}
+/**
+ * Represents the Essential JS 2 VueJS FormRenderer Component
+ * ```html
+ * <ejs-form-renderer></ejs-form-renderer>
+ * ```
+ */
+var FormRendererComponent = vueDefineComponent({
+    name: 'FormRendererComponent',
+    mixins: [ComponentBase],
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    provide: function () { return { custom: this.custom }; },
+    data: function () {
+        return {
+            ej2Instances: new FormRenderer({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: false,
+            hasInjectedModules: false,
+            tagMapper: {},
+            tagNameMapper: {},
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created: function () {
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render: function (createElement) {
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
+    },
+    methods: {
+        clearTemplate: function (templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                    var tempName = templateNames_1[_i];
+                    var elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                            var ele = elementCollection_1[_a];
+                            this.destroyPortals(ele);
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties: function (prop, muteOnChange) {
+            var _this = this;
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map(function (key) {
+                    _this.models.map(function (model) {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (_this.isVue3) {
+                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                _this.$emit('update:' + key, prop[key]);
+                                _this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        custom: function () {
+            this.updated();
+        },
+        getComponent: function (name) {
+            return this.ej2Instances.getComponent(name);
+        },
+    }
+});
+var FormRendererPlugin = {
+    name: 'ejs-formrenderer',
+    install: function (Vue) {
+        Vue.component(FormRendererPlugin.name, FormRendererComponent);
+    }
+};
+
+export { FormRendererComponent, FormRendererPlugin };
+//# sourceMappingURL=ej2-vue-form-renderer.es5.js.map

package/dist/es6/ej2-vue-form-renderer.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-vue-form-renderer.es5.js","sources":["../../src/form-renderer/formrenderer.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\nexport var properties = ['isLazyUpdate', 'plugins', 'className', 'enablePersistence', 'enableRtl', 'layout', 'locale', 'schema', 'buttonClick', 'change', 'created', 'failure', 'submit'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * Represents the Essential JS 2 VueJS FormRenderer Component\n * ```html\n * <ejs-form-renderer></ejs-form-renderer>\n * ```\n */\nexport var FormRendererComponent = vueDefineComponent({\n    name: 'FormRendererComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new FormRenderer({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: false,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            this.destroyPortals(ele);\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        getComponent: function (name) {\n            return this.ej2Instances.getComponent(name);\n        },\n    }\n});\nexport var FormRendererPlugin = {\n    name: 'ejs-formrenderer',\n    install: function (Vue) {\n        Vue.component(FormRendererPlugin.name, FormRendererComponent);\n    }\n};\n"],"names":[],"mappings":"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"}

package/form-renderer.d.ts

@@ -0,0 +1,4 @@
+/**
+ * form-renderer
+ */
+export * from './src/form-renderer/index';

package/form-renderer.js

@@ -0,0 +1,4 @@
+/**
+ * form-renderer
+ */
+export * from './src/form-renderer/index';

package/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * index
+ */
+export * from './src/index';

package/index.js

@@ -0,0 +1,4 @@
+/**
+ * index
+ */
+export * from './src/index';

package/license

@@ -0,0 +1,6 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@syncfusion/ej2-vue-form-renderer",
+  "version": "34.2.2",
+  "description": "A package of Essential JS 2 Form Renderer which can render feature-rich Syncfusion components as a form. for Vue",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "keywords": [
+    "vue",
+    "vuejs",
+    "ej2-vue-form-renderer",
+    "vue-form-renderer"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-vue-ui-components.git"
+  },
+  "main": "./dist/ej2-vue-form-renderer.umd.min.js",
+  "module": "./index.js",
+  "es2015": "dist/es6/ej2-vue-form-renderer.es2015.js",
+  "readme": "ReadMe.md",
+  "dependencies": {
+    "@syncfusion/ej2-base": "~34.2.2",
+    "@syncfusion/ej2-vue-base": "~34.2.2",
+    "@syncfusion/ej2-form-renderer": "34.2.2"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "compile": "gulp ci-compile && gulp vue-global-script",
+    "ci-publish": "gulp ci-publish"
+  },
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/vue-components"
+}

package/src/form-renderer/formrenderer.component.d.ts

@@ -0,0 +1,35 @@
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { FormRenderer, FormRendererModel } from '@syncfusion/ej2-form-renderer';
+export declare const properties: string[];
+export declare const modelProps: string[];
+export declare const testProp: any;
+export declare const props: any, watch: any, emitProbs: any;
+/**
+ * Represents the Essential JS 2 VueJS FormRenderer Component
+ * ```html
+ * <ejs-form-renderer></ejs-form-renderer>
+ * ```
+ */
+export declare let FormRendererComponent: DefineVueComponent<FormRendererModel>;
+export declare type FormRendererComponent = typeof ComponentBase & {
+    ej2Instances: FormRenderer;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    getComponent(name: string): object | null;
+};
+export declare const FormRendererPlugin: {
+    name: string;
+    install(Vue: any): void;
+};