@progress/kendo-vue-form 3.5.0 → 3.5.1-dev.202208100944

package/README.md

@@ -38,7 +38,7 @@ For any issues you might encounter while working with the Kendo UI for Vue Form,
 * [Kendo UI for Vue Roadmap](https://www.telerik.com/kendo-vue-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-form)
 * [Blogs](https://www.telerik.com/blogs/tag/vue?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-form)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-vue-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-form)
-* [Kendo UI for Vue pricing and licensing](https://www.telerik.com/kendo-vue-ui/pricing/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-form)
+* [Kendo UI for Vue pricing and licensing](https://www.telerik.com/purchase/kendo-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-form)
 
 *Copyright © 2022 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
 

package/dist/cdn/js/kendo-vue-form.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueForm=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueForm=t(e.Vue,e.KendoLicensing)}(window,(function(e,t){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t),n.d(t,"getRef",(function(){return a})),n.d(t,"setRef",(function(){return l})),n.d(t,"classNames",(function(){return o})),n.d(t,"guid",(function(){return i})),n.d(t,"Keys",(function(){return u})),n.d(t,"noop",(function(){return R})),n.d(t,"isObject",(function(){return r})),n.d(t,"getListeners",(function(){return W})),n.d(t,"hasListener",(function(){return U})),n.d(t,"canUseDOM",(function(){return s})),n.d(t,"firstFocusableChild",(function(){return c})),n.d(t,"focusFirstFocusableChild",(function(){return h})),n.d(t,"lastFocusableChild",(function(){return f})),n.d(t,"focusLastFocusableChild",(function(){return m})),n.d(t,"focusContainer",(function(){return p})),n.d(t,"clone",(function(){return E})),n.d(t,"Draggable",(function(){return A})),n.d(t,"cloneArray",(function(){return x})),n.d(t,"cloneValue",(function(){return D})),n.d(t,"cloneObject",(function(){return T})),n.d(t,"cloneDate",(function(){return C})),n.d(t,"getTemplate",(function(){return J})),n.d(t,"templateRendering",(function(){return z})),n.d(t,"templateDefinition",(function(){return q})),n.d(t,"getTabIndex",(function(){return Z})),n.d(t,"getDefaultSlots",(function(){return S})),n.d(t,"isRtl",(function(){return ee})),n.d(t,"getDir",(function(){return te})),n.d(t,"getter",(function(){return K})),n.d(t,"setter",(function(){return N})),n.d(t,"validatePackage",(function(){return re})),n.d(t,"kendoThemeMaps",(function(){return oe}));var r=function(e){return"object"==typeof e},o=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?o.apply(void 0,e):r(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},i=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},u={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},s=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function a(e,t,n){return e.v3?e[t+"Ref"]:e.$refs[""+(n||t)]}function l(e,t,n){return e.v3?function(n){e[t+"Ref"]=n}:n||t}var d='input, [tabindex]:not([tabindex="-1"])',c=function(e){if(e){var t=e.querySelectorAll(d);if(t.length&&t[0].focus)return t[0]}},f=function(e){if(e){var t=e.querySelectorAll(d);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},h=function(e){if(e){var t=e.querySelectorAll(d);t.length&&t[0].focus&&t[0].focus()}},m=function(e){if(e){var t=e.querySelectorAll(d);t.length&&t[t.length-1].focus&&t[t.length-1].focus()}},p=function(e,t){var n=!0;if(e.keyCode!==u.enter&&e.target===t)return!1;if(e.keyCode===u.enter&&e.target===t)n=!0,setTimeout((function(){h(t)}),1);else if(e.keyCode===u.esc)n=!1,t.focus();else if(e.keyCode===u.tab){var r=c(t),o=f(t);o&&!e.shiftKey&&e.target===o&&(e.preventDefault(),r.focus()),r&&e.shiftKey&&e.target===r&&(e.preventDefault(),o.focus())}return n},v=n(0),y=function(e,t){return function(n){return t(e(n))}},g=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},F=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},b=function(){},O=function(e){return e.preventDefault()},_=/touch/;function j(e){return e.type.match(_)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var k=function(e){var t=this,n=e.press;void 0===n&&(n=b);var r=e.drag;void 0===r&&(r=b);var o=e.release;void 0===o&&(o=b);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=y(j,n),this._dragHandler=y(j,r),this._releaseHandler=y(j,o),this._ignoreMouse=!1,this._mouseOnly=i,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(g(t.document,"mousemove",t._mousemove),g(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){F(t.document,"mousemove",t._mousemove),F(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(g(t.document,"pointermove",t._pointermove),g(t.document,"pointerup",t._pointerup),g(t.document,"pointercancel",t._pointerup),g(t.document,"contextmenu",O),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(F(t.document,"pointermove",t._pointermove),F(t.document,"pointerup",t._pointerup),F(t.document,"pointercancel",t._pointerup),F(t.document,"contextmenu",O),t._releaseHandler(e))}},P={document:{configurable:!0}};k.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},P.document.get=function(){return this._element?this._element.ownerDocument:document},k.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},k.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?g(e,"pointerdown",this._pointerdown):(g(e,"mousedown",this._mousedown),this._mouseOnly||(g(e,"touchstart",this._touchstart),g(e,"touchmove",this._touchmove),g(e,"touchend",this._touchend)))},k.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return F(e,"pointerdown",this._pointerdown),F(this.document,"pointermove",this._pointermove),F(this.document,"pointerup",this._pointerup),F(this.document,"contextmenu",O),void F(this.document,"pointercancel",this._pointerup);F(e,"mousedown",this._mousedown),this._mouseOnly||(F(e,"touchstart",this._touchstart),F(e,"touchmove",this._touchmove),F(e,"touchend",this._touchend))},k.prototype._usePointers=function(){return!this._mouseOnly&&k.supportPointerEvent()},k.prototype.update=function(e){var t=e.press;void 0===t&&(t=b);var n=e.drag;void 0===n&&(n=b);var r=e.release;void 0===r&&(r=b);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=y(j,t),this._dragHandler=y(j,n),this._releaseHandler=y(j,r),this._mouseOnly=o},k.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(k.prototype,P),k.default=k;var w,B=k;function S(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var M=v,V=(M.h,M.version&&"3"===M.version[0]),A=($(w={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new B({press:this.press,drag:this.drag,release:this.release})},setup:V?function(){return{v3:!!V}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:V?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",V?function(){return{v3:!!V}}:void 0),$(w,"render",(function(e){return S(this)})),w),C=function(e){return e?new Date(e.getTime()):null};function E(e){var t={};return T(e,t),t}function T(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=D(r,t[n])}}function D(e,t){if(Array.isArray(e))return x(e);if(e instanceof Date)return C(e);if(e&&r(e)){var n=t||{};return T(e,n),n}return e}function x(e){return e.map((function(e){return D(e,void 0)}))}var R=function(){},L=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,I={};function K(e){if(I[e])return I[e];var t=[];return e.replace(L,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),I[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},I[e]}I.undefined=function(){};var H={};function N(e){if(H[e])return H[e];var t=[];return e.replace(L,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),H[e]=function(e,n){for(var r=e,o=t.length-1,i=0;i<o&&r;i++)r=r[t[i]]=r[t[i]]||{};r[t[o]]=n},H[e]}function U(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]}function W(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}H.undefined=function(e){return e};var G=function(){return(G=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},X=v,Y=X.version&&"3"===X.version[0],q={type:[String,Function,Object,Boolean],default:function(){}};function z(e,t){if(e||!1===e){var n=Y?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||r(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}}function J(e){var t,n,r,o=e.h,i=e.template,u=e.defaultRendering,s=e.defaultSlots,a=e.additionalProps,l=e.additionalListeners,d=e.swapDefaultSlots;if(!i||i&&!0===i.render)return u;if(Y){var c=u?u.props:{};t=G(G({},Q(l)),i.listeners),n=G(G(G({},c),a),t),r=G(G({},n),t)}else{var f=u&&u.componentOptions,h=f?u.componentOptions.listeners:{},m=f?u.componentOptions.propsData:{};t=G(G(G(G({},h),l),Q(l)),i.listeners),r={props:n=G(G(G({},m),a),t),on:t}}if("slot"===i.type){var p=i.render({props:n,listeners:t,methods:t,defaultSlots:s});return p?p[0]:void 0}return"renderFunction"===i.type?d?i.render?i.render(o,u,s,n,t):void 0:i.render?i.render(o,u,n,t,s):void 0:o(i.render,r,Y?function(){return[s]}:[s])}function Q(e){if(!e)return e;for(var t={},n=Object.keys(e),r=0;r<n.length;r++){var o=n[r];t["on"+o.charAt(0).toUpperCase()+o.slice(1)]=e[o]}return t}var Z=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0};function ee(e){return Boolean(s&&e&&"rtl"===getComputedStyle(e).direction)}function te(e,t){if(!t&&s&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var ne=n(3);function re(e){if(void 0!==ne)ne.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var oe={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-form",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1659429214,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"}},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FormElementVue2=t.FormElement=t.FieldWrapperVue2=t.FieldWrapper=t.FormVue2=t.Form=t.FieldVue2=t.Field=t.FieldArrayVue2=t.FieldArray=void 0;var r=n(5);Object.defineProperty(t,"Field",{enumerable:!0,get:function(){return r.Field}}),Object.defineProperty(t,"FieldVue2",{enumerable:!0,get:function(){return r.FieldVue2}});var o=n(6);Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return o.Form}}),Object.defineProperty(t,"FormVue2",{enumerable:!0,get:function(){return o.FormVue2}});var i=n(7);Object.defineProperty(t,"FieldArray",{enumerable:!0,get:function(){return i.FieldArray}}),Object.defineProperty(t,"FieldArrayVue2",{enumerable:!0,get:function(){return i.FieldArrayVue2}});var u=n(8);Object.defineProperty(t,"FieldWrapper",{enumerable:!0,get:function(){return u.FieldWrapper}}),Object.defineProperty(t,"FieldWrapperVue2",{enumerable:!0,get:function(){return u.FieldWrapperVue2}});var s=n(9);Object.defineProperty(t,"FormElement",{enumerable:!0,get:function(){return s.FormElement}}),Object.defineProperty(t,"FormElementVue2",{enumerable:!0,get:function(){return s.FormElementVue2}})},function(e,t,n){"use strict";var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},u=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.FieldVue2=t.Field=void 0;var a=u(n(0)),l=a.h,d=a.version&&"3"===a.version[0],c=n(1),f={name:"KendoField",props:{component:[String,Number,Boolean,Object],validator:[Function,Array],name:String,changeOnInput:{type:Boolean,default:!0}},created:function(){if(this.kendoForm)return this.kendoForm.registerField(this.$props.name,this.$props.validator)},inject:{kendoForm:{default:null}},methods:{handleOnChange:function(e){var t=e?void 0!==e.value?e.value:e.target?e.target.value:e.target:e;this.kendoForm.onChange(this.$props.name,{value:t}),this.$emit("change",e)},handleOnInput:function(e){var t=e?void 0!==e.value?e.value:e.target?e.target.value:e.target:e;this.changeOnInput&&this.kendoForm.onChange(this.$props.name,{value:t}),this.$emit("input",e)},onNativeComponentChange:function(e){this.kendoForm.onChange(this.$props.name,{value:e.target.value})},handleOnBlur:function(){this.kendoForm.onBlur(this.$props.name)},handleOnFocus:function(){this.kendoForm.onFocus(this.$props.name)}},setup:d?function(){return{v3:!!d}}:void 0,render:function(e){var t=l||e,n=c.getDefaultSlots(this),o=this.$props,i=o.name,u=o.component,a=(o.validator,o.id);s(o,["name","component","validator","id"]);if(!this.kendoForm)return null;var d=this.kendoForm.values[i];if("string"==typeof u&&"input"===u)return t(u,r(r({attrs:this.$attrs},this.$attrs),{onChange:this.onNativeComponentChange,onBlur:this.handleOnBlur,onFocus:this.handleOnFocus,on:this.v3?void 0:{change:this.handleOnChange,blur:this.handleOnBlur,focus:this.handleOnFocus},domProps:this.v3?void 0:{value:d||""},name:i,value:d||""}));if(u){var f=u?u.kt?u:c.templateRendering.call(this,u,c.getListeners.call(this)):null;return c.getTemplate.call(this,{h:t,template:f,additionalProps:r({value:d,validationMessage:this.kendoForm.errors[i],touched:this.kendoForm.touchedByField[i],modified:this.kendoForm.modifiedByField[i],visited:this.kendoForm.visitedByField[i],valid:!(Boolean(this.kendoForm.errors[i])&&this.kendoForm.touchedByField[i]),name:i,id:a},this.$attrs),additionalListeners:{change:this.handleOnChange,input:this.handleOnInput,blur:this.handleOnBlur,focus:this.handleOnFocus},defaultSlots:n})}}};t.FieldVue2=f;var h=f;t.Field=h},function(e,t,n){"use strict";var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},u=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},s=function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var i=arguments[t],u=0,s=i.length;u<s;u++,o++)r[o]=i[u];return r};Object.defineProperty(t,"__esModule",{value:!0}),t.FormVue2=t.Form=void 0;var a=n(1),l=n(2),d=u(n(0)),c=(d.h,d.version&&"3"===d.version[0]),f=n(1),h={name:"KendoForm",inheritAttrs:!1,props:{renderForm:[Object,Function],initialValues:Object,validator:Function,ignoreModified:Boolean},emits:{submitclick:null,submit:null},created:function(){this._accumulatorTimeout=void 0,a.validatePackage(l.packageMetadata),this.form.values=a.clone(this.$props.initialValues)},mounted:function(){this.form.errors=this.getErrors(),this.form.allowSubmit=this.allowSubmit(),this.form.valid=this.isValid()},destroyed:c?void 0:function(){this.onDestroy()},unmounted:function(){this.onDestroy()},data:function(){return{validatorsByField:{},fields:[],unmounted:!1,form:{id:this.id,errors:{},values:{},modifiedByField:{},touchedByField:{},visitedByField:{},valid:!1,modified:!1,touched:!1,visited:!1,submitted:!1,valueGetter:this.valueGetter,allowSubmit:!1,onChange:this.onChange,onSubmit:this.onSubmit,onFormReset:this.resetForm,registerField:this.onFieldRegister,onFocus:this.onFocus,onBlur:this.onBlur,onUnshift:this.onUnshift,onPush:this.onPush,onInsert:this.onInsert,onPop:this.onPop,onRemove:this.onRemove,onReplace:this.onReplace,onMove:this.onMove}}},provide:function(){return{kendoForm:this.$data.form}},watch:{"form.values":function(){this.form.errors=this.getErrors(),this.form.allowSubmit=this.allowSubmit(),this.form.valid=this.isValid()},"form.touchedByField":function(e){this.form.touched=this.isFormTouched(e,this.fields),this.form.allowSubmit=this.allowSubmit()},"form.modifiedByField":function(e){this.form.modified=this.isFormModified(e,this.fields),this.form.allowSubmit=this.allowSubmit()},"form.visitedByField":function(e){this.form.visited=this.isFormVisited(e,this.fields)}},methods:{isValid:function(){return this.isFormValid(this.form.errors)},formErrors:function(){if(this.$props.validator)return this.$props.validator(this.form.values,this.valueGetter)},getErrors:function(){var e=this,t={},n=this.validatorsByField;return Object.keys(this.fields).forEach((function(r){if(t[r]="",n[r]){var o=[];n[r].forEach((function(e){Array.isArray(e)?o.push.apply(o,e):o.push(e)})),o.find((function(n){if(n){var o=n(e.valueGetter(r),e.valueGetter,{name:r});if(o)return t[r]=o,!0}return!1}))}})),this.formErrors()&&a.cloneObject(this.formErrors(),t),t},accumulatedForceUpdate:function(){var e=this;this._accumulatorTimeout&&clearTimeout(this._accumulatorTimeout),this._accumulatorTimeout=window.setTimeout((function(){e._accumulatorTimeout=void 0}),0)},resetForm:function(){this.form.values=a.clone(this.$props.initialValues),this.id=a.guid(),this.form.touchedByField={},this.form.visitedByField={},this.form.modifiedByField={},this.form.submitted=!1},onReset:function(){this.resetForm()},addField:function(e){this.fields[e]=!0},onSubmit:function(e){var t={},n=this.fields;e&&("function"==typeof e.preventDefault&&e.preventDefault(),"function"==typeof e.stopPropagation&&e.stopPropagation()),Object.keys(n).forEach((function(e){t[e]=!0})),this.form.visitedByField=r({},t),this.form.touchedByField=r({},t);var o=this.form.values,i=this.isValid(),u=this.isFormModified(this.form.modifiedByField,n);this.$emit("submitclick",{values:o,isValid:i,isModified:u,event:e}),i&&(this.$props.ignoreModified||u)&&(this.form.submitted=!0,this.$emit("submit",o,e))},onChange:function(e,t){var n,o=t.value;this.addField(e),this.form.modifiedByField[e]||(this.form.modifiedByField=r(r({},this.form.modifiedByField),((n={})[e]=!0,n))),this.valueSetter(e,o)},onFocus:function(e){var t;this.form.visitedByField[e]||(this.form.visitedByField=r(r({},this.form.visitedByField),((t={})[e]=!0,t)))},onBlur:function(e){var t;this.form.touchedByField[e]||(this.onFocus(e),this.form.touchedByField=r(r({},this.form.touchedByField),((t={})[e]=!0,t)))},onFieldRegister:function(e,t){var n,o=this;this.addField(e);var i=this.validatorsByField[e]||[],u=i.length;return this.validatorsByField=r(r({},this.validatorsByField),((n={})[e]=s(i,[t]),n)),this.accumulatedForceUpdate(),function(){var t;if(!o._unmounted){var n=s(o.validatorsByField[e]||[]),i=Boolean(n[u]);n[u]=void 0,o.validatorsByField=r(r({},o.validatorsByField),((t={})[e]=n,t)),i&&o.accumulatedForceUpdate()}}},isFormValid:function(e){return!Object.keys(e).some((function(t){return Boolean(e[t])}))},isFormModified:function(e,t){return Object.keys(t).some((function(t){return e[t]}))},isFormHasNotTouched:function(e,t){return Object.keys(t).some((function(t){return!e[t]}))},isFormTouched:function(e,t){return Object.keys(t).some((function(t){return e[t]}))},isFormVisited:function(e,t){return Object.keys(t).some((function(t){return e[t]}))},formHasNotTouched:function(){return this.isFormHasNotTouched(this.form.touchedByField,this.fields)},allowSubmit:function(){return this.formHasNotTouched()&&!this.isValid()||this.isValid()&&(this.$props.ignoreModified||this.isFormModified(this.form.modifiedByField,this.fields))},valueGetter:function(e){return this.form.values[e]},valueSetter:function(e,t){var n;this.form.values=r(r({},this.form.values),((n={})[e]=t,n))},onArrayAction:function(e){var t;this.addField(e),this.form.modifiedByField[e]||(this.form.modifiedByField=r(r({},this.form.modifiedByField),((t={})[e]=!0,t))),this.onBlur(e,!0)},onInsert:function(e,t){this.onArrayAction(e);var n=s(this.valueGetter(e)||[]);n.splice(t.index,0,t.value),this.valueSetter(e,n)},onUnshift:function(e,t){this.onInsert(e,{value:t.value,index:0})},onPush:function(e,t){this.onArrayAction(e);var n=s(this.valueGetter(e)||[],[t.value]);this.valueSetter(e,n)},onPop:function(e){this.onArrayAction(e);var t=s(this.valueGetter(e)||[]),n=t.pop();return this.valueSetter(e,t),n},onRemove:function(e,t){this.onArrayAction(e);var n=s(this.valueGetter(e)||[]),r=n.splice(t.index,1);return this.valueSetter(e,n),r},onReplace:function(e,t){this.onArrayAction(e);var n=s(this.valueGetter(e)||[]);n.splice(t.index,1,t.value),this.valueSetter(e,n)},onMove:function(e,t){this.onArrayAction(e);var n=s(this.valueGetter(e)||[]),r=n[t.prevIndex];n.splice(t.prevIndex,1),n.splice(t.nextIndex,0,r),this.valueSetter(e,n)},onDestroy:function(){this.unmounted=!0,this._accumulatorTimeout&&clearTimeout(this._accumulatorTimeout)}},setup:c?function(){return{v3:!!c}}:void 0,render:function(e){return f.getDefaultSlots(this)}};t.FormVue2=h;var m=h;t.Form=m},function(e,t,n){"use strict";var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},u=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.FieldArrayVue2=t.FieldArray=void 0;var s=u(n(0)),a=s.h,l=s.version&&"3"===s.version[0],d=n(1),c={name:"KendoFieldArray",props:{value:[String,Number,Boolean,Object,Array],component:[String,Number,Boolean,Object],validationMessage:String,touched:Boolean,modified:Boolean,validator:[Function,Array],visited:Boolean,valid:Boolean,name:String,id:String},created:function(){if(this.kendoForm)return this.kendoForm.registerField(this.$props.name,this.$props.validator)},methods:{onUnshift:function(e){this.kendoForm.onUnshift(this.$props.name,e)},onPush:function(e){this.kendoForm.onPush(this.$props.name,e)},onInsert:function(e){this.kendoForm.onInsert(this.$props.name,e)},onPop:function(){this.kendoForm.onPop(this.$props.name)},onRemove:function(e){this.kendoForm.onRemove(this.$props.name,e)},onReplace:function(e){this.kendoForm.onReplace(this.$props.name,e)},onMove:function(e){this.kendoForm.onMove(this.$props.name,e)}},setup:l?function(){return{v3:!!l}}:void 0,inject:{kendoForm:{default:null}},render:function(e){var t=a||e,n=this.$props,o=n.name,i=n.component,u=n.id;if(!this.kendoForm)return null;var s=this.kendoForm.values[o];if(i){var l=i?d.templateRendering.call(this,i,d.getListeners.call(this)):null;return d.getTemplate.call(this,{h:t,template:l,additionalProps:r({value:s,validationMessage:this.kendoForm.errors[o],touched:this.kendoForm.touchedByField[o],modified:this.kendoForm.modifiedByField[o],visited:this.kendoForm.visitedByField[o],valid:!(Boolean(this.kendoForm.errors[o])&&this.kendoForm.touchedByField[o]),name:o,id:u},this.$attrs),additionalListeners:{unshift:this.onUnshift,push:this.onPush,insert:this.onInsert,pop:this.onPop,remove:this.onRemove,replace:this.onReplace,move:this.onMove}})}}};t.FieldArrayVue2=c;var f=c;t.FieldArray=f},function(e,t,n){"use strict";var r=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.FieldWrapperVue2=t.FieldWrapper=void 0;var u=i(n(0)),s=u.h,a=u.version&&"3"===u.version[0],l=n(2),d=n(1),c={name:"KendoFieldWrapper",props:{dir:String},created:function(){d.validatePackage(l.packageMetadata)},computed:{fieldClassName:function(){return{"k-form-field":!0,"k-rtl":"rtl"===this.$props.dir}}},setup:a?function(){return{v3:!!a}}:void 0,render:function(e){var t=s||e,n=d.getDefaultSlots(this);return t("div",{class:this.fieldClassName},[n])}};t.FieldWrapperVue2=c;var f=c;t.FieldWrapper=f},function(e,t,n){"use strict";var r=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.FormElementVue2=t.FormElement=void 0;var u=i(n(0)),s=u.h,a=u.version&&"3"===u.version[0],l=n(2),d=n(1),c={name:"KendoFormElement",props:{horizontal:Boolean},created:function(){d.validatePackage(l.packageMetadata)},inject:{kendoForm:{default:null}},computed:{formElementClassName:function(){return{"k-form":!0,"k-form-horizontal":!0===this.$props.horizontal}}},methods:{handleSubmit:function(e){this.kendoForm&&this.kendoForm.onSubmit(e)}},setup:a?function(){return{v3:!!a}}:void 0,render:function(e){var t=s||e,n=d.getDefaultSlots(this);return t("form",{class:this.formElementClassName,onSubmit:this.handleSubmit,on:this.v3?void 0:{submit:this.handleSubmit}},[n])}};t.FormElementVue2=c;var f=c;t.FormElement=f}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueForm=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueForm=t(e.Vue,e.KendoLicensing)}(self,(function(e,t){return(()=>{"use strict";var n={817:(e,t,n)=>{var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.FieldVue2=t.Field=void 0;var s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t}(n(895)),u=s.h,a=s.version&&"3"===s.version[0],l=n(984),d={name:"KendoField",props:{component:[String,Number,Boolean,Object],validator:[Function,Array],name:String,changeOnInput:{type:Boolean,default:!0}},created:function(){if(this.kendoForm)return this.kendoForm.registerField(this.$props.name,this.$props.validator)},inject:{kendoForm:{default:null}},methods:{handleOnChange:function(e){var t=e?void 0!==e.value?e.value:e.target?e.target.value:e.target:e;this.kendoForm.onChange(this.$props.name,{value:t}),this.$emit("change",e)},handleOnInput:function(e){var t=e?void 0!==e.value?e.value:e.target?e.target.value:e.target:e;this.changeOnInput&&this.kendoForm.onChange(this.$props.name,{value:t}),this.$emit("input",e)},onNativeComponentChange:function(e){this.kendoForm.onChange(this.$props.name,{value:e.target.value})},handleOnBlur:function(){this.kendoForm.onBlur(this.$props.name)},handleOnFocus:function(){this.kendoForm.onFocus(this.$props.name)}},setup:a?function(){return{v3:!!a}}:void 0,render:function(e){var t=u||e,n=(0,l.getDefaultSlots)(this),o=this.$props,i=o.name,s=o.component,a=(o.validator,o.id);if(function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}}(o,["name","component","validator","id"]),!this.kendoForm)return null;var d=this.kendoForm.values[i];if("string"==typeof s&&"input"===s)return t(s,r(r({attrs:this.$attrs},this.$attrs),{onChange:this.onNativeComponentChange,onBlur:this.handleOnBlur,onFocus:this.handleOnFocus,on:this.v3?void 0:{change:this.handleOnChange,blur:this.handleOnBlur,focus:this.handleOnFocus},domProps:this.v3?void 0:{value:d||""},name:i,value:d||""}));if(s){var c=s?s.kt?s:l.templateRendering.call(this,s,l.getListeners.call(this)):null;return l.getTemplate.call(this,{h:t,template:c,additionalProps:r({value:d,validationMessage:this.kendoForm.errors[i],touched:this.kendoForm.touchedByField[i],modified:this.kendoForm.modifiedByField[i],visited:this.kendoForm.visitedByField[i],valid:!(Boolean(this.kendoForm.errors[i])&&this.kendoForm.touchedByField[i]),name:i,id:a},this.$attrs),additionalListeners:{change:this.handleOnChange,input:this.handleOnInput,blur:this.handleOnBlur,focus:this.handleOnFocus},defaultSlots:n})}}};t.FieldVue2=d;var c=d;t.Field=c},17:(e,t,n)=>{var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.FieldArrayVue2=t.FieldArray=void 0;var s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t}(n(895)),u=s.h,a=s.version&&"3"===s.version[0],l=n(984),d={name:"KendoFieldArray",props:{value:[String,Number,Boolean,Object,Array],component:[String,Number,Boolean,Object],validationMessage:String,touched:Boolean,modified:Boolean,validator:[Function,Array],visited:Boolean,valid:Boolean,name:String,id:String},created:function(){if(this.kendoForm)return this.kendoForm.registerField(this.$props.name,this.$props.validator)},methods:{onUnshift:function(e){this.kendoForm.onUnshift(this.$props.name,e)},onPush:function(e){this.kendoForm.onPush(this.$props.name,e)},onInsert:function(e){this.kendoForm.onInsert(this.$props.name,e)},onPop:function(){this.kendoForm.onPop(this.$props.name)},onRemove:function(e){this.kendoForm.onRemove(this.$props.name,e)},onReplace:function(e){this.kendoForm.onReplace(this.$props.name,e)},onMove:function(e){this.kendoForm.onMove(this.$props.name,e)}},setup:a?function(){return{v3:!!a}}:void 0,inject:{kendoForm:{default:null}},render:function(e){var t=u||e,n=this.$props,o=n.name,i=n.component,s=n.id;if(!this.kendoForm)return null;var a=this.kendoForm.values[o];if(i){var d=i?l.templateRendering.call(this,i,l.getListeners.call(this)):null;return l.getTemplate.call(this,{h:t,template:d,additionalProps:r({value:a,validationMessage:this.kendoForm.errors[o],touched:this.kendoForm.touchedByField[o],modified:this.kendoForm.modifiedByField[o],visited:this.kendoForm.visitedByField[o],valid:!(Boolean(this.kendoForm.errors[o])&&this.kendoForm.touchedByField[o]),name:o,id:s},this.$attrs),additionalListeners:{unshift:this.onUnshift,push:this.onPush,insert:this.onInsert,pop:this.onPop,remove:this.onRemove,replace:this.onReplace,move:this.onMove}})}}};t.FieldArrayVue2=d;var c=d;t.FieldArray=c},464:(e,t,n)=>{var r=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.FieldWrapperVue2=t.FieldWrapper=void 0;var i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t}(n(895)),s=i.h,u=i.version&&"3"===i.version[0],a=n(169),l=n(984),d={name:"KendoFieldWrapper",props:{dir:String},created:function(){(0,l.validatePackage)(a.packageMetadata)},computed:{fieldClassName:function(){return{"k-form-field":!0,"k-rtl":"rtl"===this.$props.dir}}},setup:u?function(){return{v3:!!u}}:void 0,render:function(e){var t=s||e,n=(0,l.getDefaultSlots)(this);return t("div",{class:this.fieldClassName},[n])}};t.FieldWrapperVue2=d;var c=d;t.FieldWrapper=c},578:(e,t,n)=>{var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},s=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.FormVue2=t.Form=void 0;var u=n(984),a=n(169),l=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t}(n(895)),d=(l.h,l.version&&"3"===l.version[0]),c=n(984),f={name:"KendoForm",inheritAttrs:!1,props:{renderForm:[Object,Function],initialValues:Object,validator:Function,ignoreModified:Boolean},emits:{submitclick:null,submit:null},created:function(){this._accumulatorTimeout=void 0,(0,u.validatePackage)(a.packageMetadata),this.form.values=(0,u.clone)(this.$props.initialValues)},mounted:function(){this.form.errors=this.getErrors(),this.form.allowSubmit=this.allowSubmit(),this.form.valid=this.isValid()},destroyed:d?void 0:function(){this.onDestroy()},unmounted:function(){this.onDestroy()},data:function(){return{validatorsByField:{},fields:[],unmounted:!1,form:{id:this.id,errors:{},values:{},modifiedByField:{},touchedByField:{},visitedByField:{},valid:!1,modified:!1,touched:!1,visited:!1,submitted:!1,valueGetter:this.valueGetter,allowSubmit:!1,onChange:this.onChange,onSubmit:this.onSubmit,onFormReset:this.resetForm,registerField:this.onFieldRegister,onFocus:this.onFocus,onBlur:this.onBlur,onUnshift:this.onUnshift,onPush:this.onPush,onInsert:this.onInsert,onPop:this.onPop,onRemove:this.onRemove,onReplace:this.onReplace,onMove:this.onMove}}},provide:function(){return{kendoForm:this.$data.form}},watch:{"form.values":function(){this.form.errors=this.getErrors(),this.form.allowSubmit=this.allowSubmit(),this.form.valid=this.isValid()},"form.touchedByField":function(e){this.form.touched=this.isFormTouched(e,this.fields),this.form.allowSubmit=this.allowSubmit()},"form.modifiedByField":function(e){this.form.modified=this.isFormModified(e,this.fields),this.form.allowSubmit=this.allowSubmit()},"form.visitedByField":function(e){this.form.visited=this.isFormVisited(e,this.fields)}},methods:{isValid:function(){return this.isFormValid(this.form.errors)},formErrors:function(){if(this.$props.validator)return this.$props.validator(this.form.values,this.valueGetter)},getErrors:function(){var e=this,t={},n=this.validatorsByField;return Object.keys(this.fields).forEach((function(r){if(t[r]="",n[r]){var o=[];n[r].forEach((function(e){Array.isArray(e)?o.push.apply(o,e):o.push(e)})),o.find((function(n){if(n){var o=n(e.valueGetter(r),e.valueGetter,{name:r});if(o)return t[r]=o,!0}return!1}))}})),this.formErrors()&&(0,u.cloneObject)(this.formErrors(),t),t},accumulatedForceUpdate:function(){var e=this;this._accumulatorTimeout&&clearTimeout(this._accumulatorTimeout),this._accumulatorTimeout=window.setTimeout((function(){e._accumulatorTimeout=void 0}),0)},resetForm:function(){this.form.values=(0,u.clone)(this.$props.initialValues),this.id=(0,u.guid)(),this.form.touchedByField={},this.form.visitedByField={},this.form.modifiedByField={},this.form.submitted=!1},onReset:function(){this.resetForm()},addField:function(e){this.fields[e]=!0},onSubmit:function(e){var t={},n=this.fields;e&&("function"==typeof e.preventDefault&&e.preventDefault(),"function"==typeof e.stopPropagation&&e.stopPropagation()),Object.keys(n).forEach((function(e){t[e]=!0})),this.form.visitedByField=r({},t),this.form.touchedByField=r({},t);var o=this.form.values,i=this.isValid(),s=this.isFormModified(this.form.modifiedByField,n);this.$emit("submitclick",{values:o,isValid:i,isModified:s,event:e}),i&&(this.$props.ignoreModified||s)&&(this.form.submitted=!0,this.$emit("submit",o,e))},onChange:function(e,t){var n,o=t.value;this.addField(e),this.form.modifiedByField[e]||(this.form.modifiedByField=r(r({},this.form.modifiedByField),((n={})[e]=!0,n))),this.valueSetter(e,o)},onFocus:function(e){var t;this.form.visitedByField[e]||(this.form.visitedByField=r(r({},this.form.visitedByField),((t={})[e]=!0,t)))},onBlur:function(e){var t;this.form.touchedByField[e]||(this.onFocus(e),this.form.touchedByField=r(r({},this.form.touchedByField),((t={})[e]=!0,t)))},onFieldRegister:function(e,t){var n,o=this;this.addField(e);var i=this.validatorsByField[e]||[],u=i.length;return this.validatorsByField=r(r({},this.validatorsByField),((n={})[e]=s(s([],i,!0),[t],!1),n)),this.accumulatedForceUpdate(),function(){var t;if(!o._unmounted){var n=s([],o.validatorsByField[e]||[],!0),i=Boolean(n[u]);n[u]=void 0,o.validatorsByField=r(r({},o.validatorsByField),((t={})[e]=n,t)),i&&o.accumulatedForceUpdate()}}},isFormValid:function(e){return!Object.keys(e).some((function(t){return Boolean(e[t])}))},isFormModified:function(e,t){return Object.keys(t).some((function(t){return e[t]}))},isFormHasNotTouched:function(e,t){return Object.keys(t).some((function(t){return!e[t]}))},isFormTouched:function(e,t){return Object.keys(t).some((function(t){return e[t]}))},isFormVisited:function(e,t){return Object.keys(t).some((function(t){return e[t]}))},formHasNotTouched:function(){return this.isFormHasNotTouched(this.form.touchedByField,this.fields)},allowSubmit:function(){return this.formHasNotTouched()&&!this.isValid()||this.isValid()&&(this.$props.ignoreModified||this.isFormModified(this.form.modifiedByField,this.fields))},valueGetter:function(e){return this.form.values[e]},valueSetter:function(e,t){var n;this.form.values=r(r({},this.form.values),((n={})[e]=t,n))},onArrayAction:function(e){var t;this.addField(e),this.form.modifiedByField[e]||(this.form.modifiedByField=r(r({},this.form.modifiedByField),((t={})[e]=!0,t))),this.onBlur(e,!0)},onInsert:function(e,t){this.onArrayAction(e);var n=s([],this.valueGetter(e)||[],!0);n.splice(t.index,0,t.value),this.valueSetter(e,n)},onUnshift:function(e,t){this.onInsert(e,{value:t.value,index:0})},onPush:function(e,t){this.onArrayAction(e);var n=s(s([],this.valueGetter(e)||[],!0),[t.value],!1);this.valueSetter(e,n)},onPop:function(e){this.onArrayAction(e);var t=s([],this.valueGetter(e)||[],!0),n=t.pop();return this.valueSetter(e,t),n},onRemove:function(e,t){this.onArrayAction(e);var n=s([],this.valueGetter(e)||[],!0),r=n.splice(t.index,1);return this.valueSetter(e,n),r},onReplace:function(e,t){this.onArrayAction(e);var n=s([],this.valueGetter(e)||[],!0);n.splice(t.index,1,t.value),this.valueSetter(e,n)},onMove:function(e,t){this.onArrayAction(e);var n=s([],this.valueGetter(e)||[],!0),r=n[t.prevIndex];n.splice(t.prevIndex,1),n.splice(t.nextIndex,0,r),this.valueSetter(e,n)},onDestroy:function(){this.unmounted=!0,this._accumulatorTimeout&&clearTimeout(this._accumulatorTimeout)}},setup:d?function(){return{v3:!!d}}:void 0,render:function(e){return(0,c.getDefaultSlots)(this)}};t.FormVue2=f;var h=f;t.Form=h},409:(e,t,n)=>{var r=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.FormElementVue2=t.FormElement=void 0;var i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t}(n(895)),s=i.h,u=i.version&&"3"===i.version[0],a=n(169),l=n(984),d={name:"KendoFormElement",props:{horizontal:Boolean},created:function(){(0,l.validatePackage)(a.packageMetadata)},inject:{kendoForm:{default:null}},computed:{formElementClassName:function(){return{"k-form":!0,"k-form-horizontal":!0===this.$props.horizontal}}},methods:{handleSubmit:function(e){this.kendoForm&&this.kendoForm.onSubmit(e)}},setup:u?function(){return{v3:!!u}}:void 0,render:function(e){var t=s||e,n=(0,l.getDefaultSlots)(this);return t("form",{class:this.formElementClassName,onSubmit:this.handleSubmit,on:this.v3?void 0:{submit:this.handleSubmit}},[n])}};t.FormElementVue2=d;var c=d;t.FormElement=c},169:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-form",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1660124334,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"}},984:(e,t,n)=>{n.r(t),n.d(t,{Draggable:()=>A,Keys:()=>s,canUseDOM:()=>u,classNames:()=>o,clone:()=>E,cloneArray:()=>x,cloneDate:()=>C,cloneObject:()=>T,cloneValue:()=>D,firstFocusableChild:()=>c,focusContainer:()=>p,focusFirstFocusableChild:()=>h,focusLastFocusableChild:()=>m,getDefaultSlots:()=>B,getDir:()=>te,getListeners:()=>W,getRef:()=>a,getTabIndex:()=>Z,getTemplate:()=>J,getter:()=>K,guid:()=>i,hasListener:()=>U,isObject:()=>r,isRtl:()=>ee,kendoThemeMaps:()=>oe,lastFocusableChild:()=>f,noop:()=>R,setRef:()=>l,setter:()=>N,templateDefinition:()=>q,templateRendering:()=>z,validatePackage:()=>re});var r=function(e){return"object"==typeof e},o=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?o.apply(void 0,e):r(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},i=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},s={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},u=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function a(e,t,n){return e.v3?e["".concat(t,"Ref")]:e.$refs["".concat(n||t)]}function l(e,t,n){return e.v3?function(n){e["".concat(t,"Ref")]=n}:n||t}var d='input, [tabindex]:not([tabindex="-1"])',c=function(e){if(e){var t=e.querySelectorAll(d);if(t.length&&t[0].focus)return t[0]}},f=function(e){if(e){var t=e.querySelectorAll(d);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},h=function(e){if(e){var t=e.querySelectorAll(d);t.length&&t[0].focus&&t[0].focus()}},m=function(e){if(e){var t=e.querySelectorAll(d);t.length&&t[t.length-1].focus&&t[t.length-1].focus()}},p=function(e,t){var n=!0;if(e.keyCode!==s.enter&&e.target===t)return!1;if(e.keyCode===s.enter&&e.target===t)n=!0,setTimeout((function(){h(t)}),1);else if(e.keyCode===s.esc)n=!1,t.focus();else if(e.keyCode===s.tab){var r=c(t),o=f(t);o&&!e.shiftKey&&e.target===o&&(e.preventDefault(),r.focus()),r&&e.shiftKey&&e.target===r&&(e.preventDefault(),o.focus())}return n},v=n(895),y=function(e,t){return function(n){return t(e(n))}},g=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},F=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},b=function(){},O=function(e){return e.preventDefault()},_=/touch/;function j(e){return e.type.match(_)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var k=function(e){var t=this,n=e.press;void 0===n&&(n=b);var r=e.drag;void 0===r&&(r=b);var o=e.release;void 0===o&&(o=b);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=y(j,n),this._dragHandler=y(j,r),this._releaseHandler=y(j,o),this._ignoreMouse=!1,this._mouseOnly=i,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(g(t.document,"mousemove",t._mousemove),g(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){F(t.document,"mousemove",t._mousemove),F(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(g(t.document,"pointermove",t._pointermove),g(t.document,"pointerup",t._pointerup),g(t.document,"pointercancel",t._pointerup),g(t.document,"contextmenu",O),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(F(t.document,"pointermove",t._pointermove),F(t.document,"pointerup",t._pointerup),F(t.document,"pointercancel",t._pointerup),F(t.document,"contextmenu",O),t._releaseHandler(e))}},P={document:{configurable:!0}};k.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},P.document.get=function(){return this._element?this._element.ownerDocument:document},k.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},k.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?g(e,"pointerdown",this._pointerdown):(g(e,"mousedown",this._mousedown),this._mouseOnly||(g(e,"touchstart",this._touchstart),g(e,"touchmove",this._touchmove),g(e,"touchend",this._touchend)))},k.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return F(e,"pointerdown",this._pointerdown),F(this.document,"pointermove",this._pointermove),F(this.document,"pointerup",this._pointerup),F(this.document,"contextmenu",O),void F(this.document,"pointercancel",this._pointerup);F(e,"mousedown",this._mousedown),this._mouseOnly||(F(e,"touchstart",this._touchstart),F(e,"touchmove",this._touchmove),F(e,"touchend",this._touchend))},k.prototype._usePointers=function(){return!this._mouseOnly&&k.supportPointerEvent()},k.prototype.update=function(e){var t=e.press;void 0===t&&(t=b);var n=e.drag;void 0===n&&(n=b);var r=e.release;void 0===r&&(r=b);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=y(j,t),this._dragHandler=y(j,n),this._releaseHandler=y(j,r),this._mouseOnly=o},k.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(k.prototype,P),k.default=k;const w=k;function B(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}var S;function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var $=v,V=($.h,$.version&&"3"===$.version[0]),A=(M(S={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new w({press:this.press,drag:this.drag,release:this.release})},setup:V?function(){return{v3:!!V}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:V?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",V?function(){return{v3:!!V}}:void 0),M(S,"render",(function(e){return B(this)})),S),C=function(e){return e?new Date(e.getTime()):null};function E(e){var t={};return T(e,t),t}function T(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=D(r,t[n])}}function D(e,t){if(Array.isArray(e))return x(e);if(e instanceof Date)return C(e);if(e&&r(e)){var n=t||{};return T(e,n),n}return e}function x(e){return e.map((function(e){return D(e,void 0)}))}var R=function(){},L=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,I={};function K(e){if(I[e])return I[e];var t=[];return e.replace(L,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),I[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},I[e]}I.undefined=function(){};var H={};function N(e){if(H[e])return H[e];var t=[];return e.replace(L,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),H[e]=function(e,n){for(var r=e,o=t.length-1,i=0;i<o&&r;i++)r=r[t[i]]=r[t[i]]||{};r[t[o]]=n},H[e]}function U(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]}function W(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}H.undefined=function(e){return e};var G=function(){return G=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},G.apply(this,arguments)},X=v,Y=X.version&&"3"===X.version[0],q={type:[String,Function,Object,Boolean],default:function(){}};function z(e,t){if(e||!1===e){var n=Y?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||r(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}}function J(e){var t,n,r,o=e.h,i=e.template,s=e.defaultRendering,u=e.defaultSlots,a=e.additionalProps,l=e.additionalListeners,d=e.swapDefaultSlots;if(!i||i&&!0===i.render)return s;if(Y){var c=s?s.props:{};t=G(G({},Q(l)),i.listeners),n=G(G(G({},c),a),t),r=G(G({},n),t)}else{var f=s&&s.componentOptions,h=f?s.componentOptions.listeners:{},m=f?s.componentOptions.propsData:{};t=G(G(G(G({},h),l),Q(l)),i.listeners),r={props:n=G(G(G({},m),a),t),on:t}}if("slot"===i.type){var p=i.render({props:n,listeners:t,methods:t,defaultSlots:u});return p?p[0]:void 0}return"renderFunction"===i.type?d?i.render?i.render(o,s,u,n,t):void 0:i.render?i.render(o,s,n,t,u):void 0:o(i.render,r,Y?function(){return[u]}:[u])}function Q(e){if(!e)return e;for(var t={},n=Object.keys(e),r=0;r<n.length;r++){var o=n[r];t["on"+o.charAt(0).toUpperCase()+o.slice(1)]=e[o]}return t}var Z=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0};function ee(e){return Boolean(u&&e&&"rtl"===getComputedStyle(e).direction)}function te(e,t){if(!t&&u&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var ne=n(302);function re(e){if(void 0!==ne)ne.validatePackage(e);else{var t="License activation failed for ".concat(e.name,"\n");t+="The @progress/kendo-licensing script is not loaded.\n",t+="See ".concat(e.licensingDocsUrl," for more information.\n"),console.warn(t)}}var oe={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},302:e=>{e.exports=t},895:t=>{t.exports=e}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return n[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{var e=i;Object.defineProperty(e,"__esModule",{value:!0}),e.FormElementVue2=e.FormElement=e.FieldWrapperVue2=e.FieldWrapper=e.FormVue2=e.Form=e.FieldVue2=e.Field=e.FieldArrayVue2=e.FieldArray=void 0;var t=o(817);Object.defineProperty(e,"Field",{enumerable:!0,get:function(){return t.Field}}),Object.defineProperty(e,"FieldVue2",{enumerable:!0,get:function(){return t.FieldVue2}});var n=o(578);Object.defineProperty(e,"Form",{enumerable:!0,get:function(){return n.Form}}),Object.defineProperty(e,"FormVue2",{enumerable:!0,get:function(){return n.FormVue2}});var r=o(17);Object.defineProperty(e,"FieldArray",{enumerable:!0,get:function(){return r.FieldArray}}),Object.defineProperty(e,"FieldArrayVue2",{enumerable:!0,get:function(){return r.FieldArrayVue2}});var s=o(464);Object.defineProperty(e,"FieldWrapper",{enumerable:!0,get:function(){return s.FieldWrapper}}),Object.defineProperty(e,"FieldWrapperVue2",{enumerable:!0,get:function(){return s.FieldWrapperVue2}});var u=o(409);Object.defineProperty(e,"FormElement",{enumerable:!0,get:function(){return u.FormElement}}),Object.defineProperty(e,"FormElementVue2",{enumerable:!0,get:function(){return u.FormElementVue2}})})(),i})()}));

