toosoon-utils 4.3.1 → 4.4.0

package/README.md

@@ -333,7 +333,7 @@ toRadians(degrees: number): number;
 
 ##### angle(x1, y1, x2, y2)
 
-Calculate the angle from a point to another.
+Calculate the angle (in radians) from a point to another.
 
 - `x1`: X-axis coordinate of the start point.
 - `y1`: Y-axis coordinate of the start point.
@@ -346,7 +346,7 @@ angle(x1: number, y1: number, x2: number, y2: number): number;
 
 ##### closestAngle(startAngle, endAngle)
 
-Find the closest angle between to angles.
+Find the closest angle (in radians) between two angles.
 
 - `startAngle`: Start angle (in radians).
 - `endAngle`: End angle (in radians).
@@ -534,9 +534,9 @@ hsbToRgb([h, s, b]: [number, number, number]): [number, number, number];
 
 ##### labToHcl(lab)
 
-Convert LAB to HCL.
+Convert L*a*b\* to HCL.
 
-- `lab`: LAB color.
+- `lab`: L*a*b\* color.
 
 ```ts
 labToHcl([l, a, b]: [number, number, number]): [number, number, number];
@@ -544,7 +544,7 @@ labToHcl([l, a, b]: [number, number, number]): [number, number, number];
 
 ##### hclToLab(hcl)
 
-Convert HCL to LAB.
+Convert HCL to L\*a\*b\*.
 
 - `hcl`: HCL color.
 
@@ -554,9 +554,9 @@ hclToLab([h, c, l]: [number, number, number]): [number, number, number];
 
 ##### labToRgb(lab)
 
-Convert LAB to RGB.
+Convert L\*a\*b\* to RGB.
 
-- `lab`: LAB color.
+- `lab`: L\*a\*b\* color.
 
 ```ts
 labToRgb([l, a, b]: [number, number, number]): [number, number, number];
@@ -564,7 +564,7 @@ labToRgb([l, a, b]: [number, number, number]): [number, number, number];
 
 ##### rgbToLab(rgb)
 
-Convert RGB to LAB.
+Convert RGB to L\*a\*b\*.
 
 - `rgb`: RGB color.
 
@@ -574,10 +574,10 @@ rgbToLab([r, g, b]: [number, number, number]): [number, number, number];
 
 ##### deltaE(labA, labB)
 
-Get the delta from two LAB colors.
+Get the delta from two L\*a\*b\* colors.
 
-- `labA`: First LAB color.
-- `labB`: Second LAB color.
+- `labA`: First L\*a\*b\* color.
+- `labB`: Second L\*a\*b\* color.
 
 ```ts
 deltaE(labA: [number, number, number], labB: [number, number, number]): number;
@@ -846,15 +846,26 @@ injectStyles(styles: string): void;
 
 ### Files <a id="files-functions"></a>
 
+##### load(file)
+
+Load a file.
+
+- `file`: File to load.
+
+```ts
+async load(file: File): Promise<string>;
+```
+
 ##### download(blob, filename)
 
 Download a Blob object into user files.
 
 - `blob`: Blob object to download.
-- `filename`: Downloaded file name.
+- `params`: Download parameters.
+- `params.filename`: Downloaded file name.
 
 ```ts
-download(blob: Blob, filename: string): void;
+download(blob: Blob, { filename }: { filename: string }): void;
 ```
 
 ##### upload(onLoad)
@@ -868,6 +879,18 @@ Upload a file from user files.
 upload(onLoad: (dataUrl: string) => void, accept?: string): void;
 ```
 
+##### share(blob)
+
+Share a Blob object with the user's device.
+
+- `blob`: Blob object to share.
+- `params`: Share parameters.
+- `params.filename`: Shared file name.
+
+```ts
+async share(blob: Blob, { filename, ...data }: { filename: string } & ShareData): Promise<void>;
+```
+
 ### Random <a id="random-functions"></a>
 
 ##### randomBoolean(probability)

package/lib/colors.d.ts

