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

package/dist/es/header/GroupPanel.js

@@ -7,7 +7,7 @@ import { GroupingIndicator } from '../drag/GroupingIndicator';
 import { messages, groupPanelEmpty as messageKey } from './../messages';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
- * Represents the default `GroupPanel` component.
+ * @hidden
  */
 
 var GroupPanelVue2 = {
@@ -99,5 +99,9 @@ var GroupPanelVue2 = {
     }, [!groups.length && provideLocalizationService(this).toLanguageString(messageKey, messages[messageKey])])]);
   }
 };
+/**
+ * @hidden
+ */
+
 var GroupPanel = GroupPanelVue2;
 export { GroupPanel, GroupPanelVue2 };

package/dist/es/header/Header.d.ts

@@ -54,8 +54,11 @@ export interface HeaderComputed {
 export interface HeaderAll extends HeaderMethods, HeaderData, HeaderComputed {
 }
 /**
- * Represents the default `Header` component.
+ * @hidden
  */
 declare let HeaderVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderAll>, {}, RecordPropsDefinition<HeaderProps>>;
+/**
+ * @hidden
+ */
 declare const Header: DefineComponent<HeaderProps, any, HeaderData, HeaderComputed, HeaderMethods, {}, {}, {}, string, HeaderProps, HeaderProps, {}>;
 export { Header, HeaderVue2 };

package/dist/es/header/Header.js

@@ -6,7 +6,7 @@ var ref = allVue.ref;
 import { BrowserSupportService } from '../utils/browser-support.service';
 import { isRtl } from '../utils';
 /**
- * Represents the default `Header` component.
+ * @hidden
  */
 
 var HeaderVue2 = {
@@ -121,5 +121,9 @@ var HeaderVue2 = {
     }, [this.$props.cols]), this.$props.headerRow])])]);
   }
 };
+/**
+ * @hidden
+ */
+
 var Header = HeaderVue2;
 export { Header, HeaderVue2 };

package/dist/es/header/HeaderRow.d.ts

@@ -76,8 +76,11 @@ export interface HeaderRowComputed {
 export interface HeaderRowAll extends HeaderRowMethods, HeaderRowState, HeaderRowComputed {
 }
 /**
- * Represents the default `HeaderRow` component.
+ * @hidden
  */
 declare let HeaderRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderRowAll>, HeaderRowComputed, RecordPropsDefinition<HeaderRowProps>>;
+/**
+ * @hidden
+ */
 declare const HeaderRow: DefineComponent<HeaderRowProps, any, {}, HeaderRowComputed, HeaderRowMethods, {}, {}, {}, string, HeaderRowProps, HeaderRowProps, {}>;
 export { HeaderRow, HeaderRowVue2 };

package/dist/es/header/HeaderRow.js

@@ -37,7 +37,7 @@ var sortSeqMap = {
   }
 };
 /**
- * Represents the default `HeaderRow` component.
+ * @hidden
  */
 
 var HeaderRowVue2 = {
@@ -508,5 +508,9 @@ var HeaderRowVue2 = {
     }, this), this.$props.filterRow]);
   }
 };
+/**
+ * @hidden
+ */
+
 var HeaderRow = HeaderRowVue2;
 export { HeaderRow, HeaderRowVue2 };

package/dist/es/interfaces/GridCellProps.d.ts

