@visactor/vgrammar-core 0.7.7 → 0.8.0

package/cjs/interactions/view-roam.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ViewRoam = void 0;
+
+const vutils_1 = require("@visactor/vutils"), view_navigation_base_1 = require("./view-navigation-base"), enums_1 = require("../graph/enums");
+
+class ViewRoam extends view_navigation_base_1.ViewNavigationBase {
+    constructor(view, option) {
+        super(view, (0, vutils_1.merge)({}, ViewRoam.defaultOptions, option)), this.type = ViewRoam.type, 
+        this.handleRoamZoomStartInner = e => {
+            this.formatZoomEvent(e), !e || this.options.shouldStart && !this.options.shouldStart(e) || (this._inited || this._initGrammars(), 
+            this.updateView(enums_1.InteractionEventEnum.viewZoomStart, this.handleZoomStart(e, this._state, this.options.zoom), e));
+        }, this.handleRoamZoomEnd = e => {
+            this.formatZoomEvent(e), !e || this.options.shouldEnd && !this.options.shouldEnd(e) || this.updateView(enums_1.InteractionEventEnum.viewZoomEnd, this.handleZoomEnd(e, this._state, this.options.zoom), e);
+        }, this.handleRoamZoomReset = e => {
+            !e || this.options.shouldReset && !this.options.shouldReset(e) || this.updateView(enums_1.InteractionEventEnum.viewZoomReset, this.handleZoomReset(e, this._state, this.options.zoom), e);
+        }, this.handleRoamDragStart = e => {
+            !e || this.options.shouldStart && !this.options.shouldStart(e) || (this._inited || this._initGrammars(), 
+            this.updateView(enums_1.InteractionEventEnum.viewDragStart, this.handleDragStart(e, this._state, this.options.drag), e));
+        }, this.handleRoamDragUpdateInner = e => {
+            !e || this.options.shouldUpdate && !this.options.shouldUpdate(e) || this.updateView(enums_1.InteractionEventEnum.viewDragUpdate, this.handleDragUpdate(e, this._state, this.options.drag), e);
+        }, this.handleRoamDragEnd = e => {
+            !e || this.options.shouldEnd && !this.options.shouldEnd(e) || this.updateView(enums_1.InteractionEventEnum.viewDragEnd, this.handleDragEnd(e, this._state, this.options.drag), e);
+        }, this.handleRoamScrollStartInner = e => {
+            this.formatScrollEvent(e), !e || this.options.shouldStart && !this.options.shouldStart(e) || (this._inited || this._initGrammars(), 
+            this.updateView(enums_1.InteractionEventEnum.viewScrollStart, this.handleScrollStart(e, this._state, this.options.scroll), e));
+        }, this.handleRoamScrollEnd = e => {
+            this.formatScrollEvent(e), !e || this.options.shouldEnd && !this.options.shouldEnd(e) || this.updateView(enums_1.InteractionEventEnum.viewScrollEnd, this.handleScrollEnd(e, this._state, this.options.scroll), e);
+        }, this.handleRoamZoomStart = (0, vutils_1.throttle)(this.handleRoamZoomStartInner, this.options.throttle), 
+        this.handleRoamDragUpdate = (0, vutils_1.throttle)(this.handleRoamDragUpdateInner, this.options.throttle), 
+        this.handleRoamScrollStart = (0, vutils_1.throttle)(this.handleRoamScrollStartInner, this.options.throttle);
+    }
+    getEvents() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const events = [];
+        return (null === (_a = this.options.zoom) || void 0 === _a ? void 0 : _a.enable) && ((null === (_b = this.options.zoom) || void 0 === _b ? void 0 : _b.trigger) && events.push({
+            type: this.options.zoom.trigger,
+            handler: this.handleRoamZoomStart
+        }), (null === (_c = this.options.zoom) || void 0 === _c ? void 0 : _c.endTrigger) && events.push({
+            type: this.options.zoom.endTrigger,
+            handler: this.handleRoamZoomEnd
+        }), (null === (_d = this.options.zoom) || void 0 === _d ? void 0 : _d.resetTrigger) && events.push({
+            type: null === (_e = this.options.zoom) || void 0 === _e ? void 0 : _e.resetTrigger,
+            handler: this.handleRoamZoomReset
+        })), (null === (_f = this.options.scroll) || void 0 === _f ? void 0 : _f.enable) && ((null === (_g = this.options.scroll) || void 0 === _g ? void 0 : _g.trigger) && events.push({
+            type: this.options.scroll.trigger,
+            handler: this.handleRoamScrollStart
+        }), (null === (_h = this.options.scroll) || void 0 === _h ? void 0 : _h.trigger) && events.push({
+            type: this.options.scroll.endTrigger,
+            handler: this.handleRoamScrollEnd
+        })), (null === (_j = this.options.drag) || void 0 === _j ? void 0 : _j.enable) && ((null === (_k = this.options.drag) || void 0 === _k ? void 0 : _k.trigger) && events.push({
+            type: this.options.drag.trigger,
+            handler: this.handleRoamDragStart
+        }), (null === (_l = this.options.drag) || void 0 === _l ? void 0 : _l.updateTrigger) && events.push({
+            type: this.options.drag.updateTrigger,
+            handler: this.handleRoamDragUpdate
+        }), (null === (_m = this.options.drag) || void 0 === _m ? void 0 : _m.endTrigger) && events.push({
+            type: this.options.drag.endTrigger,
+            handler: this.handleRoamDragEnd
+        })), events;
+    }
+}
+
+exports.ViewRoam = ViewRoam, ViewRoam.type = "view-roam", ViewRoam.defaultOptions = {
+    zoom: {
+        realtime: !0,
+        enable: !0,
+        focus: !0,
+        trigger: "wheel",
+        endTrigger: "pointerup",
+        resetTrigger: "dblclick",
+        rate: 1
+    },
+    scroll: {
+        realtime: !0,
+        enable: !1,
+        reversed: !1,
+        trigger: "wheel",
+        endTrigger: "pointerup"
+    },
+    drag: {
+        realtime: !0,
+        enable: !0,
+        reversed: !1,
+        trigger: "pointerdown",
+        updateTrigger: "pointermove",
+        endTrigger: "pointerup"
+    },
+    throttle: 100
+};
+//# sourceMappingURL=view-roam.js.map

