@spectric/ui 0.0.26 → 0.0.27

package/dist/components/table/table.d.ts

@@ -92,6 +92,7 @@ export declare class SpectricTableElement<T = any> extends LitElement implements
      * Needed for virtualization
      */
     fontSize: number;
+    virtualBodyBuffer: number;
     /**
      * Function that allows you to set the row class name programatically
      */

package/dist/components/table/virtualBody.d.ts

@@ -18,6 +18,7 @@ export declare class TableVirtualBodyElement<T> extends DisposableElement implem
     startIndex: number;
     table: SpectricTableElement<T>;
     columnsMeasured: boolean;
+    buffer: number;
     constructor();
     protected update(changedProperties: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

package/dist/custom-elements.json

@@ -2080,12 +2080,16 @@
     },
     {
       "name": "spectric-table",
-      "description": "React example\n<iframe  width=\"100%\" height=\"400px\" src=\"https://stackblitz.com/edit/react-ts-2ue7azag?ctl=1&embed=1&file=App.tsx&hideExplorer=1&hideNavigation=1\"/>\n\nEvents:\n\n  * `paginationChange` {`CustomEvent<PaginationChangeProps>`} - \n\n  * `change` {`CustomEvent<TableDataOptions<T>>`} - \n\n  * `filter` {`CustomEvent<FilterEvent<T>>`} - \n\n  * `sortChange` {`CustomEvent<ColumnSettings<T>>`} - \n\n  * `selected` {`CustomEvent<T[]>`} - \n\nAttributes:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `sortOrder` {`string[]`} - \n\nProperties:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `getRowClass` - Function that allows you to set the row class name programatically\n\n  * `cellActionButtonSize` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - \n\n  * `_handlePaginationChange` - \n\n  * `_handleSortChange` - \n\n  * `_handleColumnResize` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_getRowHeight` - \n\n  * `_handleSelectAllChange` - \n\n  * `selectColumnConfig` {`ColumnSettings<T>`} - \n\n  * `data` {`T[]`} - \n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `pagination` {`PaginationProps | undefined`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `sortOrder` {`string[]`} - ",
+      "description": "React example\n<iframe  width=\"100%\" height=\"400px\" src=\"https://stackblitz.com/edit/react-ts-2ue7azag?ctl=1&embed=1&file=App.tsx&hideExplorer=1&hideNavigation=1\"/>\n\nEvents:\n\n  * `paginationChange` {`CustomEvent<PaginationChangeProps>`} - \n\n  * `change` {`CustomEvent<TableDataOptions<T>>`} - \n\n  * `filter` {`CustomEvent<FilterEvent<T>>`} - \n\n  * `sortChange` {`CustomEvent<ColumnSettings<T>>`} - \n\n  * `selected` {`CustomEvent<T[]>`} - \n\nAttributes:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `virtualBodyBuffer` {`number`} - \n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `sortOrder` {`string[]`} - \n\nProperties:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `virtualBodyBuffer` {`number`} - \n\n  * `getRowClass` - Function that allows you to set the row class name programatically\n\n  * `cellActionButtonSize` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - \n\n  * `_handlePaginationChange` - \n\n  * `_handleSortChange` - \n\n  * `_handleColumnResize` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_getRowHeight` - \n\n  * `_handleSelectAllChange` - \n\n  * `selectColumnConfig` {`ColumnSettings<T>`} - \n\n  * `data` {`T[]`} - \n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `pagination` {`PaginationProps | undefined`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `sortOrder` {`string[]`} - ",
       "attributes": [
         {
           "name": "fontSize",
           "description": "`fontSize` {`number`} - Needed for virtualization\n\nProperty: fontSize\n\nDefault: 16"
         },
+        {
+          "name": "virtualBodyBuffer",
+          "description": "`virtualBodyBuffer` {`number`} - \n\nProperty: virtualBodyBuffer\n\nDefault: 100"
+        },
         {
           "name": "select",
           "description": "`select` {`\"none\" | \"multi\" | \"single\"`} - \n\nProperty: select\n\nDefault: none",
@@ -2145,7 +2149,7 @@
     },
     {
       "name": "spectric-table-virtual-body",
-      "description": "Table Body Element\n\nAttributes:\n\n  * `startIndex` {`number`} - \n\nProperties:\n\n  * `startIndex` {`number`} - \n\n  * `table` {`SpectricTableElement<T>`} - \n\n  * `columnsMeasured` {`boolean`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `data` {`T[]`} - \n\n  * `rowHeight` {`number`} - \n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: DisposableTarget; event: string; handler: any; options?: AddEventListenerOptions | undefined; }[]`} - \n\n  * `_connected` {`boolean`} - ",
+      "description": "Table Body Element\n\nAttributes:\n\n  * `startIndex` {`number`} - \n\nProperties:\n\n  * `startIndex` {`number`} - \n\n  * `table` {`SpectricTableElement<T>`} - \n\n  * `columnsMeasured` {`boolean`} - \n\n  * `buffer` {`number`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `data` {`T[]`} - \n\n  * `rowHeight` {`number`} - \n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: DisposableTarget; event: string; handler: any; options?: AddEventListenerOptions | undefined; }[]`} - \n\n  * `_connected` {`boolean`} - ",
       "attributes": [
         {
           "name": "startIndex",