@revolist/revogrid 3.6.3 → 3.6.4

package/dist/collection/components/rowHeaders/revogr-row-headers.js

@@ -2,13 +2,20 @@
  * Built by Revolist
  */
 import { h, Host } from '@stencil/core';
-import { Component, Prop, Event } from '@stencil/core';
 import DataStore from '../../store/dataSource/data.store';
 import ViewportStore from '../../store/viewPort/viewport.store';
 import { UUID } from '../../utils/consts';
 import { RowHeaderRender } from './row-header-render';
 const LETTER_BLOCK_SIZE = 10;
 export class RevogrRowHeaders {
+  constructor() {
+    this.height = undefined;
+    this.dataPorts = undefined;
+    this.headerProp = undefined;
+    this.uiid = undefined;
+    this.resize = undefined;
+    this.rowHeaderColumn = undefined;
+  }
   render() {
     var _a;
     const dataViews = [];
@@ -51,163 +58,165 @@ export class RevogrRowHeaders {
       onScrollViewport: (e) => this.scrollViewport.emit(e.detail),
     };
     const viewportHeader = Object.assign(Object.assign({}, this.headerProp), { colData: typeof this.rowHeaderColumn === 'object' ? [this.rowHeaderColumn] : [], viewportCol: viewport.store, canResize: false, parent, slot: 'header' });
-    return h(Host, { class: "rowHeaders", key: "rowHeaders" },
-      h("revogr-viewport-scroll", Object.assign({}, viewportScroll),
-        h("revogr-header", Object.assign({}, viewportHeader)),
-        dataViews));
+    return h(Host, { class: "rowHeaders", key: "rowHeaders" }, h("revogr-viewport-scroll", Object.assign({}, viewportScroll), h("revogr-header", Object.assign({}, viewportHeader)), dataViews));
   }
   static get is() { return "revogr-row-headers"; }
-  static get properties() { return {
-    "height": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get properties() {
+    return {
+      "height": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "height",
+        "reflect": false
       },
-      "attribute": "height",
-      "reflect": false
-    },
-    "dataPorts": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ViewportData[]",
-        "resolved": "ViewportData[]",
-        "references": {
-          "ViewportData": {
-            "location": "import",
-            "path": "../revo-grid/viewport.interfaces"
+      "dataPorts": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ViewportData[]",
+          "resolved": "ViewportData[]",
+          "references": {
+            "ViewportData": {
+              "location": "import",
+              "path": "../revo-grid/viewport.interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "headerProp": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Record<string, any>",
-        "resolved": "{ [x: string]: any; }",
-        "references": {
-          "Record": {
-            "location": "global"
+      "headerProp": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Record<string, any>",
+          "resolved": "{ [x: string]: any; }",
+          "references": {
+            "Record": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "uiid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "uiid",
-      "reflect": false
-    },
-    "resize": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "uiid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "uiid",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "resize": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "resize",
+        "reflect": false
       },
-      "attribute": "resize",
-      "reflect": false
-    },
-    "rowHeaderColumn": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RevoGrid.RowHeaders",
-        "resolved": "RowHeaders",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "rowHeaderColumn": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "RevoGrid.RowHeaders",
+          "resolved": "RowHeaders",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "scrollViewport",
-      "name": "scrollViewport",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "RevoGrid.ViewPortScrollEvent",
-        "resolved": "{ dimension: DimensionType; coordinate: number; delta?: number; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "scrollViewport",
+        "name": "scrollViewport",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "RevoGrid.ViewPortScrollEvent",
+          "resolved": "{ dimension: DimensionType; coordinate: number; delta?: number; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "elementToScroll",
-      "name": "elementToScroll",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ElementScroll",
-        "resolved": "ElementScroll",
-        "references": {
-          "ElementScroll": {
-            "location": "import",
-            "path": "../revo-grid/viewport.scrolling.service"
+      }, {
+        "method": "elementToScroll",
+        "name": "elementToScroll",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ElementScroll",
+          "resolved": "ElementScroll",
+          "references": {
+            "ElementScroll": {
+              "location": "import",
+              "path": "../revo-grid/viewport.scrolling.service"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
 }
+//# sourceMappingURL=revogr-row-headers.js.map

package/dist/collection/components/rowHeaders/revogr-row-headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-row-headers.js","sourceRoot":"","sources":["../../../src/components/rowHeaders/revogr-row-headers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Host } from '@stencil/core';\nimport { Component, Prop, Event, EventEmitter } from '@stencil/core';\nimport { RevoGrid } from '../../interfaces';\nimport DataStore from '../../store/dataSource/data.store';\nimport ViewportStore from '../../store/viewPort/viewport.store';\nimport { UUID } from '../../utils/consts';\nimport { ElementScroll } from '../revo-grid/viewport.scrolling.service';\nimport { ViewportData } from '../revo-grid/viewport.interfaces';\nimport { RowHeaderRender } from './row-header-render';\n\n\n\nconst LETTER_BLOCK_SIZE = 10;\n\n@Component({ tag: 'revogr-row-headers' })\nexport class RevogrRowHeaders {\n  @Prop() height: number;\n\n  @Prop() dataPorts: ViewportData[];\n  @Prop() headerProp: Record<string, any>;\n  @Prop() uiid: string;\n\n  @Prop() resize: boolean;\n  @Prop() rowHeaderColumn: RevoGrid.RowHeaders;\n  // @Event({ bubbles: false }) beforeRowAdd(y: number): EventEmitter<SelectionStore>;\n  @Event({ bubbles: false }) scrollViewport: EventEmitter<RevoGrid.ViewPortScrollEvent>;\n  @Event({ bubbles: false }) elementToScroll: EventEmitter<ElementScroll>;\n\n  render() {\n    const dataViews: HTMLElement[] = [];\n    const viewport = new ViewportStore();\n\n    /** render viewports rows */\n    let totalLength = 1;\n    for (let data of this.dataPorts) {\n      const itemCount = data.dataStore.get('items').length;\n      // initiate row data\n      const dataStore = new DataStore<RevoGrid.DataType, RevoGrid.DimensionRows>(data.type);\n      dataStore.updateData(data.dataStore.get('source'));\n      // initiate column data\n      const colData = new DataStore<RevoGrid.ColumnRegular, RevoGrid.DimensionCols>('colPinStart');\n      const column = {\n        cellTemplate: RowHeaderRender(totalLength),\n        ...this.rowHeaderColumn,\n      };\n      colData.updateData([column]);\n\n      const viewData = {\n        ...data,\n        dataStore: dataStore.store,\n        colData: colData.store,\n        viewportCol: viewport.store,\n        readonly: true,\n        range: false,\n      };\n      dataViews.push(<revogr-data {...viewData} />);\n      totalLength += itemCount;\n    }\n\n    const colSize = this.rowHeaderColumn?.size || (totalLength.toString().length + 1) * LETTER_BLOCK_SIZE;\n    viewport.setViewport({\n      realCount: 1,\n      virtualSize: 0,\n      items: [\n        {\n          size: colSize,\n          start: 0,\n          end: colSize,\n          itemIndex: 0,\n        },\n      ],\n    });\n\n    const parent = `${this.uiid}-rowHeaders`;\n    const viewportScroll = {\n      [UUID]: parent,\n      contentHeight: this.height,\n      contentWidth: 0,\n      style: { minWidth: `${colSize}px` },\n      ref: (el: ElementScroll) => this.elementToScroll.emit(el),\n      onScrollViewport: (e: CustomEvent) => this.scrollViewport.emit(e.detail),\n    };\n    const viewportHeader = {\n      ...this.headerProp,\n      colData: typeof this.rowHeaderColumn === 'object' ? [this.rowHeaderColumn] : [],\n      viewportCol: viewport.store,\n      canResize: false,\n      parent,\n      slot: 'header',\n    }\n    return <Host class=\"rowHeaders\" key=\"rowHeaders\">\n      <revogr-viewport-scroll {...viewportScroll}>\n        <revogr-header {...viewportHeader} />\n        {dataViews}\n      </revogr-viewport-scroll>\n    </Host>;\n    }\n}\n"]}

package/dist/collection/components/rowHeaders/row-header-render.js

@@ -2,3 +2,4 @@
  * Built by Revolist
  */
 export const RowHeaderRender = s => (__, { rowIndex: i }) => s + i;
+//# sourceMappingURL=row-header-render.js.map

package/dist/collection/components/rowHeaders/row-header-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-header-render.js","sourceRoot":"","sources":["../../../src/components/rowHeaders/row-header-render.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,eAAe,GAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import { VNode } from '@stencil/core';\nimport { RevoGrid } from '../../interfaces';\n\ntype HeaderRender = {\n    (start: number): (h: RevoGrid.HyperFunc<VNode>, e: { rowIndex: number }) => number;\n}\nexport const RowHeaderRender: HeaderRender = s => (__, { rowIndex: i }) => s + i;\n"]}

package/dist/collection/components/scroll/revogr-viewport-scroll-style.css

@@ -85,8 +85,7 @@
 revogr-viewport-scroll {
   /* Hide scrollbar for IE and Edge */
   -ms-overflow-style: none;
-  scrollbar-width: none;
-  /* Firefox */
+  scrollbar-width: none; /* Firefox */
   /* Hide scrollbar for Chrome, Safari and Opera */
   overflow-x: auto;
   overflow-y: hidden;
@@ -123,8 +122,7 @@ revogr-viewport-scroll .vertical-inner {
   flex-grow: 1;
   /* Hide scrollbar for IE and Edge */
   -ms-overflow-style: none;
-  scrollbar-width: none;
-  /* Firefox */
+  scrollbar-width: none; /* Firefox */
   /* Hide scrollbar for Chrome, Safari and Opera */
 }
 revogr-viewport-scroll .vertical-inner::-webkit-scrollbar {