lsp-grid 1.0.0

package/standalone/revogr-viewport-scroll2.js

@@ -0,0 +1,421 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { t as throttle } from './throttle.js';
+import { L as LocalScrollTimer, a as LocalScrollService } from './local.scroll.timer.js';
+
+/**
+ * Collects data for pinned columns in the required @ViewportProps format.
+ */
+/**
+ * Represents the slot names for the viewport slots.
+ */
+const HEADER_SLOT = 'header'; // Slot name for the header slot
+const FOOTER_SLOT = 'footer'; // Slot name for the footer slot
+const CONTENT_SLOT = 'content'; // Slot name for the content slot
+const DATA_SLOT = 'data'; // Slot name for the data slot
+/**
+ * Returns the last visible cell in the viewport for a given row type.
+ * Coordinates are not zero-based and are relative to the viewport.
+ * If needed to be zero-based they can be adjusted by subtracting 1.
+ */
+function getLastCell(data, rowType) {
+    // Get the last visible column count from the viewport column data.
+    const lastVisibleColumnCount = data.viewports[data.colType].store.get('realCount');
+    // Get the last visible row count for the given row type from the viewport column data.
+    const lastVisibleRowCount = data.viewports[rowType].store.get('realCount');
+    // Return the last visible cell with the last visible column count and row count.
+    return {
+        x: lastVisibleColumnCount,
+        y: lastVisibleRowCount,
+    };
+}
+function viewportDataPartition(data, type, slot, fixed) {
+    return {
+        colData: data.colStore,
+        viewportCol: data.viewports[data.colType].store,
+        viewportRow: data.viewports[type].store,
+        // lastCell is the last real coordinate + 1
+        lastCell: getLastCell(data, type),
+        slot,
+        type,
+        canDrag: !fixed,
+        position: data.position,
+        dataStore: data.rowStores[type].store,
+        dimensionCol: data.dimensions[data.colType].store,
+        dimensionRow: data.dimensions[type].store,
+        style: fixed
+            ? { height: `${data.dimensions[type].store.get('realSize')}px` }
+            : undefined,
+    };
+}
+
+class GridResizeService {
+    constructor(el, resize, elements) {
+        this.resize = resize;
+        this.resizeObserver = null;
+        this.previousSize = {
+            width: 0,
+            height: 0,
+        };
+        this.apply = throttle((e) => {
+            var _a;
+            const entry = {
+                width: e.width,
+                height: e.height,
+            };
+            (_a = this.resize) === null || _a === void 0 ? void 0 : _a.call(this, entry, this.previousSize);
+            this.previousSize = entry;
+        }, 40, {
+            leading: false,
+            trailing: true,
+        });
+        const extras = [];
+        elements.forEach((element) => {
+            if (element) {
+                extras.push(element);
+            }
+        });
+        this.init(el, extras);
+    }
+    init(el, extras = []) {
+        const observer = this.resizeObserver = new ResizeObserver((e) => {
+            if (e.length) {
+                if (e[0].target === el) {
+                    this.apply(e[0].contentRect);
+                }
+                else {
+                    this.apply(el.getBoundingClientRect());
+                }
+            }
+        });
+        observer.observe(el);
+        extras.forEach((extra) => {
+            observer.observe(extra);
+        });
+    }
+    destroy() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.resizeObserver = null;
+    }
+}
+
+const revogrViewportScrollStyleCss = ".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%}";
+
+const RevogrViewportScroll = /*@__PURE__*/ proxyCustomElement(class RevogrViewportScroll extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.scrollViewport = createEvent(this, "scrollviewport", 7);
+        this.resizeViewport = createEvent(this, "resizeviewport", 7);
+        this.scrollchange = createEvent(this, "scrollchange", 7);
+        this.silentScroll = createEvent(this, "scrollviewportsilent", 7);
+        /**
+         * Width of inner content
+         */
+        this.contentWidth = 0;
+        /**
+         * Height of inner content
+         */
+        this.contentHeight = 0;
+    }
+    async setScroll(e) {
+        var _a;
+        this.localScrollTimer.latestScrollUpdate(e.dimension);
+        (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.setScroll(e);
+    }
+    /**
+     * update on delta in case we don't know existing position or external change
+     * @param e
+     */
+    async changeScroll(e, silent = false) {
+        var _a, _b;
+        if (silent) {
+            if (e.coordinate && this.verticalScroll) {
+                switch (e.dimension) {
+                    // for mobile devices to skip negative scroll loop. only on vertical scroll
+                    case 'rgRow':
+                        this.verticalScroll.style.transform = `translateY(${ -1 * e.coordinate}px)`;
+                        break;
+                }
+            }
+            return;
+        }
+        if (e.delta) {
+            switch (e.dimension) {
+                case 'rgCol':
+                    e.coordinate = this.horizontalScroll.scrollLeft + e.delta;
+                    break;
+                case 'rgRow':
+                    e.coordinate = ((_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0) + e.delta;
+                    break;
+            }
+            this.setScroll(e);
+        }
+        return e;
+    }
+    /**
+     * Dispatch this event to trigger vertical mouse wheel from plugins
+     */
+    mousewheelVertical({ detail: e, }) {
+        this.verticalMouseWheel(e);
+    }
+    /**
+     * Dispatch this event to trigger horizontal mouse wheel from plugins
+     */
+    mousewheelHorizontal({ detail: e, }) {
+        this.horizontalMouseWheel(e);
+    }
+    /**
+     * Allows to use outside listener
+     */
+    scrollApply({ detail: { type, coordinate }, }) {
+        this.applyOnScroll(type, coordinate, true);
+    }
+    connectedCallback() {
+        /**
+         * Bind scroll functions for farther usage
+         */
+        // allow mousewheel for all devices including mobile
+        this.verticalMouseWheel = this.onVerticalMouseWheel.bind(this, 'rgRow', 'deltaY');
+        this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(this, 'rgCol', 'deltaX');
+        this.localScrollTimer = new LocalScrollTimer('ontouchstart' in document.documentElement ? 0 : 10);
+        /**
+         * Create local scroll service
+         */
+        this.localScrollService = new LocalScrollService({
+            // to improve safari smoothnes on scroll
+            // skipAnimationFrame: isSafariDesktop(),
+            runScroll: e => this.scrollViewport.emit(e),
+            applyScroll: e => {
+                this.localScrollTimer.setCoordinate(e);
+                switch (e.dimension) {
+                    case 'rgCol':
+                        // this will trigger on scroll event
+                        this.horizontalScroll.scrollLeft = e.coordinate;
+                        break;
+                    case 'rgRow':
+                        if (this.verticalScroll) {
+                            // this will trigger on scroll event
+                            this.verticalScroll.scrollTop = e.coordinate;
+                            // for mobile devices to skip negative scroll loop. only on vertical scroll
+                            if (this.verticalScroll.style.transform) {
+                                this.verticalScroll.style.transform = '';
+                            }
+                        }
+                        break;
+                }
+            },
+        });
+    }
+    componentDidLoad() {
+        // track viewport resize
+        this.resizeService = new GridResizeService(this.horizontalScroll, (entry) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            const els = {};
+            let calculatedHeight = entry.height || 0;
+            if (calculatedHeight) {
+                calculatedHeight -=
+                    ((_b = (_a = this.header) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0) +
+                        ((_d = (_c = this.footer) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0);
+            }
+            els.rgRow = {
+                size: calculatedHeight,
+                contentSize: this.contentHeight,
+                scroll: (_f = (_e = this.verticalScroll) === null || _e === void 0 ? void 0 : _e.scrollTop) !== null && _f !== void 0 ? _f : 0,
+                noScroll: false,
+            };
+            const calculatedWidth = entry.width || 0;
+            els.rgCol = {
+                size: calculatedWidth,
+                contentSize: this.contentWidth,
+                scroll: this.horizontalScroll.scrollLeft,
+                noScroll: this.colType !== 'rgCol',
+            };
+            // Process changes in order: width first, then height
+            const dimensions = ['rgCol', 'rgRow'];
+            for (const dimension of dimensions) {
+                const item = els[dimension];
+                if (!item)
+                    continue;
+                this.resizeViewport.emit({
+                    dimension,
+                    size: item.size,
+                    rowHeader: this.rowHeader,
+                });
+                if (item.noScroll) {
+                    continue;
+                }
+                (_g = this.localScrollService) === null || _g === void 0 ? void 0 : _g.scroll((_h = item.scroll) !== null && _h !== void 0 ? _h : 0, dimension, true);
+                // track scroll visibility on outer element change
+                this.setScrollVisibility(dimension, item.size, item.contentSize);
+            }
+        }, [this.footer, this.header]);
+    }
+    /**
+     * Check if scroll present or not per type
+     * Trigger this method on inner content size change or on outer element size change
+     * If inner content bigger then outer size then scroll is present and mousewheel binding required
+     * @param type - dimension type 'rgRow/y' or 'rgCol/x'
+     * @param size - outer content size
+     * @param innerContentSize - inner content size
+     */
+    setScrollVisibility(type, size, innerContentSize) {
+        // test if scroll present
+        const hasScroll = size < innerContentSize;
+        let el;
+        // event reference for binding
+        switch (type) {
+            case 'rgCol':
+                el = this.horizontalScroll;
+                break;
+            case 'rgRow':
+                el = this.verticalScroll;
+                break;
+        }
+        // based on scroll visibility assign or remove class and event
+        if (hasScroll) {
+            el === null || el === void 0 ? void 0 : el.classList.add(`scroll-${type}`);
+        }
+        else {
+            el === null || el === void 0 ? void 0 : el.classList.remove(`scroll-${type}`);
+        }
+        this.scrollchange.emit({ type, hasScroll });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeService) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    async componentDidRender() {
+        var _a, _b, _c, _d;
+        this.localScrollService.setParams({
+            contentSize: this.contentHeight,
+            clientSize: (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0,
+            virtualSize: 0,
+        }, 'rgRow');
+        this.localScrollService.setParams({
+            contentSize: this.contentWidth,
+            clientSize: this.horizontalScroll.clientWidth,
+            virtualSize: 0,
+        }, 'rgCol');
+        this.setScrollVisibility('rgRow', (_d = (_c = this.verticalScroll) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0, this.contentHeight);
+        this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
+    }
+    render() {
+        return (h(Host, { key: 'b7b0e888a691e5ce6c785a96955cdc9264c90914', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: '830a0f38823e5df46afcdb27b21f75a12e6ad0a2', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { key: 'b6508e82d36162dfdc3265c5647edb767eeefc26', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: 'e11b19992a8b997855a44a9a66cdc002560185e5', name: HEADER_SLOT })), h("div", { key: '5dc1ffd25ee7e4d008bf46a5c9c5212f3d49f2e5', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: '356f1cb6626fe671e66c9f3963c9d453fbe4211a', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { key: 'e67a86a5d08b64d7335ea74a082bd55edf4d47c7', name: CONTENT_SLOT }))), h("div", { key: 'c797e2a807908b3f13fc1b41b8ebe64c212f4546', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: '3e7e8a7f02fe8ed53f8fed64bb087887053f4be5', name: FOOTER_SLOT })))));
+    }
+    /**
+     * Extra layer for scroll event monitoring, where MouseWheel event is not passing
+     * We need to trigger scroll event in case there is no mousewheel event
+     */
+    async applyScroll(type, e) {
+        if (!(e.target instanceof HTMLElement)) {
+            return;
+        }
+        let scroll = 0;
+        switch (type) {
+            case 'rgCol':
+                scroll = e.target.scrollLeft;
+                break;
+            case 'rgRow':
+                scroll = e.target.scrollTop;
+                break;
+        }
+        // for mobile devices to skip negative scroll loop
+        if (scroll < 0) {
+            this.silentScroll.emit({ dimension: type, coordinate: scroll });
+            return;
+        }
+        this.applyOnScroll(type, scroll);
+    }
+    /**
+     * Applies change on scroll event only if mousewheel event happened some time ago
+     */
+    applyOnScroll(type, coordinate, outside = false) {
+        const lastScrollUpdate = () => {
+            var _a;
+            (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(coordinate, type, undefined, undefined, outside);
+        };
+        // apply after throttling
+        if (this.localScrollTimer.isReady(type, coordinate)) {
+            lastScrollUpdate();
+        }
+        else {
+            this.localScrollTimer.throttleLastScrollUpdate(type, coordinate, () => lastScrollUpdate());
+        }
+    }
+    /**
+     * On vertical mousewheel event
+     * @param type
+     * @param delta
+     * @param e
+     */
+    onVerticalMouseWheel(type, delta, e) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const scrollTop = (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0;
+        const clientHeight = (_d = (_c = this.verticalScroll) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0;
+        const scrollHeight = (_f = (_e = this.verticalScroll) === null || _e === void 0 ? void 0 : _e.scrollHeight) !== null && _f !== void 0 ? _f : 0;
+        // Detect if the user has reached the bottom
+        const atBottom = scrollTop + clientHeight >= scrollHeight && e.deltaY > 0;
+        const atTop = scrollTop === 0 && e.deltaY < 0;
+        if (!atBottom && !atTop) {
+            (_g = e.preventDefault) === null || _g === void 0 ? void 0 : _g.call(e);
+        }
+        const pos = scrollTop + e[delta];
+        (_h = this.localScrollService) === null || _h === void 0 ? void 0 : _h.scroll(pos, type, undefined, e[delta]);
+        this.localScrollTimer.latestScrollUpdate(type);
+    }
+    /**
+     * On horizontal mousewheel event
+     * @param type
+     * @param delta
+     * @param e
+     */
+    onHorizontalMouseWheel(type, delta, e) {
+        var _a, _b;
+        if (!e.deltaX) {
+            return;
+        }
+        const { scrollLeft, scrollWidth, clientWidth } = this.horizontalScroll;
+        // Detect if the user has reached the right end
+        const atRight = scrollLeft + clientWidth >= scrollWidth && e.deltaX > 0;
+        // Detect if the user has reached the left end
+        const atLeft = scrollLeft === 0 && e.deltaX < 0;
+        if (!atRight && !atLeft) {
+            (_a = e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
+        }
+        const pos = scrollLeft + e[delta];
+        (_b = this.localScrollService) === null || _b === void 0 ? void 0 : _b.scroll(pos, type, undefined, e[delta]);
+        this.localScrollTimer.latestScrollUpdate(type);
+    }
+    get horizontalScroll() { return this; }
+    static get style() { return revogrViewportScrollStyleCss; }
+}, [260, "revogr-viewport-scroll", {
+        "rowHeader": [4, "row-header"],
+        "contentWidth": [2, "content-width"],
+        "contentHeight": [2, "content-height"],
+        "colType": [1, "col-type"],
+        "setScroll": [64],
+        "changeScroll": [64],
+        "applyScroll": [64]
+    }, [[0, "mousewheel-vertical", "mousewheelVertical"], [0, "mousewheel-horizontal", "mousewheelHorizontal"], [0, "scroll-coordinate", "scrollApply"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-viewport-scroll"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-viewport-scroll":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevogrViewportScroll);
+            }
+            break;
+    } });
+}
+
+export { CONTENT_SLOT as C, DATA_SLOT as D, FOOTER_SLOT as F, HEADER_SLOT as H, RevogrViewportScroll as R, defineCustomElement as d, viewportDataPartition as v };
+//# sourceMappingURL=revogr-viewport-scroll2.js.map
+
+//# sourceMappingURL=revogr-viewport-scroll2.js.map

