@progress/kendo-vue-form 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/esm/Field.js

@@ -1,160 +0,0 @@
-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 = templateRendering.call(this, component, getListeners.call(this));
-      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

@@ -1,50 +0,0 @@
-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 };

package/dist/esm/FieldArray.js

@@ -1,128 +0,0 @@
-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
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { getListeners, getTemplate, templateRendering } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var FieldArrayVue2 = {
-  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 created() {
-    if (!this.kendoForm) {
-      return;
-    }
-    var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
-    return unregisterField;
-  },
-  methods: {
-    onUnshift: function onUnshift(event) {
-      this.kendoForm.onUnshift(this.$props.name, event);
-    },
-    onPush: function onPush(event) {
-      this.kendoForm.onPush(this.$props.name, event);
-    },
-    onInsert: function onInsert(event) {
-      this.kendoForm.onInsert(this.$props.name, event);
-    },
-    onPop: function onPop() {
-      this.kendoForm.onPop(this.$props.name);
-    },
-    onRemove: function onRemove(event) {
-      this.kendoForm.onRemove(this.$props.name, event);
-    },
-    onReplace: function onReplace(event) {
-      this.kendoForm.onReplace(this.$props.name, event);
-    },
-    onMove: function onMove(event) {
-      this.kendoForm.onMove(this.$props.name, event);
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  inject: {
-    kendoForm: {
-      default: null
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      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?
-    var value = this.kendoForm.values[name];
-    if (component) {
-      var renderTemplate = 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: {
-          unshift: this.onUnshift,
-          push: this.onPush,
-          insert: this.onInsert,
-          pop: this.onPop,
-          remove: this.onRemove,
-          replace: this.onReplace,
-          move: this.onMove
-        }
-      });
-    }
-  }
-};
-/**
- * @hidden
- */
-var FieldArray = FieldArrayVue2;
-export { FieldArray, FieldArrayVue2 };

package/dist/esm/FieldWrapper.d.ts

@@ -1,61 +0,0 @@
-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;
-};
-/**
- * Represents the props of the Kendo U for Vue FieldWrapper component.
- */
-export interface FieldWrapperProps {
-    /**
-     * If set to `true` enable the horizontal layout of the form editors.
-     */
-    horizontal?: boolean;
-    /**
-     * @hidden
-     */
-    [customProp: string]: any;
-}
-/**
- * Represent the `ref` of the FieldWrapper component.
- */
-export interface FieldWrapperHandle {
-    props: FieldWrapperProps;
-}
-/**
- * @hidden
- */
-interface FieldWrapperState {
-}
-/**
- * @hidden
- */
-interface FieldWrapperData {
-}
-/**
- * @hidden
- */
-export interface FieldWrapperMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface FieldWrapperComputed {
-    [key: string]: any;
-    fieldClassName: object;
-}
-/**
- * @hidden
- */
-export interface FieldWrapperAll extends FieldWrapperMethods, FieldWrapperState, FieldWrapperData, FieldWrapperComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const FieldWrapperVue2: ComponentOptions<Vue2type, DefaultData<FieldWrapperData>, DefaultMethods<FieldWrapperAll>, FieldWrapperComputed, RecordPropsDefinition<FieldWrapperProps>>;
-/**
- * @hidden
- */
-declare let FieldWrapper: DefineComponent<FieldWrapperProps, any, FieldWrapperData, FieldWrapperComputed, FieldWrapperMethods, {}, {}, {}, string, FieldWrapperProps, FieldWrapperProps, {}>;
-export { FieldWrapper, FieldWrapperVue2 };

package/dist/esm/FieldWrapper.js

@@ -1,46 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { packageMetadata } from './package-metadata.js';
-import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var FieldWrapperVue2 = {
-  name: 'KendoFieldWrapper',
-  props: {
-    dir: String
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-  },
-  computed: {
-    fieldClassName: function fieldClassName() {
-      return {
-        'k-form-field': true,
-        'k-rtl': this.$props.dir === 'rtl'
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = getDefaultSlots(this);
-    return h("div", {
-      "class": this.fieldClassName
-    }, [defaultSlots]);
-  }
-};
-/**
- * @hidden
- */
-var FieldWrapper = FieldWrapperVue2;
-export { FieldWrapper, FieldWrapperVue2 };

package/dist/esm/Form.d.ts

@@ -1,62 +0,0 @@
-import { FieldValidatorType } from './interfaces/FieldValidator';
-import { FormProps } from './interfaces/FormProps';
-import { KeyValue } from './interfaces/KeyValue';
-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 FormState {
-    _accumulatorTimeout: any;
-}
-/**
- * @hidden
- */
-interface FormData {
-    id: string;
-    touched: KeyValue<boolean>;
-    visited: KeyValue<boolean>;
-    modified: KeyValue<boolean>;
-    validatorsByField: KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>;
-    values: KeyValue<any>;
-    fields: any;
-    unmounted: any;
-    submitted: any;
-}
-/**
- * @hidden
- */
-export interface FormMethods {
-    [key: string]: any;
-    formErrors: () => KeyValue<string> | undefined;
-    formValid: () => boolean;
-    formModified: () => boolean;
-    formVisited: () => boolean;
-    formHasNotTouched: () => boolean;
-    allowSubmit: () => boolean;
-    errors: () => KeyValue<string>;
-    onDestroy: () => void;
-}
-/**
- * @hidden
- */
-export interface FormComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface FormAll extends FormMethods, FormState, FormData, FormComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const FormVue2: ComponentOptions<Vue2type, DefaultData<FormData>, DefaultMethods<FormAll>, FormComputed, RecordPropsDefinition<FormProps>>;
-/**
- * @hidden
- */
-declare const Form: DefineComponent<FormProps, any, FormData, FormComputed, FormMethods, {}, {}, {}, string, FormProps, FormProps, {}>;
-export { Form, FormVue2 };