@revolist/revogrid 3.6.13 → 3.6.14

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

@@ -1,17 +1,25 @@
 /*!
  * Built by Revolist
  */
-import { h, Host } from "@stencil/core";
-import each from "lodash/each";
-import GridResizeService from "../revo-grid/viewport.resize.service";
-import LocalScrollService from "../../services/localScrollService";
-import { CONTENT_SLOT, FOOTER_SLOT, HEADER_SLOT } from "../revo-grid/viewport.helpers";
+import { Component, Event, h, Method, Element, Prop, Host } from '@stencil/core';
+import each from 'lodash/each';
+import GridResizeService from '../revo-grid/viewport.resize.service';
+import LocalScrollService from '../../services/localScrollService';
+import { CONTENT_SLOT, FOOTER_SLOT, HEADER_SLOT } from '../revo-grid/viewport.helpers';
 /**
  * Service for tracking grid scrolling
  */
 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;
     /**
@@ -19,8 +27,6 @@ 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;
@@ -171,7 +177,15 @@ 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
@@ -225,182 +239,164 @@ 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"
+  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": {}
       },
-      "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",
-              "id": "src/interfaces.d.ts::RevoGrid"
-            }
+      "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": ""
+      },
+      "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",
-              "id": "src/interfaces.d.ts::RevoGrid"
-            }
+      }
+    }, {
+      "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",
-              "id": "src/interfaces.d.ts::RevoGrid"
-            }
+      }
+    }, {
+      "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",
-              "id": "global::Promise"
-            },
-            "RevoGrid": {
-              "location": "import",
-              "path": "../../interfaces",
-              "id": "src/interfaces.d.ts::RevoGrid"
-            }
+      }
+    }]; }
+  static get methods() { return {
+    "setScroll": {
+      "complexType": {
+        "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
           },
-          "return": "Promise<void>"
+          "RevoGrid": {
+            "location": "import",
+            "path": "../../interfaces"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "return": "Promise<void>"
       },
-      "changeScroll": {
-        "complexType": {
-          "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>",
-          "parameters": [{
-              "tags": [{
-                  "name": "param",
-                  "text": "e"
-                }],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            },
-            "RevoGrid": {
-              "location": "import",
-              "path": "../../interfaces",
-              "id": "src/interfaces.d.ts::RevoGrid"
-            }
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "changeScroll": {
+      "complexType": {
+        "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>",
+        "parameters": [{
+            "tags": [{
+                "name": "param",
+                "text": "e"
+              }],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
           },
-          "return": "Promise<ViewPortScrollEvent>"
+          "RevoGrid": {
+            "location": "import",
+            "path": "../../interfaces"
+          }
         },
-        "docs": {
-          "text": "update on delta in case we don't know existing position or external change",
-          "tags": [{
-              "name": "param",
-              "text": "e"
-            }]
-        }
+        "return": "Promise<ViewPortScrollEvent>"
+      },
+      "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