@progress/kendo-vue-grid 3.3.4 → 3.3.6-dev.202206170937

package/dist/npm/GridNoRecords.js

@@ -16,6 +16,38 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./messages");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+
+
+var GridNoRecordsVue2 = {
+  name: 'GridNoRecords',
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var noRecordsMessage = localizationService.toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
+    return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
+    : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
+  }
+};
+exports.GridNoRecordsVue2 = GridNoRecordsVue2;
 /**
  * Represents the GridNoRecords component which is rendered
  * when the `data` property of the Grid is empty or `null`.
@@ -58,33 +90,5 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  * Represents the default `GridNoRecords` component.
  */
 
-
-var GridNoRecordsVue2 = {
-  name: 'GridNoRecords',
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    }
-  },
-  // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
-    var kendoLocalizationService = inject('kendoLocalizationService', {});
-    return {
-      v3: v3,
-      kendoLocalizationService: kendoLocalizationService
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
-    var noRecordsMessage = localizationService.toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
-    return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
-    : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
-  }
-};
-exports.GridNoRecordsVue2 = GridNoRecordsVue2;
 var GridNoRecords = GridNoRecordsVue2;
 exports.GridNoRecords = GridNoRecords;

package/dist/npm/GridToolbar.d.ts

@@ -5,12 +5,54 @@ declare type DefaultMethods<V> = {
 };
 import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 /**
- * Represents the GridToolbar component.
- *
+ * @hidden
  */
+declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
 /**
- * Represents the default `GridToolbar` component.
+ * Represents the GridToolbar component.
+ *
+ * ```tsx-no-run
+ *   <div id="app">
+ *       <Grid
+ *           :data-items="products"
+ *           :columns="columns">
+ *       <grid-toolbar >
+ *           <button title="Add new" class="k-button k-primary" @click='insert' >
+ *                   Add new
+ *           </button>
+ *           <button v-if="hasItemsInEdit"
+ *               title="Cancel current changes"
+ *               class="k-button"
+ *               @click="cancelChanges">
+ *               Cancel current changes
+ *           </button>
+ *           </grid-toolbar>
+ *       </Grid>
+ *   </div>
+ * <script>
+ *       Vue.component('Grid', Grid);
+ *       Vue.component('grid-toolbar', GridToolbar);
+ *       new Vue({
+ *           el: '#app',
+ *           data: function () {
+ *               return {
+ *                  products: [
+ *                    { 'foo': 'A1', 'bar': 'B1' },
+ *                       { 'foo': 'A2', 'bar': 'B2' },
+ *                       { 'foo': 'A3', 'bar': 'B2' }
+ *                   ],
+ *                   columns: [
+ *                       { field: 'foo'},
+ *                       { field: 'bar'}
+ *                   ]
+ *               };
+ *           }
+ *       });
+ *   </script>
+ * ```
+ *
+ *
+ * ### props <span class='code'>[GridToolbarProps]({% slug api_grid_toolbarprops %})</span>
  */
-declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
 declare const GridToolbar: DefineComponent<GridToolbarProps, any, {}, {}, {}, {}, {}, {}, string, GridToolbarProps, GridToolbarProps, {}>;
 export { GridToolbar, GridToolbarVue2 };

package/dist/npm/GridToolbar.js

@@ -12,12 +12,7 @@ var gh = allVue.h;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
- * Represents the GridToolbar component.
- *
- */
-
-/**
- * Represents the default `GridToolbar` component.
+ * @hidden
  */
 
 
@@ -40,5 +35,52 @@ var GridToolbarVue2 = {
   }
 };
 exports.GridToolbarVue2 = GridToolbarVue2;