@@ -46,7 +46,7 @@ export declare function hexToRgb(hex: ColorHex | string): ColorRgb;
 /**
  * Lighten a color
  *
- * @param {string} hex        Hexadecimal string
+ * @param {string} hex Hexadecimal string
  * @param {number} [amount=0] Amount of the color offset
  * @returns {string} Computed hexadecimal
  */
@@ -54,7 +54,7 @@ export declare function lighten(hex: string, amount?: number): string;
 /**
  * Darken a color
  *
- * @param {string} hex        Hexadecimal string
+ * @param {string} hex Hexadecimal string
  * @param {number} [amount=0] Amount of the color offset
  * @returns {string} Computed hexadecimal
  */
@@ -142,7 +142,7 @@ export declare function hsbToRgb([h, s, b]: ColorHsb): ColorRgb;
  *     - Chroma:    [0, ~150]
  *     - Lightness: [0, 100]
  *
- * @param {ColorLab} lab LAB color
+ * @param {ColorLab} lab L*a*b* color
  * @returns {ColorHcl} HCL color
  */
 export declare function labToHcl([l, a, b]: ColorLab): ColorHcl;

package/lib/colors.js

@@ -98,7 +98,7 @@ export function hexToRgb(hex) {
 /**
  * Lighten a color
  *
- * @param {string} hex        Hexadecimal string
+ * @param {string} hex Hexadecimal string
  * @param {number} [amount=0] Amount of the color offset
  * @returns {string} Computed hexadecimal
  */
@@ -121,7 +121,7 @@ export function lighten(hex, amount = 0) {
 /**
  * Darken a color
  *
- * @param {string} hex        Hexadecimal string
+ * @param {string} hex Hexadecimal string
  * @param {number} [amount=0] Amount of the color offset
  * @returns {string} Computed hexadecimal
  */
@@ -247,7 +247,7 @@ export function hsbToRgb([h, s, b]) {
  *     - Chroma:    [0, ~150]
  *     - Lightness: [0, 100]
  *
- * @param {ColorLab} lab LAB color
+ * @param {ColorLab} lab L*a*b* color
  * @returns {ColorHcl} HCL color
  */
 export function labToHcl([l, a, b]) {

package/lib/dom.d.ts

@@ -1,7 +1,7 @@
 /**
  * Find the closest parent that matches a selector
  *
- * @param {Element|null}   element  Target element
+ * @param {Element|null} element Target element
  * @param {Element|string} selector Selector or parent to match
  * @returns {Element|null}
  */
@@ -9,7 +9,7 @@ export declare function closest(element: Element | null, selector: Element | str
 /**
  * Create a canvas and 2d context
  *
- * @param {number} width  Width of the canvas
+ * @param {number} width Width of the canvas
  * @param {number} height Height of the canvas
  * @returns {{ canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D }}
  */

package/lib/dom.js

@@ -2,7 +2,7 @@ const DOCUMENT_NODE_TYPE = 9;
 /**
  * Find the closest parent that matches a selector
  *
- * @param {Element|null}   element  Target element
+ * @param {Element|null} element Target element
  * @param {Element|string} selector Selector or parent to match
  * @returns {Element|null}
  */
@@ -19,7 +19,7 @@ export function closest(element, selector) {
 /**
  * Create a canvas and 2d context
  *
- * @param {number} width  Width of the canvas
+ * @param {number} width Width of the canvas
  * @param {number} height Height of the canvas
  * @returns {{ canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D }}
  */
@@ -38,9 +38,9 @@ export function createCanvas(width, height) {
 export function injectStyles(styles) {
     const $style = document.createElement('style');
     $style.innerHTML = styles;
-    const $before = document.querySelector('head link[rel=stylesheet], head style');
-    if ($before)
-        document.head.insertBefore($style, $before);
+    const $headStyle = document.querySelector('head link[rel=stylesheet], head style');
+    if ($headStyle)
+        document.head.insertBefore($style, $headStyle);
     else
         document.head.appendChild($style);
 }

package/lib/extras/colors/Color.d.ts

@@ -60,7 +60,6 @@ export default class Color {
     setColorName(colorName: ColorName): this;
     /**
      * Set this color values from a given RGB color
-     *
      * Note:
      *   - RGB values are contained in the interval [0, 1]
      *
@@ -77,7 +76,6 @@ export default class Color {
     setHex(hex: ColorHex): this;
     /**
      * Set this color values from a given HSL color
-     *
      * Note:
      *   - HSL values are contained in the intervals:
      *     - Hue:        [0, 360]
@@ -90,7 +88,6 @@ export default class Color {
     setHsl(hsl: ColorHsl | string): this;
     /**
      * Set this color values from a given HSB color
-     *
      * Note:
      *   - HSB values are contained in the intervals:
      *     - Hue:        [0, 360]
@@ -103,7 +100,6 @@ export default class Color {
     setHsb(hsb: ColorHsb): this;
     /**
      * Set this color values from a given L*a*b* color
-     *
      * Note:
      *   - L*a*b* values are contained in the intervals:
      *     - Lightness:        [0 à 100]
@@ -116,7 +112,6 @@ export default class Color {
     setLab(lab: ColorLab): this;
     /**
      * Set this color values from a given HCL color
-     *
      * Note:
      *   - HCL values are contained in the intervals:
      *     - Hue:       [0, 360]
@@ -140,7 +135,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorRgb} rgb RGB values to interpolate towards
-     * @param {object} [params]       Interpolation parameters
+     * @param {Object} [params]       Interpolation parameters
      * @param {number} [params.power] Interpolation exponent
      * @returns {this}
      */
@@ -150,7 +145,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsl} hsl HSL values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : [h, s, l]
      * @param {string} [params.hueMode]        Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {this}
@@ -161,7 +156,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsb} hsb HSB values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : [h, s, b]
      * @param {string} [params.hueMode]        Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {this}
@@ -172,7 +167,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl HCL values to interpolate towards
-     * @param {object} [params]         Interpolation parameters
+     * @param {Object} [params]         Interpolation parameters
      * @param {string} [params.hueMode] Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {this}
      */
@@ -182,7 +177,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl HCL values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : [c, l]
      * @param {string} [params.hueMode]        Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @param {number} [params.chromaMax]      Maximum chroma value
@@ -194,7 +189,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl HCL values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : ([c, l])
      * @returns {this}
      */
@@ -276,7 +271,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {Color|ColorRgb} rgb1 Start color
      * @param {Color|ColorRgb} rgb2 End color
-     * @param {object} [params]         Interpolation parameters
+     * @param {Object} [params]         Interpolation parameters
      * @param {number} [params.power=1] Interpolation exponent
      * @returns {ColorRgb} Interpolated RGB color
      */
@@ -289,7 +284,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsl} hsl1 Start color
      * @param {ColorHsl} hsl2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : [h, s, l]
      * @param {string} [params.hueMode]          Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {ColorHsl} Interpolated HSL color
@@ -304,7 +299,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsb} hsb1 Start color
      * @param {ColorHsb} hsb2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : [h, s, b]
      * @param {string} [params.hueMode]          Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {ColorHsb} Interpolated HSB color
@@ -329,7 +324,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl1 Start color
      * @param {ColorHcl} hcl2 End color
-     * @param {object} [params]         Interpolation parameters
+     * @param {Object} [params]         Interpolation parameters
      * @param {string} [params.hueMode] Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {ColorHcl} Interpolated HCL color
      */
@@ -352,7 +347,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl1 Start color
      * @param {ColorHcl} hcl2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : [c, l]
      * @param {string} [params.hueMode]          Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @param {number} [params.chromaMax]        Maximum chroma value
@@ -378,7 +373,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl1 Start color
      * @param {ColorHcl} hcl2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : ([c, l])
      * @returns {ColorHcl} Interpolated HCL color
      */

package/lib/extras/colors/Color.js

@@ -64,7 +64,6 @@ export default class Color {
     }
     /**
      * Set this color values from a given RGB color
-     *
      * Note:
      *   - RGB values are contained in the interval [0, 1]
      *
@@ -89,7 +88,6 @@ export default class Color {
     }
     /**
      * Set this color values from a given HSL color
-     *
      * Note:
      *   - HSL values are contained in the intervals:
      *     - Hue:        [0, 360]
@@ -108,7 +106,6 @@ export default class Color {
     }
     /**
      * Set this color values from a given HSB color
-     *
      * Note:
      *   - HSB values are contained in the intervals:
      *     - Hue:        [0, 360]
@@ -124,7 +121,6 @@ export default class Color {
     }
     /**
      * Set this color values from a given L*a*b* color
-     *
      * Note:
      *   - L*a*b* values are contained in the intervals:
      *     - Lightness:        [0 à 100]
@@ -140,7 +136,6 @@ export default class Color {
     }
     /**
      * Set this color values from a given HCL color
-     *
      * Note:
      *   - HCL values are contained in the intervals:
      *     - Hue:       [0, 360]
@@ -172,7 +167,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorRgb} rgb RGB values to interpolate towards
-     * @param {object} [params]       Interpolation parameters
+     * @param {Object} [params]       Interpolation parameters
      * @param {number} [params.power] Interpolation exponent
      * @returns {this}
      */
@@ -184,7 +179,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsl} hsl HSL values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : [h, s, l]
      * @param {string} [params.hueMode]        Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {this}
@@ -197,7 +192,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsb} hsb HSB values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : [h, s, b]
      * @param {string} [params.hueMode]        Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {this}
@@ -210,7 +205,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl HCL values to interpolate towards
-     * @param {object} [params]         Interpolation parameters
+     * @param {Object} [params]         Interpolation parameters
      * @param {string} [params.hueMode] Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {this}
      */
@@ -222,7 +217,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl HCL values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : [c, l]
      * @param {string} [params.hueMode]        Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @param {number} [params.chromaMax]      Maximum chroma value
@@ -236,7 +231,7 @@ export default class Color {
      *
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl HCL values to interpolate towards
-     * @param {object} [params]                Interpolation parameters
+     * @param {Object} [params]                Interpolation parameters
      * @param {number|number[]} [params.power] Interpolation exponent(s) : ([c, l])
      * @returns {this}
      */
@@ -365,7 +360,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {Color|ColorRgb} rgb1 Start color
      * @param {Color|ColorRgb} rgb2 End color
-     * @param {object} [params]         Interpolation parameters
+     * @param {Object} [params]         Interpolation parameters
      * @param {number} [params.power=1] Interpolation exponent
      * @returns {ColorRgb} Interpolated RGB color
      */
@@ -382,7 +377,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsl} hsl1 Start color
      * @param {ColorHsl} hsl2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : [h, s, l]
      * @param {string} [params.hueMode]          Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {ColorHsl} Interpolated HSL color
@@ -405,7 +400,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHsb} hsb1 Start color
      * @param {ColorHsb} hsb2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : [h, s, b]
      * @param {string} [params.hueMode]          Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {ColorHsb} Interpolated HSB color
@@ -438,7 +433,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl1 Start color
      * @param {ColorHcl} hcl2 End color
-     * @param {object} [params]         Interpolation parameters
+     * @param {Object} [params]         Interpolation parameters
      * @param {string} [params.hueMode] Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @returns {ColorHcl} Interpolated HCL color
      */
@@ -464,7 +459,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl1 Start color
      * @param {ColorHcl} hcl2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : [c, l]
      * @param {string} [params.hueMode]          Hue interpolation mode. Can be 'direct' | 'shortest' | 'longest'
      * @param {number} [params.chromaMax]        Maximum chroma value
@@ -495,7 +490,7 @@ export default class Color {
      * @param {number} t Normalized time value to interpolate
      * @param {ColorHcl} hcl1 Start color
      * @param {ColorHcl} hcl2 End color
-     * @param {object} [params]                  Interpolation parameters
+     * @param {Object} [params]                  Interpolation parameters
      * @param {number|number[]} [params.power=1] Interpolation exponent(s) : ([c, l])
      * @returns {ColorHcl} Interpolated HCL color
      */

package/lib/extras/paths/Path.js

@@ -65,8 +65,7 @@ export default class Path extends Curve {
     getPoints(divisions = 40) {
         const points = [];
         let lastPoint = null;
-        for (let i = 0; i < this.curves.length; i++) {
-            const curve = this.curves[i];
+        for (const curve of this.curves) {
             let resolution = divisions;
             if (curve instanceof LineCurve || curve instanceof LineCurve3) {
                 resolution = 1;
@@ -80,9 +79,7 @@ export default class Path extends Curve {
             else if (curve instanceof EllipseCurve) {
                 resolution *= 2;
             }
-            const pts = this.curves[i].getPoints(resolution);
-            for (let j = 0; j < pts.length; j++) {
-                const point = pts[j];
+            for (const point of curve.getPoints(resolution)) {
                 if (point?.equals(lastPoint))
                     continue;
                 points.push(point);
@@ -132,8 +129,8 @@ export default class Path extends Curve {
         }
         const lengths = [];
         let sums = 0;
-        for (let i = 0, j = this.curves.length; i < j; i++) {
-            sums += this.curves[i].getLength();
+        for (const curve of this.curves) {
+            sums += curve.getLength();
             lengths.push(sums);
         }
         this._cacheArcLengths = lengths;

package/lib/extras/paths/PathContext.d.ts

@@ -113,7 +113,7 @@ export default class PathContext extends Path<Vector2> implements CanvasRenderin
      * @param {number} cy Y-axis coordinate of the center of the circle
      * @param {number} rx X-radius of the ellipse
      * @param {number} ry Y-radius of the ellipse
-     * @param {number} rotation 	Rotation angle of the ellipse (in radians), counterclockwise from the positive X-axis
+     * @param {number} rotation Rotation angle of the ellipse (in radians), counterclockwise from the positive X-axis
      * @param {number} startAngle Start angle of the arc (in radians)
      * @param {number} endAngle   End angle of the arc (in radians)
      * @param {boolean} [counterclockwise] Flag indicating the direction of the arc
@@ -149,9 +149,9 @@ export default class PathContext extends Path<Vector2> implements CanvasRenderin
      * Draw a rectangular path from the start position specified by `x` and `y` to the end position using `width` and `height`
      * Add an instance of {@link PolylineCurve} to this path
      *
-     * @param {number} x 		  X-axis coordinate of the rectangle starting point
-     * @param {number} y      Y-axis coordinate of the rectangle starting point
-     * @param {number} width	Rectangle width (Positive values are to the right and negative to the left)
+     * @param {number} x X-axis coordinate of the rectangle starting point
+     * @param {number} y Y-axis coordinate of the rectangle starting point
+     * @param {number} width  Rectangle width (Positive values are to the right and negative to the left)
      * @param {number} height Rectangle height (Positive values are down, and negative are up)
      * @return {this}
      */
@@ -160,9 +160,9 @@ export default class PathContext extends Path<Vector2> implements CanvasRenderin
      * Draw a rounded rectangular path from the start position specified by `x` and `y` to the end position using `width` and `height`
      * Add an instance of {@link Path} to this path
      *
-     * @param {number} x 		  X-axis coordinate of the rectangle starting point
-     * @param {number} y      Y-axis coordinate of the rectangle starting point
-     * @param {number} width	Rectangle width (Positive values are to the right and negative to the left)
+     * @param {number} x X-axis coordinate of the rectangle starting point
+     * @param {number} y Y-axis coordinate of the rectangle starting point
+     * @param {number} width  Rectangle width (Positive values are to the right and negative to the left)
      * @param {number} height Rectangle height (Positive values are down, and negative are up)
      * @param {number|number[]} radius Radius of the circular arc to be used for the corners of the rectangle
      * @return {this}
@@ -206,7 +206,6 @@ export default class PathContext extends Path<Vector2> implements CanvasRenderin
     getLineDash: CanvasRenderingContext2D['getLineDash'];
     fillText: CanvasRenderingContext2D['fillText'];
     strokeText: CanvasRenderingContext2D['strokeText'];
-    miterLimit: CanvasRenderingContext2D['miterLimit'];
     fill: CanvasRenderingContext2D['fill'];
     stroke: CanvasRenderingContext2D['stroke'];
     clearRect: CanvasRenderingContext2D['clearRect'];
@@ -215,6 +214,7 @@ export default class PathContext extends Path<Vector2> implements CanvasRenderin
     drawImage: CanvasRenderingContext2D['drawImage'];
     clip: CanvasRenderingContext2D['clip'];
     filter: CanvasRenderingContext2D['filter'];
+    miterLimit: CanvasRenderingContext2D['miterLimit'];
     globalAlpha: CanvasRenderingContext2D['globalAlpha'];
     globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'];
     createLinearGradient: CanvasRenderingContext2D['createLinearGradient'];

package/lib/extras/paths/PathContext.js

@@ -28,8 +28,8 @@ export default class PathContext extends Path {
      */
     setFromPoints(points) {
         this.moveTo(...points[0]);
-        for (let i = 1, l = points.length; i < l; i++) {
-            this.lineTo(...points[i]);
+        for (const point of points) {
+            this.lineTo(...point);
         }
         return this;
     }
@@ -192,7 +192,7 @@ export default class PathContext extends Path {
      * @param {number} cy Y-axis coordinate of the center of the circle
      * @param {number} rx X-radius of the ellipse
      * @param {number} ry Y-radius of the ellipse
-     * @param {number} rotation 	Rotation angle of the ellipse (in radians), counterclockwise from the positive X-axis
+     * @param {number} rotation Rotation angle of the ellipse (in radians), counterclockwise from the positive X-axis
      * @param {number} startAngle Start angle of the arc (in radians)
      * @param {number} endAngle   End angle of the arc (in radians)
      * @param {boolean} [counterclockwise] Flag indicating the direction of the arc
@@ -303,9 +303,9 @@ export default class PathContext extends Path {
      * Draw a rectangular path from the start position specified by `x` and `y` to the end position using `width` and `height`
      * Add an instance of {@link PolylineCurve} to this path
      *
-     * @param {number} x 		  X-axis coordinate of the rectangle starting point
-     * @param {number} y      Y-axis coordinate of the rectangle starting point
-     * @param {number} width	Rectangle width (Positive values are to the right and negative to the left)
+     * @param {number} x X-axis coordinate of the rectangle starting point
+     * @param {number} y Y-axis coordinate of the rectangle starting point
+     * @param {number} width  Rectangle width (Positive values are to the right and negative to the left)
      * @param {number} height Rectangle height (Positive values are down, and negative are up)
      * @return {this}
      */
@@ -324,9 +324,9 @@ export default class PathContext extends Path {
      * Draw a rounded rectangular path from the start position specified by `x` and `y` to the end position using `width` and `height`
      * Add an instance of {@link Path} to this path
      *
-     * @param {number} x 		  X-axis coordinate of the rectangle starting point
-     * @param {number} y      Y-axis coordinate of the rectangle starting point
-     * @param {number} width	Rectangle width (Positive values are to the right and negative to the left)
+     * @param {number} x X-axis coordinate of the rectangle starting point
+     * @param {number} y Y-axis coordinate of the rectangle starting point
+     * @param {number} width  Rectangle width (Positive values are to the right and negative to the left)
      * @param {number} height Rectangle height (Positive values are down, and negative are up)
      * @param {number|number[]} radius Radius of the circular arc to be used for the corners of the rectangle
      * @return {this}
@@ -509,7 +509,6 @@ export default class PathContext extends Path {
     getLineDash;
     fillText;
     strokeText;
-    miterLimit;
     fill;
     stroke;
     clearRect;
@@ -518,6 +517,7 @@ export default class PathContext extends Path {
     drawImage;
     clip;
     filter;
+    miterLimit;
     globalAlpha;
     globalCompositeOperation;
     createLinearGradient;