package/cjs/interactions/view-roam.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-roam.ts"],"names":[],"mappings":"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","file":"view-roam.js","sourcesContent":["import { merge, throttle } from '@visactor/vutils';\nimport type {\n  ViewRoamOptions,\n  IView,\n  InteractionEvent,\n  IScale,\n  IData,\n  IViewZoomMixin,\n  IViewScrollMixin,\n  IViewDragMixin,\n  InteractionEventHandler\n} from '../types';\nimport { ViewNavigationBase } from './view-navigation-base';\nimport { InteractionEventEnum } from '../graph/enums';\n\nexport interface ViewRoam\n  extends Pick<IViewDragMixin, 'handleDragStart' | 'handleDragEnd' | 'handleDragUpdate'>,\n    Pick<IViewScrollMixin, 'formatScrollEvent' | 'handleScrollStart' | 'handleScrollEnd'>,\n    Pick<\n      IViewZoomMixin,\n      'formatZoomEvent' | 'handleZoomStart' | 'handleZoomEnd' | 'handleZoomReset' | 'updateZoomRange'\n    >,\n    ViewNavigationBase<ViewRoamOptions> {}\n\nexport class ViewRoam extends ViewNavigationBase<ViewRoamOptions> {\n  static type: string = 'view-roam';\n  type: string = ViewRoam.type;\n\n  static defaultOptions: ViewRoamOptions = {\n    zoom: {\n      realtime: true,\n      enable: true,\n      focus: true,\n      trigger: 'wheel',\n      endTrigger: 'pointerup',\n      resetTrigger: 'dblclick',\n      rate: 1\n    },\n    scroll: {\n      realtime: true,\n      enable: false,\n      reversed: false,\n      trigger: 'wheel',\n      endTrigger: 'pointerup'\n    },\n    drag: {\n      realtime: true,\n      enable: true,\n      reversed: false,\n      trigger: 'pointerdown',\n      updateTrigger: 'pointermove',\n      endTrigger: 'pointerup'\n    },\n    throttle: 100\n  };\n\n  protected _inited?: boolean;\n  protected _lastScale: number;\n  protected _scaleX: IScale;\n  protected _scaleY: IScale;\n  protected _data: IData;\n  protected handleRoamZoomStart: (e: InteractionEvent) => void;\n  protected handleRoamDragUpdate: (e: InteractionEvent) => void;\n  protected handleRoamScrollStart: (e: InteractionEvent) => void;\n\n  constructor(view: IView, option?: ViewRoamOptions) {\n    super(view, merge({}, ViewRoam.defaultOptions, option));\n    this.handleRoamZoomStart = throttle(this.handleRoamZoomStartInner, this.options.throttle);\n    this.handleRoamDragUpdate = throttle(this.handleRoamDragUpdateInner, this.options.throttle);\n    this.handleRoamScrollStart = throttle(this.handleRoamScrollStartInner, this.options.throttle);\n  }\n\n  protected getEvents() {\n    const events: Array<{ type: string; handler: InteractionEventHandler }> = [];\n\n    if (this.options.zoom?.enable) {\n      this.options.zoom?.trigger && events.push({ type: this.options.zoom.trigger, handler: this.handleRoamZoomStart });\n      this.options.zoom?.endTrigger &&\n        events.push({ type: this.options.zoom.endTrigger, handler: this.handleRoamZoomEnd });\n      this.options.zoom?.resetTrigger &&\n        events.push({ type: this.options.zoom?.resetTrigger, handler: this.handleRoamZoomReset });\n    }\n\n    if (this.options.scroll?.enable) {\n      this.options.scroll?.trigger &&\n        events.push({ type: this.options.scroll.trigger, handler: this.handleRoamScrollStart });\n      this.options.scroll?.trigger &&\n        events.push({ type: this.options.scroll.endTrigger, handler: this.handleRoamScrollEnd });\n    }\n\n    if (this.options.drag?.enable) {\n      this.options.drag?.trigger && events.push({ type: this.options.drag.trigger, handler: this.handleRoamDragStart });\n      this.options.drag?.updateTrigger &&\n        events.push({ type: this.options.drag.updateTrigger, handler: this.handleRoamDragUpdate });\n      this.options.drag?.endTrigger &&\n        events.push({ type: this.options.drag.endTrigger, handler: this.handleRoamDragEnd });\n    }\n\n    return events;\n  }\n\n  handleRoamZoomStartInner = (e: InteractionEvent) => {\n    this.formatZoomEvent(e);\n    if (!e || (this.options.shouldStart && !this.options.shouldStart(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n\n    this.updateView(InteractionEventEnum.viewZoomStart, this.handleZoomStart(e, this._state, this.options.zoom), e);\n  };\n\n  handleRoamZoomEnd = (e: InteractionEvent) => {\n    this.formatZoomEvent(e);\n    if (!e || (this.options.shouldEnd && !this.options.shouldEnd(e))) {\n      return;\n    }\n\n    this.updateView(InteractionEventEnum.viewZoomEnd, this.handleZoomEnd(e, this._state, this.options.zoom), e);\n  };\n\n  handleRoamZoomReset = (e: InteractionEvent) => {\n    if (!e || (this.options.shouldReset && !this.options.shouldReset(e))) {\n      return;\n    }\n    this.updateView(InteractionEventEnum.viewZoomReset, this.handleZoomReset(e, this._state, this.options.zoom), e);\n  };\n\n  handleRoamDragStart = (e: InteractionEvent) => {\n    if (!e || (this.options.shouldStart && !this.options.shouldStart(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n\n    this.updateView(InteractionEventEnum.viewDragStart, this.handleDragStart(e, this._state, this.options.drag), e);\n  };\n\n  handleRoamDragUpdateInner = (e: InteractionEvent) => {\n    if (!e || (this.options.shouldUpdate && !this.options.shouldUpdate(e))) {\n      return;\n    }\n    this.updateView(InteractionEventEnum.viewDragUpdate, this.handleDragUpdate(e, this._state, this.options.drag), e);\n  };\n\n  handleRoamDragEnd = (e: InteractionEvent) => {\n    if (!e || (this.options.shouldEnd && !this.options.shouldEnd(e))) {\n      return;\n    }\n\n    this.updateView(InteractionEventEnum.viewDragEnd, this.handleDragEnd(e, this._state, this.options.drag), e);\n  };\n\n  handleRoamScrollStartInner = (e: InteractionEvent) => {\n    this.formatScrollEvent(e);\n    if (!e || (this.options.shouldStart && !this.options.shouldStart(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewScrollStart,\n      this.handleScrollStart(e, this._state, this.options.scroll),\n      e\n    );\n  };\n\n  handleRoamScrollEnd = (e: InteractionEvent) => {\n    this.formatScrollEvent(e);\n    if (!e || (this.options.shouldEnd && !this.options.shouldEnd(e))) {\n      return;\n    }\n\n    this.updateView(InteractionEventEnum.viewScrollEnd, this.handleScrollEnd(e, this._state, this.options.scroll), e);\n  };\n}\n"]}

package/cjs/interactions/view-scroll-mixin.d.ts

@@ -0,0 +1,10 @@
+import type { InteractionEvent, IViewScrollMixin, ViewNavigationRange, ViewScrollSimpleOptions, ViewStateByDim } from '../types';
+export declare class ViewScrollMixin implements IViewScrollMixin {
+    protected _scrollX: number;
+    protected _scrollY: number;
+    protected formatPanScroll(e: InteractionEvent): InteractionEvent;
+    protected formatWheelScroll(e: InteractionEvent): InteractionEvent;
+    formatScrollEvent(e: InteractionEvent): InteractionEvent;
+    handleScrollStart(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, scrollOptions?: ViewScrollSimpleOptions): ViewNavigationRange;
+    handleScrollEnd(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, scrollOptions?: ViewScrollSimpleOptions): ViewNavigationRange;
+}

package/cjs/interactions/view-scroll-mixin.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ViewScrollMixin = void 0;
+
+const vutils_1 = require("@visactor/vutils"), view_utils_1 = require("./view-utils");
+
+class ViewScrollMixin {
+    formatPanScroll(e) {
+        return e;
+    }
+    formatWheelScroll(e) {
+        return e.ctrlKey || 0 === e.deltaY && 0 === e.deltaX || (e.scrollX = e.deltaX, e.scrollY = e.deltaY), 
+        e;
+    }
+    formatScrollEvent(e) {
+        return e ? "pan" === e.type ? this.formatPanScroll(e) : "wheel" === e.type ? this.formatWheelScroll(e) : e : e;
+    }
+    handleScrollStart(e, navState, scrollOptions) {
+        if (e.stopPropagation(), e.preventDefault(), !(0, vutils_1.isNil)(e.scrollX) || !(0, 
+        vutils_1.isNil)(e.scrollY)) {
+            if (null == scrollOptions ? void 0 : scrollOptions.realtime) return (0, view_utils_1.handleScrolling)({
+                x: e.scrollX,
+                y: e.scrollY
+            }, navState, scrollOptions);
+            (0, vutils_1.isNil)(e.scrollX) || (this._scrollX = (0, vutils_1.isNil)(this._scrollX) ? e.scrollX : this._scrollX + e.scrollX), 
+            (0, vutils_1.isNil)(e.scrollY) || (this._scrollY = (0, vutils_1.isNil)(this._scrollY) ? e.scrollY : this._scrollY + e.scrollY);
+        }
+    }
+    handleScrollEnd(e, navState, scrollOptions) {
+        if (!1 === (null == scrollOptions ? void 0 : scrollOptions.realtime) && ((0, vutils_1.isNil)(this._scrollX) || (0, 
+        vutils_1.isNil)(this._scrollY))) {
+            const res = (0, view_utils_1.handleScrolling)({
+                x: this._scrollX,
+                y: this._scrollY
+            }, navState, scrollOptions);
+            return this._scrollX = null, this._scrollY = null, res;
+        }
+        return null;
+    }
+}
+
+exports.ViewScrollMixin = ViewScrollMixin;
+//# sourceMappingURL=view-scroll-mixin.js.map

package/cjs/interactions/view-scroll-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-scroll-mixin.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAQzC,6CAA+C;AAE/C,MAAa,eAAe;IAIhB,eAAe,CAAC,CAAmB;QAC3C,OAAO,CAAC,CAAC;IACX,CAAC;IAES,iBAAiB,CAAC,CAAmB;QAM7C,IAAI,CAAE,CAAS,CAAC,OAAO,IAAI,CAAE,CAAS,CAAC,MAAM,KAAK,CAAC,IAAK,CAAS,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YAC9E,CAAS,CAAC,OAAO,GAAI,CAAS,CAAC,MAAM,CAAC;YACtC,CAAS,CAAC,OAAO,GAAI,CAAS,CAAC,MAAM,CAAC;YACvC,OAAO,CAAC,CAAC;SACV;QAED,OAAO,CAAC,CAAC;IACX,CAAC;IAED,iBAAiB,CAAC,CAAmB;QACnC,IAAI,CAAC,CAAC,EAAE;YACN,OAAO,CAAC,CAAC;SACV;QAED,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,EAAE;YACpB,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;SAChC;QAED,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YACtB,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAClC;QAED,OAAO,CAAC,CAAC;IACX,CAAC;IAED,iBAAiB,CACf,CAAmB,EACnB,QAAoD,EACpD,aAAuC;QAEvC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,IAAA,cAAK,EAAE,CAAS,CAAC,OAAO,CAAC,IAAI,IAAA,cAAK,EAAE,CAAS,CAAC,OAAO,CAAC,EAAE;YAC1D,OAAO;SACR;QAED,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE;YAC3B,OAAO,IAAA,4BAAe,EAAC,EAAE,CAAC,EAAG,CAAS,CAAC,OAAO,EAAE,CAAC,EAAG,CAAS,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;SACnG;QAED,IAAI,CAAC,IAAA,cAAK,EAAE,CAAS,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAA,cAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,CAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAI,CAAS,CAAC,OAAO,CAAC;SAChG;QAED,IAAI,CAAC,IAAA,cAAK,EAAE,CAAS,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAA,cAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,CAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAI,CAAS,CAAC,OAAO,CAAC;SAChG;IACH,CAAC;IAED,eAAe,CACb,CAAmB,EACnB,QAAoD,EACpD,aAAuC;QAIvC,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,MAAK,KAAK,IAAI,CAAC,IAAA,cAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE;YACvF,MAAM,GAAG,GAAG,IAAA,4BAAe,EAAC,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;YAC7F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YAErB,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAjFD,0CAiFC","file":"view-scroll-mixin.js","sourcesContent":["import { isNil } from '@visactor/vutils';\nimport type {\n  InteractionEvent,\n  IViewScrollMixin,\n  ViewNavigationRange,\n  ViewScrollSimpleOptions,\n  ViewStateByDim\n} from '../types';\nimport { handleScrolling } from './view-utils';\n\nexport class ViewScrollMixin implements IViewScrollMixin {\n  protected _scrollX: number;\n  protected _scrollY: number;\n\n  protected formatPanScroll(e: InteractionEvent) {\n    return e;\n  }\n\n  protected formatWheelScroll(e: InteractionEvent) {\n    /**\n     * @see https://vega.github.io/vega/examples/zoomable-world-map/\n     * After testing, the ctrlKey field will only be true when the directions of the two fingers are inconsistent.\n     * Based on this, determine whether to trigger the scroll event.\n     */\n    if (!(e as any).ctrlKey && ((e as any).deltaY !== 0 || (e as any).deltaX !== 0)) {\n      (e as any).scrollX = (e as any).deltaX;\n      (e as any).scrollY = (e as any).deltaY;\n      return e;\n    }\n\n    return e;\n  }\n\n  formatScrollEvent(e: InteractionEvent) {\n    if (!e) {\n      return e;\n    }\n\n    if (e.type === 'pan') {\n      return this.formatPanScroll(e);\n    }\n\n    if (e.type === 'wheel') {\n      return this.formatWheelScroll(e);\n    }\n\n    return e;\n  }\n\n  handleScrollStart(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ): ViewNavigationRange {\n    e.stopPropagation();\n    e.preventDefault();\n\n    if (isNil((e as any).scrollX) && isNil((e as any).scrollY)) {\n      return;\n    }\n\n    if (scrollOptions?.realtime) {\n      return handleScrolling({ x: (e as any).scrollX, y: (e as any).scrollY }, navState, scrollOptions);\n    }\n\n    if (!isNil((e as any).scrollX)) {\n      this._scrollX = isNil(this._scrollX) ? (e as any).scrollX : this._scrollX + (e as any).scrollX;\n    }\n\n    if (!isNil((e as any).scrollY)) {\n      this._scrollY = isNil(this._scrollY) ? (e as any).scrollY : this._scrollY + (e as any).scrollY;\n    }\n  }\n\n  handleScrollEnd(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ): ViewNavigationRange {\n    // do nothing now\n\n    if (scrollOptions?.realtime === false && (isNil(this._scrollX) || isNil(this._scrollY))) {\n      const res = handleScrolling({ x: this._scrollX, y: this._scrollY }, navState, scrollOptions);\n      this._scrollX = null;\n      this._scrollY = null;\n\n      return res;\n    }\n\n    return null;\n  }\n}\n"]}

package/cjs/interactions/view-scroll.d.ts

@@ -0,0 +1,17 @@
+import type { ViewScrollOptions, IView, InteractionEvent, IViewScrollMixin } from '../types';
+import { ViewNavigationBase } from './view-navigation-base';
+export interface ViewScroll extends Pick<IViewScrollMixin, 'formatScrollEvent' | 'handleScrollStart' | 'handleScrollEnd'>, ViewNavigationBase<ViewScrollOptions> {
+}
+export declare class ViewScroll extends ViewNavigationBase<ViewScrollOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: ViewScrollOptions;
+    protected handleStart: (e: InteractionEvent) => void;
+    constructor(view: IView, option?: ViewScrollOptions);
+    protected getEvents(): {
+        type: import("../types").EventType;
+        handler: (e: InteractionEvent) => void;
+    }[];
+    handleStartInner: (e: InteractionEvent) => void;
+    handleEnd: (e: InteractionEvent) => void;
+}

package/cjs/interactions/view-scroll.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ViewScroll = void 0;
+
+const vutils_1 = require("@visactor/vutils"), enums_1 = require("../graph/enums"), view_navigation_base_1 = require("./view-navigation-base");
+
+class ViewScroll extends view_navigation_base_1.ViewNavigationBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, ViewScroll.defaultOptions, option)), this.type = ViewScroll.type, 
+        this.handleStartInner = e => {
+            this.formatScrollEvent(e), !e || this.options.shouldStart && !this.options.shouldStart(e) || (this._inited || this._initGrammars(), 
+            this.updateView(enums_1.InteractionEventEnum.viewScrollStart, this.handleScrollStart(e, this._state, this.options), e));
+        }, this.handleEnd = e => {
+            this.formatScrollEvent(e), !e || this.options.shouldEnd && !this.options.shouldEnd(e) || this.updateView(enums_1.InteractionEventEnum.viewScrollEnd, this.handleScrollEnd(e, this._state, this.options), e);
+        }, this.handleStart = (0, vutils_1.throttle)(this.handleStartInner, this.options.throttle);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.endTrigger,
+            handler: this.handleEnd
+        } ];
+    }
+}
+
+exports.ViewScroll = ViewScroll, ViewScroll.type = "view-scroll", ViewScroll.defaultOptions = {
+    realtime: !0,
+    reversed: !1,
+    trigger: "wheel",
+    endTrigger: "pointerup",
+    throttle: 100
+};
+//# sourceMappingURL=view-scroll.js.map

package/cjs/interactions/view-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-scroll.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAC5C,0CAAsD;AAEtD,iEAA4D;AAM5D,MAAa,UAAW,SAAQ,yCAAqC;IAcnE,YAAY,IAAW,EAAE,MAA0B;QACjD,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;QAbpE,SAAI,GAAW,UAAU,CAAC,IAAI,CAAC;QAyB/B,qBAAgB,GAAG,CAAC,CAAmB,EAAE,EAAE;YACxC,IAAoC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;YAC3D,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;gBACpE,OAAO;aACR;YAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;YAED,IAAI,CAAC,UAAU,CACb,4BAAoB,CAAC,eAAe,EACnC,IAAoC,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,EACrF,CAAC,CACF,CAAC;QACJ,CAAC,CAAC;QAEF,cAAS,GAAG,CAAC,CAAmB,EAAE,EAAE;YACjC,IAAoC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;YAC3D,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;gBAChE,OAAO;aACR;YAED,IAAI,CAAC,UAAU,CACb,4BAAoB,CAAC,aAAa,EACjC,IAAoC,CAAC,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,EACnF,CAAC,CACF,CAAC;QACJ,CAAC,CAAC;QAtCA,IAAI,CAAC,WAAW,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5E,CAAC;IAES,SAAS;QACjB,OAAO;YACL,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;YACzD,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE;SAC3D,CAAC;IACJ,CAAC;;AAzBH,gCAwDC;AAvDQ,eAAI,GAAW,aAAa,CAAC;AAG7B,yBAAc,GAAsB;IACzC,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,GAAG;CACd,CAAC","file":"view-scroll.js","sourcesContent":["import { throttle } from '@visactor/vutils';\nimport { InteractionEventEnum } from '../graph/enums';\nimport type { ViewScrollOptions, IView, InteractionEvent, IViewScrollMixin } from '../types';\nimport { ViewNavigationBase } from './view-navigation-base';\n\nexport interface ViewScroll\n  extends Pick<IViewScrollMixin, 'formatScrollEvent' | 'handleScrollStart' | 'handleScrollEnd'>,\n    ViewNavigationBase<ViewScrollOptions> {}\n\nexport class ViewScroll extends ViewNavigationBase<ViewScrollOptions> {\n  static type: string = 'view-scroll';\n  type: string = ViewScroll.type;\n\n  static defaultOptions: ViewScrollOptions = {\n    realtime: true,\n    reversed: false,\n    trigger: 'wheel',\n    endTrigger: 'pointerup',\n    throttle: 100\n  };\n\n  protected handleStart: (e: InteractionEvent) => void;\n\n  constructor(view: IView, option?: ViewScrollOptions) {\n    super(view, Object.assign({}, ViewScroll.defaultOptions, option));\n\n    this.handleStart = throttle(this.handleStartInner, this.options.throttle);\n  }\n\n  protected getEvents() {\n    return [\n      { type: this.options.trigger, handler: this.handleStart },\n      { type: this.options.endTrigger, handler: this.handleEnd }\n    ];\n  }\n\n  handleStartInner = (e: InteractionEvent) => {\n    (this as unknown as IViewScrollMixin).formatScrollEvent(e);\n    if (!e || (this.options.shouldStart && !this.options.shouldStart(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewScrollStart,\n      (this as unknown as IViewScrollMixin).handleScrollStart(e, this._state, this.options),\n      e\n    );\n  };\n\n  handleEnd = (e: InteractionEvent) => {\n    (this as unknown as IViewScrollMixin).formatScrollEvent(e);\n    if (!e || (this.options.shouldEnd && !this.options.shouldEnd(e))) {\n      return;\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewScrollEnd,\n      (this as unknown as IViewScrollMixin).handleScrollEnd(e, this._state, this.options),\n      e\n    );\n  };\n}\n"]}

package/cjs/interactions/view-utils.d.ts

@@ -0,0 +1,14 @@
+import { type IBaseScale } from '@visactor/vscale';
+import type { IDatazoom, IScrollbar, ViewNavigationRange, ViewStateByDim } from '../types';
+export declare const getRangeOfLinkedComponent: (comp: IDatazoom | IScrollbar) => [number, number];
+export declare const getBoundsRangeOfLinkedComponent: (comp: IDatazoom | IScrollbar, dim: 'x' | 'y') => [number, number];
+export declare const getFilteredValuesFromScale: (scale: IBaseScale, range: [number, number]) => any;
+export declare const updateScrollRange: (rangeFactor: [number, number], range: [number, number], scrollValue?: number, scrollOptions?: {
+    reversed?: boolean;
+}) => [number, number];
+export declare const handleScrolling: (scrollPos: {
+    x?: number;
+    y?: number;
+}, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, scrollOptions?: {
+    reversed?: boolean;
+}) => ViewNavigationRange;

package/cjs/interactions/view-utils.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.handleScrolling = exports.updateScrollRange = exports.getFilteredValuesFromScale = exports.getBoundsRangeOfLinkedComponent = exports.getRangeOfLinkedComponent = void 0;
+
+const vscale_1 = require("@visactor/vscale"), enums_1 = require("../graph/enums"), getRangeOfLinkedComponent = comp => {
+    if (comp.componentType === enums_1.ComponentEnum.datazoom) {
+        const res = comp.getStartEndValue();
+        return res ? [ res.start, res.end ] : null;
+    }
+    return comp.getScrollRange();
+};
+
+exports.getRangeOfLinkedComponent = getRangeOfLinkedComponent;
+
+const getBoundsRangeOfLinkedComponent = (comp, dim) => {
+    const bounds = comp.getBounds();
+    if (bounds && !bounds.empty()) return "y" === dim ? [ bounds.y1, bounds.y2 ] : [ bounds.x1, bounds.x2 ];
+};
+
+exports.getBoundsRangeOfLinkedComponent = getBoundsRangeOfLinkedComponent;
+
+const getFilteredValuesFromScale = (scale, range) => {
+    const scaleRange = scale.range(), startPos = scaleRange[0] + (scaleRange[1] - scaleRange[0]) * range[0], endPos = scaleRange[0] + (scaleRange[1] - scaleRange[0]) * range[1];
+    if ((0, vscale_1.isContinuous)(scale.type)) {
+        const startValue = scale.invert(startPos), endValue = scale.invert(endPos);
+        return [ Math.min(startValue, endValue), Math.max(startValue, endValue) ];
+    }
+    return scale.domain().filter((entry => {
+        const val = scale.scale(entry);
+        return val >= startPos && val <= endPos;
+    }));
+};
+
+exports.getFilteredValuesFromScale = getFilteredValuesFromScale;
+
+const updateScrollRange = (rangeFactor = [ 0, 1 ], range, scrollValue = 0, scrollOptions) => {
+    if (Math.abs(scrollValue) < .001) return;
+    if (Math.abs(rangeFactor[1] - rangeFactor[0]) >= 1) return;
+    const size = Math.abs(range[range.length - 1] - range[0]);
+    if (size <= 0 || Number.isNaN(size)) return;
+    const value = (scrollOptions.reversed ? -1 : 1) * scrollValue;
+    if (value > 0 && rangeFactor[1] < 1) {
+        const delta = Math.min(1 - rangeFactor[1], value / size);
+        return [ rangeFactor[0] + delta, rangeFactor[1] + delta ];
+    }
+    if (value < 0 && rangeFactor[0] > 0) {
+        const delta = Math.max(-rangeFactor[0], value / size);
+        return [ rangeFactor[0] + delta, rangeFactor[1] + delta ];
+    }
+};
+
+exports.updateScrollRange = updateScrollRange;
+
+const handleScrolling = (scrollPos, navState, scrollOptions) => {
+    const res = {
+        needUpdate: !1
+    };
+    return navState ? (Object.keys(navState).forEach((dim => {
+        const {scale: scale, data: data, linkedComponent: linkedComponent, rangeFactor: rangeFactor, wholeScale: wholeScale} = navState[dim];
+        if (linkedComponent) res[dim] = (0, exports.updateScrollRange)((0, exports.getRangeOfLinkedComponent)(linkedComponent), (0, 
+        exports.getBoundsRangeOfLinkedComponent)(linkedComponent, dim), scrollPos[dim], scrollOptions); else if (scale) {
+            const innerScale = scale.getScale(), newRange = (0, exports.updateScrollRange)(rangeFactor, innerScale.range(), scrollPos[dim], scrollOptions);
+            newRange && (navState[dim].rangeFactor = newRange, data ? (navState[dim].filterValue = rangeFactor, 
+            data.commit()) : (scale.setRangeFactor(newRange), scale.commit()), res.needUpdate = !0, 
+            res[dim] = newRange);
+        }
+    })), res) : res;
+};
+
+exports.handleScrolling = handleScrolling;
+//# sourceMappingURL=view-utils.js.map

package/cjs/interactions/view-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-utils.ts"],"names":[],"mappings":";;;AAAA,6CAAiE;AACjE,0CAA+C;AAGxC,MAAM,yBAAyB,GAAG,CAAC,IAA4B,EAAoB,EAAE;IAC1F,IAAI,IAAI,CAAC,aAAa,KAAK,qBAAa,CAAC,QAAQ,EAAE;QACjD,MAAM,GAAG,GAAI,IAAkB,CAAC,gBAAgB,EAAE,CAAC;QACnD,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;KAC1C;IAED,OAAQ,IAAmB,CAAC,cAAc,EAAE,CAAC;AAC/C,CAAC,CAAC;AAPW,QAAA,yBAAyB,6BAOpC;AAEK,MAAM,+BAA+B,GAAG,CAAC,IAA4B,EAAE,GAAc,EAAoB,EAAE;IAChH,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IAEhC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE;QAC7B,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;KACtE;AACH,CAAC,CAAC;AANW,QAAA,+BAA+B,mCAM1C;AAEK,MAAM,0BAA0B,GAAG,CAAC,KAAiB,EAAE,KAAuB,EAAE,EAAE;IACvF,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAE1E,IAAI,IAAA,qBAAY,EAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;KACzE;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE9B,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAU,EAAE,EAAE;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,GAAG,IAAI,QAAQ,IAAI,GAAG,IAAI,MAAM,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,0BAA0B,8BAiBrC;AAEK,MAAM,iBAAiB,GAAG,CAC/B,cAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,EACtC,KAAuB,EACvB,cAAsB,CAAC,EACvB,aAAsC,EACtC,EAAE;IACF,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,IAAI,EAAE;QAChC,OAAO;KACR;IACD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7D,IAAI,UAAU,IAAI,CAAC,EAAE;QACnB,OAAO;KACR;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,IAAI,IAAI,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACnC,OAAO;KACR;IAED,MAAM,KAAK,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;IAE9D,IAAI,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAEzD,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAqB,CAAC;KAC7E;SAAM,IAAI,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAEtD,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAqB,CAAC;KAC7E;AACH,CAAC,CAAC;AA/BW,QAAA,iBAAiB,qBA+B5B;AAEK,MAAM,eAAe,GAAG,CAC7B,SAAqC,EACrC,QAAoD,EACpD,aAAsC,EACjB,EAAE;IACvB,MAAM,GAAG,GAAwB,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;IACvD,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,GAAG,CAAC;KACZ;IAED,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAClC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAEhF,IAAI,eAAe,EAAE;YACnB,GAAG,CAAC,GAAG,CAAC,GAAG,IAAA,yBAAiB,EAC1B,IAAA,iCAAyB,EAAC,eAAe,CAAC,EAC1C,IAAA,uCAA+B,EAAC,eAAe,EAAE,GAAgB,CAAC,EAClE,SAAS,CAAC,GAAG,CAAC,EACd,aAAa,CACd,CAAC;SACH;aAAM,IAAI,KAAK,EAAE;YAChB,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpC,MAAM,QAAQ,GAAG,IAAA,yBAAiB,EAAC,WAAW,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC;YAEnG,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC;gBAErC,IAAI,IAAI,EAAE;oBACR,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC;oBAExC,IAAI,CAAC,MAAM,EAAE,CAAC;iBACf;qBAAM;oBACL,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;oBAC/B,KAAK,CAAC,MAAM,EAAE,CAAC;iBAChB;gBACD,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC;gBACtB,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;aACrB;SACF;IACH,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAzCW,QAAA,eAAe,mBAyC1B","file":"view-utils.js","sourcesContent":["import { isContinuous, type IBaseScale } from '@visactor/vscale';\nimport { ComponentEnum } from '../graph/enums';\nimport type { IDatazoom, IScrollbar, ViewNavigationRange, ViewStateByDim } from '../types';\n\nexport const getRangeOfLinkedComponent = (comp: IDatazoom | IScrollbar): [number, number] => {\n  if (comp.componentType === ComponentEnum.datazoom) {\n    const res = (comp as IDatazoom).getStartEndValue();\n    return res ? [res.start, res.end] : null;\n  }\n\n  return (comp as IScrollbar).getScrollRange();\n};\n\nexport const getBoundsRangeOfLinkedComponent = (comp: IDatazoom | IScrollbar, dim: 'x' | 'y'): [number, number] => {\n  const bounds = comp.getBounds();\n\n  if (bounds && !bounds.empty()) {\n    return dim === 'y' ? [bounds.y1, bounds.y2] : [bounds.x1, bounds.x2];\n  }\n};\n\nexport const getFilteredValuesFromScale = (scale: IBaseScale, range: [number, number]) => {\n  const scaleRange = scale.range();\n  const startPos = scaleRange[0] + (scaleRange[1] - scaleRange[0]) * range[0];\n  const endPos = scaleRange[0] + (scaleRange[1] - scaleRange[0]) * range[1];\n\n  if (isContinuous(scale.type)) {\n    const startValue = scale.invert(startPos);\n    const endValue = scale.invert(endPos);\n\n    return [Math.min(startValue, endValue), Math.max(startValue, endValue)];\n  }\n  const domain = scale.domain();\n\n  return domain.filter((entry: any) => {\n    const val = scale.scale(entry);\n    return val >= startPos && val <= endPos;\n  });\n};\n\nexport const updateScrollRange = (\n  rangeFactor: [number, number] = [0, 1],\n  range: [number, number],\n  scrollValue: number = 0,\n  scrollOptions?: { reversed?: boolean }\n) => {\n  if (Math.abs(scrollValue) < 1e-3) {\n    return;\n  }\n  const rangeDelta = Math.abs(rangeFactor[1] - rangeFactor[0]);\n\n  if (rangeDelta >= 1) {\n    return;\n  }\n  const size = Math.abs(range[range.length - 1] - range[0]);\n\n  if (size <= 0 || Number.isNaN(size)) {\n    return;\n  }\n\n  const value = (scrollOptions.reversed ? -1 : 1) * scrollValue;\n\n  if (value > 0 && rangeFactor[1] < 1) {\n    const delta = Math.min(1 - rangeFactor[1], value / size);\n\n    return [rangeFactor[0] + delta, rangeFactor[1] + delta] as [number, number];\n  } else if (value < 0 && rangeFactor[0] > 0) {\n    const delta = Math.max(-rangeFactor[0], value / size);\n\n    return [rangeFactor[0] + delta, rangeFactor[1] + delta] as [number, number];\n  }\n};\n\nexport const handleScrolling = (\n  scrollPos: { x?: number; y?: number },\n  navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n  scrollOptions?: { reversed?: boolean }\n): ViewNavigationRange => {\n  const res: ViewNavigationRange = { needUpdate: false };\n  if (!navState) {\n    return res;\n  }\n\n  Object.keys(navState).forEach(dim => {\n    const { scale, data, linkedComponent, rangeFactor, wholeScale } = navState[dim];\n\n    if (linkedComponent) {\n      res[dim] = updateScrollRange(\n        getRangeOfLinkedComponent(linkedComponent),\n        getBoundsRangeOfLinkedComponent(linkedComponent, dim as 'x' | 'y'),\n        scrollPos[dim],\n        scrollOptions\n      );\n    } else if (scale) {\n      const innerScale = scale.getScale();\n      const newRange = updateScrollRange(rangeFactor, innerScale.range(), scrollPos[dim], scrollOptions);\n\n      if (newRange) {\n        navState[dim].rangeFactor = newRange;\n\n        if (data) {\n          navState[dim].filterValue = rangeFactor;\n\n          data.commit();\n        } else {\n          scale.setRangeFactor(newRange);\n          scale.commit();\n        }\n        res.needUpdate = true;\n        res[dim] = newRange;\n      }\n    }\n  });\n  return res;\n};\n"]}

package/cjs/interactions/view-zoom-mixin.d.ts

@@ -0,0 +1,29 @@
+import type { IViewZoomMixin, InteractionEvent, ViewNavigationRange, ViewStateByDim, ViewZoomSimpleOptions } from '../types';
+export declare class ViewZoomMixin implements IViewZoomMixin {
+    protected _state: Partial<Record<'x' | 'y', ViewStateByDim>>;
+    protected _lastScale: number;
+    protected _zoomPos: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    };
+    protected _formatPinchZoom(e: InteractionEvent): InteractionEvent;
+    protected _formatWheelZoom(e: InteractionEvent): InteractionEvent;
+    formatZoomEvent(e: InteractionEvent): InteractionEvent;
+    updateZoomRange(rangeFactor: [number, number], range: [number, number], zoomEvent: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, zoomOptions?: {
+        rate?: number;
+        focus?: boolean;
+    }): [number, number];
+    protected _handleZooming(zoomPos: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+    handleZoomStart(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+    handleZoomEnd(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+    handleZoomReset(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+}

package/cjs/interactions/view-zoom-mixin.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ViewZoomMixin = void 0;
+
+const vutils_1 = require("@visactor/vutils"), view_utils_1 = require("./view-utils");
+
+class ViewZoomMixin {
+    _formatPinchZoom(e) {
+        const scale = e.scale;
+        if ((0, vutils_1.isNil)(this._lastScale)) return this._lastScale = scale, e;
+        const zoomDelta = scale / this._lastScale;
+        this._lastScale = scale;
+        const center = e.center;
+        return e.zoomDelta = zoomDelta, e.zoomX = center.x, e.zoomY = center.y, e;
+    }
+    _formatWheelZoom(e) {
+        if (!e.ctrlKey) return e.zoomDelta = null, e.zoomX = null, e.zoomY = null, e;
+        const zoomDelta = Math.pow(1.0005, -e.deltaY * Math.pow(16, e.deltaMode));
+        return e.zoomDelta = zoomDelta, e.zoomX = e.canvasX, e.zoomY = e.canvasY, e;
+    }
+    formatZoomEvent(e) {
+        return e ? "pinch" === e.type ? this._formatPinchZoom(e) : this._formatWheelZoom(e) : e;
+    }
+    updateZoomRange(rangeFactor = [ 0, 1 ], range, zoomEvent, zoomOptions) {
+        var _a;
+        const {zoomDelta: zoomDelta} = zoomEvent, rangeDelta = Math.abs(rangeFactor[1] - rangeFactor[0]);
+        if (rangeDelta >= 1 && zoomDelta >= 1) return;
+        if (rangeDelta <= .001 && zoomDelta <= 1) return;
+        const value = rangeDelta * (zoomDelta - 1) * (null !== (_a = zoomOptions.rate) && void 0 !== _a ? _a : 1) / 2, start = (0, 
+        vutils_1.clamp)(rangeFactor[0] - value, 0, 1), end = (0, vutils_1.clamp)(rangeFactor[1] + value, 0, 1);
+        return [ Math.min(start, end), Math.max(start, end) ];
+    }
+    _handleZooming(zoomPos, navState, zoomOptions) {
+        const res = {
+            needUpdate: !1
+        };
+        return navState ? (Object.keys(navState).forEach((dim => {
+            const {scale: scale, data: data, linkedComponent: linkedComponent, rangeFactor: rangeFactor} = navState[dim];
+            if (linkedComponent) res[dim] = this.updateZoomRange((0, view_utils_1.getRangeOfLinkedComponent)(linkedComponent), null, zoomPos, zoomOptions); else if (scale) {
+                const innerScale = scale.getScale(), newRange = this.updateZoomRange(rangeFactor, innerScale, zoomPos, zoomOptions);
+                newRange && (navState[dim].rangeFactor = newRange, data ? (navState[dim].filterValue = newRange, 
+                data.commit()) : (scale.setRangeFactor(newRange), scale.commit()), res.needUpdate = !0, 
+                res[dim] = newRange);
+            }
+        })), res) : res;
+    }
+    handleZoomStart(e, navState, zoomOptions) {
+        if (!(0, vutils_1.isNil)(e.zoomDelta)) return e.stopPropagation(), e.preventDefault(), 
+        (null == zoomOptions ? void 0 : zoomOptions.realtime) ? this._handleZooming(e, navState, zoomOptions) : ((0, 
+        vutils_1.isNil)(this._zoomPos) ? this._zoomPos = {
+            zoomDelta: e.zoomDelta,
+            zoomX: e.zoomX,
+            zoomY: e.zoomY
+        } : this._zoomPos.zoomDelta *= e.zoomDelta, null);
+    }
+    handleZoomEnd(e, navState, zoomOptions) {
+        this._lastScale = null;
+        const res = !1 === (null == zoomOptions ? void 0 : zoomOptions.realtime) && this._zoomPos ? this._handleZooming(this._zoomPos, navState, zoomOptions) : null;
+        return this._zoomPos = null, res;
+    }
+    handleZoomReset(e, navState, zoomOptions) {
+        const res = {
+            needUpdate: !1
+        };
+        return navState ? (Object.keys(navState).forEach((dim => {
+            const {scale: scale, data: data, linkedComponent: linkedComponent} = navState[dim], newRange = [ 0, 1 ];
+            linkedComponent ? res[dim] = newRange : scale && (navState[dim].rangeFactor = null, 
+            data ? (navState[dim].filterValue = null, data.commit()) : (scale.setRangeFactor(newRange), 
+            scale.commit()), res.needUpdate = !0, res[dim] = newRange);
+        })), res) : res;
+    }
+}
+
+exports.ViewZoomMixin = ViewZoomMixin;
+//# sourceMappingURL=view-zoom-mixin.js.map

package/cjs/interactions/view-zoom-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-zoom-mixin.ts"],"names":[],"mappings":"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","file":"view-zoom-mixin.js","sourcesContent":["import { clamp, isNil } from '@visactor/vutils';\nimport type {\n  IViewZoomMixin,\n  InteractionEvent,\n  ViewNavigationRange,\n  ViewStateByDim,\n  ViewZoomSimpleOptions\n} from '../types';\nimport { getFilteredValuesFromScale, getRangeOfLinkedComponent } from './view-utils';\n\nexport class ViewZoomMixin implements IViewZoomMixin {\n  protected declare _state: Partial<Record<'x' | 'y', ViewStateByDim>>;\n\n  protected _lastScale: number;\n  protected _zoomPos: {\n    zoomDelta: number;\n    zoomX: number;\n    zoomY: number;\n  };\n\n  protected _formatPinchZoom(e: InteractionEvent) {\n    const scale = (e as any).scale;\n    if (isNil(this._lastScale)) {\n      this._lastScale = scale;\n      return e;\n    }\n    const zoomDelta = scale / this._lastScale;\n\n    this._lastScale = scale;\n    const center = (e as any).center;\n\n    (e as any).zoomDelta = zoomDelta;\n    (e as any).zoomX = center.x;\n    (e as any).zoomY = center.y;\n\n    return e;\n  }\n\n  protected _formatWheelZoom(e: InteractionEvent) {\n    /**\n     * @see https://vega.github.io/vega/examples/zoomable-world-map/\n     * After testing, the ctrlKey field will only be true when the directions of the two fingers are inconsistent.\n     * Based on this, determine whether to trigger the scroll event.\n     */\n    if (!(e as any).ctrlKey) {\n      (e as any).zoomDelta = null;\n      (e as any).zoomX = null;\n      (e as any).zoomY = null;\n      return e;\n    }\n\n    // @see https://vega.github.io/vega/examples/zoomable-world-map/\n    const zoomDelta = Math.pow(1.0005, -(e as any).deltaY * Math.pow(16, (e as any).deltaMode));\n\n    (e as any).zoomDelta = zoomDelta;\n    (e as any).zoomX = e.canvasX;\n    (e as any).zoomY = e.canvasY;\n    return e;\n  }\n\n  formatZoomEvent(e: InteractionEvent) {\n    if (!e) {\n      return e;\n    }\n\n    if (e.type === 'pinch') {\n      return this._formatPinchZoom(e);\n    }\n\n    return this._formatWheelZoom(e);\n  }\n\n  updateZoomRange(\n    rangeFactor: [number, number] = [0, 1],\n    range: [number, number],\n    zoomEvent: { zoomDelta: number; zoomX: number; zoomY: number },\n    zoomOptions?: { rate?: number; focus?: boolean }\n  ) {\n    const { zoomDelta } = zoomEvent;\n\n    const rangeDelta = Math.abs(rangeFactor[1] - rangeFactor[0]);\n\n    if (rangeDelta >= 1 && zoomDelta >= 1) {\n      return;\n    }\n    if (rangeDelta <= 1e-3 && zoomDelta <= 1) {\n      return;\n    }\n    const value = (rangeDelta * (zoomDelta - 1) * (zoomOptions.rate ?? 1)) / 2;\n\n    const start = clamp(rangeFactor[0] - value, 0, 1);\n    const end = clamp(rangeFactor[1] + value, 0, 1);\n\n    return [Math.min(start, end), Math.max(start, end)] as [number, number];\n  }\n\n  protected _handleZooming(\n    zoomPos: { zoomDelta: number; zoomX: number; zoomY: number },\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    const res: ViewNavigationRange = { needUpdate: false };\n    if (!navState) {\n      return res;\n    }\n\n    Object.keys(navState).forEach(dim => {\n      const { scale, data, linkedComponent, rangeFactor } = navState[dim];\n\n      if (linkedComponent) {\n        res[dim] = this.updateZoomRange(getRangeOfLinkedComponent(linkedComponent), null, zoomPos, zoomOptions);\n      } else if (scale) {\n        const innerScale = scale.getScale();\n        const newRange = this.updateZoomRange(rangeFactor, innerScale, zoomPos, zoomOptions);\n\n        if (newRange) {\n          navState[dim].rangeFactor = newRange;\n\n          if (data) {\n            navState[dim].filterValue = newRange;\n\n            data.commit();\n          } else {\n            scale.setRangeFactor(newRange);\n            scale.commit();\n          }\n          res.needUpdate = true;\n          res[dim] = newRange;\n        }\n      }\n    });\n    return res;\n  }\n\n  handleZoomStart(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    if (isNil((e as any).zoomDelta)) {\n      return;\n    }\n    e.stopPropagation();\n    e.preventDefault();\n\n    if (zoomOptions?.realtime) {\n      return this._handleZooming(\n        e as unknown as { zoomDelta: number; zoomX: number; zoomY: number },\n        navState,\n        zoomOptions\n      );\n    }\n\n    if (isNil(this._zoomPos)) {\n      this._zoomPos = {\n        zoomDelta: (e as any).zoomDelta,\n        zoomX: (e as any).zoomX,\n        zoomY: (e as any).zoomY\n      };\n    } else {\n      this._zoomPos.zoomDelta *= (e as any).zoomDelta;\n    }\n\n    return null;\n  }\n\n  handleZoomEnd(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    this._lastScale = null;\n    const res =\n      zoomOptions?.realtime === false && this._zoomPos\n        ? this._handleZooming(this._zoomPos, navState, zoomOptions)\n        : null;\n\n    this._zoomPos = null;\n\n    return res;\n  }\n\n  handleZoomReset(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    const res: ViewNavigationRange = { needUpdate: false };\n    if (!navState) {\n      return res;\n    }\n\n    Object.keys(navState).forEach(dim => {\n      const { scale, data, linkedComponent } = navState[dim];\n      const newRange = [0, 1];\n\n      if (linkedComponent) {\n        res[dim] = newRange;\n      } else if (scale) {\n        navState[dim].rangeFactor = null;\n\n        if (data) {\n          navState[dim].filterValue = null;\n\n          data.commit();\n        } else {\n          scale.setRangeFactor(newRange);\n          scale.commit();\n        }\n        res.needUpdate = true;\n        res[dim] = newRange;\n      }\n    });\n    return res;\n  }\n}\n"]}

package/cjs/interactions/view-zoom.d.ts

@@ -0,0 +1,23 @@
+import type { ViewZoomOptions, IView, InteractionEvent, IScale, IData, IViewZoomMixin } from '../types';
+import { ViewNavigationBase } from './view-navigation-base';
+export interface ViewZoom extends Pick<IViewZoomMixin, 'formatZoomEvent' | 'handleZoomStart' | 'handleZoomEnd' | 'handleZoomReset' | 'updateZoomRange'>, ViewNavigationBase<ViewZoomOptions> {
+}
+export declare class ViewZoom extends ViewNavigationBase<ViewZoomOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: ViewZoomOptions;
+    protected _inited?: boolean;
+    protected _lastScale: number;
+    protected _scaleX: IScale;
+    protected _scaleY: IScale;
+    protected _data: IData;
+    protected handleStart: (e: InteractionEvent) => void;
+    constructor(view: IView, option?: ViewZoomOptions);
+    protected getEvents(): {
+        type: import("../types").EventType;
+        handler: (e: InteractionEvent) => void;
+    }[];
+    handleStartInner: (e: InteractionEvent) => void;
+    handleEnd: (e: InteractionEvent) => void;
+    handleReset: (e: InteractionEvent) => void;
+}

package/cjs/interactions/view-zoom.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ViewZoom = void 0;
+
+const vutils_1 = require("@visactor/vutils"), view_navigation_base_1 = require("./view-navigation-base"), enums_1 = require("../graph/enums");
+
+class ViewZoom extends view_navigation_base_1.ViewNavigationBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, ViewZoom.defaultOptions, option)), this.type = ViewZoom.type, 
+        this.handleStartInner = e => {
+            this.formatZoomEvent(e), !e || this.options.shouldStart && !this.options.shouldStart(e) || (this._inited || this._initGrammars(), 
+            this.updateView(enums_1.InteractionEventEnum.viewZoomStart, this.handleZoomStart(e, this._state, {
+                rate: this.options.rate,
+                focus: this.options.focus
+            })));
+        }, this.handleEnd = e => {
+            this.formatZoomEvent(e), !e || this.options.shouldEnd && !this.options.shouldEnd(e) || this.updateView(enums_1.InteractionEventEnum.viewZoomEnd, this.handleZoomEnd(e, this._state, {
+                rate: this.options.rate,
+                focus: this.options.focus
+            }), e);
+        }, this.handleReset = e => {
+            !e || this.options.shouldReset && !this.options.shouldReset(e) || this.updateView(enums_1.InteractionEventEnum.viewZoomReset, this.handleZoomReset(e, this._state, {
+                rate: this.options.rate,
+                focus: this.options.focus
+            }), e);
+        }, this.handleStart = (0, vutils_1.throttle)(this.handleStartInner, this.options.throttle);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.endTrigger,
+            handler: this.handleEnd
+        }, {
+            type: this.options.resetTrigger,
+            handler: this.handleReset
+        } ];
+    }
+}
+
+exports.ViewZoom = ViewZoom, ViewZoom.type = "view-zoom", ViewZoom.defaultOptions = {
+    realtime: !0,
+    focus: !0,
+    trigger: "wheel",
+    endTrigger: "pointerup",
+    resetTrigger: "dblclick",
+    rate: 1,
+    throttle: 100
+};
+//# sourceMappingURL=view-zoom.js.map

package/cjs/interactions/view-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-zoom.ts"],"names":[],"mappings":"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","file":"view-zoom.js","sourcesContent":["import { throttle } from '@visactor/vutils';\nimport type { ViewZoomOptions, IView, InteractionEvent, IScale, IData, IViewZoomMixin } from '../types';\nimport { ViewNavigationBase } from './view-navigation-base';\nimport { InteractionEventEnum } from '../graph/enums';\n\nexport interface ViewZoom\n  extends Pick<\n      IViewZoomMixin,\n      'formatZoomEvent' | 'handleZoomStart' | 'handleZoomEnd' | 'handleZoomReset' | 'updateZoomRange'\n    >,\n    ViewNavigationBase<ViewZoomOptions> {}\nexport class ViewZoom extends ViewNavigationBase<ViewZoomOptions> {\n  static type: string = 'view-zoom';\n  type: string = ViewZoom.type;\n\n  static defaultOptions: ViewZoomOptions = {\n    realtime: true,\n    focus: true,\n    trigger: 'wheel',\n    endTrigger: 'pointerup',\n    resetTrigger: 'dblclick',\n    rate: 1,\n    throttle: 100\n  };\n\n  protected _inited?: boolean;\n  protected _lastScale: number;\n  protected _scaleX: IScale;\n  protected _scaleY: IScale;\n  protected _data: IData;\n  protected handleStart: (e: InteractionEvent) => void;\n\n  constructor(view: IView, option?: ViewZoomOptions) {\n    super(view, Object.assign({}, ViewZoom.defaultOptions, option));\n    this.handleStart = throttle(this.handleStartInner, this.options.throttle);\n  }\n\n  protected getEvents() {\n    return [\n      { type: this.options.trigger, handler: this.handleStart },\n      { type: this.options.endTrigger, handler: this.handleEnd },\n      { type: this.options.resetTrigger, handler: this.handleReset }\n    ];\n  }\n\n  handleStartInner = (e: InteractionEvent) => {\n    (this as unknown as IViewZoomMixin).formatZoomEvent(e);\n    if (!e || (this.options.shouldStart && !this.options.shouldStart(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewZoomStart,\n      (this as unknown as IViewZoomMixin).handleZoomStart(e, this._state, {\n        rate: this.options.rate,\n        focus: this.options.focus\n      })\n    );\n  };\n\n  handleEnd = (e: InteractionEvent) => {\n    (this as unknown as IViewZoomMixin).formatZoomEvent(e);\n    if (!e || (this.options.shouldEnd && !this.options.shouldEnd(e))) {\n      return;\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewZoomEnd,\n      (this as unknown as IViewZoomMixin).handleZoomEnd(e, this._state, {\n        rate: this.options.rate,\n        focus: this.options.focus\n      }),\n      e\n    );\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!e || (this.options.shouldReset && !this.options.shouldReset(e))) {\n      return;\n    }\n    this.updateView(\n      InteractionEventEnum.viewZoomReset,\n      (this as unknown as IViewZoomMixin).handleZoomReset(e, this._state, {\n        rate: this.options.rate,\n        focus: this.options.focus\n      }),\n      e\n    );\n  };\n}\n"]}

package/cjs/parse/coordinate.js

@@ -67,4 +67,4 @@ function configureCoordinate(spec, coordinate, parameters) {
 
 exports.createCoordinate = createCoordinate, exports.parseCoordinate = parseCoordinate, 
 exports.configureCoordinate = configureCoordinate;
-//# sourceMappingURL=coordinate.js.map
+//# sourceMappingURL=coordinate.js.map

package/cjs/parse/event.d.ts

@@ -5,4 +5,6 @@ export declare const parseHandler: (callback: EventCallback, config: {
     debounce?: number;
     throttle?: number;
 }) => (...args: any[]) => any;
+export declare const NAME_PREFIX = "@";
+export declare const ID_PREFIX = "#";
 export declare const parseEventSelector: (selector: string, source?: EventSourceType) => Partial<ParsedViewEventSpec | ParsedWindowEventSpec>;