@ax-design/reveal-highlight 0.4.2 → 0.5.3

package/es/Profiler.js

@@ -1,32 +1,32 @@
-const downloadText = (filename, text) => {
-    const element = document.createElement('a');
-    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
-    element.setAttribute('download', filename);
-    element.style.display = 'none';
-    element.click();
-};
-export class Profiler {
-    constructor() {
-        this.baseline = 0;
-        this.logs = [];
-    }
-    setBaseline() {
-        this.baseline = performance.now();
-    }
-    mark(task = 'unknown') {
-        const time = performance.now() - this.baseline;
-        this.logs.push({
-            time,
-            task,
-        });
-        this.baseline = performance.now();
-    }
-    dumpAsCsv() {
-        let result = 'task,tile\n';
-        for (let i = 0; i < this.logs.length; i++) {
-            result += `${this.logs[i].task},${this.logs[i].time}\n`;
-        }
-        downloadText('axRevealHighlightProfileDetail.csv', result);
-    }
-}
+const downloadText = (filename, text) => {
+    const element = document.createElement('a');
+    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
+    element.setAttribute('download', filename);
+    element.style.display = 'none';
+    element.click();
+};
+export class Profiler {
+    constructor() {
+        this.baseline = 0;
+        this.logs = [];
+    }
+    setBaseline() {
+        this.baseline = performance.now();
+    }
+    mark(task = 'unknown') {
+        const time = performance.now() - this.baseline;
+        this.logs.push({
+            time,
+            task,
+        });
+        this.baseline = performance.now();
+    }
+    dumpAsCsv() {
+        let result = 'task,tile\n';
+        for (let i = 0; i < this.logs.length; i++) {
+            result += `${this.logs[i].task},${this.logs[i].time}\n`;
+        }
+        downloadText('axRevealHighlightProfileDetail.csv', result);
+    }
+}
 //# sourceMappingURL=Profiler.js.map

package/es/RevealBoundryStore.d.ts