@@ -10,11 +10,11 @@ export interface GridCellProps {
      */
     id: string;
     /**
-     * The field to which the cell is bound ([see example]({% slug sorting_grid_native %})).
+     * The field to which the cell is bound ([see example]({% slug sorting_grid %})).
      */
     key?: number;
     /**
-     * The field to which the cell is bound ([see example]({% slug sorting_grid_native %})).
+     * The field to which the cell is bound ([see example]({% slug sorting_grid %})).
      */
     field: string;
     /**

package/dist/es/interfaces/GridColumnProps.d.ts

@@ -13,7 +13,7 @@ export interface GridColumnProps {
     title?: string;
     /**
      * Defines whether the column is editable
-     * ([more information and examples]({% slug editing_inline_grid_native %})).
+     * ([more information and examples]({% slug editing_inline_grid %})).
      */
     editable?: boolean;
     /**
@@ -50,7 +50,7 @@ export interface GridColumnProps {
     filter?: 'text' | 'numeric' | 'boolean' | 'date';
     /**
      * Defines the editor type. Used when the column enters the edit mode
-     * ([more information and examples]({% slug editing_inline_grid_native %})).
+     * ([more information and examples]({% slug editing_inline_grid %})).
      * Defaults to `text`.
      */
     editor?: 'text' | 'numeric' | 'boolean' | 'date';

package/dist/es/interfaces/GridDetailRowProps.d.ts

@@ -1,7 +1,3 @@
-/**
- * The props of the GridDetailRow component
- * ([see example]({% slug detailrow_grid_native %}).
- */
 /**
  * @hidden
  */

package/dist/es/interfaces/GridFilterCellProps.d.ts

@@ -2,7 +2,7 @@ import { GridFilterOperator } from './GridFilterOperator';
 import { GridFilterOperators } from './GridFilterOperators';
 /**
  * The props of the GridFilterCell component
- * ([more information and examples]({% slug filtering_grid_native %})).
+ * ([more information and examples]({% slug filtering_grid %})).
  */
 /**
  * @hidden

package/dist/es/interfaces/GridGroupableSettings.d.ts

@@ -1,6 +1,6 @@
 /**
  * The settings for grouping the data of the Grid
- * ([see example]({% slug groupingaggregates_grid_native %})).
+ * ([see example]({% slug groupingaggregates_grid %})).
  */
 export interface GridGroupableSettings {
     /**

package/dist/es/interfaces/GridProps.d.ts

@@ -8,7 +8,7 @@ import { GridColumnProps } from '../interfaces/GridColumnProps';
 import { GridFilterOperators } from './GridFilterOperators';
 import { PopupAnimation } from '@progress/kendo-vue-popup';
 /**
- * Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid_native %}).
+ * Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
  */
 export interface GridProps {
     /**
@@ -30,17 +30,17 @@ export interface GridProps {
      */
     columns?: GridColumnProps[] | null;
     /**
-     * Sets the data of the Grid ([see example]({% slug paging_grid_native %})). If you use paging,
+     * Sets the data of the Grid ([see example]({% slug paging_grid %})). If you use paging,
      * the `data` option has to contain only the items for the current page.
      */
     dataItems?: any[] | DataResult | null;
     /**
      * Enables the sorting for the columns with their `field` option set
-     * ([see example]({% slug sorting_grid_native %})).
+     * ([see example]({% slug sorting_grid %})).
      */
     sortable?: GridSortSettings;
     /**
-     * Fires when the sorting of the Grid is changed ([see example]({% slug sorting_grid_native %})).
+     * Fires when the sorting of the Grid is changed ([see example]({% slug sorting_grid %})).
      * You have to handle the event yourself and sort the data.
      */
     onSortchange?: (event: GridSortChangeEvent) => void;
@@ -51,12 +51,12 @@ export interface GridProps {
     sort?: SortDescriptor[];
     /**
      * Enables the filtering of the columns with their `field` option set
-     * ([more information and examples]({% slug filtering_grid_native %})).
+     * ([more information and examples]({% slug filtering_grid %})).
      */
     filterable?: boolean;
     /**
      * The descriptor by which the data is filtered
-     * ([more information and examples]({% slug filtering_grid_native %})).
+     * ([more information and examples]({% slug filtering_grid %})).
      * Affects the values and buttons in the `FilterRow` of the Grid.
      */
     filter?: CompositeFilterDescriptor;
@@ -66,7 +66,7 @@ export interface GridProps {
     filterOperators?: GridFilterOperators;
     /**
      * Fires when the Grid filter is modified through the UI
-     * ([more information and examples]({% slug filtering_grid_native %})).
+     * ([more information and examples]({% slug filtering_grid %})).
      * You have to handle the event yourself and filter the data.
      */
     onFilterchange?: (event: GridFilterChangeEvent) => void;
@@ -81,16 +81,16 @@ export interface GridProps {
     columnMenuAnimate?: boolean | PopupAnimation;
     /**
      * The descriptors by which the data will be grouped
-     * ([more information and examples]({% slug groupingbasics_grid_native %})).
+     * ([more information and examples]({% slug groupingbasics_grid %})).
      */
     group?: GroupDescriptor[];
     /**
      * Fires when the grouping of the Grid is changed. You have to handle the event yourself and group the data
-     * ([more information and examples]({% slug groupingbasics_grid_native %})).
+     * ([more information and examples]({% slug groupingbasics_grid %})).
      */
     onGroupchange?: (event: GridGroupChangeEvent) => void;
     /**
-     * Configures the pager of the Grid ([see example]({% slug paging_grid_native %})).
+     * Configures the pager of the Grid ([see example]({% slug paging_grid %})).
      *
      * The available options are:
      * - `buttonCount: Number`—Sets the maximum numeric buttons count before the buttons are collapsed.
@@ -103,7 +103,7 @@ export interface GridProps {
     pageable?: GridPagerSettings | any;
     /**
      * Defines the page size that is used by the Grid pager
-     * ([see example]({% slug paging_grid_native %})). Required by the paging functionality.
+     * ([see example]({% slug paging_grid %})). Required by the paging functionality.
      */
     pageSize?: number;
     /**
@@ -111,18 +111,18 @@ export interface GridProps {
      */
     take?: number;
     /**
-     * Fires when the page of the Grid is changed ([see example]({% slug paging_grid_native %})).
+     * Fires when the page of the Grid is changed ([see example]({% slug paging_grid %})).
      * You have to handle the event yourself and page the data.
      */
     onPagechange?: (event: GridPageChangeEvent) => void;
     /**
      * Defines the total number of data items in all pages
-     * ([see example]({% slug paging_grid_native %})). Required by the paging functionality.
+     * ([see example]({% slug paging_grid %})). Required by the paging functionality.
      */
     total?: number;
     /**
      * Defines the number of records that will be skipped by the pager
-     * ([see example]({% slug paging_grid_native %})). Required by the paging functionality.
+     * ([see example]({% slug paging_grid %})). Required by the paging functionality.
      */
     skip?: number;
     /**
@@ -131,22 +131,22 @@ export interface GridProps {
     onExpandchange?: (event: GridExpandChangeEvent) => void;
     /**
      * Specifies the name of the field which will provide a Boolean representation
-     * of the expanded state of the item ([see example]({% slug detailrow_grid_native %}).
+     * of the expanded state of the item ([see example]({% slug detailrow_grid %}).
      */
     expandField?: string;
     /**
      * Specifies the name of the field which will provide a Boolean representation
-     * of the selected state of the item ([see example]({% slug selection_grid_native %})).
+     * of the selected state of the item ([see example]({% slug selection_grid %})).
      */
     selectedField?: string;
     /**
      * Fires when the user tries to select or deselect a row
-     * ([see example]({% slug selection_grid_native %})).
+     * ([see example]({% slug selection_grid %})).
      */
     onSelectionchange?: (event: GridSelectionChangeEvent) => void;
     /**
      * Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`.
-     * ([see example]({% slug selection_grid_native %})).
+     * ([see example]({% slug selection_grid %})).
      */
     onHeaderselectionchange?: (event: GridHeaderSelectionChangeEvent) => void;
     /**
@@ -184,16 +184,16 @@ export interface GridProps {
     /**
      * Fires when the user changes the values of the item.
      * The event is not debounced and fires on every `onChange` event of the input in the current `EditCell`.
-     * ([more information and examples]({% slug editing_inline_grid_native %})).
+     * ([more information and examples]({% slug editing_inline_grid %})).
      */
     onItemchange?: (event: GridItemChangeEvent) => void;
     /**
      * Specifies the name of the field which will provide a Boolean representation of the edit state of the current
-     * item ([more information and examples]({% slug editing_inline_grid_native %})).
+     * item ([more information and examples]({% slug editing_inline_grid %})).
      */
     editField?: string;
     /**
-     * Defines the scroll mode that is used by the Grid ([see example]({% slug scrollmmodes_grid_native %}).
+     * Defines the scroll mode that is used by the Grid ([see example]({% slug scrollmmodes_grid %}).
      *
      * The available options are:
      *  - `none`—Renders no scrollbar.
@@ -204,12 +204,12 @@ export interface GridProps {
     scrollable?: string;
     /**
      * Defines the row height and forces an equal height to all rows
-     * ([see example]({% slug scrollmmodes_grid_native %})).
+     * ([see example]({% slug scrollmmodes_grid %})).
      */
     rowHeight?: number;
     /**
      * Specifies a custom rendering that will be cloned and rendered inside the detail rows
-     * of the currently expanded items ([see example]({% slug master_detail_grid_native %}).
+     * of the currently expanded items ([see example]({% slug master_detail_grid %}).
      * Accepts a Vue component, a `render` function, or a slot name.
      * An item will be rendered as expanded if the value of its `expandField` is `true`.
      */
@@ -224,17 +224,17 @@ export interface GridProps {
     onDatastatechange?: (event: GridDataStateChangeEvent) => void;
     /**
      * If set to `true`, the user can resize columns by dragging the edges (resize handles) of their
-     * header cells ([see example]({% slug resizing_columns_grid_native %}).
+     * header cells ([see example]({% slug resizing_columns_grid %}).
      */
     resizable?: boolean;
     /**
      * If set to `true`, the user can reorder columns by dragging their
-     * header cells ([see example]({% slug reordering_columns_grid_native %}).
+     * header cells ([see example]({% slug reordering_columns_grid %}).
      */
     reorderable?: boolean;
     /**
      * Determines if grouping by dragging and dropping the column headers is allowed
-     * ([more information and examples]({% slug groupingbasics_grid_native %})).
+     * ([more information and examples]({% slug groupingbasics_grid %})).
      */
     groupable?: GridGroupableSettings | boolean;
     /**
@@ -251,7 +251,7 @@ export interface GridProps {
     rowRender?: string | boolean | ((h: any, defaultRendering: any | null, dafaultSlots: any, props: any, listeners: any) => any);
     /**
      * Defines the custom rendering of the cell. Accepts a Vue component, a `render` function, or a slot name.
-     * ([see example]({% slug groupingaggregates_grid_native %})).
+     * ([see example]({% slug groupingaggregates_grid %})).
      */
     cellRender?: ((h: any, defaultRendering: any | null, props: GridCellProps, listeners: any) => any) | string | null | boolean;
     /**

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1654589298,
+    publishDate: 1655458283,
     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/es/rows/GridDetailRow.d.ts

@@ -5,14 +5,11 @@ declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
 /**
- * The detail-row class of the native Vue Grid by Kendo UI. Defines custom
- * details for each row. Can be applied for building the hierarchy. If `expandField` is
- * set, depending on the current data item and its `expandField` value,
- * the details for each row will be visible or hidden.
+ * @hidden
  */
+declare const GridDetailRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
 /**
  * @hidden
  */
-declare const GridDetailRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
 declare const GridDetailRow: DefineComponent<GridDetailRowProps, any, {}, {}, [], {}, {}, {}, string, GridDetailRowProps, GridDetailRowProps, {}>;
 export { GridDetailRow, GridDetailRowVue2 };

package/dist/es/rows/GridDetailRow.js

@@ -2,13 +2,6 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-/**
- * The detail-row class of the native Vue Grid by Kendo UI. Defines custom
- * details for each row. Can be applied for building the hierarchy. If `expandField` is
- * set, depending on the current data item and its `expandField` value,
- * the details for each row will be visible or hidden.
- */
-
 /**
  * @hidden
  */
@@ -27,5 +20,9 @@ var GridDetailRowVue2 = {
     return null;
   }
 };
+/**
+ * @hidden
+ */
+
 var GridDetailRow = GridDetailRowVue2;
 export { GridDetailRow, GridDetailRowVue2 };

package/dist/es/rows/GridRow.d.ts

@@ -18,8 +18,11 @@ export interface GridRowMethods extends Vue2type {
     handleDoubleClick: (e: any) => void;
 }
 /**
- * Represents the default `GridRow` component.
+ * @hidden
  */
 declare let GridRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridRowMethods>, {}, RecordPropsDefinition<GridRowProps>>;
+/**
+ * @hidden
+ */
 declare const GridRow: DefineComponent<GridRowProps, any, {}, {}, GridRowMethods, {}, {}, {}, string, GridRowProps, GridRowProps, {}>;
 export { GridRow, GridRowVue2 };

package/dist/es/rows/GridRow.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 import { getNestedValue } from '../utils';
 import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `GridRow` component.
+ * @hidden
  */
 
 var GridRowVue2 = {
@@ -75,5 +75,9 @@ var GridRowVue2 = {
     });
   }
 };
+/**
+ * @hidden
+ */
+
 var GridRow = GridRowVue2;
 export { GridRow, GridRowVue2 };

package/dist/npm/Grid.d.ts

@@ -13,7 +13,7 @@ import { DataItemWrapper } from './utils/index';
 import { GridProps } from './interfaces/GridProps';
 import { GridColumnProps } from './interfaces/GridColumnProps';
 /**
- * Represents the [native Vue Grid component by Kendo UI]({% slug overview_grid_native %}).
+ * Represents the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
  *
  * @example
  * ```tsx-no-run
@@ -140,8 +140,41 @@ export interface GridComputed {
 export interface GridAll extends GridMethods, GridData, GridState, GridComputed, GridProps, Vue2type {
 }
 /**
- * Represents the default `Grid` component.
+ * @hidden
  */
 declare let GridVue2: ComponentOptions<Vue2type, DefaultData<GridData>, DefaultMethods<GridAll>, GridComputed, RecordPropsDefinition<GridProps>>;
+/**
+ * Represents the native Vue Grid component by Kendo UI.
+ *
+ * ```tsx-no-run
+ *   <div id="app">
+ *       <Grid
+ *           :data-items="products"
+ *           :columns="columns">
+ *        </Grid>
+ *   </div>
+ *   <script>
+ *       Vue.component('Grid', Grid);
+ *       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'>[GridProps]({% slug api_grid_gridprops %})</span>
+ */
 declare const Grid: DefineComponent<GridProps, any, GridData, GridComputed, GridMethods, {}, {}, {}, string, GridProps, GridProps, {}>;
 export { Grid, GridVue2 };

package/dist/npm/Grid.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -115,7 +113,7 @@ var package_metadata_1 = require("./package-metadata");
 
 var messages_1 = require("./messages");
 /**
- * Represents the default `Grid` component.
+ * @hidden
  */
 
 
@@ -246,7 +244,7 @@ var GridVue2 = {
       }
     },
     currentGroupable: function currentGroupable() {
-      return this.$props.groupable === true && this.$props.group && this.$props.group.length || _typeof(this.$props.groupable) === 'object' && this.$props.groupable.enabled !== false;
+      return this.$props.groupable === true && this.$props.group && this.$props.group.length || kendo_vue_common_1.isObject(this.$props.groupable) && this.$props.groupable.enabled !== false;
     },
     computedCollapsed: function computedCollapsed() {
       var newCollapsed = [];
@@ -267,7 +265,7 @@ var GridVue2 = {
   methods: {
     /**
      * A getter of the current columns. Gets the current column width or current columns,
-     * or any other [`GridColumnProps`]({% slug api_grid_native_columnprops %}) for each defined column.
+     * or any other [`GridColumnProps`]({% slug api_grid_columnprops %}) for each defined column.
      * Can be used on each Grid instance. To obtain the instance of the rendered Grid, use the `ref`
      * callback. The following example demonstrates how to reorder the columns by dragging their handlers
      * and check the properties afterwards. You can check the result in the browser console.
@@ -890,7 +888,7 @@ var GridVue2 = {
       total = total || this.$props.dataItems.total;
     }
 
-    var groupable = this.$props.groupable === true || _typeof(this.$props.groupable) === 'object' && this.$props.groupable.enabled !== false;
+    var groupable = this.$props.groupable === true || kendo_vue_common_1.isObject(this.$props.groupable) && this.$props.groupable.enabled !== false;
     this.columnResize.resizable = this.$props.resizable || false;
     this.dragLogic.reorderable = this.$props.reorderable || false;
     this.dragLogic.groupable = groupable;
@@ -911,7 +909,7 @@ var GridVue2 = {
     }
 
     var children = defaultSlot || [];
-    var groupingFooter = _typeof(this.$props.groupable) === 'object' && this.$props.groupable.footer || 'none';
+    var groupingFooter = kendo_vue_common_1.isObject(this.$props.groupable) && this.$props.groupable.footer || 'none';
     this.currentData = [];
     var resolvedGroupsCount = index_1.flatData(this.currentData, gridData, groupingFooter, {
       index: this.$props.skip || 0
@@ -1257,7 +1255,7 @@ var GridVue2 = {
     var leftWidth = 0;
     var vnodeDataStyle = this.v3 ? this.$attrs.style : this.$vnode && this.$vnode.data ? this.$vnode.data.style : null;
     var widthProp = 'width';
-    var elementInlineStyleWidth = vnodeDataStyle && (typeof vnodeDataStyle === "undefined" ? "undefined" : _typeof(vnodeDataStyle)) === 'object' ? vnodeDataStyle[widthProp] || '' : '';
+    var elementInlineStyleWidth = vnodeDataStyle && kendo_vue_common_1.isObject(vnodeDataStyle) ? vnodeDataStyle[widthProp] || '' : '';
     var tableWidth = parseFloat(elementInlineStyleWidth.toString());
     var scrollLeft = this.vs && this.vs.container && this.vs.container.scrollLeft || 0;
 
@@ -2116,5 +2114,39 @@ var GridVue2 = {
   }
 };
 exports.GridVue2 = GridVue2;
+/**
+ * Represents the native Vue Grid component by Kendo UI.
+ *
+ * ```tsx-no-run
+ *   <div id="app">
+ *       <Grid
+ *           :data-items="products"
+ *           :columns="columns">
+ *        </Grid>
+ *   </div>
+ *   <script>
+ *       Vue.component('Grid', Grid);
+ *       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'>[GridProps]({% slug api_grid_gridprops %})</span>
+ */
+
 var Grid = GridVue2;
 exports.Grid = Grid;

package/dist/npm/GridNav.d.ts

@@ -36,8 +36,11 @@ export interface GridNavComputed {
 export interface GridNavAll extends GridNavMethods, GridNavState, GridNavData, GridNavComputed, Vue2type {
 }
 /**
- * Represents the default `GridNav` component.
+ * @hidden
  */
 declare const GridNavVue2: ComponentOptions<Vue2type, DefaultData<GridNavData>, DefaultMethods<GridNavAll>, GridNavComputed, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
 declare const GridNav: DefineComponent<{}, any, GridNavData, GridNavComputed, GridNavMethods, {}, {}, {}, string, {}, {}, {}>;
 export { GridNav, GridNavVue2 };

package/dist/npm/GridNav.js

@@ -12,7 +12,7 @@ var gh = allVue.h;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
- * Represents the default `GridNav` component.
+ * @hidden
  */
 
 
@@ -113,5 +113,9 @@ var GridNavVue2 = {
   }
 };
 exports.GridNavVue2 = GridNavVue2;
+/**
+ * @hidden
+ */
+
 var GridNav = GridNavVue2;
 exports.GridNav = GridNav;

package/dist/npm/GridNoRecords.d.ts

@@ -3,6 +3,10 @@ declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
 import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+/**
+ * @hidden
+ */
+declare let GridNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
 /**
  * Represents the GridNoRecords component which is rendered
  * when the `data` property of the Grid is empty or `null`.
@@ -43,6 +47,5 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
 /**
  * Represents the default `GridNoRecords` component.
  */
-declare let GridNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
 declare const GridNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
 export { GridNoRecords, GridNoRecordsVue2 };