+/**
+ * Represents the GridToolbar component.
+ *
+ * ```tsx-no-run
+ *   <div id="app">
+ *       <Grid
+ *           :data-items="products"
+ *           :columns="columns">
+ *       <grid-toolbar >
+ *           <button title="Add new" class="k-button k-primary" @click='insert' >
+ *                   Add new
+ *           </button>
+ *           <button v-if="hasItemsInEdit"
+ *               title="Cancel current changes"
+ *               class="k-button"
+ *               @click="cancelChanges">
+ *               Cancel current changes
+ *           </button>
+ *           </grid-toolbar>
+ *       </Grid>
+ *   </div>
+ * <script>
+ *       Vue.component('Grid', Grid);
+ *       Vue.component('grid-toolbar', GridToolbar);
+ *       new Vue({
+ *           el: '#app',
+ *           data: function () {
+ *               return {
+ *                  products: [
+ *                    { 'foo': 'A1', 'bar': 'B1' },
+ *                       { 'foo': 'A2', 'bar': 'B2' },
+ *                       { 'foo': 'A3', 'bar': 'B2' }
+ *                   ],
+ *                   columns: [
+ *                       { field: 'foo'},
+ *                       { field: 'bar'}
+ *                   ]
+ *               };
+ *           }
+ *       });
+ *   </script>
+ * ```
+ *
+ *
+ * ### props <span class='code'>[GridToolbarProps]({% slug api_grid_toolbarprops %})</span>
+ */
+
 var GridToolbar = GridToolbarVue2;
 exports.GridToolbar = GridToolbar;

package/dist/npm/additionalTypes.ts

@@ -2,9 +2,20 @@
 import { DefineComponent } from 'vue';
 // @ts-ignore
 import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
 // @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/cells/GridCell.d.ts

@@ -20,8 +20,11 @@ export interface GridCellAll extends Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
- * Represents the default `GridCell` component.
+ * @hidden
  */
 declare let GridCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridCell: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
 export { GridCell, GridCellVue2 };

package/dist/npm/cells/GridCell.js

@@ -19,7 +19,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 /**
- * Represents the default `GridCell` component.
+ * @hidden
  */
 
 
@@ -165,5 +165,9 @@ var GridCellVue2 = {
   }
 };
 exports.GridCellVue2 = GridCellVue2;
+/**
+ * @hidden
+ */
+
 var GridCell = GridCellVue2;
 exports.GridCell = GridCell;

package/dist/npm/cells/GridDetailCell.d.ts

@@ -19,8 +19,11 @@ export interface GridDetailCellAll extends GridDetailCellProps, Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
- * Represents the default `GridDetailCell` component.
+ * @hidden
  */
 declare let GridDetailCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridDetailCell: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
 export { GridDetailCell, GridDetailCellVue2 };

package/dist/npm/cells/GridDetailCell.js

@@ -15,7 +15,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 /**
- * Represents the default `GridDetailCell` component.
+ * @hidden
  */
 
 
@@ -84,5 +84,9 @@ var GridDetailCellVue2 = {
   }
 };
 exports.GridDetailCellVue2 = GridDetailCellVue2;
+/**
+ * @hidden
+ */
+
 var GridDetailCell = GridDetailCellVue2;
 exports.GridDetailCell = GridDetailCell;

package/dist/npm/cells/GridDetailHierarchyCell.d.ts

@@ -14,8 +14,11 @@ export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
- * Represents the default `GridDetailHierarchyCell` component.
+ * @hidden
  */
 declare let GridDetailHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridDetailHierarchyCell: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
 export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };

package/dist/npm/cells/GridDetailHierarchyCell.js

@@ -15,7 +15,7 @@ var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
- * Represents the default `GridDetailHierarchyCell` component.
+ * @hidden
  */
 
 
@@ -55,5 +55,9 @@ var GridDetailHierarchyCellVue2 = {
   }
 };
 exports.GridDetailHierarchyCellVue2 = GridDetailHierarchyCellVue2;
+/**
+ * @hidden
+ */
+
 var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
 exports.GridDetailHierarchyCell = GridDetailHierarchyCell;

package/dist/npm/cells/GridEditCell.d.ts

@@ -30,8 +30,11 @@ export interface GridEditCellData {
 export interface GridEditCellAll extends GridEditCellMethods, GridEditCellData {
 }
 /**
- * Represents the default `GridEditCell` component.
+ * @hidden
  */
 declare let GridEditCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridEditCell: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
 export { GridEditCell, GridEditCellVue2 };

package/dist/npm/cells/GridEditCell.js

@@ -21,7 +21,7 @@ var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 /**
- * Represents the default `GridEditCell` component.
+ * @hidden
  */
 
 
@@ -317,5 +317,9 @@ var GridEditCellVue2 = {
   }
 };
 exports.GridEditCellVue2 = GridEditCellVue2;
+/**
+ * @hidden
+ */
+
 var GridEditCell = GridEditCellVue2;
 exports.GridEditCell = GridEditCell;

