lsp-grid 1.0.0

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 {\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"]}

package/dist/collection/components/scrollable/autohide-scroll.plugin.js

@@ -0,0 +1,44 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Autohide scroll for MacOS when scroll is visible only for 1 sec
+ */
+export class AutohideScrollPlugin {
+    constructor(element) {
+        this.element = element;
+        this.autohideScrollTimeout = 0;
+    }
+    /**
+     * When scroll size updates set it up for autohide
+     */
+    setScrollSize(s) {
+        if (!s) {
+            this.element.setAttribute('autohide', 'true');
+        }
+        else {
+            this.element.removeAttribute('autohide');
+        }
+    }
+    /**
+     * On each scroll check if it's time to show
+     */
+    checkScroll({ scrollSize, contentSize, virtualSize, }) {
+        const hasScroll = contentSize > virtualSize;
+        const isHidden = !scrollSize && hasScroll;
+        if (isHidden) {
+            this.element.setAttribute('visible', 'true');
+            this.autohideScrollTimeout = this.show(this.element, this.autohideScrollTimeout);
+        }
+    }
+    show(element, timeout) {
+        clearTimeout(timeout);
+        return Number(setTimeout(() => {
+            element === null || element === void 0 ? void 0 : element.removeAttribute('visible');
+        }, 1000));
+    }
+    clear() {
+        clearTimeout(this.autohideScrollTimeout);
+    }
+}
+//# sourceMappingURL=autohide-scroll.plugin.js.map

package/dist/collection/components/scrollable/autohide-scroll.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autohide-scroll.plugin.js","sourceRoot":"","sources":["../../../src/components/scrollable/autohide-scroll.plugin.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,OAAO,oBAAoB;IAE/B,YAAoB,OAAoB;QAApB,YAAO,GAAP,OAAO,CAAa;QADhC,0BAAqB,GAAG,CAAC,CAAC;IAElC,CAAC;IAED;;OAEG;IACH,aAAa,CAAC,CAAS;QACrB,IAAI,CAAC,CAAC,EAAE,CAAC;YACP,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,EACV,UAAU,EACV,WAAW,EACX,WAAW,GAKZ;QACC,MAAM,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;QAC5C,MAAM,QAAQ,GAAG,CAAC,UAAU,IAAI,SAAS,CAAC;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAC7C,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,IAAI,CACpC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,qBAAqB,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,IAAI,CAAC,OAAqB,EAAE,OAAgB;QAClD,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,MAAM,CACX,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QACtC,CAAC,EAAE,IAAI,CAAC,CACT,CAAC;IACJ,CAAC;IACD,KAAK;QACH,YAAY,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;CACF","sourcesContent":["\r\n\r\n/**\r\n * Autohide scroll for MacOS when scroll is visible only for 1 sec\r\n */\r\nexport class AutohideScrollPlugin {\r\n  private autohideScrollTimeout = 0;\r\n  constructor(private element: HTMLElement) {\r\n  }\r\n\r\n  /**\r\n   * When scroll size updates set it up for autohide\r\n   */\r\n  setScrollSize(s: number) {\r\n    if (!s) {\r\n      this.element.setAttribute('autohide', 'true');\r\n    } else {\r\n      this.element.removeAttribute('autohide');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On each scroll check if it's time to show\r\n   */\r\n  checkScroll({\r\n    scrollSize,\r\n    contentSize,\r\n    virtualSize,\r\n  }: {\r\n    scrollSize: number;\r\n    contentSize: number;\r\n    virtualSize: number;\r\n  }) {\r\n    const hasScroll = contentSize > virtualSize;\r\n    const isHidden = !scrollSize && hasScroll;\r\n    if (isHidden) {\r\n      this.element.setAttribute('visible', 'true');\r\n      this.autohideScrollTimeout = this.show(\r\n        this.element,\r\n        this.autohideScrollTimeout,\r\n      );\r\n    }\r\n  }\r\n\r\n  private show(element?: HTMLElement, timeout?: number): number {\r\n    clearTimeout(timeout);\r\n    return Number(\r\n      setTimeout(() => {\r\n        element?.removeAttribute('visible');\r\n      }, 1000),\r\n    );\r\n  }\r\n  clear() {\r\n    clearTimeout(this.autohideScrollTimeout);\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,34 @@
+revogr-scroll-virtual[autohide] {
+  position: absolute;
+  z-index: 100 !important;
+}
+revogr-scroll-virtual[autohide].vertical {
+  top: 0;
+  right: 0;
+}
+revogr-scroll-virtual[autohide].vertical[visible] {
+  min-width: 20px !important;
+}
+revogr-scroll-virtual[autohide].horizontal {
+  bottom: 0;
+  left: 0;
+}
+revogr-scroll-virtual[autohide].horizontal[visible] {
+  min-height: 20px !important;
+}
+revogr-scroll-virtual.vertical {
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+revogr-scroll-virtual.vertical > div {
+  width: 1px;
+}
+revogr-scroll-virtual.horizontal {
+  overflow-x: auto;
+  overflow-y: hidden;
+  width: 100%;
+}
+revogr-scroll-virtual.horizontal > div {
+  height: 1px;
+}

package/dist/collection/components/scrollable/revogr-scroll-virtual.js

@@ -0,0 +1,295 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { h, Host, } from "@stencil/core";
+import LocalScrollService, { getContentSize, } from "../../services/local.scroll.service";
+import { AutohideScrollPlugin } from "./autohide-scroll.plugin";
+import { LocalScrollTimer } from "../../services/local.scroll.timer";
+import { getScrollbarSize } from "../../utils";
+/**
+ * Virtual scroll component
+ */
+export class RevogrScrollVirtual {
+    constructor() {
+        /**
+         * Scroll dimension (`X` - `rgCol` or `Y` - `rgRow`)
+         */
+        this.dimension = 'rgRow';
+        this.scrollSize = 0;
+    }
+    async setScroll(e) {
+        var _a;
+        if (this.dimension !== e.dimension) {
+            return;
+        }
+        this.localScrollTimer.latestScrollUpdate(e.dimension);
+        (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.setScroll(e);
+        if (e.coordinate) {
+            this.autohideScrollPlugin.checkScroll({
+                scrollSize: this.scrollSize,
+                contentSize: this.realSize,
+                virtualSize: this.virtualSize,
+            });
+        }
+    }
+    /**
+     * Update if `delta` exists in case we don't know current position or if it's external change
+     */
+    async changeScroll(e) {
+        if (e.delta) {
+            switch (e.dimension) {
+                case 'rgCol':
+                    e.coordinate = this.element.scrollLeft + e.delta;
+                    break;
+                case 'rgRow':
+                    e.coordinate = this.element.scrollTop + e.delta;
+                    break;
+            }
+            this.setScroll(e);
+        }
+        return e;
+    }
+    connectedCallback() {
+        this.autohideScrollPlugin = new AutohideScrollPlugin(this.element);
+        this.localScrollTimer = new LocalScrollTimer('ontouchstart' in document.documentElement ? 0 : 10);
+        this.localScrollService = new LocalScrollService({
+            runScroll: e => this.scrollVirtual.emit(e),
+            applyScroll: e => {
+                this.localScrollTimer.setCoordinate(e);
+                const type = e.dimension === 'rgRow' ? 'scrollTop' : 'scrollLeft';
+                // this will trigger on scroll event
+                this.element[type] = e.coordinate;
+            },
+        });
+    }
+    disconnectedCallback() {
+        this.autohideScrollPlugin.clear();
+    }
+    componentWillLoad() {
+        this.scrollSize = getScrollbarSize(document);
+    }
+    componentDidRender() {
+        let scrollSize = 0;
+        if (this.dimension === 'rgRow') {
+            scrollSize = this.element.scrollHeight > this.element.clientHeight ? this.scrollSize : 0;
+            this.element.style.minWidth = `${scrollSize}px`;
+        }
+        else {
+            scrollSize = this.element.scrollWidth > this.element.clientWidth ? this.scrollSize : 0;
+            this.element.style.minHeight = `${scrollSize}px`;
+        }
+        this.autohideScrollPlugin.setScrollSize(scrollSize);
+        this.localScrollService.setParams({
+            contentSize: this.realSize,
+            clientSize: this.dimension === 'rgRow' ? this.element.clientHeight : this.element.clientWidth,
+            virtualSize: this.clientSize,
+        }, this.dimension);
+    }
+    onScroll(e) {
+        if (!(e.target instanceof Element)) {
+            return;
+        }
+        const target = e.target;
+        let type = 'scrollLeft';
+        if (this.dimension === 'rgRow') {
+            type = 'scrollTop';
+        }
+        const setScroll = () => {
+            var _a;
+            (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(target[type] || 0, this.dimension);
+        };
+        // apply after throttling
+        if (this.localScrollTimer.isReady(this.dimension, target[type])) {
+            setScroll();
+        }
+        else {
+            this.localScrollTimer.throttleLastScrollUpdate(this.dimension, target[type] || 0, () => setScroll());
+        }
+    }
+    render() {
+        const size = getContentSize(this.realSize, this.dimension === 'rgRow' ? this.element.clientHeight : this.element.clientWidth, this.clientSize);
+        return (h(Host, { key: '4860fd23ab394219bdd75e206016e464ca228691', onScroll: (e) => this.onScroll(e) }, h("div", { key: '3e622a835e5717cfde81948d22ee64f2582001e7', style: {
+                [this.dimension === 'rgRow' ? 'height' : 'width']: `${size}px`,
+            } })));
+    }
+    static get is() { return "revogr-scroll-virtual"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["revogr-scroll-style.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["revogr-scroll-style.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dimension": {
+                "type": "string",
+                "attribute": "dimension",
+                "mutable": false,
+                "complexType": {
+                    "original": "DimensionType",
+                    "resolved": "\"rgCol\" | \"rgRow\"",
+                    "references": {
+                        "DimensionType": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::DimensionType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Scroll dimension (`X` - `rgCol` or `Y` - `rgRow`)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'rgRow'"
+            },
+            "realSize": {
+                "type": "number",
+                "attribute": "real-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dimensions"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "virtualSize": {
+                "type": "number",
+                "attribute": "virtual-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Virtual size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "clientSize": {
+                "type": "number",
+                "attribute": "client-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "scrollVirtual",
+                "name": "scrollvirtual",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Scroll event"
+                },
+                "complexType": {
+                    "original": "ViewPortScrollEvent",
+                    "resolved": "{ dimension: DimensionType; coordinate: number; viewportRows?: VirtualPositionItem[] | undefined; delta?: number | undefined; outside?: boolean | undefined; }",
+                    "references": {
+                        "ViewPortScrollEvent": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ViewPortScrollEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "setScroll": {
+                "complexType": {
+                    "signature": "(e: ViewPortScrollEvent) => Promise<void>",
+                    "parameters": [{
+                            "name": "e",
+                            "type": "{ dimension: DimensionType; coordinate: number; viewportRows?: VirtualPositionItem[] | undefined; delta?: number | undefined; outside?: boolean | undefined; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ViewPortScrollEvent": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ViewPortScrollEvent"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "changeScroll": {
+                "complexType": {
+                    "signature": "(e: ViewPortScrollEvent) => Promise<ViewPortScrollEvent>",
+                    "parameters": [{
+                            "name": "e",
+                            "type": "{ dimension: DimensionType; coordinate: number; viewportRows?: VirtualPositionItem[] | undefined; delta?: number | undefined; outside?: boolean | undefined; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ViewPortScrollEvent": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ViewPortScrollEvent"
+                        }
+                    },
+                    "return": "Promise<ViewPortScrollEvent>"
+                },
+                "docs": {
+                    "text": "Update if `delta` exists in case we don't know current position or if it's external change",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=revogr-scroll-virtual.js.map

package/dist/collection/components/scrollable/revogr-scroll-virtual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-scroll-virtual.js","sourceRoot":"","sources":["../../../src/components/scrollable/revogr-scroll-virtual.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  Component,\r\n  Element as StencilElement,\r\n  Event,\r\n  EventEmitter,\r\n  h,\r\n  Host,\r\n  Method,\r\n  Prop,\r\n} from '@stencil/core';\r\nimport LocalScrollService, {\r\n  getContentSize,\r\n} from '../../services/local.scroll.service';\r\nimport type {\r\n  DimensionType,\r\n  ViewPortScrollEvent,\r\n} from '@type';\r\nimport { AutohideScrollPlugin } from './autohide-scroll.plugin';\r\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\r\nimport { getScrollbarSize } from '../../utils';\r\n\r\n/**\r\n * Virtual scroll component\r\n */\r\n@Component({\r\n  tag: 'revogr-scroll-virtual',\r\n  styleUrl: 'revogr-scroll-style.scss',\r\n})\r\nexport class RevogrScrollVirtual {\r\n  /**\r\n   * Scroll dimension (`X` - `rgCol` or `Y` - `rgRow`)\r\n   */\r\n  @Prop() dimension: DimensionType = 'rgRow';\r\n\r\n  /**\r\n   * Dimensions\r\n   */\r\n  @Prop() realSize!: number;\r\n\r\n  /**\r\n   * Virtual size\r\n   */\r\n  @Prop() virtualSize!: number;\r\n\r\n  /**\r\n   * Client size\r\n   */\r\n  @Prop() clientSize!: number;\r\n\r\n  /**\r\n   * Scroll event\r\n   */\r\n  @Event({ eventName: 'scrollvirtual' })\r\n  scrollVirtual: EventEmitter<ViewPortScrollEvent>;\r\n\r\n  @StencilElement() element: HTMLElement;\r\n  private autohideScrollPlugin: AutohideScrollPlugin;\r\n  private scrollSize = 0;\r\n  private localScrollService: LocalScrollService;\r\n  private localScrollTimer: LocalScrollTimer;\r\n\r\n  @Method()\r\n  async setScroll(e: ViewPortScrollEvent): Promise<void> {\r\n    if (this.dimension !== e.dimension) {\r\n      return;\r\n    }\r\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\r\n    this.localScrollService?.setScroll(e);\r\n    if (e.coordinate) {\r\n      this.autohideScrollPlugin.checkScroll({\r\n        scrollSize: this.scrollSize,\r\n        contentSize: this.realSize,\r\n        virtualSize: this.virtualSize,\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Update if `delta` exists in case we don't know current position or if it's external change\r\n   */\r\n  @Method()\r\n  async changeScroll(e: ViewPortScrollEvent): Promise<ViewPortScrollEvent> {\r\n    if (e.delta) {\r\n      switch (e.dimension) {\r\n        case 'rgCol':\r\n          e.coordinate = this.element.scrollLeft + e.delta;\r\n          break;\r\n        case 'rgRow':\r\n          e.coordinate = this.element.scrollTop + e.delta;\r\n          break;\r\n      }\r\n      this.setScroll(e);\r\n    }\r\n    return e;\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.autohideScrollPlugin = new AutohideScrollPlugin(this.element);\r\n    this.localScrollTimer = new LocalScrollTimer(\r\n      'ontouchstart' in document.documentElement ? 0 : 10,\r\n    );\r\n    this.localScrollService = new LocalScrollService({\r\n      runScroll: e => this.scrollVirtual.emit(e),\r\n      applyScroll: e => {\r\n        this.localScrollTimer.setCoordinate(e);\r\n        const type = e.dimension === 'rgRow' ? 'scrollTop' : 'scrollLeft';\r\n        // this will trigger on scroll event\r\n        this.element[type] = e.coordinate;\r\n      },\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.autohideScrollPlugin.clear();\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.scrollSize = getScrollbarSize(document);\r\n  }\r\n\r\n  componentDidRender() {\r\n    let scrollSize = 0;\r\n    if (this.dimension === 'rgRow') {\r\n      scrollSize = this.element.scrollHeight > this.element.clientHeight ? this.scrollSize : 0;\r\n      this.element.style.minWidth = `${scrollSize}px`;\r\n    } else {\r\n      scrollSize = this.element.scrollWidth > this.element.clientWidth ? this.scrollSize : 0;\r\n      this.element.style.minHeight = `${scrollSize}px`;\r\n    }\r\n    this.autohideScrollPlugin.setScrollSize(scrollSize);\r\n    this.localScrollService.setParams(\r\n      {\r\n        contentSize: this.realSize,\r\n        clientSize: this.dimension === 'rgRow' ?  this.element.clientHeight : this.element.clientWidth,\r\n        virtualSize: this.clientSize,\r\n      },\r\n      this.dimension,\r\n    );\r\n  }\r\n\r\n  onScroll(e: MouseEvent) {\r\n    if (!(e.target instanceof Element)) {\r\n      return;\r\n    }\r\n    const target = e.target;\r\n    let type: 'scrollLeft' | 'scrollTop' = 'scrollLeft';\r\n    if (this.dimension === 'rgRow') {\r\n      type = 'scrollTop';\r\n    }\r\n\r\n    const setScroll = () => {\r\n      this.localScrollService?.scroll(target[type] || 0, this.dimension);\r\n    };\r\n    // apply after throttling\r\n    if (this.localScrollTimer.isReady(this.dimension, target[type])) {\r\n      setScroll();\r\n    } else {\r\n      this.localScrollTimer.throttleLastScrollUpdate(this.dimension, target[type] || 0, () => setScroll());\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const size = getContentSize(\r\n      this.realSize,\r\n      this.dimension === 'rgRow' ?  this.element.clientHeight : this.element.clientWidth,\r\n      this.clientSize, // content viewport size\r\n    );\r\n    return (\r\n      <Host onScroll={(e: MouseEvent) => this.onScroll(e)}>\r\n        <div\r\n          style={{\r\n            [this.dimension === 'rgRow' ? 'height' : 'width']: `${size}px`,\r\n          }}\r\n        />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/selectionFocus/revogr-focus-style.css

@@ -0,0 +1,7 @@
+revogr-focus.focused-cell {
+  box-shadow: -1px 0 0 #0d63e8 inset, 1px 0 0 #0d63e8 inset, 0 -1px 0 #0d63e8 inset, 0 1px 0 #0d63e8 inset;
+  position: absolute;
+  pointer-events: none;
+  z-index: 9;
+  display: block !important;
+}