lsp-grid 1.0.11 → 1.0.13

package/dist/types/components/revoGrid/revo-grid.d.ts

@@ -218,6 +218,10 @@ export declare class RevoGridComponent {
      * Disable native drag&drop plugin.
      */
     canDrag: boolean;
+    /**
+     * Padding below the last row in pixels.
+     */
+    bottomPadding: number;
     /**
      * New content size has been applied. The size excludes the header.
      * Currently, the event responsible for applying the new content size does not provide the actual size.

package/dist/types/components.d.ts

@@ -75,6 +75,11 @@ export namespace Components {
           * @default false
          */
         "autoSizeColumn": boolean | AutoSizeColumnConfig;
+        /**
+          * Padding below the last row in pixels.
+          * @default 0
+         */
+        "bottomPadding": number;
         /**
           * Disable native drag&drop plugin.
           * @default true
@@ -1376,6 +1381,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "autoSizeColumn"?: boolean | AutoSizeColumnConfig;
+        /**
+          * Padding below the last row in pixels.
+          * @default 0
+         */
+        "bottomPadding"?: number;
         /**
           * Disable native drag&drop plugin.
           * @default true

package/dist/types/types/interfaces.d.ts

@@ -404,6 +404,7 @@ export type RowDefinition = {
     index: number;
 };
 export interface RowHeaders extends ColumnRegular {
+    offset?: number;
 }
 /**
  * `ViewPortResizeEvent` is an object that contains information about a resize

package/hydrate/index.js

@@ -15044,6 +15044,10 @@ class RevoGridComponent {
          * Disable native drag&drop plugin.
          */
         this.canDrag = true;
+        /**
+         * Padding below the last row in pixels.
+         */
+        this.bottomPadding = 0;
         this.extraElements = [];
         this.pluginService = new PluginService();
         this.viewport = null;
@@ -15800,7 +15804,8 @@ class RevoGridComponent {
             !this.selectionStoreConnector) {
             return;
         }
-        const contentHeight = this.dimensionProvider.stores['rgRow'].store.get('realSize');
+        const contentHeight = this.dimensionProvider.stores['rgRow'].store.get('realSize') +
+            this.bottomPadding;
         // init viewport service helpers
         this.viewport = new ViewportService({
             columnProvider: this.columnProvider,
@@ -15938,6 +15943,7 @@ class RevoGridComponent {
             "accessible": [4],
             "rtl": [4],
             "canDrag": [4, "can-drag"],
+            "bottomPadding": [2, "bottom-padding"],
             "refresh": [64],
             "setDataAt": [64],
             "scrollToRow": [64],
@@ -16952,10 +16958,11 @@ class RevogrRowHeaders {
         this.jobsBeforeRender = [];
     }
     render() {
+        var _a;
         const dataViews = [];
         const viewport = new ViewportStore('colPinStart');
         /** render viewports rows */
-        let totalLength = 1;
+        let totalLength = 1 + (((_a = this.rowHeaderColumn) === null || _a === void 0 ? void 0 : _a.offset) || 0);
         // todo: this part could be optimized to avoid to often re-render dataPorts can be cached
         for (let data of this.dataPorts) {
             const itemCount = data.dataStore.get('items').length;
@@ -16986,7 +16993,7 @@ class RevogrRowHeaders {
             contentWidth: 0,
             style: { minWidth: `${colSize}px` },
             colType: 'rowHeaders',
-            ref: (el) => this.elementToScroll.emit(el),
+            ref: el => this.elementToScroll.emit(el),
             onScrollviewport: (e) => this.scrollViewport.emit(e.detail),
         };
         const viewportHeader = Object.assign(Object.assign({}, this.headerProp), {
@@ -16995,7 +17002,7 @@ class RevogrRowHeaders {
             // parent,
             slot: HEADER_SLOT
         });
-        return (hAsync(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, hAsync("revogr-viewport-scroll", Object.assign({ key: '28984c9e3e4e84afc0acf66093f4f4f8b5846098' }, viewportScroll, { "row-header": true }), hAsync("revogr-header", Object.assign({ key: 'c80b058075fdb384039a58827c2c498acdbe1cdf' }, viewportHeader)), dataViews)));
+        return (hAsync(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, hAsync("revogr-viewport-scroll", Object.assign({ key: '1bfa7663b7aa7c813335283431617b08bf6668a9' }, viewportScroll, { "row-header": true }), hAsync("revogr-header", Object.assign({ key: 'c4a3182b48d4b081b310e441a27a23e293b37da1' }, viewportHeader)), dataViews)));
     }
     static get cmpMeta() { return {
         "$flags$": 256,

package/hydrate/index.mjs

@@ -15042,6 +15042,10 @@ class RevoGridComponent {
          * Disable native drag&drop plugin.
          */
         this.canDrag = true;
+        /**
+         * Padding below the last row in pixels.
+         */
+        this.bottomPadding = 0;
         this.extraElements = [];
         this.pluginService = new PluginService();
         this.viewport = null;
@@ -15798,7 +15802,8 @@ class RevoGridComponent {
             !this.selectionStoreConnector) {
             return;
         }
-        const contentHeight = this.dimensionProvider.stores['rgRow'].store.get('realSize');
+        const contentHeight = this.dimensionProvider.stores['rgRow'].store.get('realSize') +
+            this.bottomPadding;
         // init viewport service helpers
         this.viewport = new ViewportService({
             columnProvider: this.columnProvider,
@@ -15936,6 +15941,7 @@ class RevoGridComponent {
             "accessible": [4],
             "rtl": [4],
             "canDrag": [4, "can-drag"],
+            "bottomPadding": [2, "bottom-padding"],
             "refresh": [64],
             "setDataAt": [64],
             "scrollToRow": [64],
@@ -16950,10 +16956,11 @@ class RevogrRowHeaders {
         this.jobsBeforeRender = [];
     }
     render() {
+        var _a;
         const dataViews = [];
         const viewport = new ViewportStore('colPinStart');
         /** render viewports rows */
-        let totalLength = 1;
+        let totalLength = 1 + (((_a = this.rowHeaderColumn) === null || _a === void 0 ? void 0 : _a.offset) || 0);
         // todo: this part could be optimized to avoid to often re-render dataPorts can be cached
         for (let data of this.dataPorts) {
             const itemCount = data.dataStore.get('items').length;
@@ -16984,7 +16991,7 @@ class RevogrRowHeaders {
             contentWidth: 0,
             style: { minWidth: `${colSize}px` },
             colType: 'rowHeaders',
-            ref: (el) => this.elementToScroll.emit(el),
+            ref: el => this.elementToScroll.emit(el),
             onScrollviewport: (e) => this.scrollViewport.emit(e.detail),
         };
         const viewportHeader = Object.assign(Object.assign({}, this.headerProp), {
@@ -16993,7 +17000,7 @@ class RevogrRowHeaders {
             // parent,
             slot: HEADER_SLOT
         });
-        return (hAsync(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, hAsync("revogr-viewport-scroll", Object.assign({ key: '28984c9e3e4e84afc0acf66093f4f4f8b5846098' }, viewportScroll, { "row-header": true }), hAsync("revogr-header", Object.assign({ key: 'c80b058075fdb384039a58827c2c498acdbe1cdf' }, viewportHeader)), dataViews)));
+        return (hAsync(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, hAsync("revogr-viewport-scroll", Object.assign({ key: '1bfa7663b7aa7c813335283431617b08bf6668a9' }, viewportScroll, { "row-header": true }), hAsync("revogr-header", Object.assign({ key: 'c4a3182b48d4b081b310e441a27a23e293b37da1' }, viewportHeader)), dataViews)));
     }
     static get cmpMeta() { return {
         "$flags$": 256,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lsp-grid",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "type": "module",
   "description": "LevelSkill.Pro reactive datagrid based on RevoGrid",
   "author": "LevelSkill.Pro",

package/react/dist/index.d.ts

@@ -819,6 +819,11 @@ export declare namespace Components {
          * @default false
          */
         "autoSizeColumn": boolean | AutoSizeColumnConfig;
+        /**
+         * Padding below the last row in pixels.
+         * @default 0
+         */
+        "bottomPadding": number;
         /**
          * Disable native drag&drop plugin.
          * @default true
@@ -2854,6 +2859,11 @@ declare namespace JSX_2 {
          * @default false
          */
         "autoSizeColumn"?: boolean | AutoSizeColumnConfig;
+        /**
+         * Padding below the last row in pixels.
+         * @default 0
+         */
+        "bottomPadding"?: number;
         /**
          * Disable native drag&drop plugin.
          * @default true
@@ -5573,6 +5583,7 @@ export declare type RowGroupingProps = GroupRowPros & PositionItem & {
 };
 
 export declare interface RowHeaders extends ColumnRegular {
+    offset?: number;
 }
 
 export declare type RowIndex = number;

package/standalone/revo-grid.js

@@ -3847,6 +3847,10 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
          * Disable native drag&drop plugin.
          */
         this.canDrag = true;
+        /**
+         * Padding below the last row in pixels.
+         */
+        this.bottomPadding = 0;
         this.extraElements = [];
         this.pluginService = new PluginService();
         this.viewport = null;
@@ -4603,7 +4607,8 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
             !this.selectionStoreConnector) {
             return;
         }
-        const contentHeight = this.dimensionProvider.stores['rgRow'].store.get('realSize');
+        const contentHeight = this.dimensionProvider.stores['rgRow'].store.get('realSize') +
+            this.bottomPadding;
         // init viewport service helpers
         this.viewport = new ViewportService({
             columnProvider: this.columnProvider,
@@ -4738,6 +4743,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         "accessible": [4],
         "rtl": [4],
         "canDrag": [4, "can-drag"],
+        "bottomPadding": [2, "bottom-padding"],
         "refresh": [64],
         "setDataAt": [64],
         "scrollToRow": [64],