@revolist/revogrid 4.23.1 → 4.23.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/revogr-data_4.cjs.entry.js +3 -3
- package/dist/collection/components/scroll/revogr-viewport-scroll.js +3 -3
- package/dist/esm/revogr-data_4.entry.js +3 -3
- package/dist/revo-grid/revogr-data_4.entry.js +3 -3
- package/hydrate/index.js +3 -3
- package/hydrate/index.mjs +3 -3
- package/package.json +1 -1
- package/standalone/revogr-viewport-scroll2.js +1 -1
|
@@ -815,10 +815,10 @@ const RevogrViewportScroll = class {
|
|
|
815
815
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
816
816
|
}
|
|
817
817
|
render() {
|
|
818
|
-
var _a, _b
|
|
818
|
+
var _a, _b;
|
|
819
819
|
const physicalContentHeight = throttle.getContentSize(this.contentHeight, (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
|
|
820
|
-
const physicalContentWidth = throttle.getContentSize(this.contentWidth,
|
|
821
|
-
return (index.h(index.Host, { key: '
|
|
820
|
+
const physicalContentWidth = throttle.getContentSize(this.contentWidth, 0);
|
|
821
|
+
return (index.h(index.Host, { key: 'e52df53dcdcac76f02160615399c558e78fe5825', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, index.h("div", { key: '6821c4472db2208c2d52da9d6d43a7e5343d15bb', class: "inner-content-table", style: { width: `${physicalContentWidth}px` } }, index.h("div", { key: '1916ec94af312621ed4d937c905ed745a23a7d3b', class: "header-wrapper", ref: e => (this.header = e) }, index.h("slot", { key: '2348a566b127f27d969a4e2ff67fab4022501ceb', name: viewport_helpers.HEADER_SLOT })), index.h("div", { key: 'd88eebb7b0028b350f5b0feb6b3893efbd3f645c', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, index.h("div", { key: '1778856706d9d6bbc52882a150cb66c9b3f11e06', class: "content-wrapper", style: { height: `${physicalContentHeight}px` } }, index.h("slot", { key: '200bc8a9e692b6183ac2665b68961d28892f7cab', name: viewport_helpers.CONTENT_SLOT }))), index.h("div", { key: 'dc812739b4ad829867dd1effe94a871be247979a', class: "footer-wrapper", ref: e => (this.footer = e) }, index.h("slot", { key: '06e3b3a4f88c477dc33268ee317856820f2650e6', name: viewport_helpers.FOOTER_SLOT })))));
|
|
822
822
|
}
|
|
823
823
|
/**
|
|
824
824
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
|
@@ -208,10 +208,10 @@ export class RevogrViewportScroll {
|
|
|
208
208
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
209
209
|
}
|
|
210
210
|
render() {
|
|
211
|
-
var _a, _b
|
|
211
|
+
var _a, _b;
|
|
212
212
|
const physicalContentHeight = getContentSize(this.contentHeight, (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
|
|
213
|
-
const physicalContentWidth = getContentSize(this.contentWidth,
|
|
214
|
-
return (h(Host, { key: '
|
|
213
|
+
const physicalContentWidth = getContentSize(this.contentWidth, 0);
|
|
214
|
+
return (h(Host, { key: 'e52df53dcdcac76f02160615399c558e78fe5825', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: '6821c4472db2208c2d52da9d6d43a7e5343d15bb', class: "inner-content-table", style: { width: `${physicalContentWidth}px` } }, h("div", { key: '1916ec94af312621ed4d937c905ed745a23a7d3b', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '2348a566b127f27d969a4e2ff67fab4022501ceb', name: HEADER_SLOT })), h("div", { key: 'd88eebb7b0028b350f5b0feb6b3893efbd3f645c', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: '1778856706d9d6bbc52882a150cb66c9b3f11e06', class: "content-wrapper", style: { height: `${physicalContentHeight}px` } }, h("slot", { key: '200bc8a9e692b6183ac2665b68961d28892f7cab', name: CONTENT_SLOT }))), h("div", { key: 'dc812739b4ad829867dd1effe94a871be247979a', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: '06e3b3a4f88c477dc33268ee317856820f2650e6', name: FOOTER_SLOT })))));
|
|
215
215
|
}
|
|
216
216
|
/**
|
|
217
217
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
|
@@ -813,10 +813,10 @@ const RevogrViewportScroll = class {
|
|
|
813
813
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
814
814
|
}
|
|
815
815
|
render() {
|
|
816
|
-
var _a, _b
|
|
816
|
+
var _a, _b;
|
|
817
817
|
const physicalContentHeight = getContentSize(this.contentHeight, (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
|
|
818
|
-
const physicalContentWidth = getContentSize(this.contentWidth,
|
|
819
|
-
return (h(Host, { key: '
|
|
818
|
+
const physicalContentWidth = getContentSize(this.contentWidth, 0);
|
|
819
|
+
return (h(Host, { key: 'e52df53dcdcac76f02160615399c558e78fe5825', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: '6821c4472db2208c2d52da9d6d43a7e5343d15bb', class: "inner-content-table", style: { width: `${physicalContentWidth}px` } }, h("div", { key: '1916ec94af312621ed4d937c905ed745a23a7d3b', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '2348a566b127f27d969a4e2ff67fab4022501ceb', name: HEADER_SLOT })), h("div", { key: 'd88eebb7b0028b350f5b0feb6b3893efbd3f645c', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: '1778856706d9d6bbc52882a150cb66c9b3f11e06', class: "content-wrapper", style: { height: `${physicalContentHeight}px` } }, h("slot", { key: '200bc8a9e692b6183ac2665b68961d28892f7cab', name: CONTENT_SLOT }))), h("div", { key: 'dc812739b4ad829867dd1effe94a871be247979a', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: '06e3b3a4f88c477dc33268ee317856820f2650e6', name: FOOTER_SLOT })))));
|
|
820
820
|
}
|
|
821
821
|
/**
|
|
822
822
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
|
@@ -813,10 +813,10 @@ const RevogrViewportScroll = class {
|
|
|
813
813
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
814
814
|
}
|
|
815
815
|
render() {
|
|
816
|
-
var _a, _b
|
|
816
|
+
var _a, _b;
|
|
817
817
|
const physicalContentHeight = getContentSize(this.contentHeight, (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
|
|
818
|
-
const physicalContentWidth = getContentSize(this.contentWidth,
|
|
819
|
-
return (h(Host, { key: '
|
|
818
|
+
const physicalContentWidth = getContentSize(this.contentWidth, 0);
|
|
819
|
+
return (h(Host, { key: 'e52df53dcdcac76f02160615399c558e78fe5825', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: '6821c4472db2208c2d52da9d6d43a7e5343d15bb', class: "inner-content-table", style: { width: `${physicalContentWidth}px` } }, h("div", { key: '1916ec94af312621ed4d937c905ed745a23a7d3b', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '2348a566b127f27d969a4e2ff67fab4022501ceb', name: HEADER_SLOT })), h("div", { key: 'd88eebb7b0028b350f5b0feb6b3893efbd3f645c', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: '1778856706d9d6bbc52882a150cb66c9b3f11e06', class: "content-wrapper", style: { height: `${physicalContentHeight}px` } }, h("slot", { key: '200bc8a9e692b6183ac2665b68961d28892f7cab', name: CONTENT_SLOT }))), h("div", { key: 'dc812739b4ad829867dd1effe94a871be247979a', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: '06e3b3a4f88c477dc33268ee317856820f2650e6', name: FOOTER_SLOT })))));
|
|
820
820
|
}
|
|
821
821
|
/**
|
|
822
822
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
package/hydrate/index.js
CHANGED
|
@@ -21817,10 +21817,10 @@ class RevogrViewportScroll {
|
|
|
21817
21817
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
21818
21818
|
}
|
|
21819
21819
|
render() {
|
|
21820
|
-
var _a, _b
|
|
21820
|
+
var _a, _b;
|
|
21821
21821
|
const physicalContentHeight = getContentSize(this.contentHeight, (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
|
|
21822
|
-
const physicalContentWidth = getContentSize(this.contentWidth,
|
|
21823
|
-
return (hAsync(Host, { key: '
|
|
21822
|
+
const physicalContentWidth = getContentSize(this.contentWidth, 0);
|
|
21823
|
+
return (hAsync(Host, { key: 'e52df53dcdcac76f02160615399c558e78fe5825', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, hAsync("div", { key: '6821c4472db2208c2d52da9d6d43a7e5343d15bb', class: "inner-content-table", style: { width: `${physicalContentWidth}px` } }, hAsync("div", { key: '1916ec94af312621ed4d937c905ed745a23a7d3b', class: "header-wrapper", ref: e => (this.header = e) }, hAsync("slot", { key: '2348a566b127f27d969a4e2ff67fab4022501ceb', name: HEADER_SLOT })), hAsync("div", { key: 'd88eebb7b0028b350f5b0feb6b3893efbd3f645c', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, hAsync("div", { key: '1778856706d9d6bbc52882a150cb66c9b3f11e06', class: "content-wrapper", style: { height: `${physicalContentHeight}px` } }, hAsync("slot", { key: '200bc8a9e692b6183ac2665b68961d28892f7cab', name: CONTENT_SLOT }))), hAsync("div", { key: 'dc812739b4ad829867dd1effe94a871be247979a', class: "footer-wrapper", ref: e => (this.footer = e) }, hAsync("slot", { key: '06e3b3a4f88c477dc33268ee317856820f2650e6', name: FOOTER_SLOT })))));
|
|
21824
21824
|
}
|
|
21825
21825
|
/**
|
|
21826
21826
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
package/hydrate/index.mjs
CHANGED
|
@@ -21815,10 +21815,10 @@ class RevogrViewportScroll {
|
|
|
21815
21815
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
21816
21816
|
}
|
|
21817
21817
|
render() {
|
|
21818
|
-
var _a, _b
|
|
21818
|
+
var _a, _b;
|
|
21819
21819
|
const physicalContentHeight = getContentSize(this.contentHeight, (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
|
|
21820
|
-
const physicalContentWidth = getContentSize(this.contentWidth,
|
|
21821
|
-
return (hAsync(Host, { key: '
|
|
21820
|
+
const physicalContentWidth = getContentSize(this.contentWidth, 0);
|
|
21821
|
+
return (hAsync(Host, { key: 'e52df53dcdcac76f02160615399c558e78fe5825', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, hAsync("div", { key: '6821c4472db2208c2d52da9d6d43a7e5343d15bb', class: "inner-content-table", style: { width: `${physicalContentWidth}px` } }, hAsync("div", { key: '1916ec94af312621ed4d937c905ed745a23a7d3b', class: "header-wrapper", ref: e => (this.header = e) }, hAsync("slot", { key: '2348a566b127f27d969a4e2ff67fab4022501ceb', name: HEADER_SLOT })), hAsync("div", { key: 'd88eebb7b0028b350f5b0feb6b3893efbd3f645c', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, hAsync("div", { key: '1778856706d9d6bbc52882a150cb66c9b3f11e06', class: "content-wrapper", style: { height: `${physicalContentHeight}px` } }, hAsync("slot", { key: '200bc8a9e692b6183ac2665b68961d28892f7cab', name: CONTENT_SLOT }))), hAsync("div", { key: 'dc812739b4ad829867dd1effe94a871be247979a', class: "footer-wrapper", ref: e => (this.footer = e) }, hAsync("slot", { key: '06e3b3a4f88c477dc33268ee317856820f2650e6', name: FOOTER_SLOT })))));
|
|
21822
21822
|
}
|
|
21823
21823
|
/**
|
|
21824
21824
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built by Revolist OU ❤️
|
|
3
3
|
*/
|
|
4
|
-
import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as o,Host as l,transformTag as r}from"@stencil/core/internal/client";import{t as s}from"./throttle.js";import{L as n,a as c,b as a}from"./local.scroll.timer.js";const h="header",d="footer",v="content",
|
|
4
|
+
import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as o,Host as l,transformTag as r}from"@stencil/core/internal/client";import{t as s}from"./throttle.js";import{L as n,a as c,b as a}from"./local.scroll.timer.js";const h="header",d="footer",v="content",w="data";function u(e,i){return{x:e.viewports[e.colType].store.get("realCount"),y:e.viewports[i].store.get("realCount")}}function p(e,i,t,o){return{colData:e.colStore,viewportCol:e.viewports[e.colType].store,viewportRow:e.viewports[i].store,lastCell:u(e,i),slot:t,type:i,canDrag:!o,position:e.position,dataStore:e.rowStores[i].store,dimensionCol:e.dimensions[e.colType].store,dimensionRow:e.dimensions[i].store,style:o?{height:`${e.dimensions[i].store.get("realSize")}px`}:void 0}}class g{constructor(e,i,t){this.resize=i,this.resizeObserver=null,this.previousSize={width:0,height:0},this.apply=s((e=>{var i;const t={width:e.width,height:e.height};null===(i=this.resize)||void 0===i||i.call(this,t,this.previousSize),this.previousSize=t}),40,{leading:!1,trailing:!0});const o=[];t.forEach((e=>{e&&o.push(e)})),this.init(e,o)}init(e,i=[]){const t=this.resizeObserver=new ResizeObserver((i=>{i.length&&this.apply(i[0].target===e?i[0].contentRect:e.getBoundingClientRect())}));t.observe(e),i.forEach((e=>{t.observe(e)}))}destroy(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=null}}const f=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.scrollViewport=t(this,"scrollviewport",7),this.resizeViewport=t(this,"resizeviewport",7),this.scrollchange=t(this,"scrollchange",7),this.silentScroll=t(this,"scrollviewportsilent",7),this.contentWidth=0,this.contentHeight=0,this.noHorizontalScrollTransfer=!1}async setScroll(e){var i;this.localScrollTimer.latestScrollUpdate(e.dimension),null===(i=this.localScrollService)||void 0===i||i.setScroll(e)}async changeScroll(e,i=!1){var t,o,l,r;if(!i){if(e.delta){let i=0;switch(e.dimension){case"rgCol":i=this.horizontalScroll.scrollLeft;break;case"rgRow":i=null!==(o=null===(t=this.verticalScroll)||void 0===t?void 0:t.scrollTop)&&void 0!==o?o:0}return null!==(r=null===(l=this.localScrollService)||void 0===l?void 0:l.setScrollByDelta(e,i))&&void 0!==r?r:e}return e}e.coordinate&&this.verticalScroll&&"rgRow"===e.dimension&&(this.verticalScroll.style.transform=`translateY(${-1*e.coordinate}px)`)}mousewheelVertical({detail:e}){this.verticalMouseWheel(e)}mousewheelHorizontal({detail:e}){this.horizontalMouseWheel(e)}scrollApply({detail:{type:e,coordinate:i}}){this.applyOnScroll(e,i,!0)}connectedCallback(){this.verticalMouseWheel=this.onVerticalMouseWheel.bind(this,"rgRow","deltaY"),this.horizontalMouseWheel=this.onHorizontalMouseWheel.bind(this,"rgCol","deltaX"),this.localScrollTimer=new n("ontouchstart"in document.documentElement?0:10),this.localScrollService=new c({runScroll:e=>this.scrollViewport.emit(e),applyScroll:e=>{switch(this.localScrollTimer.setCoordinate(e),e.dimension){case"rgCol":this.horizontalScroll.scrollLeft=e.coordinate;break;case"rgRow":this.verticalScroll&&(this.verticalScroll.scrollTop=e.coordinate,this.verticalScroll.style.transform&&(this.verticalScroll.style.transform=""))}}})}componentDidLoad(){this.resizeService=new g(this.horizontalScroll,(e=>{var i,t,o,l,r,s,n,c;const a={};let h=e.height||0;h&&(h-=(null!==(t=null===(i=this.header)||void 0===i?void 0:i.clientHeight)&&void 0!==t?t:0)+(null!==(l=null===(o=this.footer)||void 0===o?void 0:o.clientHeight)&&void 0!==l?l:0)),a.rgRow={size:h,contentSize:this.contentHeight,scroll:null!==(s=null===(r=this.verticalScroll)||void 0===r?void 0:r.scrollTop)&&void 0!==s?s:0,noScroll:!1},a.rgCol={size:e.width||0,contentSize:this.contentWidth,scroll:this.horizontalScroll.scrollLeft,noScroll:"rgCol"!==this.colType};const d=["rgCol","rgRow"];for(const e of d){const i=a[e];i&&(this.resizeViewport.emit({dimension:e,size:i.size,rowHeader:this.rowHeader}),i.noScroll||(null===(n=this.localScrollService)||void 0===n||n.scroll(null!==(c=i.scroll)&&void 0!==c?c:0,e,!0),this.setScrollVisibility(e,i.size,i.contentSize)))}}),[this.footer,this.header])}setScrollVisibility(e,i,t){const o=i<t;let l;switch(e){case"rgCol":l=this.horizontalScroll;break;case"rgRow":l=this.verticalScroll}o?null==l||l.classList.add(`scroll-${e}`):null==l||l.classList.remove(`scroll-${e}`),this.scrollchange.emit({type:e,hasScroll:o})}disconnectedCallback(){var e;null===(e=this.resizeService)||void 0===e||e.destroy()}async componentDidRender(){var e,i,t,o;this.localScrollService.setParams({contentSize:this.contentHeight,clientSize:null!==(i=null===(e=this.verticalScroll)||void 0===e?void 0:e.clientHeight)&&void 0!==i?i:0,virtualSize:0},"rgRow"),this.localScrollService.setParams({contentSize:this.contentWidth,clientSize:this.horizontalScroll.clientWidth,virtualSize:0},"rgCol"),this.setScrollVisibility("rgRow",null!==(o=null===(t=this.verticalScroll)||void 0===t?void 0:t.clientHeight)&&void 0!==o?o:0,this.contentHeight),this.setScrollVisibility("rgCol",this.horizontalScroll.clientWidth,this.contentWidth)}render(){var e,i;const t=a(this.contentHeight,null!==(i=null===(e=this.verticalScroll)||void 0===e?void 0:e.clientHeight)&&void 0!==i?i:0),r=a(this.contentWidth,0);return o(l,{key:"e52df53dcdcac76f02160615399c558e78fe5825",onWheel:this.horizontalMouseWheel,onScroll:e=>this.applyScroll("rgCol",e)},o("div",{key:"6821c4472db2208c2d52da9d6d43a7e5343d15bb",class:"inner-content-table",style:{width:`${r}px`}},o("div",{key:"1916ec94af312621ed4d937c905ed745a23a7d3b",class:"header-wrapper",ref:e=>this.header=e},o("slot",{key:"2348a566b127f27d969a4e2ff67fab4022501ceb",name:h})),o("div",{key:"d88eebb7b0028b350f5b0feb6b3893efbd3f645c",class:"vertical-inner",ref:e=>this.verticalScroll=e,onWheel:this.verticalMouseWheel,onScroll:e=>this.applyScroll("rgRow",e)},o("div",{key:"1778856706d9d6bbc52882a150cb66c9b3f11e06",class:"content-wrapper",style:{height:`${t}px`}},o("slot",{key:"200bc8a9e692b6183ac2665b68961d28892f7cab",name:v}))),o("div",{key:"dc812739b4ad829867dd1effe94a871be247979a",class:"footer-wrapper",ref:e=>this.footer=e},o("slot",{key:"06e3b3a4f88c477dc33268ee317856820f2650e6",name:d}))))}async applyScroll(e,t){if(!(t.target instanceof i))return;let o=0;switch(e){case"rgCol":o=t.target.scrollLeft;break;case"rgRow":o=t.target.scrollTop}o<0?this.silentScroll.emit({dimension:e,coordinate:o}):this.applyOnScroll(e,o)}applyOnScroll(e,i,t=!1){const o=()=>{var o;null===(o=this.localScrollService)||void 0===o||o.scroll(i,e,void 0,void 0,t)};this.localScrollTimer.isReady(e,i)?o():this.localScrollTimer.throttleLastScrollUpdate(e,i,(()=>o()))}onVerticalMouseWheel(e,i,t){var o,l,r,s,n,c,a,h;const d=null!==(l=null===(o=this.verticalScroll)||void 0===o?void 0:o.scrollTop)&&void 0!==l?l:0;d+(null!==(s=null===(r=this.verticalScroll)||void 0===r?void 0:r.clientHeight)&&void 0!==s?s:0)>=(null!==(c=null===(n=this.verticalScroll)||void 0===n?void 0:n.scrollHeight)&&void 0!==c?c:0)&&t.deltaY>0||0===d&&t.deltaY<0||null===(a=t.preventDefault)||void 0===a||a.call(t),null===(h=this.localScrollService)||void 0===h||h.scroll(d+t[i],e,void 0,t[i]),this.localScrollTimer.latestScrollUpdate(e)}onHorizontalMouseWheel(e,i,t){var o,l,r,s;if(!t.deltaX)return;const{scrollLeft:n,scrollWidth:c,clientWidth:a}=this.horizontalScroll,h=n+a>=c&&t.deltaX>0,d=0===n&&t.deltaX<0;if(this.noHorizontalScrollTransfer){if(!h&&!d){const r=n+t[i];null===(o=t.preventDefault)||void 0===o||o.call(t),this.horizontalScroll.scrollLeft=r,null===(l=this.localScrollService)||void 0===l||l.scroll(this.horizontalScroll.scrollLeft,e,void 0,t[i]),this.localScrollTimer.latestScrollUpdate(e)}}else h||d||null===(r=t.preventDefault)||void 0===r||r.call(t),null===(s=this.localScrollService)||void 0===s||s.scroll(n+t[i],e,void 0,t[i]),this.localScrollTimer.latestScrollUpdate(e)}get horizontalScroll(){return this}static get style(){return".rowHeaders{z-index:2;font-size:10px;display:flex;height:100%}.rowHeaders revogr-data .rgCell{text-align:center}.rowHeaders .rgCell{padding:0 1em !important;min-width:100%}revogr-viewport-scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;position:relative;z-index:1;height:100%}revogr-viewport-scroll::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll.colPinStart,revogr-viewport-scroll.colPinEnd{z-index:2}revogr-viewport-scroll.colPinEnd:has(.active){overflow:visible}revogr-viewport-scroll.rgCol{flex-grow:1}revogr-viewport-scroll .content-wrapper{overflow:hidden}revogr-viewport-scroll .inner-content-table{display:flex;flex-direction:column;max-height:100%;width:100%;min-width:100%;position:relative;z-index:0}revogr-viewport-scroll .vertical-inner{overflow-y:auto;position:relative;width:100%;flex-grow:1;outline:none;-ms-overflow-style:none;scrollbar-width:none;}revogr-viewport-scroll .vertical-inner::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll .vertical-inner revogr-data,revogr-viewport-scroll .vertical-inner revogr-overlay-selection{height:100%}"}},[260,"revogr-viewport-scroll",{rowHeader:[4,"row-header"],contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],colType:[1,"col-type"],noHorizontalScrollTransfer:[4,"no-horizontal-scroll-transfer"],setScroll:[64],changeScroll:[64],applyScroll:[64]},[[0,"mousewheel-vertical","mousewheelVertical"],[0,"mousewheel-horizontal","mousewheelHorizontal"],[0,"scroll-coordinate","scrollApply"]]]);function b(){"undefined"!=typeof customElements&&["revogr-viewport-scroll"].forEach((e=>{"revogr-viewport-scroll"===e&&(customElements.get(r(e))||customElements.define(r(e),f))}))}export{v as C,w as D,d as F,h as H,f as R,b as d,p as v}
|