@progress/kendo-vue-form 3.6.4 → 3.7.0-dev.202210250731

package/dist/es/Form.js

@@ -2,18 +2,14 @@ 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 __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)) {
@@ -23,10 +19,9 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 import { clone, cloneObject, guid, validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from './package-metadata'; // @ts-ignore
-
+import { packageMetadata } from './package-metadata';
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -35,12 +30,10 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var FORCEUPDATE_ACCUMULATOR_TIMEOUT = 0;
 /**
  * @hidden
  */
-
 var FormVue2 = {
   name: 'KendoForm',
   inheritAttrs: false,
@@ -141,12 +134,10 @@ var FormVue2 = {
     },
     getErrors: function getErrors() {
       var _this = this;
-
       var errors = {};
       var validatorsByField = this.validatorsByField;
       Object.keys(this.fields).forEach(function (fieldName) {
         errors[fieldName] = '';
-
         if (validatorsByField[fieldName]) {
           var validators_1 = [];
           validatorsByField[fieldName].forEach(function (validator) {
@@ -155,51 +146,43 @@ var FormVue2 = {
             } else {
               validators_1.push(validator);
             }
-          }); // find first validation error
-
+          });
+          // find first validation error
           validators_1.find(function (validator) {
             if (validator) {
               var result = validator(_this.valueGetter(fieldName), _this.valueGetter, {
                 name: fieldName
               });
-
               if (result) {
                 errors[fieldName] = result;
                 return true;
               }
             }
-
             return false;
           });
         }
       });
       var formErrors = this.formErrors();
-
       if (formErrors) {
         cloneObject(this.formErrors(), errors);
       }
-
       return errors;
     },
-
     /**
      * @hidden
      */
     accumulatedForceUpdate: function accumulatedForceUpdate() {
-      var _this = this; // IMPORTANT:
+      var _this = this;
+      // IMPORTANT:
       // Should only be used for updates not coming from editors as it
       // will cause cursor jump as vue will reset the editor to old value
-
-
       if (this._accumulatorTimeout) {
         clearTimeout(this._accumulatorTimeout);
       }
-
       this._accumulatorTimeout = window.setTimeout(function () {
         _this._accumulatorTimeout = undefined;
       }, FORCEUPDATE_ACCUMULATOR_TIMEOUT);
     },
-
     /**
      * @hidden
      */
@@ -208,12 +191,11 @@ var FormVue2 = {
       this.id = guid();
       this.form.touchedByField = {};
       this.form.visitedByField = {};
-      this.form.modifiedByField = {}; // this.validatorsByField = {};
+      this.form.modifiedByField = {};
+      // this.validatorsByField = {};
       // this.fields = [];
-
       this.form.submitted = false;
     },
-
     /**
      * Method for resetting the form state outside the form component.
      *
@@ -229,21 +211,18 @@ var FormVue2 = {
     onSubmit: function onSubmit(event) {
       var touchedVisited = {};
       var fields = this.fields;
-
       if (event) {
         if (typeof event.preventDefault === 'function') {
           event.preventDefault();
         }
-
         if (typeof event.stopPropagation === 'function') {
           event.stopPropagation();
         }
       }
-
       Object.keys(fields).forEach(function (fieldName) {
         touchedVisited[fieldName] = true;
-      }); // show validations
-
+      });
+      // show validations
       this.form.visitedByField = __assign({}, touchedVisited);
       this.form.touchedByField = __assign({}, touchedVisited);
       var values = this.form.values;
@@ -255,13 +234,11 @@ var FormVue2 = {
         isModified: isModified,
         event: event
       });
-
       if (isValid && (this.$props.ignoreModified || isModified)) {
         this.form.submitted = true;
         this.$emit('submit', values, event);
       }
     },
-
     /**
      * Method for emitting changes to a specific field outside the form component.
      *
@@ -270,60 +247,47 @@ var FormVue2 = {
      */
     onChange: function onChange(name, options) {
       var _a;
-
       var value = options.value;
       this.addField(name);
-
       if (!this.form.modifiedByField[name]) {
         this.form.modifiedByField = __assign(__assign({}, this.form.modifiedByField), (_a = {}, _a[name] = true, _a));
       }
-
       this.valueSetter(name, value);
     },
     onFocus: function onFocus(name) {
       var _a;
-
       if (this.form.visitedByField[name]) {
         return;
       }
-
       this.form.visitedByField = __assign(__assign({}, this.form.visitedByField), (_a = {}, _a[name] = true, _a));
     },
     onBlur: function onBlur(name) {
       var _a;
-
       if (this.form.touchedByField[name]) {
         return;
       }
-
       this.onFocus(name);
       this.form.touchedByField = __assign(__assign({}, this.form.touchedByField), (_a = {}, _a[name] = true, _a));
     },
     onFieldRegister: function onFieldRegister(name, validator) {
       var _a;
-
       var _this = this;
-
-      this.addField(name); // The sole reason for using class props over state - nextIndex, needed for destroying validators
-
+      this.addField(name);
+      // The sole reason for using class props over state - nextIndex, needed for destroying validators
       var oldValidators = this.validatorsByField[name] || [];
       var nextIndex = oldValidators.length;
       this.validatorsByField = __assign(__assign({}, this.validatorsByField), (_a = {}, _a[name] = __spreadArray(__spreadArray([], oldValidators, true), [validator], false), _a));
       this.accumulatedForceUpdate();
       return function () {
-        var _a; // onFieldUnregister:
-
-
+        var _a;
+        // onFieldUnregister:
         if (_this._unmounted) {
           return;
         }
-
         var newValidators = __spreadArray([], _this.validatorsByField[name] || [], true);
-
         var validatorIsUnregistered = Boolean(newValidators[nextIndex]);
         newValidators[nextIndex] = undefined;
         _this.validatorsByField = __assign(__assign({}, _this.validatorsByField), (_a = {}, _a[name] = newValidators, _a));
-
         if (validatorIsUnregistered) {
           _this.accumulatedForceUpdate();
         }
@@ -367,25 +331,19 @@ var FormVue2 = {
     },
     valueSetter: function valueSetter(fieldName, value) {
       var _a;
-
       this.form.values = __assign(__assign({}, this.form.values), (_a = {}, _a[fieldName] = value, _a));
     },
     onArrayAction: function onArrayAction(name) {
       var _a;
-
       this.addField(name);
-
       if (!this.form.modifiedByField[name]) {
         this.form.modifiedByField = __assign(__assign({}, this.form.modifiedByField), (_a = {}, _a[name] = true, _a));
       }
-
       this.onBlur(name, true);
     },
     onInsert: function onInsert(name, options) {
       this.onArrayAction(name);
-
       var newArray = __spreadArray([], this.valueGetter(name) || [], true);
-
       newArray.splice(options.index, 0, options.value);
       this.valueSetter(name, newArray);
     },
@@ -397,42 +355,32 @@ var FormVue2 = {
     },
     onPush: function onPush(name, options) {
       this.onArrayAction(name);
-
       var newArray = __spreadArray(__spreadArray([], this.valueGetter(name) || [], true), [options.value], false);
-
       this.valueSetter(name, newArray);
     },
     onPop: function onPop(name) {
       this.onArrayAction(name);
-
       var newArray = __spreadArray([], this.valueGetter(name) || [], true);
-
       var value = newArray.pop();
       this.valueSetter(name, newArray);
       return value;
     },
     onRemove: function onRemove(name, options) {
       this.onArrayAction(name);
-
       var newArray = __spreadArray([], this.valueGetter(name) || [], true);
-
       var value = newArray.splice(options.index, 1);
       this.valueSetter(name, newArray);
       return value;
     },
     onReplace: function onReplace(name, options) {
       this.onArrayAction(name);
-
       var newArray = __spreadArray([], this.valueGetter(name) || [], true);
-
       newArray.splice(options.index, 1, options.value);
       this.valueSetter(name, newArray);
     },
     onMove: function onMove(name, options) {
       this.onArrayAction(name);
-
       var newArray = __spreadArray([], this.valueGetter(name) || [], true);
-
       var value = newArray[options.prevIndex];
       newArray.splice(options.prevIndex, 1);
       newArray.splice(options.nextIndex, 0, value);
@@ -440,7 +388,6 @@ var FormVue2 = {
     },
     onDestroy: function onDestroy() {
       this.unmounted = true;
-
       if (this._accumulatorTimeout) {
         clearTimeout(this._accumulatorTimeout);
       }
@@ -462,6 +409,5 @@ var FormVue2 = {
 /**
  * @hidden
  */
-
 var Form = FormVue2;
 export { Form, FormVue2 };

package/dist/es/FormElement.js

@@ -8,7 +8,6 @@ import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var FormElementVue2 = {
   name: 'KendoFormElement',
   props: {
@@ -59,6 +58,5 @@ var FormElementVue2 = {
 /**
  * @hidden
  */
-
 var FormElement = FormElementVue2;
 export { FormElement, FormElementVue2 };

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: 1665151596,
+    publishDate: 1666682751,
     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.js

@@ -2,32 +2,25 @@ 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
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -36,7 +29,6 @@ import { getDefaultSlots, getListeners, getTemplate, templateRendering } from '@
 /**
  * @hidden
  */
-
 var FieldVue2 = {
   name: 'KendoField',
   props: {
@@ -52,7 +44,6 @@ var FieldVue2 = {
     if (!this.kendoForm) {
       return;
     }
-
     var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
     return unregisterField;
   },
@@ -71,13 +62,11 @@ var FieldVue2 = {
     },
     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) {
@@ -102,20 +91,16 @@ var FieldVue2 = {
   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"]);
-
+      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
@@ -135,7 +120,6 @@ var FieldVue2 = {
         value: value ? value : ''
       }));
     }
-
     if (component) {
       var renderTemplate = component ? component.kt ? component : templateRendering.call(this, component, getListeners.call(this)) : null;
       return getTemplate.call(this, {
@@ -172,6 +156,5 @@ var FieldVue2 = {
 /**
  * @hidden
  */
-
 var Field = FieldVue2;
 export { Field, FieldVue2 };

package/dist/esm/FieldArray.js

@@ -2,19 +2,15 @@ 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);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -23,7 +19,6 @@ import { getListeners, getTemplate, templateRendering } from '@progress/kendo-vu
 /**
  * @hidden
  */
-
 var FieldArrayVue2 = {
   name: 'KendoFieldArray',
   props: {
@@ -42,7 +37,6 @@ var FieldArrayVue2 = {
     if (!this.kendoForm) {
       return;
     }
-
     var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
     return unregisterField;
   },
@@ -84,17 +78,14 @@ var FieldArrayVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        name = _a.name,
-        component = _a.component,
-        id = _a.id;
-
+      name = _a.name,
+      component = _a.component,
+      id = _a.id;
     if (!this.kendoForm) {
       return null;
-    } // TODO: remove this and pass down  getter to allow users optimize when to refresh the data?
-
-
+    }
+    // TODO: remove this and pass down  getter to allow users optimize when to refresh the data?
     var value = this.kendoForm.values[name];
-
     if (component) {
       var renderTemplate = component ? templateRendering.call(this, component, getListeners.call(this)) : null;
       return getTemplate.call(this, {
@@ -133,6 +124,5 @@ var FieldArrayVue2 = {
 /**
  * @hidden
  */
-
 var FieldArray = FieldArrayVue2;
 export { FieldArray, FieldArrayVue2 };

package/dist/esm/FieldWrapper.js

@@ -8,7 +8,6 @@ import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var FieldWrapperVue2 = {
   name: 'KendoFieldWrapper',
   props: {
@@ -43,6 +42,5 @@ var FieldWrapperVue2 = {
 /**
  * @hidden
  */
-
 var FieldWrapper = FieldWrapperVue2;
 export { FieldWrapper, FieldWrapperVue2 };