@revolist/revogrid 3.6.2 → 3.6.4

package/dist/collection/components/scroll/revogr-viewport-scroll.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { Component, Event, h, Method, Element, Prop, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import each from 'lodash/each';
 import GridResizeService from '../revo-grid/viewport.resize.service';
 import LocalScrollService from '../../services/localScrollService';
@@ -12,14 +12,6 @@ import { CONTENT_SLOT, FOOTER_SLOT, HEADER_SLOT } from '../revo-grid/viewport.he
 export class RevogrViewportScroll {
   constructor() {
     this.scrollThrottling = 30;
-    /**
-     * Width of inner content
-     */
-    this.contentWidth = 0;
-    /**
-     * Height of inner content
-     */
-    this.contentHeight = 0;
     this.oldValY = this.contentHeight;
     this.oldValX = this.contentWidth;
     /**
@@ -27,6 +19,8 @@ export class RevogrViewportScroll {
      * If mousewheel function was ignored we still need to trigger render
      */
     this.mouseWheelScroll = { rgCol: 0, rgRow: 0 };
+    this.contentWidth = 0;
+    this.contentHeight = 0;
   }
   async setScroll(e) {
     var _a;
@@ -177,15 +171,7 @@ export class RevogrViewportScroll {
     this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
   }
   render() {
-    return (h(Host, { onScroll: (e) => this.onScroll('rgCol', e) },
-      h("div", { class: "inner-content-table", style: { width: `${this.contentWidth}px` } },
-        h("div", { class: "header-wrapper", ref: e => (this.header = e) },
-          h("slot", { name: HEADER_SLOT })),
-        h("div", { class: "vertical-inner", ref: el => (this.verticalScroll = el), onScroll: (e) => this.onScroll('rgRow', e) },
-          h("div", { class: "content-wrapper", style: { height: `${this.contentHeight}px` } },
-            h("slot", { name: CONTENT_SLOT }))),
-        h("div", { class: "footer-wrapper", ref: e => (this.footer = e) },
-          h("slot", { name: FOOTER_SLOT })))));
+    return (h(Host, { onScroll: (e) => this.onScroll('rgCol', e) }, h("div", { class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { name: HEADER_SLOT })), h("div", { class: "vertical-inner", ref: el => (this.verticalScroll = el), onScroll: (e) => this.onScroll('rgRow', e) }, h("div", { class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { name: CONTENT_SLOT }))), h("div", { class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { name: FOOTER_SLOT })))));
   }
   /**
    * Extra layer for scroll event monitoring, where MouseWheel event is not passing
@@ -239,164 +225,175 @@ export class RevogrViewportScroll {
     this.latestScrollUpdate(type);
   }
   static get is() { return "revogr-viewport-scroll"; }
-  static get originalStyleUrls() { return {
-    "$": ["revogr-viewport-scroll-style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["revogr-viewport-scroll-style.css"]
-  }; }
-  static get properties() { return {
-    "contentWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Width of inner content"
-      },
-      "attribute": "content-width",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "contentHeight": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Height of inner content"
-      },
-      "attribute": "content-height",
-      "reflect": false,
-      "defaultValue": "0"
-    }
-  }; }
-  static get events() { return [{
-      "method": "scrollViewport",
-      "name": "scrollViewport",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["revogr-viewport-scroll-style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["revogr-viewport-scroll-style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "contentWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Width of inner content"
+        },
+        "attribute": "content-width",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "complexType": {
-        "original": "RevoGrid.ViewPortScrollEvent",
-        "resolved": "{ dimension: DimensionType; coordinate: number; delta?: number; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "contentHeight": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Height of inner content"
+        },
+        "attribute": "content-height",
+        "reflect": false,
+        "defaultValue": "0"
+      }
+    };
+  }
+  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": "resizeViewport",
-      "name": "resizeViewport",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "RevoGrid.ViewPortResizeEvent",
-        "resolved": "{ dimension: DimensionType; size: number; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      }, {
+        "method": "resizeViewport",
+        "name": "resizeViewport",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "RevoGrid.ViewPortResizeEvent",
+          "resolved": "{ dimension: DimensionType; size: number; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "scrollchange",
-      "name": "scrollchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ type: RevoGrid.DimensionType; hasScroll: boolean; }",
-        "resolved": "{ type: DimensionType; hasScroll: boolean; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      }, {
+        "method": "scrollchange",
+        "name": "scrollchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ type: RevoGrid.DimensionType; hasScroll: boolean; }",
+          "resolved": "{ type: DimensionType; hasScroll: boolean; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "setScroll": {
-      "complexType": {
-        "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "setScroll": {
+        "complexType": {
+          "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "changeScroll": {
-      "complexType": {
-        "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "e"
-              }],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "changeScroll": {
+        "complexType": {
+          "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "e"
+                }],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
+          "return": "Promise<ViewPortScrollEvent>"
         },
-        "return": "Promise<ViewPortScrollEvent>"
-      },
-      "docs": {
-        "text": "update on delta in case we don't know existing position or external change",
-        "tags": [{
-            "name": "param",
-            "text": "e"
-          }]
+        "docs": {
+          "text": "update on delta in case we don't know existing position or external change",
+          "tags": [{
+              "name": "param",
+              "text": "e"
+            }]
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "horizontalScroll"; }
 }
+//# sourceMappingURL=revogr-viewport-scroll.js.map

package/dist/collection/components/scroll/revogr-viewport-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-viewport-scroll.js","sourceRoot":"","sources":["../../../src/components/scroll/revogr-viewport-scroll.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Method, Element, Prop, Host } from '@stencil/core';\nimport each from 'lodash/each';\n\nimport GridResizeService from '../revo-grid/viewport.resize.service';\nimport LocalScrollService from '../../services/localScrollService';\nimport { RevoGrid } from '../../interfaces';\nimport { CONTENT_SLOT, FOOTER_SLOT, HEADER_SLOT } from '../revo-grid/viewport.helpers';\n\n/**\n * Service for tracking grid scrolling\n */\n@Component({\n  tag: 'revogr-viewport-scroll',\n  styleUrl: 'revogr-viewport-scroll-style.scss',\n})\nexport class RevogrViewportScroll {\n  @Event({ bubbles: false }) scrollViewport: EventEmitter<RevoGrid.ViewPortScrollEvent>;\n  @Event() resizeViewport: EventEmitter<RevoGrid.ViewPortResizeEvent>;\n  @Event() scrollchange: EventEmitter<{ type: RevoGrid.DimensionType; hasScroll: boolean; }>;\n  private scrollThrottling = 30;\n\n  /**\n   * Width of inner content\n   */\n  @Prop() contentWidth = 0;\n  /**\n   * Height of inner content\n   */\n  @Prop() contentHeight = 0;\n\n  private oldValY = this.contentHeight;\n  private oldValX = this.contentWidth;\n\n  @Element() horizontalScroll: HTMLElement;\n  private verticalScroll: HTMLElement;\n  private header: HTMLElement;\n  private footer: HTMLElement;\n\n  /**\n   * Static functions to bind wheel change\n   */\n  private horizontalMouseWheel: (e: WheelEvent) => void;\n  private verticalMouseWheel: (e: WheelEvent) => void;\n\n  private horisontalResize: GridResizeService;\n  private scrollService: LocalScrollService;\n\n  /**\n   * Last mw event time for trigger scroll function below\n   * If mousewheel function was ignored we still need to trigger render\n   */\n  private mouseWheelScroll: Record<RevoGrid.DimensionType, number> = { rgCol: 0, rgRow: 0 };\n  @Method() async setScroll(e: RevoGrid.ViewPortScrollEvent): Promise<void> {\n    this.latestScrollUpdate(e.dimension);\n    this.scrollService?.setScroll(e);\n  }\n\n  /**\n   * update on delta in case we don't know existing position or external change\n   * @param e\n   */\n  @Method() async changeScroll(e: RevoGrid.ViewPortScrollEvent): Promise<RevoGrid.ViewPortScrollEvent> {\n    if (e.delta) {\n      switch (e.dimension) {\n        case 'rgCol':\n          e.coordinate = this.horizontalScroll.scrollLeft + e.delta;\n          break;\n        case 'rgRow':\n          e.coordinate = this.verticalScroll.scrollTop + e.delta;\n          break;\n      }\n      this.setScroll(e);\n    }\n    return e;\n  }\n\n  connectedCallback() {\n    /**\n     * Bind scroll functions for farther usage\n     */\n\n    if ('ontouchstart' in document.documentElement) {\n      this.scrollThrottling = 0;\n    } else {\n      this.verticalMouseWheel = this.onVerticalMouseWheel.bind(this, 'rgRow', 'deltaY');\n      this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(this, 'rgCol', 'deltaX');\n    }\n    /**\n     * Create local scroll service\n     */\n    this.scrollService = new LocalScrollService({\n      beforeScroll: e => this.scrollViewport.emit(e),\n      afterScroll: e => {\n        switch (e.dimension) {\n          case 'rgCol':\n            this.horizontalScroll.scrollLeft = e.coordinate;\n            break;\n          case 'rgRow':\n            this.verticalScroll.scrollTop = e.coordinate;\n            break;\n        }\n      },\n    });\n  }\n\n  componentDidLoad() {\n    /**\n     * Track horizontal viewport resize\n     */\n    this.horisontalResize = new GridResizeService(this.horizontalScroll, {\n      resize: entries => {\n        let height = entries[0]?.contentRect.height || 0;\n        if (height) {\n          height -= this.header.clientHeight + this.footer.clientHeight;\n        }\n        const els = {\n          rgRow: {\n            size: height,\n            contentSize: this.contentHeight,\n            scroll: this.verticalScroll.scrollTop,\n          },\n          rgCol: {\n            size: entries[0]?.contentRect.width || 0,\n            contentSize: this.contentWidth,\n            scroll: this.horizontalScroll.scrollLeft,\n          },\n        };\n        each(els, (item, dimension: RevoGrid.DimensionType) => {\n          this.resizeViewport.emit({ dimension, size: item.size });\n          this.scrollService?.scroll(item.scroll, dimension, true);\n          // track scroll visibility on outer element change\n          this.setScrollVisibility(dimension, item.size, item.contentSize);\n        });\n      },\n    });\n  }\n\n  /**\n   * Check if scroll present or not per type\n   * Trigger this method on inner content size change or on outer element size change\n   * If inner content bigger then outer size then scroll is present and mousewheel binding required\n   * @param type - dimension type 'rgRow/y' or 'rgCol/x'\n   * @param size - outer content size\n   * @param innerContentSize - inner content size\n   */\n  setScrollVisibility(type: RevoGrid.DimensionType, size: number, innerContentSize: number) {\n    // test if scroll present\n    const hasScroll = size < innerContentSize;\n    let el: HTMLElement;\n    // event reference for binding\n    let event: (e: MouseEvent) => void;\n    switch (type) {\n      case 'rgCol':\n        el = this.horizontalScroll;\n        event = this.horizontalMouseWheel;\n        break;\n      case 'rgRow':\n        el = this.verticalScroll;\n        event = this.verticalMouseWheel;\n        break;\n    }\n    // based on scroll visibility assign or remove class and event\n    if (hasScroll) {\n      el.classList.add(`scroll-${type}`);\n      el.addEventListener('mousewheel', event);\n    } else {\n      el.classList.remove(`scroll-${type}`);\n      el.removeEventListener('mousewheel', event);\n    }\n    this.scrollchange.emit({ type, hasScroll });\n  }\n\n  disconnectedCallback() {\n    this.verticalScroll.removeEventListener('mousewheel', this.verticalMouseWheel);\n    this.horizontalScroll.removeEventListener('mousewheel', this.horizontalMouseWheel);\n    this.horisontalResize.destroy();\n  }\n\n  async componentDidRender() {\n    // scroll update if number of rows changed\n    if (this.contentHeight < this.oldValY && this.verticalScroll) {\n      this.verticalScroll.scrollTop += this.contentHeight - this.oldValY;\n    }\n    this.oldValY = this.contentHeight;\n\n    // scroll update if number of cols changed\n    if (this.contentWidth < this.oldValX) {\n      this.horizontalScroll.scrollLeft += this.contentWidth - this.oldValX;\n    }\n    this.oldValX = this.contentWidth;\n\n    this.scrollService.setParams(\n      {\n        contentSize: this.contentHeight,\n        clientSize: this.verticalScroll.clientHeight,\n        virtualSize: 0,\n      },\n      'rgRow',\n    );\n\n    this.scrollService.setParams(\n      {\n        contentSize: this.contentWidth,\n        clientSize: this.horizontalScroll.clientWidth,\n        virtualSize: 0,\n      },\n      'rgCol',\n    );\n    this.setScrollVisibility('rgRow', this.verticalScroll.clientHeight, this.contentHeight);\n    this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);\n  }\n\n  render() {\n    return (\n      <Host onScroll={(e: MouseEvent) => this.onScroll('rgCol', e)}>\n        <div class=\"inner-content-table\" style={{ width: `${this.contentWidth}px` }}>\n          <div class=\"header-wrapper\" ref={e => (this.header = e)}>\n            <slot name={HEADER_SLOT} />\n          </div>\n          <div class=\"vertical-inner\" ref={el => (this.verticalScroll = el)} onScroll={(e: MouseEvent) => this.onScroll('rgRow', e)}>\n            <div class=\"content-wrapper\" style={{ height: `${this.contentHeight}px` }}>\n              <slot name={CONTENT_SLOT} />\n            </div>\n          </div>\n          <div class=\"footer-wrapper\" ref={e => (this.footer = e)}>\n            <slot name={FOOTER_SLOT} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  /**\n   * Extra layer for scroll event monitoring, where MouseWheel event is not passing\n   * We need to trigger scroll event in case there is no mousewheel event\n   */\n  private onScroll(dimension: RevoGrid.DimensionType, e: MouseEvent) {\n    const target = e.target as HTMLElement | undefined;\n    let scroll = 0;\n    switch (dimension) {\n      case 'rgCol':\n        scroll = target?.scrollLeft;\n        break;\n      case 'rgRow':\n        scroll = target?.scrollTop;\n        break;\n    }\n    const change = new Date().getTime() - this.mouseWheelScroll[dimension];\n    if (change > this.scrollThrottling) {\n      this.scrollService?.scroll(scroll, dimension);\n    }\n  }\n\n  /** remember last mw event time */\n  private latestScrollUpdate(dimension: RevoGrid.DimensionType) {\n    this.mouseWheelScroll[dimension] = new Date().getTime();\n  }\n\n  /**\n   * On vertical mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onVerticalMouseWheel(type: RevoGrid.DimensionType, delta: 'deltaX' | 'deltaY', e: WheelEvent) {\n    e.preventDefault();\n    const pos = this.verticalScroll.scrollTop + e[delta];\n    this.scrollService?.scroll(pos, type, undefined, e[delta]);\n    this.latestScrollUpdate(type);\n  }\n\n  /**\n   * On horizontal mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onHorizontalMouseWheel(type: RevoGrid.DimensionType, delta: 'deltaX' | 'deltaY', e: WheelEvent) {\n    e.preventDefault();\n    const pos = this.horizontalScroll.scrollLeft + e[delta];\n    this.scrollService?.scroll(pos, type, undefined, e[delta]);\n    this.latestScrollUpdate(type);\n  }\n}\n"]}