package/dist/es/Form.js

@@ -14,18 +14,14 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var __spreadArrays = this && this.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
   }
-
-  return r;
+  return to.concat(ar || Array.prototype.slice.call(from));
 };
 
 import { clone, cloneObject, guid, validatePackage } from '@progress/kendo-vue-common';
@@ -312,7 +308,7 @@ var FormVue2 = {
 
       var oldValidators = this.validatorsByField[name] || [];
       var nextIndex = oldValidators.length;
-      this.validatorsByField = __assign(__assign({}, this.validatorsByField), (_a = {}, _a[name] = __spreadArrays(oldValidators, [validator]), _a));
+      this.validatorsByField = __assign(__assign({}, this.validatorsByField), (_a = {}, _a[name] = __spreadArray(__spreadArray([], oldValidators, true), [validator], false), _a));
       this.accumulatedForceUpdate();
       return function () {
         var _a; // onFieldUnregister:
@@ -322,7 +318,7 @@ var FormVue2 = {
           return;
         }
 
-        var newValidators = __spreadArrays(_this.validatorsByField[name] || []);
+        var newValidators = __spreadArray([], _this.validatorsByField[name] || [], true);
 
         var validatorIsUnregistered = Boolean(newValidators[nextIndex]);
         newValidators[nextIndex] = undefined;
@@ -388,7 +384,7 @@ var FormVue2 = {
     onInsert: function onInsert(name, options) {
       this.onArrayAction(name);
 
-      var newArray = __spreadArrays(this.valueGetter(name) || []);
+      var newArray = __spreadArray([], this.valueGetter(name) || [], true);
 
       newArray.splice(options.index, 0, options.value);
       this.valueSetter(name, newArray);
@@ -402,14 +398,14 @@ var FormVue2 = {
     onPush: function onPush(name, options) {
       this.onArrayAction(name);
 
-      var newArray = __spreadArrays(this.valueGetter(name) || [], [options.value]);
+      var newArray = __spreadArray(__spreadArray([], this.valueGetter(name) || [], true), [options.value], false);
 
       this.valueSetter(name, newArray);
     },
     onPop: function onPop(name) {
       this.onArrayAction(name);
 
-      var newArray = __spreadArrays(this.valueGetter(name) || []);
+      var newArray = __spreadArray([], this.valueGetter(name) || [], true);
 
       var value = newArray.pop();
       this.valueSetter(name, newArray);
@@ -418,7 +414,7 @@ var FormVue2 = {
     onRemove: function onRemove(name, options) {
       this.onArrayAction(name);
 
-      var newArray = __spreadArrays(this.valueGetter(name) || []);
+      var newArray = __spreadArray([], this.valueGetter(name) || [], true);
 
       var value = newArray.splice(options.index, 1);
       this.valueSetter(name, newArray);
@@ -427,7 +423,7 @@ var FormVue2 = {
     onReplace: function onReplace(name, options) {
       this.onArrayAction(name);
 
-      var newArray = __spreadArrays(this.valueGetter(name) || []);
+      var newArray = __spreadArray([], this.valueGetter(name) || [], true);
 
       newArray.splice(options.index, 1, options.value);
       this.valueSetter(name, newArray);
@@ -435,7 +431,7 @@ var FormVue2 = {
     onMove: function onMove(name, options) {
       this.onArrayAction(name);
 
-      var newArray = __spreadArrays(this.valueGetter(name) || []);
+      var newArray = __spreadArray([], this.valueGetter(name) || [], true);
 
       var value = newArray[options.prevIndex];
       newArray.splice(options.prevIndex, 1);

package/dist/es/FormContext.js

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

package/dist/es/interfaces/FieldArrayProps.js

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

package/dist/es/interfaces/FieldArrayRenderProps.js

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

package/dist/es/interfaces/FieldProps.js

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

package/dist/es/interfaces/FieldRenderProps.js

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

package/dist/es/interfaces/FieldValidator.js

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

package/dist/es/interfaces/FormInjectedProps.js

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

package/dist/es/interfaces/FormProps.js

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

package/dist/es/interfaces/FormRenderProps.js

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

package/dist/es/interfaces/FormSubmitClickEvent.js

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

package/dist/es/interfaces/FormValidator.js

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

package/dist/es/interfaces/KeyValue.js

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

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-form',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659429214,
+    publishDate: 1660124334,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/Field.d.ts

@@ -0,0 +1,44 @@
+import { FormContextType } from './FormContext';
+import { FieldProps } from './interfaces/FieldProps';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+interface FieldState {
+}
+/**
+ * @hidden
+ */
+interface FieldData {
+}
+/**
+ * @hidden
+ */
+export interface FieldMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FieldComputed {
+    [key: string]: any;
+    fieldClassName: object;
+}
+/**
+ * @hidden
+ */
+export interface FieldAll extends FieldMethods, FieldState, FieldData, FieldComputed, FormContextType, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const FieldVue2: ComponentOptions<Vue2type, DefaultData<FieldData>, DefaultMethods<FieldAll>, FieldComputed, RecordPropsDefinition<FieldProps>>;
+/**
+ * @hidden
+ */
+declare let Field: DefineComponent<FieldProps, any, FieldData, FieldComputed, FieldMethods, {}, {}, {}, string, FieldProps, FieldProps, {}>;
+export { Field, FieldVue2 };

package/dist/esm/Field.js

@@ -0,0 +1,177 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots, getListeners, getTemplate, templateRendering } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var FieldVue2 = {
+  name: 'KendoField',
+  props: {
+    component: [String, Number, Boolean, Object],
+    validator: [Function, Array],
+    name: String,
+    changeOnInput: {
+      type: Boolean,
+      default: true
+    }
+  },
+  created: function created() {
+    if (!this.kendoForm) {
+      return;
+    }
+
+    var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
+    return unregisterField;
+  },
+  inject: {
+    kendoForm: {
+      default: null
+    }
+  },
+  methods: {
+    handleOnChange: function handleOnChange(event) {
+      var newValue = event ? event.value !== undefined ? event.value : event.target ? event.target.value : event.target : event;
+      this.kendoForm.onChange(this.$props.name, {
+        value: newValue
+      });
+      this.$emit('change', event);
+    },
+    handleOnInput: function handleOnInput(event) {
+      var newValue = event ? event.value !== undefined ? event.value : event.target ? event.target.value : event.target : event;
+
+      if (this.changeOnInput) {
+        this.kendoForm.onChange(this.$props.name, {
+          value: newValue
+        });
+      }
+
+      this.$emit('input', event);
+    },
+    onNativeComponentChange: function onNativeComponentChange(event) {
+      this.kendoForm.onChange(this.$props.name, {
+        value: event.target.value
+      });
+    },
+    handleOnBlur: function handleOnBlur() {
+      this.kendoForm.onBlur(this.$props.name);
+    },
+    handleOnFocus: function handleOnFocus() {
+      this.kendoForm.onFocus(this.$props.name);
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+
+    var _a = this.$props,
+        name = _a.name,
+        component = _a.component,
+        validator = _a.validator,
+        id = _a.id,
+        others = __rest(_a, ["name", "component", "validator", "id"]);
+
+    if (!this.kendoForm) {
+      return null;
+    }
+
+    var value = this.kendoForm.values[name];
+
+    if (typeof component === 'string' && component === ('input' || 'textarea')) {
+      return h(component, __assign(__assign({
+        attrs: this.$attrs
+      }, this.$attrs), {
+        onChange: this.onNativeComponentChange,
+        onBlur: this.handleOnBlur,
+        onFocus: this.handleOnFocus,
+        on: this.v3 ? undefined : {
+          change: this.handleOnChange,
+          blur: this.handleOnBlur,
+          focus: this.handleOnFocus
+        },
+        domProps: this.v3 ? undefined : {
+          value: value ? value : ''
+        },
+        name: name,
+        value: value ? value : ''
+      }));
+    }
+
+    if (component) {
+      var renderTemplate = component ? component.kt ? component : templateRendering.call(this, component, getListeners.call(this)) : null;
+      return getTemplate.call(this, {
+        h: h,
+        template: renderTemplate,
+        additionalProps: __assign({
+          value: value,
+          // meta
+          validationMessage: this.kendoForm.errors[name],
+          touched: this.kendoForm.touchedByField[name],
+          modified: this.kendoForm.modifiedByField[name],
+          visited: this.kendoForm.visitedByField[name],
+          // Our `valid` implementation requires double submit to show html5 validation errors,
+          // however it's NOT recommended to show html5 validation errors at all as:
+          // - There is no standard way to change validation look and feel with CSS.
+          // - Look different in each browser / OS
+          // - You can have a page in one language but an error message
+          // displayed in another language (not localizable)
+          valid: !(Boolean(this.kendoForm.errors[name]) && this.kendoForm.touchedByField[name]),
+          name: name,
+          id: id
+        }, this.$attrs),
+        additionalListeners: {
+          change: this.handleOnChange,
+          input: this.handleOnInput,
+          blur: this.handleOnBlur,
+          focus: this.handleOnFocus
+        },
+        defaultSlots: defaultSlot
+      });
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var Field = FieldVue2;
+export { Field, FieldVue2 };

package/dist/esm/FieldArray.d.ts

@@ -0,0 +1,50 @@
+import { FieldArrayProps } from './interfaces/FieldArrayProps';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+interface FieldArrayState {
+}
+/**
+ * @hidden
+ */
+interface FieldArrayData {
+}
+/**
+ * @hidden
+ */
+export interface FieldArrayMethods {
+    [key: string]: any;
+    onUnshift: (event: any) => void;
+    onPush: (event: any) => void;
+    onInsert: (event: any) => void;
+    onPop: () => void;
+    onRemove: (event: any) => void;
+    onReplace: (event: any) => void;
+    onMove: (event: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface FieldArrayComputed {
+    [key: string]: any;
+    fieldClassName: object;
+}
+/**
+ * @hidden
+ */
+export interface FieldArrayAll extends FieldArrayMethods, FieldArrayState, FieldArrayData, FieldArrayComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const FieldArrayVue2: ComponentOptions<Vue2type, DefaultData<FieldArrayData>, DefaultMethods<FieldArrayAll>, FieldArrayComputed, RecordPropsDefinition<FieldArrayProps>>;
+/**
+ * @hidden
+ */
+declare const FieldArray: DefineComponent<FieldArrayProps, any, FieldArrayData, FieldArrayComputed, FieldArrayMethods, {}, {}, {}, string, FieldArrayProps, FieldArrayProps, {}>;
+export { FieldArray, FieldArrayVue2 };