package/dist/npm/cells/GridFilterCell.d.ts

@@ -16,8 +16,11 @@ export interface GridFilterCellMethods extends Vue2type {
     triggerChange: (filter: any) => void;
 }
 /**
- * Represents the default `GridFilterCell` component.
+ * @hidden
  */
 declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridFilterCell: DefineComponent<GridFilterCellProps, any, {}, {}, GridFilterCellMethods, {}, {}, {}, string, GridFilterCellProps, GridFilterCellProps, {}>;
 export { GridFilterCell, GridFilterCellVue2 };

package/dist/npm/cells/GridFilterCell.js

@@ -27,7 +27,7 @@ var filterCommon_1 = require("../filterCommon");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
- * Represents the default `GridFilterCell` component.
+ * @hidden
  */
 
 
@@ -267,5 +267,9 @@ var GridFilterCellVue2 = {
   }
 };
 exports.GridFilterCellVue2 = GridFilterCellVue2;
+/**
+ * @hidden
+ */
+
 var GridFilterCell = GridFilterCellVue2;
 exports.GridFilterCell = GridFilterCell;

package/dist/npm/cells/GridGroupCell.d.ts

@@ -13,8 +13,11 @@ export interface GridGroupCellMethods extends Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
- * Represents the default `GridGroupCell` component.
+ * @hidden
  */
 declare let GridGroupCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridGroupCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridGroupCell: DefineComponent<GridCellProps, any, {}, {}, GridGroupCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
 export { GridGroupCell, GridGroupCellVue2 };

package/dist/npm/cells/GridGroupCell.js

@@ -14,7 +14,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 /**
- * Represents the default `GridGroupCell` component.
+ * @hidden
  */
 
 
@@ -181,5 +181,9 @@ var GridGroupCellVue2 = {
   }
 };
 exports.GridGroupCellVue2 = GridGroupCellVue2;
+/**
+ * @hidden
+ */
+
 var GridGroupCell = GridGroupCellVue2;
 exports.GridGroupCell = GridGroupCell;

package/dist/npm/cells/GridHierarchyCell.d.ts

@@ -13,8 +13,11 @@ export interface GridHierarchyCellMethods extends Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
- * Represents the default `GridHierarchyCell` component.
+ * @hidden
  */
 declare let GridHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridHierarchyCell: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
 export { GridHierarchyCell, GridHierarchyCellVue2 };

package/dist/npm/cells/GridHierarchyCell.js

@@ -16,7 +16,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 /**
- * Represents the default `GridHierarchyCell` component.
+ * @hidden
  */
 
 
@@ -165,5 +165,9 @@ var GridHierarchyCellVue2 = {
   }
 };
 exports.GridHierarchyCellVue2 = GridHierarchyCellVue2;
+/**
+ * @hidden
+ */
+
 var GridHierarchyCell = GridHierarchyCellVue2;
 exports.GridHierarchyCell = GridHierarchyCell;

package/dist/npm/cells/GridSelectionCell.d.ts

@@ -24,8 +24,11 @@ export interface GridSelectionCellData {
 export interface GridSelectionCellAll extends GridSelectionCellMethods, GridSelectionCellData {
 }
 /**
- * Represents the default `GridSelectionCell` component.
+ * @hidden
  */
 declare let GridSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridSelectionCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
 declare const GridSelectionCell: DefineComponent<GridCellProps, any, GridSelectionCellData, {}, GridSelectionCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
 export { GridSelectionCell, GridSelectionCellVue2 };

package/dist/npm/cells/GridSelectionCell.js

@@ -16,7 +16,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
 /**
- * Represents the default `GridSelectionCell` component.
+ * @hidden
  */
 
 
@@ -141,5 +141,9 @@ var GridSelectionCellVue2 = {
   }
 };
 exports.GridSelectionCellVue2 = GridSelectionCellVue2;
+/**
+ * @hidden
+ */
+
 var GridSelectionCell = GridSelectionCellVue2;
 exports.GridSelectionCell = GridSelectionCell;

package/dist/npm/columnMenu/ColumnMenu.d.ts

