@ax-design/reveal-highlight 0.4.2 → 0.5.3

package/es/utils/extractRGBValue.js

@@ -1,48 +1,48 @@
-export const extractRGBValue = (x) => {
-    if (x === '') {
-        return '';
-    }
-    if (x[0] === '#') {
-        // Thanks bro:
-        // https://stackoverflow.com/a/11508164/3931936
-        const hexVal = parseInt(x.substring(1), 16);
-        var r = (hexVal >> 16) & 255;
-        var g = (hexVal >> 8) & 255;
-        var b = hexVal & 255;
-        return r + ',' + g + ',' + b;
-    }
-    else {
-        let result = '';
-        let beginSearch = false;
-        let numberPointer = 0;
-        for (let i = 0; i < x.length; i++) {
-            const char = x[i];
-            const charCode = char.charCodeAt(0) - 48;
-            const charIsNumber = charCode >= 0 && charCode < 10;
-            if (char === ' ') {
-                continue;
-            }
-            if (beginSearch && !charIsNumber && char !== ',' && char !== ')') {
-                throw new SyntaxError(`${x} is not a validate color value!`);
-            }
-            if (!beginSearch && char === '(') {
-                beginSearch = true;
-                continue;
-            }
-            if (numberPointer < 2 && char === ')') {
-                throw new SyntaxError(`${x} should have at least three color channel`);
-            }
-            if (char === ',') {
-                numberPointer++;
-            }
-            if (char === ')') {
-                return result;
-            }
-            if (beginSearch) {
-                result += char;
-            }
-        }
-        return result;
-    }
-};
+export const extractRGBValue = (x) => {
+    if (x === '') {
+        return '';
+    }
+    if (x[0] === '#') {
+        // Thanks bro:
+        // https://stackoverflow.com/a/11508164/3931936
+        const hexVal = parseInt(x.substring(1), 16);
+        var r = (hexVal >> 16) & 255;
+        var g = (hexVal >> 8) & 255;
+        var b = hexVal & 255;
+        return r + ',' + g + ',' + b;
+    }
+    else {
+        let result = '';
+        let beginSearch = false;
+        let numberPointer = 0;
+        for (let i = 0; i < x.length; i++) {
+            const char = x[i];
+            const charCode = char.charCodeAt(0) - 48;
+            const charIsNumber = charCode >= 0 && charCode < 10;
+            if (char === ' ') {
+                continue;
+            }
+            if (beginSearch && !charIsNumber && char !== ',' && char !== ')') {
+                throw new SyntaxError(`${x} is not a validate color value!`);
+            }
+            if (!beginSearch && char === '(') {
+                beginSearch = true;
+                continue;
+            }
+            if (numberPointer < 2 && char === ')') {
+                throw new SyntaxError(`${x} should have at least three color channel`);
+            }
+            if (char === ',') {
+                numberPointer++;
+            }
+            if (char === ')') {
+                return result;
+            }
+            if (beginSearch) {
+                result += char;
+            }
+        }
+        return result;
+    }
+};
 //# sourceMappingURL=extractRGBValue.js.map

package/es/utils/isValidateBorderDecorationType.d.ts

@@ -1,3 +1,3 @@
-import type { BorderDecoration } from './types.js';
-export declare const isValidateBorderDecorationType: (x: string) => x is BorderDecoration;
+import type { BorderDecoration } from './types.js';
+export declare const isValidateBorderDecorationType: (x: string) => x is BorderDecoration;
 //# sourceMappingURL=isValidateBorderDecorationType.d.ts.map

package/es/utils/isValidateBorderDecorationType.js

@@ -1,10 +1,10 @@
-export const isValidateBorderDecorationType = (x) => {
-    if (x === 'round')
-        return true;
-    if (x === 'bevel')
-        return true;
-    if (x === 'miter')
-        return true;
-    return false;
-};
+export const isValidateBorderDecorationType = (x) => {
+    if (x === 'round')
+        return true;
+    if (x === 'bevel')
+        return true;
+    if (x === 'miter')
+        return true;
+    return false;
+};
 //# sourceMappingURL=isValidateBorderDecorationType.js.map

package/es/utils/types.d.ts