@@ -1,77 +1,81 @@
-import { CanvasConfig } from './CanvasConfig.js';
-import { SvgConfig } from './SvgConfig.js';
-declare type Config = CanvasConfig | SvgConfig;
-export declare class RevealBoundaryStore {
-    id: number;
-    container: HTMLElement;
-    clientX: number;
-    clientY: number;
-    paintedClientX: number;
-    paintedClientY: number;
-    mouseInBoundary: boolean;
-    canvasList: Config[];
-    animationQueue: Config[];
-    animationFrame: number | null;
-    mouseUpClientX: null;
-    mouseUpClientY: null;
-    mouseDownAnimateStartFrame: null;
-    mouseDownAnimateCurrentFrame: null;
-    mouseDownAnimateReleasedFrame: null;
-    mouseDownAnimateLogicFrame: null;
-    mousePressed: boolean;
-    mouseReleased: boolean;
-    maxRadius: number;
-    requestedAnimationFrame: boolean;
-    constructor(id: number, $el: HTMLElement);
-    addReveal: ($element: HTMLCanvasElement | SVGElement, $container: HTMLElement) => void;
-    removeReveal: ($el: HTMLCanvasElement | SVGElement) => void;
-    updateMaxRadius: (x: number) => void;
-    requestPaintAll: (cleanup?: boolean | undefined) => void;
-    updatePointerPosition: (x: number, y: number) => void;
-    onPointerMoveOnScreen: (x: number, y: number) => true | undefined;
-    /**
-     * Repaint all canvas while user's pointer has entered the boundary.
-     */
-    onPointerEnterBoundary: () => void;
-    /**
-     * Clear all canvas while user's pointer leave the bounary.
-     */
-    onPointerLeaveBoundary: () => void;
-    /**
-     * The painting method that draw everything on your screen.
-     * @param frame current frame index, if this value is 0, it means all canvas
-     *  should be cleaned.
-     * @param skipSamePointerPositionCheck Literally.
-     */
-    private paintAll;
-    /**
-     * Clear all canvas.
-     */
-    clearAll: (forAnimation: boolean) => void;
-    /**
-     * This is the effect while user pressed on the reveal highlight,
-     * the ripple start to spread slowly.
-     */
-    initializeAnimation: () => void;
-    /**
-     * This is the effect while user released it's pointer, the spreading
-     * ripple animation will start to accelerate.
-     */
-    switchAnimation: () => void;
-    /**
-     * Cleanup all animations.
-     * @param skipPaint Only cleanup data or also clean up the canvas
-     * @param forceClean Clean the canvas or not
-     */
-    cleanupAnimation: (skipPaint?: boolean | undefined, forceClean?: boolean | undefined) => void;
-    /**
-     * Clean up the config of an animation, but the canvas won't cleaned up.
-     * @param config The config to be cleaned up.
-     * @param skipPaint Skip painting.
-     * @param forceClean Force clear the painting.
-     */
-    cleanUpAnimationUnit: (config: Config, skipPaint?: boolean | undefined, forceClean?: boolean | undefined) => void;
-    getRevealAnimationConfig: () => Config | null;
-}
-export {};
+import { CanvasConfig } from './CanvasConfig.js';
+import { SvgConfig } from './SvgConfig.js';
+declare type Config = CanvasConfig | SvgConfig;
+export declare class RevealBoundaryStore {
+    id: number;
+    container: HTMLElement;
+    clientX: number;
+    clientY: number;
+    paintedClientX: number;
+    paintedClientY: number;
+    mouseInBoundary: boolean;
+    canvasList: Config[];
+    animationQueue: Config[];
+    animationFrame: number | null;
+    mouseUpClientX: null;
+    mouseUpClientY: null;
+    mouseDownAnimateStartFrame: null;
+    mouseDownAnimateCurrentFrame: null;
+    mouseDownAnimateReleasedFrame: null;
+    mouseDownAnimateLogicFrame: null;
+    mousePressed: boolean;
+    mouseReleased: boolean;
+    maxRadius: number;
+    requestedAnimationFrame: boolean;
+    constructor(id: number, $el: HTMLElement);
+    addReveal: ($element: HTMLCanvasElement | SVGElement, $container: HTMLElement) => void;
+    removeReveal: ($el: HTMLCanvasElement | SVGElement) => void;
+    updateMaxRadius: (x: number) => void;
+    requestPaintAll: (cleanup?: boolean | undefined) => void;
+    updatePointerPosition: (x: number, y: number) => void;
+    private anchorOffsetX;
+    private anchorOffsetY;
+    anchorPointer: () => void;
+    private followAnchor;
+    onPointerMoveOnScreen: (x: number, y: number) => true | undefined;
+    /**
+     * Repaint all canvas while user's pointer has entered the boundary.
+     */
+    onPointerEnterBoundary: () => void;
+    /**
+     * Clear all canvas while user's pointer leave the bounary.
+     */
+    onPointerLeaveBoundary: () => void;
+    /**
+     * The painting method that draw everything on your screen.
+     * @param frame current frame index, if this value is 0, it means all canvas
+     *  should be cleaned.
+     * @param skipSamePointerPositionCheck Literally.
+     */
+    private paintAll;
+    /**
+     * Clear all canvas.
+     */
+    clearAll: (forAnimation: boolean) => void;
+    /**
+     * This is the effect while user pressed on the reveal highlight,
+     * the ripple start to spread slowly.
+     */
+    initializeAnimation: () => void;
+    /**
+     * This is the effect while user released it's pointer, the spreading
+     * ripple animation will start to accelerate.
+     */
+    switchAnimation: () => void;
+    /**
+     * Cleanup all animations.
+     * @param skipPaint Only cleanup data or also clean up the canvas
+     * @param forceClean Clean the canvas or not
+     */
+    cleanupAnimation: (skipPaint?: boolean | undefined, forceClean?: boolean | undefined) => void;
+    /**
+     * Clean up the config of an animation, but the canvas won't cleaned up.
+     * @param config The config to be cleaned up.
+     * @param skipPaint Skip painting.
+     * @param forceClean Force clear the painting.
+     */
+    cleanUpAnimationUnit: (config: Config, skipPaint?: boolean | undefined, forceClean?: boolean | undefined) => void;
+    getRevealAnimationConfig: () => Config | null;
+}
+export {};
 //# sourceMappingURL=RevealBoundryStore.d.ts.map