package/standalone/revogr-viewport-scroll2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-viewport-scroll2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/revoGrid/viewport.helpers.ts","src/components/revoGrid/viewport.resize.service.ts","src/components/scroll/revogr-viewport-scroll-style.scss?tag=revogr-viewport-scroll","src/components/scroll/revogr-viewport-scroll.tsx"],"sourcesContent":["/**\r\n * Collects data for pinned columns in the required @ViewportProps format.\r\n */\r\n\r\nimport type {\r\n  DimensionRows,\r\n  MultiDimensionType,\r\n  SlotType,\r\n  Cell,\r\n  ViewportColumn,\r\n  ColumnRegular,\r\n  DimensionCols,\r\n  ViewportState,\r\n  DimensionSettingsState,\r\n  DataType,\r\n} from '@type';\r\nimport type { Observable } from '../../utils';\r\nimport type { DSourceState } from '../../store';\r\n/**\r\n * Represents the slot names for the viewport slots.\r\n */\r\nexport const HEADER_SLOT = 'header'; // Slot name for the header slot\r\nexport const FOOTER_SLOT = 'footer'; // Slot name for the footer slot\r\nexport const CONTENT_SLOT = 'content'; // Slot name for the content slot\r\nexport const DATA_SLOT = 'data'; // Slot name for the data slot\r\n\r\n/**\r\n * Returns the last visible cell in the viewport for a given row type.\r\n * Coordinates are not zero-based and are relative to the viewport.\r\n * If needed to be zero-based they can be adjusted by subtracting 1.\r\n */\r\nexport function getLastCell(\r\n  data: ViewportColumn,\r\n  rowType: MultiDimensionType,\r\n): Cell {\r\n  // Get the last visible column count from the viewport column data.\r\n  const lastVisibleColumnCount = data.viewports[data.colType].store.get('realCount');\r\n\r\n  // Get the last visible row count for the given row type from the viewport column data.\r\n  const lastVisibleRowCount = data.viewports[rowType].store.get('realCount');\r\n\r\n  // Return the last visible cell with the last visible column count and row count.\r\n  return {\r\n    x: lastVisibleColumnCount,\r\n    y: lastVisibleRowCount,\r\n  };\r\n}\r\n\r\n/**\r\n * Represents the partition of viewport data.\r\n */\r\nexport type VPPartition = {\r\n  colData: Observable<DSourceState<ColumnRegular, DimensionCols>>;\r\n  viewportCol: Observable<ViewportState>;\r\n  viewportRow: Observable<ViewportState>;\r\n  lastCell: Cell;\r\n  slot: SlotType;\r\n  type: DimensionRows;\r\n  canDrag: boolean;\r\n  position: Cell;\r\n  dataStore: Observable<DSourceState<DataType, DimensionRows>>;\r\n  dimensionCol: Observable<DimensionSettingsState>;\r\n  dimensionRow: Observable<DimensionSettingsState>;\r\n  style?: { height: string };\r\n};\r\n\r\nexport function viewportDataPartition(\r\n  data: ViewportColumn,\r\n  type: DimensionRows,\r\n  slot: SlotType,\r\n  fixed?: boolean,\r\n): VPPartition {\r\n  return {\r\n    colData: data.colStore,\r\n    viewportCol: data.viewports[data.colType].store,\r\n    viewportRow: data.viewports[type].store,\r\n    // lastCell is the last real coordinate + 1\r\n    lastCell: getLastCell(data, type),\r\n    slot,\r\n    type,\r\n    canDrag: !fixed,\r\n    position: data.position,\r\n    dataStore: data.rowStores[type].store,\r\n    dimensionCol: data.dimensions[data.colType].store,\r\n    dimensionRow: data.dimensions[type].store,\r\n    style: fixed\r\n      ? { height: `${data.dimensions[type].store.get('realSize')}px` }\r\n      : undefined,\r\n  };\r\n}\r\n","import throttle from 'lodash/throttle';\r\ntype ResizeEntry = {\r\n  width: number;\r\n  height: number;\r\n};\r\nexport default class GridResizeService {\r\n  private resizeObserver: ResizeObserver | null = null;\r\n  private previousSize: ResizeEntry = {\r\n    width: 0,\r\n    height: 0,\r\n  };\r\n  readonly apply = throttle(\r\n    (e: { width: number, height: number }) => {\r\n      const entry = {\r\n        width: e.width,\r\n        height: e.height,\r\n      };\r\n      this.resize?.(entry, this.previousSize);\r\n      this.previousSize = entry;\r\n    },\r\n    40,\r\n    {\r\n      leading: false,\r\n      trailing: true,\r\n    }\r\n  );\r\n  constructor(\r\n    el: HTMLElement,\r\n    private readonly resize: (\r\n      entry: ResizeEntry,\r\n      previousSize: ResizeEntry,\r\n    ) => void,\r\n    elements: (HTMLElement | undefined)[],\r\n  ) {\r\n    const extras: HTMLElement[] = [];\r\n    elements.forEach((element) => {\r\n      if (element) {\r\n        extras.push(element);\r\n      }\r\n    });\r\n    this.init(el, extras);\r\n  }\r\n\r\n  init(el: HTMLElement, extras: HTMLElement[] = []) {\r\n    const observer = this.resizeObserver = new ResizeObserver((e) => {\r\n      if (e.length) {\r\n        if (e[0].target === el) {\r\n          this.apply(e[0].contentRect);\r\n        } else {\r\n          this.apply(el.getBoundingClientRect());\r\n        }\r\n      }\r\n    });\r\n    observer.observe(el);\r\n    extras.forEach((extra) => {\r\n      observer.observe(extra);\r\n    });\r\n  }\r\n\r\n  destroy() {\r\n    this.resizeObserver?.disconnect();\r\n    this.resizeObserver = null;\r\n  }\r\n}\r\n","@mixin noScroll {\r\n  /* Hide scrollbar for IE and Edge */\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none; /* Firefox */\r\n  /* Hide scrollbar for Chrome, Safari and Opera */\r\n  &::-webkit-scrollbar {\r\n    display: none;\r\n    -webkit-appearance: none;\r\n  }\r\n}\r\n\r\n.rowHeaders {\r\n  z-index: 2;\r\n  font-size: 10px;\r\n  display: flex;\r\n  height: 100%;\r\n\r\n  revogr-data .rgCell {\r\n    text-align: center;\r\n  }\r\n\r\n  .rgCell {\r\n    padding: 0 1em !important;\r\n    min-width: 100%;\r\n  }\r\n}\r\n\r\nrevogr-viewport-scroll {\r\n  @include noScroll;\r\n\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  position: relative;\r\n  z-index: 1;\r\n  height: 100%;\r\n\r\n  &.colPinStart,\r\n  &.colPinEnd {\r\n    z-index: 2;\r\n  }\r\n\r\n  // make sure it would work\r\n  &.colPinEnd:has(.active) {\r\n    overflow: visible;\r\n  }\r\n\r\n  &.rgCol {\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .content-wrapper {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .inner-content-table {\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n    width: 100%;\r\n    min-width: 100%;\r\n    position: relative;\r\n    z-index: 0;\r\n  }\r\n\r\n  .vertical-inner {\r\n    overflow-y: auto;\r\n    position: relative;\r\n    width: 100%;\r\n    flex-grow: 1;\r\n    outline: none; // avoid accessibility focus issue\r\n    @include noScroll;\r\n\r\n    revogr-data,\r\n    revogr-overlay-selection {\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  Event,\r\n  EventEmitter,\r\n  h,\r\n  Method,\r\n  Element,\r\n  Prop,\r\n  Host,\r\n  Listen,\r\n} from '@stencil/core';\r\n\r\nimport GridResizeService from '../revoGrid/viewport.resize.service';\r\nimport LocalScrollService from '../../services/local.scroll.service';\r\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\r\nimport {\r\n  CONTENT_SLOT,\r\n  FOOTER_SLOT,\r\n  HEADER_SLOT,\r\n} from '../revoGrid/viewport.helpers';\r\nimport type {\r\n  DimensionCols,\r\n  DimensionType,\r\n  ElementScroll,\r\n  ScrollCoordinateEvent,\r\n  ViewPortResizeEvent,\r\n  ViewPortScrollEvent,\r\n} from '@type';\r\n\r\ntype Delta = 'deltaX' | 'deltaY';\r\ntype LocalScrollEvent = {\r\n  preventDefault(): void;\r\n} & { [x in Delta]: number };\r\n\r\n/**\r\n * Viewport scroll component for RevoGrid\r\n * @slot - content\r\n * @slot header - header\r\n * @slot footer - footer\r\n */\r\n@Component({\r\n  tag: 'revogr-viewport-scroll',\r\n  styleUrl: 'revogr-viewport-scroll-style.scss',\r\n})\r\nexport class RevogrViewportScroll implements ElementScroll {\r\n  /**\r\n   * Enable row header\r\n   */\r\n  @Prop() readonly rowHeader: boolean;\r\n\r\n  /**\r\n   * Width of inner content\r\n   */\r\n  @Prop() contentWidth = 0;\r\n  /**\r\n   * Height of inner content\r\n   */\r\n  @Prop() contentHeight = 0;\r\n\r\n  @Prop() colType!: DimensionCols | 'rowHeaders';\r\n\r\n  /**\r\n   * Before scroll event\r\n   */\r\n  @Event({ eventName: 'scrollviewport', bubbles: true })\r\n  scrollViewport: EventEmitter<ViewPortScrollEvent>;\r\n  /**\r\n   * Viewport resize\r\n   */\r\n  @Event({ eventName: 'resizeviewport' })\r\n  resizeViewport: EventEmitter<ViewPortResizeEvent>;\r\n\r\n  /**\r\n   * Triggered on scroll change, can be used to get information about scroll visibility\r\n   */\r\n  @Event() scrollchange: EventEmitter<{\r\n    type: DimensionType;\r\n    hasScroll: boolean;\r\n  }>;\r\n\r\n  /**\r\n   * Silently scroll to coordinate\r\n   * Made to align negative coordinates for mobile devices\r\n   */\r\n  @Event({ eventName: 'scrollviewportsilent' })\r\n  silentScroll: EventEmitter<ViewPortScrollEvent>;\r\n\r\n  @Element() horizontalScroll: HTMLElement;\r\n\r\n  private verticalScroll?: HTMLElement;\r\n  private header?: HTMLElement;\r\n  private footer?: HTMLElement;\r\n\r\n  /**\r\n   * Static functions to bind wheel change\r\n   */\r\n  private horizontalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\r\n  private verticalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\r\n\r\n  private resizeService?: GridResizeService;\r\n  private localScrollService: LocalScrollService;\r\n  private localScrollTimer: LocalScrollTimer;\r\n\r\n  @Method() async setScroll(e: ViewPortScrollEvent) {\r\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\r\n    this.localScrollService?.setScroll(e);\r\n  }\r\n\r\n  /**\r\n   * update on delta in case we don't know existing position or external change\r\n   * @param e\r\n   */\r\n  @Method() async changeScroll(e: ViewPortScrollEvent, silent = false) {\r\n    if (silent) {\r\n      if (e.coordinate && this.verticalScroll) {\r\n        switch (e.dimension) {\r\n          // for mobile devices to skip negative scroll loop. only on vertical scroll\r\n          case 'rgRow':\r\n            this.verticalScroll.style.transform = `translateY(${-1 * e.coordinate}px)`;\r\n            break;\r\n        }\r\n      }\r\n      return;\r\n    }\r\n    if (e.delta) {\r\n      switch (e.dimension) {\r\n        case 'rgCol':\r\n          e.coordinate = this.horizontalScroll.scrollLeft + e.delta;\r\n          break;\r\n        case 'rgRow':\r\n          e.coordinate = (this.verticalScroll?.scrollTop ?? 0) + e.delta;\r\n          break;\r\n      }\r\n      this.setScroll(e);\r\n    }\r\n    return e;\r\n  }\r\n\r\n  /**\r\n   * Dispatch this event to trigger vertical mouse wheel from plugins\r\n   */\r\n  @Listen('mousewheel-vertical') mousewheelVertical({\r\n    detail: e,\r\n  }: CustomEvent<LocalScrollEvent>) {\r\n    this.verticalMouseWheel(e);\r\n  }\r\n  /**\r\n   * Dispatch this event to trigger horizontal mouse wheel from plugins\r\n   */\r\n  @Listen('mousewheel-horizontal') mousewheelHorizontal({\r\n    detail: e,\r\n  }: CustomEvent<LocalScrollEvent>) {\r\n    this.horizontalMouseWheel(e);\r\n  }\r\n  /**\r\n   * Allows to use outside listener\r\n   */\r\n  @Listen('scroll-coordinate') scrollApply({\r\n    detail: { type, coordinate },\r\n  }: CustomEvent<ScrollCoordinateEvent>) {\r\n    this.applyOnScroll(type, coordinate, true);\r\n  }\r\n\r\n  connectedCallback() {\r\n    /**\r\n     * Bind scroll functions for farther usage\r\n     */\r\n    // allow mousewheel for all devices including mobile\r\n    this.verticalMouseWheel = this.onVerticalMouseWheel.bind(\r\n      this,\r\n      'rgRow',\r\n      'deltaY',\r\n    );\r\n    this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(\r\n      this,\r\n      'rgCol',\r\n      'deltaX',\r\n    );\r\n    this.localScrollTimer = new LocalScrollTimer(\r\n      'ontouchstart' in document.documentElement ? 0 : 10,\r\n    );\r\n    /**\r\n     * Create local scroll service\r\n     */\r\n    this.localScrollService = new LocalScrollService({\r\n      // to improve safari smoothnes on scroll\r\n      // skipAnimationFrame: isSafariDesktop(),\r\n      runScroll: e => this.scrollViewport.emit(e),\r\n      applyScroll: e => {\r\n        this.localScrollTimer.setCoordinate(e);\r\n        switch (e.dimension) {\r\n          case 'rgCol':\r\n            // this will trigger on scroll event\r\n            this.horizontalScroll.scrollLeft = e.coordinate;\r\n            break;\r\n          case 'rgRow':\r\n            if (this.verticalScroll) {\r\n              // this will trigger on scroll event\r\n              this.verticalScroll.scrollTop = e.coordinate;\r\n              // for mobile devices to skip negative scroll loop. only on vertical scroll\r\n              if (this.verticalScroll.style.transform) {\r\n                this.verticalScroll.style.transform = '';\r\n              }\r\n            }\r\n            break;\r\n        }\r\n      },\r\n    });\r\n  }\r\n\r\n  componentDidLoad() {\r\n    // track viewport resize\r\n    this.resizeService = new GridResizeService(\r\n      this.horizontalScroll,\r\n      (entry) => {\r\n        const els: Partial<\r\n          Record<\r\n            DimensionType,\r\n            {\r\n              size: number;\r\n              contentSize: number;\r\n              scroll: number;\r\n              noScroll: boolean;\r\n            }\r\n          >\r\n        > = {};\r\n\r\n        let calculatedHeight = entry.height || 0;\r\n        if (calculatedHeight) {\r\n          calculatedHeight -=\r\n            (this.header?.clientHeight ?? 0) +\r\n            (this.footer?.clientHeight ?? 0);\r\n        }\r\n        els.rgRow = {\r\n          size: calculatedHeight,\r\n          contentSize: this.contentHeight,\r\n          scroll: this.verticalScroll?.scrollTop ?? 0,\r\n          noScroll: false,\r\n        };\r\n        const calculatedWidth = entry.width || 0;\r\n        els.rgCol = {\r\n          size: calculatedWidth,\r\n          contentSize: this.contentWidth,\r\n          scroll: this.horizontalScroll.scrollLeft,\r\n          noScroll: this.colType !== 'rgCol',\r\n        };\r\n        // Process changes in order: width first, then height\r\n        const dimensions: DimensionType[] = ['rgCol', 'rgRow'];\r\n        for (const dimension of dimensions) {\r\n          const item = els[dimension];\r\n          if (!item) continue;\r\n          this.resizeViewport.emit({\r\n            dimension,\r\n            size: item.size,\r\n            rowHeader: this.rowHeader,\r\n          });\r\n          if (item.noScroll) {\r\n            continue;\r\n          }\r\n          this.localScrollService?.scroll(item.scroll ?? 0, dimension, true);\r\n          // track scroll visibility on outer element change\r\n          this.setScrollVisibility(dimension, item.size, item.contentSize);\r\n        }\r\n      },\r\n      [this.footer, this.header],\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Check if scroll present or not per type\r\n   * Trigger this method on inner content size change or on outer element size change\r\n   * If inner content bigger then outer size then scroll is present and mousewheel binding required\r\n   * @param type - dimension type 'rgRow/y' or 'rgCol/x'\r\n   * @param size - outer content size\r\n   * @param innerContentSize - inner content size\r\n   */\r\n  setScrollVisibility(\r\n    type: DimensionType,\r\n    size: number,\r\n    innerContentSize: number,\r\n  ) {\r\n    // test if scroll present\r\n    const hasScroll = size < innerContentSize;\r\n    let el: HTMLElement | undefined;\r\n    // event reference for binding\r\n    switch (type) {\r\n      case 'rgCol':\r\n        el = this.horizontalScroll;\r\n        break;\r\n      case 'rgRow':\r\n        el = this.verticalScroll;\r\n        break;\r\n    }\r\n    // based on scroll visibility assign or remove class and event\r\n    if (hasScroll) {\r\n      el?.classList.add(`scroll-${type}`);\r\n    } else {\r\n      el?.classList.remove(`scroll-${type}`);\r\n    }\r\n    this.scrollchange.emit({ type, hasScroll });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resizeService?.destroy();\r\n  }\r\n\r\n  async componentDidRender() {\r\n    this.localScrollService.setParams(\r\n      {\r\n        contentSize: this.contentHeight,\r\n        clientSize: this.verticalScroll?.clientHeight ?? 0,\r\n        virtualSize: 0,\r\n      },\r\n      'rgRow',\r\n    );\r\n\r\n    this.localScrollService.setParams(\r\n      {\r\n        contentSize: this.contentWidth,\r\n        clientSize: this.horizontalScroll.clientWidth,\r\n        virtualSize: 0,\r\n      },\r\n      'rgCol',\r\n    );\r\n    this.setScrollVisibility(\r\n      'rgRow',\r\n      this.verticalScroll?.clientHeight ?? 0,\r\n      this.contentHeight,\r\n    );\r\n    this.setScrollVisibility(\r\n      'rgCol',\r\n      this.horizontalScroll.clientWidth,\r\n      this.contentWidth,\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        onWheel={this.horizontalMouseWheel}\r\n        onScroll={(e: UIEvent) => this.applyScroll('rgCol', e)}\r\n      >\r\n        <div\r\n          class=\"inner-content-table\"\r\n          style={{ width: `${this.contentWidth}px` }}\r\n        >\r\n          <div class=\"header-wrapper\" ref={e => (this.header = e)}>\r\n            <slot name={HEADER_SLOT} />\r\n          </div>\r\n          <div\r\n            class=\"vertical-inner\"\r\n            ref={el => (this.verticalScroll = el)}\r\n            onWheel={this.verticalMouseWheel}\r\n            onScroll={(e: MouseEvent) => this.applyScroll('rgRow', e)}\r\n          >\r\n            <div\r\n              class=\"content-wrapper\"\r\n              style={{ height: `${this.contentHeight}px` }}\r\n            >\r\n              <slot name={CONTENT_SLOT} />\r\n            </div>\r\n          </div>\r\n          <div class=\"footer-wrapper\" ref={e => (this.footer = e)}>\r\n            <slot name={FOOTER_SLOT} />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n  /**\r\n   * Extra layer for scroll event monitoring, where MouseWheel event is not passing\r\n   * We need to trigger scroll event in case there is no mousewheel event\r\n   */\r\n  @Method() async applyScroll(type: DimensionType, e: UIEvent) {\r\n    if (!(e.target instanceof HTMLElement)) {\r\n      return;\r\n    }\r\n    let scroll = 0;\r\n    switch (type) {\r\n      case 'rgCol':\r\n        scroll = e.target.scrollLeft;\r\n        break;\r\n      case 'rgRow':\r\n        scroll = e.target.scrollTop;\r\n        break;\r\n    }\r\n\r\n    // for mobile devices to skip negative scroll loop\r\n    if (scroll < 0) {\r\n      this.silentScroll.emit({ dimension: type, coordinate: scroll });\r\n      return;\r\n    }\r\n    this.applyOnScroll(type, scroll);\r\n  }\r\n\r\n  /**\r\n   * Applies change on scroll event only if mousewheel event happened some time ago\r\n   */\r\n  private applyOnScroll(\r\n    type: DimensionType,\r\n    coordinate: number,\r\n    outside = false,\r\n  ) {\r\n    const lastScrollUpdate = () => {\r\n      this.localScrollService?.scroll(\r\n        coordinate,\r\n        type,\r\n        undefined,\r\n        undefined,\r\n        outside,\r\n      );\r\n    };\r\n    // apply after throttling\r\n    if (this.localScrollTimer.isReady(type, coordinate)) {\r\n      lastScrollUpdate();\r\n    } else {\r\n      this.localScrollTimer.throttleLastScrollUpdate(type, coordinate, () => lastScrollUpdate());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On vertical mousewheel event\r\n   * @param type\r\n   * @param delta\r\n   * @param e\r\n   */\r\n  private onVerticalMouseWheel(\r\n    type: DimensionType,\r\n    delta: Delta,\r\n    e: LocalScrollEvent,\r\n  ) {\r\n    const scrollTop = this.verticalScroll?.scrollTop ?? 0;\r\n    const clientHeight = this.verticalScroll?.clientHeight ?? 0;\r\n    const scrollHeight = this.verticalScroll?.scrollHeight ?? 0;\r\n\r\n    // Detect if the user has reached the bottom\r\n    const atBottom = scrollTop + clientHeight >= scrollHeight && e.deltaY > 0;\r\n    const atTop = scrollTop === 0 && e.deltaY < 0;\r\n    if (!atBottom && !atTop) {\r\n      e.preventDefault?.();\r\n    }\r\n    const pos = scrollTop + e[delta];\r\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\r\n    this.localScrollTimer.latestScrollUpdate(type);\r\n  }\r\n\r\n  /**\r\n   * On horizontal mousewheel event\r\n   * @param type\r\n   * @param delta\r\n   * @param e\r\n   */\r\n  private onHorizontalMouseWheel(\r\n    type: DimensionType,\r\n    delta: Delta,\r\n    e: LocalScrollEvent,\r\n  ) {\r\n    if (!e.deltaX) {\r\n      return;\r\n    }\r\n    const { scrollLeft, scrollWidth, clientWidth } = this.horizontalScroll;\r\n\r\n    // Detect if the user has reached the right end\r\n    const atRight = scrollLeft + clientWidth >= scrollWidth && e.deltaX > 0;\r\n\r\n    // Detect if the user has reached the left end\r\n    const atLeft = scrollLeft === 0 && e.deltaX < 0;\r\n    if (!atRight && !atLeft) {\r\n      e.preventDefault?.();\r\n    }\r\n    const pos = scrollLeft + e[delta];\r\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\r\n    this.localScrollTimer.latestScrollUpdate(type);\r\n  }\r\n}\r\n"],"version":3}