@@ -1,103 +1,95 @@
-export declare type BorderDecoration = 'round' | 'bevel' | 'miter';
-export interface CachedBoundingRect {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-}
-export interface CachedStyle {
-    color: string;
-    opacity: number;
-    trueFillRadius: [number, number];
-    borderColor: string;
-    borderFillRadius: number;
-    borderDecorationType: BorderDecoration;
-    borderDecorationRadius: number;
-    topLeftBorderDecorationRadius: number;
-    topRightBorderDecorationRadius: number;
-    bottomLeftBorderDecorationRadius: number;
-    bottomRightBorderDecorationRadius: number;
-    /**
-     * @param withLeftBorderFactor
-     * If the left border is shown, this value is 1, or the value is 0.
-     */
-    withLeftBorderFactor: number;
-    /**
-     * @param withRightBorderFactor
-     * If the right border is shown, this value is 1, or the value is 0.
-     */
-    withRightBorderFactor: number;
-    /**
-     * @param withTopBorderFactor
-     * If the top border is shown, this value is 1, or the value is 0.
-     */
-    withTopBorderFactor: number;
-    /**
-     * @param withBottomBorderFactor
-     * If the bottom border is shown, this value is 1, or the value is 0.
-     */
-    withBottomBorderFactor: number;
-    borderWidth: number;
-    hoverLight: boolean;
-    hoverLightColor: string;
-    hoverLightFillMode: string;
-    hoverLightFillRadius: number;
-    diffuse: boolean;
-    pressAnimation: boolean;
-    pressAnimationFillMode: string;
-    pressAnimationColor: string;
-    pressAnimationSpeed: number;
-    releaseAnimationAccelerateRate: number;
-}
-interface CachedReveal {
-    radius: number;
-    radiusFactor: number;
-    color: string;
-    opacity: number;
-    pattern: CanvasPattern | null;
-}
-/**
- * Cached border and body pattern, for faster painting on the canvas.
- * @interface CachedRevealBitmap
- */
-export interface CachedRevealBitmap {
-    cachedReveal: {
-        borderReveal: CachedReveal;
-        fillReveal: CachedReveal;
-    };
-    cachedCanvas: {
-        borderReveal: HTMLCanvasElement;
-        fillReveal: HTMLCanvasElement;
-    };
-    cachedCtx: {
-        borderReveal: CanvasRenderingContext2D | null;
-        fillReveal: CanvasRenderingContext2D | null;
-    };
-}
-/**
- * Cached border and body pattern, just to store something in similar way.
- * @interface CachedRevealPath
- */
-export interface CachedRevealPath {
-    cachedReveal: {
-        readonly borderReveal: CachedReveal;
-        readonly fillReveal: CachedReveal;
-    };
-    cachedPath: {
-        readonly borderReveal: SVGPathElement;
-        readonly fillReveal: SVGPathElement;
-        readonly rippleReveal: SVGPathElement;
-    };
-    cachedGradient: {
-        readonly borderReveal: SVGRadialGradientElement;
-        readonly fillReveal: SVGRadialGradientElement;
-        readonly rippleReveal: SVGRadialGradientElement;
-    };
-    cachedGradientStop: {
-        readonly borderReveal: Readonly<[SVGStopElement, SVGStopElement]>;
-        readonly fillReveal: Readonly<[SVGStopElement, SVGStopElement]>;
-        readonly rippleReveal: Readonly<[SVGStopElement, SVGStopElement, SVGStopElement]>;
-    };
-}
-export {};
+export declare type BorderDecoration = 'round' | 'bevel' | 'miter';
+export interface CachedBoundingRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface CachedStyle {
+    color: string;
+    opacity: number;
+    trueFillRadius: [number, number];
+    borderColor: string;
+    borderFillRadius: number;
+    borderDecorationType: BorderDecoration;
+    borderDecorationRadius: number;
+    topLeftBorderDecorationRadius: number;
+    topRightBorderDecorationRadius: number;
+    bottomLeftBorderDecorationRadius: number;
+    bottomRightBorderDecorationRadius: number;
+    /**
+     * @param withLeftBorderFactor
+     * If the left border is shown, this value is 1, or the value is 0.
+     */
+    withLeftBorderFactor: number;
+    /**
+     * @param withRightBorderFactor
+     * If the right border is shown, this value is 1, or the value is 0.
+     */
+    withRightBorderFactor: number;
+    /**
+     * @param withTopBorderFactor
+     * If the top border is shown, this value is 1, or the value is 0.
+     */
+    withTopBorderFactor: number;
+    /**
+     * @param withBottomBorderFactor
+     * If the bottom border is shown, this value is 1, or the value is 0.
+     */
+    withBottomBorderFactor: number;
+    borderWidth: number;
+    hoverLight: boolean;
+    hoverLightColor: string;
+    hoverLightFillMode: string;
+    hoverLightFillRadius: number;
+    diffuse: boolean;
+    pressAnimation: boolean;
+    pressAnimationFillMode: string;
+    pressAnimationColor: string;
+    pressAnimationSpeed: number;
+    releaseAnimationAccelerateRate: number;
+}
+interface CachedReveal {
+    radius: number;
+    radiusFactor: number;
+    color: string;
+    opacity: number;
+    pattern: CanvasGradient | null;
+}
+/**
+ * Cached border and body gradient, for faster painting on the canvas.
+ * @interface CachedRevealBitmap
+ */
+export interface CachedRevealBitmap {
+    cachedReveal: {
+        borderReveal: CachedReveal;
+        fillReveal: CachedReveal;
+    };
+}
+/**
+ * Cached border and body pattern, just to store something in similar way.
+ * @interface CachedRevealPath
+ */
+export interface CachedRevealPath {
+    cachedReveal: {
+        readonly borderReveal: CachedReveal;
+        readonly fillReveal: CachedReveal;
+    };
+    cachedPath: {
+        readonly borderReveal: SVGPathElement;
+        readonly fillReveal: SVGPathElement;
+        readonly rippleReveal: SVGPathElement;
+    };
+    cachedGradient: {
+        readonly borderReveal: SVGRadialGradientElement;
+        readonly fillReveal: SVGRadialGradientElement;
+        readonly rippleReveal: SVGRadialGradientElement;
+    };
+    cachedGradientStop: {
+        readonly borderReveal: Readonly<[SVGStopElement, SVGStopElement]>;
+        readonly fillReveal: Readonly<[SVGStopElement, SVGStopElement]>;
+        readonly rippleReveal: Readonly<[SVGStopElement, SVGStopElement, SVGStopElement]>;
+    };
+}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/es/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,6BAA6B,EAAE,MAAM,CAAC;IACtC,8BAA8B,EAAE,MAAM,CAAC;IACvC,gCAAgC,EAAE,MAAM,CAAC;IACzC,iCAAiC,EAAE,MAAM,CAAC;IAC1C;;;OAGG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8BAA8B,EAAE,MAAM,CAAC;CAC1C;AAED,UAAU,YAAY;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IAC/B,YAAY,EAAE;QACV,YAAY,EAAE,YAAY,CAAC;QAC3B,UAAU,EAAE,YAAY,CAAC;KAC5B,CAAC;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE;QACV,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;QACpC,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;KACrC,CAAC;IACF,UAAU,EAAE;QACR,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC;QACtC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC;QACpC,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC;KACzC,CAAC;IACF,cAAc,EAAE;QACZ,QAAQ,CAAC,YAAY,EAAE,wBAAwB,CAAC;QAChD,QAAQ,CAAC,UAAU,EAAE,wBAAwB,CAAC;QAC9C,QAAQ,CAAC,YAAY,EAAE,wBAAwB,CAAC;KACnD,CAAC;IACF,kBAAkB,EAAE;QAChB,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;QAClE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;QAChE,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;KACrF,CAAC;CACL"}