package/es/RevealBoundryStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RevealBoundryStore.d.ts","sourceRoot":"","sources":["../src/RevealBoundryStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,aAAK,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAEvC,qBAAa,mBAAmB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,WAAW,CAAC;IAGvB,OAAO,SAAS;IAChB,OAAO,SAAS;IAGhB,cAAc,SAAS;IACvB,cAAc,SAAS;IAEvB,eAAe,UAAS;IACxB,UAAU,EAAE,MAAM,EAAE,CAAM;IAE1B,cAAc,EAAE,MAAM,EAAE,CAAM;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,cAAc,OAAQ;IACtB,cAAc,OAAQ;IACtB,0BAA0B,OAAQ;IAClC,4BAA4B,OAAQ;IACpC,6BAA6B,OAAQ;IACrC,0BAA0B,OAAQ;IAClC,YAAY,UAAS;IACrB,aAAa,UAAS;IAEtB,SAAS,SAAM;IAEf,uBAAuB,UAAS;gBAEpB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW;IAKxC,SAAS,aAAc,iBAAiB,GAAG,UAAU,cAAc,WAAW,UAiB5E;IAEF,YAAY,QAAS,iBAAiB,GAAG,UAAU,UAIjD;IAEF,eAAe,MAAO,MAAM,UAE1B;IAEF,eAAe,0CAQb;IAEF,qBAAqB,MAAO,MAAM,KAAK,MAAM,UAc5C;IAED,qBAAqB,MAAO,MAAM,KAAK,MAAM,sBAK3C;IAEF;;OAEG;IACH,sBAAsB,aAMpB;IAEF;;OAEG;IACH,sBAAsB,aAGpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAsEd;IAEF;;OAEG;IACH,QAAQ,iBAAkB,OAAO,UAE/B;IAEF;;;OAGG;IACH,mBAAmB,aAYjB;IAEF;;;OAGG;IACH,eAAe,aAWb;IAEF;;;;OAIG;IACH,gBAAgB,8EAMf;IAED;;;;;OAKG;IACH,oBAAoB,WAAY,MAAM,6EAwBpC;IAEF,wBAAwB,sBAEtB;CACL"}
+{"version":3,"file":"RevealBoundryStore.d.ts","sourceRoot":"","sources":["../src/RevealBoundryStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,aAAK,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAEvC,qBAAa,mBAAmB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,WAAW,CAAC;IAGvB,OAAO,SAAS;IAChB,OAAO,SAAS;IAGhB,cAAc,SAAS;IACvB,cAAc,SAAS;IAEvB,eAAe,UAAS;IACxB,UAAU,EAAE,MAAM,EAAE,CAAM;IAE1B,cAAc,EAAE,MAAM,EAAE,CAAM;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,cAAc,OAAQ;IACtB,cAAc,OAAQ;IACtB,0BAA0B,OAAQ;IAClC,4BAA4B,OAAQ;IACpC,6BAA6B,OAAQ;IACrC,0BAA0B,OAAQ;IAClC,YAAY,UAAS;IACrB,aAAa,UAAS;IAEtB,SAAS,SAAM;IAEf,uBAAuB,UAAS;gBAEpB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW;IAKxC,SAAS,aAAc,iBAAiB,GAAG,UAAU,cAAc,WAAW,UAiB5E;IAEF,YAAY,QAAS,iBAAiB,GAAG,UAAU,UAIjD;IAEF,eAAe,MAAO,MAAM,UAE1B;IAEF,eAAe,0CAQb;IAEF,qBAAqB,MAAO,MAAM,KAAK,MAAM,UAc5C;IAMD,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,aAAa,CAAuB;IAE5C,aAAa,aAIX;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF,qBAAqB,MAAO,MAAM,KAAK,MAAM,sBAK3C;IAEF;;OAEG;IACH,sBAAsB,aAMpB;IAEF;;OAEG;IACH,sBAAsB,aAKpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAwEd;IAEF;;OAEG;IACH,QAAQ,iBAAkB,OAAO,UAE/B;IAEF;;;OAGG;IACH,mBAAmB,aAYjB;IAEF;;;OAGG;IACH,eAAe,aAWb;IAEF;;;;OAIG;IACH,gBAAgB,8EAMf;IAED;;;;;OAKG;IACH,oBAAoB,WAAY,MAAM,6EAwBpC;IAEF,wBAAwB,sBAEtB;CACL"}