@progress/kendo-vue-data-tools 2.5.1-dev.202109301242 → 2.5.2-dev.202110121006

package/dist/es/pager/PagerNumericButtons.d.ts

@@ -24,6 +24,7 @@ export interface PagerNumericButtonsProps {
  * @hidden
  */
 export interface PagerNumericButtonsMethods {
+    [key: string]: any;
     click: (e: any, page: number) => void;
     ddlChange: (event: DropDownListChangeEvent) => void;
 }
@@ -31,6 +32,7 @@ export interface PagerNumericButtonsMethods {
  * @hidden
  */
 export interface PagerNumericButtonsComputed {
+    [key: string]: any;
     start: number;
     end: number;
 }

package/dist/npm/filter/Expression.d.ts

@@ -40,11 +40,13 @@ export interface ExpressionState {
  * @hidden
  */
 export interface ExpressionComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface ExpressionMethods {
+    [key: string]: any;
     onFieldChange: (event: DropDownListChangeEvent) => void;
     onOperatorChange: (event: DropDownListChangeEvent) => void;
     onInputChange: (event: any) => void;

package/dist/npm/filter/Filter.d.ts

@@ -5,7 +5,7 @@ declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
 import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { GroupChangeEvent, GroupRemoveEvent } from './Group';
+import { GroupChangeEvent, GroupRemoveEvent } from './GroupFilters';
 import { FieldSettings } from './FieldSettings';
 /**
  * The FilterChangeEvent object.
@@ -30,6 +30,10 @@ export interface FilterProps {
      * The composite filter descriptor value.
      */
     value: CompositeFilterDescriptor;
+    /**
+     * @hidden
+     */
+    modelValue?: any;
     /**
      * The Filter onChange event.
      */
@@ -48,11 +52,14 @@ export interface FilterState {
  * @hidden
  */
 export interface FilterComputed {
+    [key: string]: any;
+    computedValue: any;
 }
 /**
  * @hidden
  */
 export interface FilterMethods {
+    [key: string]: any;
     onFilterChange: (event: GroupChangeEvent) => void;
     onGroupRemove: (event: GroupRemoveEvent) => void;
 }

package/dist/npm/filter/Filter.js

@@ -26,7 +26,9 @@ var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 
-var Group_1 = require("./Group");
+var GroupFilters_1 = require("./GroupFilters");
+
+var GroupToolbar_1 = require("./GroupToolbar");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -37,13 +39,22 @@ var Filter = {
   name: 'KendoFilter',
   // @ts-ignore
   emits: {
-    change: null
+    change: null,
+    'changemodel': null,
+    'update:modelValue': null
+  },
+  model: {
+    event: 'changemodel'
   },
   props: {
     fields: {
       type: Array,
       required: true
     },
+    modelValue: {
+      type: Object,
+      default: undefined
+    },
     value: Object,
     defaultGroupFilter: Object
   },
@@ -57,11 +68,24 @@ var Filter = {
       v3: v3
     };
   },
+  computed: {
+    computedValue: function computedValue() {
+      var value;
+
+      if (this.$props.value !== undefined) {
+        value = this.$props.value;
+      } else if (this.$props.modelValue !== undefined) {
+        value = this.$props.modelValue;
+      }
+
+      return value;
+    }
+  },
   render: function render(createElement) {
     var h = gh || createElement;
     var fields = this.$props.fields.map(function (field) {
       return __assign(__assign({}, field), {
-        filterRender: field.filterRender ? kendo_vue_common_1.templateRendering.call(this, field.filterRender, kendo_vue_common_1.getListeners.call(this)) : undefined
+        filterRender: kendo_vue_common_1.templateRendering.call(this, field.filterRender, kendo_vue_common_1.getListeners.call(this))
       });
     }, this);
     return h("div", {
@@ -71,10 +95,34 @@ var Filter = {
     }, [h("li", {
       "class": "k-filter-group-main"
     }, [// @ts-ignore function children
-    h(Group_1.Group, {
-      filter: this.$props.value,
+    h(GroupToolbar_1.GroupToolbar, {
+      "class": "k-filter-group-main",
+      filter: this.computedValue,
+      attrs: this.v3 ? undefined : {
+        filter: this.computedValue,
+        fields: fields,
+        defaultGroupFilter: this.$props.defaultGroupFilter || {
+          logic: 'and',
+          filters: []
+        }
+      },
+      fields: fields,
+      onChange: this.onFilterChange,
+      on: this.v3 ? undefined : {
+        "change": this.onFilterChange,
+        "remove": this.onGroupRemove
+      },
+      onRemove: this.onGroupRemove,
+      defaultGroupFilter: this.$props.defaultGroupFilter || {
+        logic: 'and',
+        filters: []
+      }
+    }), // @ts-ignore function children
+    h(GroupFilters_1.GroupFilter, {
+      "class": "k-filter-group-main",
+      filter: this.computedValue,
       attrs: this.v3 ? undefined : {
-        filter: this.$props.value,
+        filter: this.computedValue,
         fields: fields,
         defaultGroupFilter: this.$props.defaultGroupFilter || {
           logic: 'and',
@@ -102,16 +150,22 @@ var Filter = {
         target: this
       };
       this.$emit('change', changeEvent);
+      this.$emit('changemodel', event.nextFilter);
+      this.$emit('update:modelValue', event.nextFilter);
     },
     onGroupRemove: function onGroupRemove(event) {
+      var nextFilter = __assign(__assign({}, this.computedValue), {
+        filters: []
+      });
+
       var changeEvent = {
-        filter: __assign(__assign({}, this.$props.value), {
-          filters: []
-        }),
+        filter: nextFilter,
         event: event.event,
         target: this
       };
       this.$emit('change', changeEvent);
+      this.$emit('changemodel', nextFilter);
+      this.$emit('update:modelValue', nextFilter);
     }
   }
 };

package/dist/npm/filter/{Group.d.ts → GroupFilters.d.ts}

@@ -41,17 +41,13 @@ export interface GroupState {
  * @hidden
  */
 export interface GroupComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface GroupMethods {
-    onGroupRemove: () => void;
-    onAddExpression: () => void;
-    onAddGroup: () => void;
-    onLogicAnd: () => void;
-    onLogicOr: () => void;
-    changeLogic: (logic: 'and' | 'or') => void;
+    [key: string]: any;
     replaceFilter: (prevFilter: FilterDescriptor | CompositeFilterDescriptor, nextFilter: FilterDescriptor | CompositeFilterDescriptor) => CompositeFilterDescriptor;
     onChange: (event: ExpressionChangeEvent | GroupChangeEvent) => void;
     onRemove: (event: ExpressionRemoveEvent | GroupRemoveEvent) => void;
@@ -66,6 +62,6 @@ export interface GroupData {
  */
 export interface GroupAll extends Vue, GroupMethods, GroupData, GroupComputed, GroupState {
 }
-declare let Group: ComponentOptions<GroupAll, DefaultData<GroupData>, DefaultMethods<GroupAll>, GroupComputed, RecordPropsDefinition<GroupProps>>;
-declare const GroupVue3: DefineComponent<GroupProps, any, GroupData, GroupComputed, GroupMethods, {}, {}, {}, string, GroupProps, GroupProps, {}>;
-export { Group, GroupVue3 };
+declare let GroupFilter: ComponentOptions<GroupAll, DefaultData<GroupData>, DefaultMethods<GroupAll>, GroupComputed, RecordPropsDefinition<GroupProps>>;
+declare const GroupFilterVue3: DefineComponent<GroupProps, any, GroupData, GroupComputed, GroupMethods, {}, {}, {}, string, GroupProps, GroupProps, {}>;
+export { GroupFilter, GroupFilterVue3 };

package/dist/npm/filter/GroupFilters.js

@@ -0,0 +1,170 @@
+"use strict";
+
+var __assign = undefined && undefined.__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);
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupFilterVue3 = exports.GroupFilter = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_data_query_1 = require("@progress/kendo-data-query");
+
+var GroupToolbar_1 = require("./GroupToolbar");
+
+var Expression_1 = require("./Expression"); // tslint:enable:max-line-length
+
+
+var GroupFilter = {
+  name: 'KendoFilterGroup',
+  // @ts-ignore
+  emits: {
+    change: null,
+    remove: null
+  },
+  props: {
+    filter: {
+      type: Object,
+      required: true
+    },
+    fields: {
+      type: Array,
+      required: true
+    },
+    defaultGroupFilter: {
+      type: Object,
+      required: true
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        fields = _a.fields,
+        filter = _a.filter,
+        filterRender = _a.filterRender;
+    return filter.filters.length > 0 ? h("ul", {
+      "class": "k-filter-lines"
+    }, [filter.filters.map(function (f, idx) {
+      return h("li", {
+        key: idx,
+        "class": "k-filter-item"
+      }, [kendo_data_query_1.isCompositeFilterDescriptor(f) ? [// @ts-ignore
+      h(GroupToolbar_1.GroupToolbar, {
+        filter: f,
+        attrs: this.v3 ? undefined : {
+          filter: f,
+          fields: fields,
+          defaultGroupFilter: this.$props.defaultGroupFilter
+        },
+        fields: fields,
+        onChange: this.onChange,
+        on: this.v3 ? undefined : {
+          "change": this.onChange,
+          "remove": this.onRemove
+        },
+        onRemove: this.onRemove,
+        defaultGroupFilter: this.$props.defaultGroupFilter
+      }), h(GroupFilter, {
+        filter: f,
+        attrs: this.v3 ? undefined : {
+          filter: f,
+          fields: fields,
+          defaultGroupFilter: this.$props.defaultGroupFilter
+        },
+        fields: fields,
+        onChange: this.onChange,
+        on: this.v3 ? undefined : {
+          "change": this.onChange,
+          "remove": this.onRemove
+        },
+        onRemove: this.onRemove,
+        defaultGroupFilter: this.$props.defaultGroupFilter
+      })] : // @ts-ignore
+      h(Expression_1.Expression, {
+        filter: f,
+        attrs: this.v3 ? undefined : {
+          filter: f,
+          fields: fields,
+          filterRender: filterRender
+        },
+        fields: fields,
+        filterRender: filterRender,
+        onChange: this.onChange,
+        on: this.v3 ? undefined : {
+          "change": this.onChange,
+          "remove": this.onRemove
+        },
+        onRemove: this.onRemove
+      })]);
+    }, this)]) : null;
+  },
+  methods: {
+    replaceFilter: function replaceFilter(prevFilter, nextFilter) {
+      var filter = this.$props.filter;
+      var filters = filter.filters.map(function (f) {
+        return f === prevFilter ? nextFilter : f;
+      });
+      return __assign(__assign({}, filter), {
+        filters: filters
+      });
+    },
+    onChange: function onChange(event) {
+      var nextFilter = this.replaceFilter(event.prevFilter, event.nextFilter);
+      var changeEvent = {
+        nextFilter: nextFilter,
+        prevFilter: this.$props.filter,
+        event: event.event,
+        target: this
+      };
+      this.$emit('change', changeEvent);
+    },
+    onRemove: function onRemove(event) {
+      var prevFilter = this.$props.filter;
+      var filters = prevFilter.filters.filter(function (f) {
+        return f !== event.filter;
+      });
+      var changeEvent = {
+        nextFilter: __assign(__assign({}, prevFilter), {
+          filters: filters
+        }),
+        prevFilter: prevFilter,
+        event: event.event,
+        target: this
+      };
+      this.$emit('change', changeEvent);
+    }
+  }
+};
+exports.GroupFilter = GroupFilter;
+var GroupFilterVue3 = GroupFilter;
+exports.GroupFilterVue3 = GroupFilterVue3;

package/dist/npm/filter/GroupToolbar.d.ts

@@ -0,0 +1,69 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { FieldSettings } from './FieldSettings';
+/**
+ * @hidden
+ */
+export interface GroupChangeEvent {
+    target: any;
+    event: any;
+    prevFilter: CompositeFilterDescriptor;
+    nextFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupRemoveEvent {
+    target: any;
+    event: any;
+    filter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupProps {
+    filter: CompositeFilterDescriptor;
+    fields: Array<FieldSettings>;
+    defaultGroupFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupState {
+}
+/**
+ * @hidden
+ */
+export interface GroupComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface GroupMethods {
+    [key: string]: any;
+    onGroupRemove: () => void;
+    onAddExpression: () => void;
+    onAddGroup: () => void;
+    onLogicAnd: () => void;
+    onLogicOr: () => void;
+    changeLogic: (logic: 'and' | 'or') => void;
+}
+/**
+ * @hidden
+ */
+export interface GroupData {
+}
+/**
+ * @hidden
+ */
+export interface GroupAll extends Vue, GroupMethods, GroupData, GroupComputed, GroupState {
+}
+declare let GroupToolbar: ComponentOptions<GroupAll, DefaultData<GroupData>, DefaultMethods<GroupAll>, GroupComputed, RecordPropsDefinition<GroupProps>>;
+declare const GroupToolbarVue3: DefineComponent<GroupProps, any, GroupData, GroupComputed, GroupMethods, {}, {}, {}, string, GroupProps, GroupProps, {}>;
+export { GroupToolbar, GroupToolbarVue3 };

package/dist/npm/filter/{Group.js → GroupToolbar.js}

@@ -33,27 +33,23 @@ var __spreadArrays = undefined && undefined.__spreadArrays || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GroupVue3 = exports.Group = void 0; // @ts-ignore
+exports.GroupToolbarVue3 = exports.GroupToolbar = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
 
-var kendo_data_query_1 = require("@progress/kendo-data-query");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
-var Expression_1 = require("./Expression");
-
 var operators_1 = require("./operators");
 
 var messages_1 = require("../messages"); // tslint:enable:max-line-length
 
 
-var Group = {
+var GroupToolbar = {
   name: 'KendoFilterGroup',
   // @ts-ignore
   emits: {
@@ -92,10 +88,9 @@ var Group = {
     var h = gh || createElement;
     var _a = this.$props,
         fields = _a.fields,
-        filter = _a.filter,
-        filterRender = _a.filterRender;
+        filter = _a.filter;
     var locService = kendo_vue_intl_1.provideLocalizationService(this);
-    return h("div", [h("div", {
+    return h("div", {
       "class": "k-filter-toolbar"
     }, [// @ts-ignore function children   
     h(kendo_vue_buttons_1.Toolbar, {
@@ -543,46 +538,7 @@ var Group = {
       on: _this.v3 ? undefined : {
         "click": _this.onGroupRemove
       }
-    })])])]), filter.filters.length > 0 && h("ul", {
-      "class": "k-filter-lines"
-    }, [filter.filters.map(function (f, idx) {
-      return h("li", {
-        key: idx,
-        "class": "k-filter-item"
-      }, [kendo_data_query_1.isCompositeFilterDescriptor(f) ? // @ts-ignore
-      h(Group, {
-        filter: f,
-        attrs: this.v3 ? undefined : {
-          filter: f,
-          fields: fields,
-          defaultGroupFilter: this.$props.defaultGroupFilter
-        },
-        fields: fields,
-        onChange: this.onChange,
-        on: this.v3 ? undefined : {
-          "change": this.onChange,
-          "remove": this.onRemove
-        },
-        onRemove: this.onRemove,
-        defaultGroupFilter: this.$props.defaultGroupFilter
-      }) : // @ts-ignore
-      h(Expression_1.Expression, {
-        filter: f,
-        attrs: this.v3 ? undefined : {
-          filter: f,
-          fields: fields,
-          filterRender: filterRender
-        },
-        fields: fields,
-        filterRender: filterRender,
-        onChange: this.onChange,
-        on: this.v3 ? undefined : {
-          "change": this.onChange,
-          "remove": this.onRemove
-        },
-        onRemove: this.onRemove
-      })]);
-    }, this)])]);
+    })])])]);
   },
   methods: {
     onGroupRemove: function onGroupRemove() {
@@ -631,43 +587,9 @@ var Group = {
           prevFilter: prevFilter
         });
       }
-    },
-    replaceFilter: function replaceFilter(prevFilter, nextFilter) {
-      var filter = this.$props.filter;
-      var filters = filter.filters.map(function (f) {
-        return f === prevFilter ? nextFilter : f;
-      });
-      return __assign(__assign({}, filter), {
-        filters: filters
-      });
-    },
-    onChange: function onChange(event) {
-      var nextFilter = this.replaceFilter(event.prevFilter, event.nextFilter);
-      var changeEvent = {
-        nextFilter: nextFilter,
-        prevFilter: this.$props.filter,
-        event: event.event,
-        target: this
-      };
-      this.$emit('change', changeEvent);
-    },
-    onRemove: function onRemove(event) {
-      var prevFilter = this.$props.filter;
-      var filters = prevFilter.filters.filter(function (f) {
-        return f !== event.filter;
-      });
-      var changeEvent = {
-        nextFilter: __assign(__assign({}, prevFilter), {
-          filters: filters
-        }),
-        prevFilter: prevFilter,
-        event: event.event,
-        target: this
-      };
-      this.$emit('change', changeEvent);
     }
   }
 };
-exports.Group = Group;
-var GroupVue3 = Group;
-exports.GroupVue3 = GroupVue3;
+exports.GroupToolbar = GroupToolbar;
+var GroupToolbarVue3 = GroupToolbar;
+exports.GroupToolbarVue3 = GroupToolbarVue3;

package/dist/npm/filter/filters/BooleanFilter.d.ts

@@ -31,11 +31,13 @@ export interface BooleanFilterState {
  * @hidden
  */
 export interface BooleanFilterComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface BooleanFilterMethods {
+    [key: string]: any;
     handleFilterChange: (event: any) => void;
 }
 /**

package/dist/npm/filter/filters/BooleanFilter.js

@@ -24,7 +24,9 @@ var BooleanFilter = {
     },
     dataItems: {
       type: Array,
-      default: undefined
+      default: function _default() {
+        return undefined;
+      }
     },
     defaultItem: Object
   },

package/dist/npm/filter/filters/DateFilter.d.ts

@@ -19,11 +19,13 @@ export interface DateFilterState {
  * @hidden
  */
 export interface DateFilterComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface DateFilterMethods {
+    [key: string]: any;
     onChange: (event: any) => void;
 }
 /**

package/dist/npm/filter/filters/EnumFilter.d.ts

@@ -30,11 +30,13 @@ export interface EnumFilterState {
  * @hidden
  */
 export interface EnumFilterComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface EnumFilterMethods {
+    [key: string]: any;
     onChange: (event: any) => void;
 }
 /**

package/dist/npm/filter/filters/NumericFilter.d.ts

@@ -19,11 +19,13 @@ export interface NumericFilterState {
  * @hidden
  */
 export interface NumericFilterComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface NumericFilterMethods {
+    [key: string]: any;
     onChange: (event: any) => void;
 }
 /**

package/dist/npm/filter/filters/TextFilter.d.ts

@@ -30,11 +30,13 @@ export interface TextFilterState {
  * @hidden
  */
 export interface TextFilterComputed {
+    [key: string]: any;
 }
 /**
  * @hidden
  */
 export interface TextFilterMethods {
+    [key: string]: any;
     onChange: (event: any) => void;
 }
 /**

package/dist/npm/filter/index.d.ts

@@ -2,5 +2,5 @@ export * from './filters';
 export * from './Expression';
 export * from './FieldSettings';
 export * from './Filter';
-export * from './Group';
+export * from './GroupFilters';
 export * from './operators';