package/es/utils/types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=types.js.map

package/es/variables.d.ts

@@ -1,2 +1,2 @@
-export declare const MAGIC_DEFAULT_COLOR = "magic";
+export declare const MAGIC_DEFAULT_COLOR = "magic";
 //# sourceMappingURL=variables.d.ts.map

package/es/variables.js

@@ -1,2 +1,2 @@
-export const MAGIC_DEFAULT_COLOR = 'magic';
+export const MAGIC_DEFAULT_COLOR = 'magic';
 //# sourceMappingURL=variables.js.map

package/package.json

@@ -1,35 +1,36 @@
 {
-  "name": "@ax-design/reveal-highlight",
-  "version": "0.4.2",
-  "description": "Web component that implement Reveal Highlight of Axiom Design System.",
-  "main": "build/main.js",
-  "module": "es/index.js",
-  "typings": "es/index.d.ts",
-  "repository": "https://github.com/ax-design/reveal-highlight",
-  "license": "MIT",
-  "sideEffects": false,
-  "devDependencies": {
-    "npm-run-all": "^4.1.5",
-    "prettier": "2.5.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.62.0",
-    "rollup-plugin-babel-minify": "^10.0.0",
-    "rollup-plugin-typescript2": "^0.31.1",
-    "typescript": "^4.5.4"
-  },
-  "scripts": {
-    "start": "npm-run-all --parallel start-tsc start-rollup",
-    "start-tsc": "tsc --watch",
-    "start-rollup": "rollup -c -w",
-    "build": "npm-run-all clean --parallel build-tsc build-rollup",
-    "build-tsc": "tsc",
-    "build-rollup": "rollup -c",
-    "clean": "rimraf ./es ./build",
-    "prepublishOnly": "npm run build"
-  },
-  "files": [
-    "build",
-    "es",
-    "src"
-  ]
-}
+    "name": "@ax-design/reveal-highlight",
+    "version": "0.5.3",
+    "description": "Web component that implement Reveal Highlight of Axiom Design System.",
+    "main": "build/main.js",
+    "module": "es/index.js",
+    "typings": "es/index.d.ts",
+    "repository": "https://github.com/ax-design/reveal-highlight",
+    "license": "MIT",
+    "sideEffects": false,
+    "devDependencies": {
+        "npm-run-all": "^4.1.5",
+        "prettier": "2.5.1",
+        "rimraf": "^3.0.2",
+        "rollup": "^2.62.0",
+        "rollup-plugin-babel-minify": "^10.0.0",
+        "rollup-plugin-typescript2": "^0.31.1",
+        "typescript": "^4.5.4"
+    },
+    "scripts": {
+        "start": "npm-run-all --parallel start-tsc start-rollup",
+        "start-tsc": "tsc --watch",
+        "start-rollup": "rollup -c -w",
+        "build": "npm-run-all clean --parallel build-tsc build-rollup",
+        "build-tsc": "tsc",
+        "build-rollup": "rollup -c",
+        "clean": "rimraf ./es ./build",
+        "prepublishOnly": "npm run build"
+    },
+    "files": [
+        "build",
+        "es",
+        "src"
+    ],
+    "packageManager": "yarn@3.8.7"
+}