@@ -46,8 +46,11 @@ export interface ColumnMenuState {
 export interface ColumnMenuAll extends ColumnMenuMethods, ColumnMenuData, ColumnMenuState, ColumnMenuComputed {
 }
 /**
- * Represents the default `ColumnMenu` component.
+ * @hidden
  */
 declare let ColumnMenuVue2: ComponentOptions<Vue2type, DefaultData<ColumnMenuData>, DefaultMethods<ColumnMenuAll>, {}, RecordPropsDefinition<GridColumnMenuProps>>;
+/**
+ * @hidden
+ */
 declare const ColumnMenu: DefineComponent<GridColumnMenuProps, any, ColumnMenuData, ColumnMenuComputed, ColumnMenuMethods, {}, {}, {}, string, GridColumnMenuProps, GridColumnMenuProps, {}>;
 export { ColumnMenu, ColumnMenuVue2 };

package/dist/npm/columnMenu/ColumnMenu.js

@@ -23,7 +23,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("../messages");
 /**
- * Represents the default `ColumnMenu` component.
+ * @hidden
  */
 
 
@@ -262,5 +262,9 @@ var ColumnMenuVue2 = {
   }
 };
 exports.ColumnMenuVue2 = ColumnMenuVue2;
+/**
+ * @hidden
+ */
+
 var ColumnMenu = ColumnMenuVue2;
 exports.ColumnMenu = ColumnMenu;

package/dist/npm/columnMenu/ColumnMenuContent.d.ts

@@ -23,8 +23,11 @@ export interface ColumnMenuContentMethods extends Vue2type {
     filterChange: (newDescriptor: CompositeFilterDescriptor | null, e: any) => void;
 }
 /**
- * Represents the default `ColumnMenuContent` component.
+ * @hidden
  */
 declare let ColumnMenuContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnMenuContentMethods>, {}, RecordPropsDefinition<ColumnMenuContentProps>>;
+/**
+ * @hidden
+ */
 declare const ColumnMenuContent: DefineComponent<ColumnMenuContentProps, any, {}, {}, ColumnMenuContentMethods, {}, {}, {}, string, ColumnMenuContentProps, ColumnMenuContentProps, {}>;
 export { ColumnMenuContent, ColumnMenuContentVue2 };

package/dist/npm/columnMenu/ColumnMenuContent.js

@@ -16,7 +16,7 @@ var GridColumnMenuFilter_1 = require("./GridColumnMenuFilter");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
- * Represents the default `ColumnMenuContent` component.
+ * @hidden
  */
 
 
@@ -126,5 +126,9 @@ var ColumnMenuContentVue2 = {
   }
 };
 exports.ColumnMenuContentVue2 = ColumnMenuContentVue2;
+/**
+ * @hidden
+ */
+
 var ColumnMenuContent = ColumnMenuContentVue2;
 exports.ColumnMenuContent = ColumnMenuContent;

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.d.ts

@@ -76,8 +76,11 @@ export interface GridColumnMenuCheckboxFilterData {
 export interface GridColumnMenuCheckboxFilterAll extends GridColumnMenuCheckboxFilterMethods, GridColumnMenuCheckboxFilterData, GridColumnMenuCheckboxFilterState {
 }
 /**
- * Represents the default `GridColumnMenuCheckboxFilter` component.
+ * @hidden
  */
 declare let GridColumnMenuCheckboxFilterVue2: ComponentOptions<Vue2type, DefaultData<GridColumnMenuCheckboxFilterData>, DefaultMethods<GridColumnMenuCheckboxFilterAll>, {}, RecordPropsDefinition<GridColumnMenuCheckboxFilterProps>>;
+/**
+ * @hidden
+ */
 declare const GridColumnMenuCheckboxFilter: DefineComponent<GridColumnMenuCheckboxFilterProps, any, GridColumnMenuCheckboxFilterData, {}, GridColumnMenuCheckboxFilterMethods, {}, {}, {}, string, GridColumnMenuCheckboxFilterProps, GridColumnMenuCheckboxFilterProps, {}>;
 export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue2 };

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -75,7 +75,7 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
   });
 };
 /**
- * Represents the default `GridColumnMenuCheckboxFilter` component.
+ * @hidden
  */
 
 
@@ -723,5 +723,9 @@ var GridColumnMenuCheckboxFilterVue2 = {
   }
 };
 exports.GridColumnMenuCheckboxFilterVue2 = GridColumnMenuCheckboxFilterVue2;
+/**
+ * @hidden
+ */
+
 var GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilterVue2;
 exports.GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilter;