@dnncommunity/dnn-elements 0.14.1 → 0.15.0-beta.3

package/dist/collection/utilities/colorInfo.js

@@ -1,191 +1,191 @@
-/** Color utility class with hsl and rgb converters
- * based on math at https://en.wikipedia.org/wiki/HSL_and_HSV
- * @copyright Copyright (c) .NET Foundation. All rights reserved.
- * @license MIT
- */
-export class ColorInfo {
-  constructor() {
-    this._hue = 0;
-    this._saturation = 0;
-    this._lightness = 0;
-  }
-  /** gets the color hue
-   * @returns a number between 0 and 359, could contain decimals
-   */
-  get hue() { return this._hue; }
-  set hue(value) {
-    if (value < 0) {
-      value = 0;
-    }
-    if (value > 359) {
-      value = 359;
-    }
-    this._hue = value;
-  }
-  /** gets the color saturation
-   * @returns a number between 0 and 1, could contain decimals
-  */
-  get saturation() { return this._saturation; }
-  set saturation(value) {
-    if (value < 0) {
-      value = 0;
-    }
-    if (value > 1) {
-      value = 1;
-    }
-    this._saturation = value;
-  }
-  /** gets the color lightness
-   * @returns a number between 0 and 1, could contain decimals
-   */
-  get lightness() { return this._lightness; }
-  set lightness(value) {
-    if (value < 0) {
-      value = 0;
-    }
-    if (value > 1) {
-      value = 1;
-    }
-    this._lightness = value;
-  }
-  /** gets or sets the red component
-   * @returns an integer between 0 and 255
-  */
-  get red() {
-    return this.getRGB().red;
-  }
-  set red(value) {
-    this.setHSL(value, this.green, this.blue);
-  }
-  /** gets or sets the green component
-   * @returns an integer between 0 and 255
-   */
-  get green() {
-    return this.getRGB().green;
-  }
-  set green(value) {
-    this.setHSL(this.red, value, this.blue);
-  }
-  /** gets or sets the blue component
-   * @returns an integer between 0 and 255
-   */
-  get blue() {
-    return this.getRGB().blue;
-  }
-  set blue(value) {
-    this.setHSL(this.red, this.green, value);
-  }
-  /** gets or sets the hex color value, expresses as 6 hexadecimal characters.
-   * @returns hex representation of the color
-   */
-  get hex() {
-    var r = this.getHex(this.red);
-    var g = this.getHex(this.green);
-    var b = this.getHex(this.blue);
-    return r + g + b;
-  }
-  set hex(value) {
-    this.red = parseInt(value.substr(0, 2));
-    this.green = parseInt(value.substr(2, 2));
-    this.blue = parseInt(value.substr(4, 2));
-  }
-  /** gets white or black color that is a good oposite to the current color
-   * @returns - "000000" or "FFFFFF"
-   */
-  get contrastColor() {
-    const brightness = (this.red * 299 + this.green * 587 + this.blue * 114) / 1000;
-    if (brightness > 127) {
-      return "000000";
-    }
-    return "FFFFFF";
-  }
-  getRGB() {
-    const chroma = (1 - Math.abs((2 * this._lightness) - 1)) * this.saturation;
-    // find the quandrant of the hue
-    const quadrant = this._hue / 60;
-    // calculate the offset from the quandrant center
-    const offset = chroma * (1 - Math.abs(quadrant % 2 - 1));
-    // Apply the chroma to the primary component and the offset to the 2nd most important component
-    let r = 0, g = 0, b = 0;
-    if (0 <= quadrant && quadrant <= 1) {
-      r = chroma;
-      g = offset; // red to yellow
-    }
-    else if (1 <= quadrant && quadrant <= 2) {
-      g = chroma;
-      r = offset; // yellow to green
-    }
-    else if (2 <= quadrant && quadrant <= 3) {
-      g = chroma;
-      b = offset; // green to cyan
-    }
-    else if (3 <= quadrant && quadrant <= 4) {
-      b = chroma;
-      g = offset; // cyan to blue
-    }
-    else if (4 <= quadrant && quadrant <= 5) {
-      b = chroma;
-      r = offset; // blue to magenta
-    }
-    else if (5 <= quadrant && quadrant <= 6) {
-      r = chroma;
-      b = offset; // magenta to red
-    }
-    // calculate the bias to add to all channels to match the lightness
-    const bias = this._lightness - (chroma / 2);
-    return {
-      red: Math.round((r + bias) * 255),
-      green: Math.round((g + bias) * 255),
-      blue: Math.round((b + bias) * 255)
-    };
-  }
-  setHSL(red, green, blue) {
-    // GENERAL DATA
-    // all math is based on values from 0 to 1
-    const r = red / 255, g = green / 255, b = blue / 255;
-    // we need to max, min and the difference between them to derive hsl
-    const min = Math.min(r, g, b);
-    const max = Math.max(r, g, b);
-    const diff = max - min;
-    let h = 0, s = 0, l = 0;
-    // HUE
-    if (diff === 0) { // neutral
-      h = 0;
-    }
-    else if (max === r) { // red (magenta to yellow range)
-      h = 60 * ((g - b) / diff);
-    }
-    else if (max === g) { // green (yellow to cyan range)
-      h = 60 * (2 + ((b - r) / diff));
-    }
-    else if (max === b) { // blue (cyan to magenta range)
-      h = 60 * (4 + ((r - g) / diff));
-    }
-    if (h < 0) {
-      h = h + 360;
-    } // ensures positive hues only
-    if (h > 359) {
-      h = 359;
-    } // ensures we never return 360 for simplicity since it is the same as 0
-    // LIGHTNESS
-    l = (max + min) / 2;
-    // SATURATION
-    if (max === 0 || min === 1) { // pure black or white have no saturation
-      s = 0;
-    }
-    else {
-      s = (max - l) / (Math.min(l, 1 - l));
-    }
-    this._hue = h;
-    this._saturation = s;
-    this._lightness = l;
-  }
-  getHex(value) {
-    var hex = value.toString(16);
-    if (hex.length < 2) {
-      hex = "0" + hex;
-    }
-    return hex;
-  }
-}
+/** Color utility class with hsl and rgb converters
+ * based on math at https://en.wikipedia.org/wiki/HSL_and_HSV
+ * @copyright Copyright (c) .NET Foundation. All rights reserved.
+ * @license MIT
+ */
+export class ColorInfo {
+  constructor() {
+    this._hue = 0;
+    this._saturation = 0;
+    this._lightness = 0;
+  }
+  /** gets the color hue
+   * @returns a number between 0 and 359, could contain decimals
+   */
+  get hue() { return this._hue; }
+  set hue(value) {
+    if (value < 0) {
+      value = 0;
+    }
+    if (value > 359) {
+      value = 359;
+    }
+    this._hue = value;
+  }
+  /** gets the color saturation
+   * @returns a number between 0 and 1, could contain decimals
+  */
+  get saturation() { return this._saturation; }
+  set saturation(value) {
+    if (value < 0) {
+      value = 0;
+    }
+    if (value > 1) {
+      value = 1;
+    }
+    this._saturation = value;
+  }
+  /** gets the color lightness
+   * @returns a number between 0 and 1, could contain decimals
+   */
+  get lightness() { return this._lightness; }
+  set lightness(value) {
+    if (value < 0) {
+      value = 0;
+    }
+    if (value > 1) {
+      value = 1;
+    }
+    this._lightness = value;
+  }
+  /** gets or sets the red component
+   * @returns an integer between 0 and 255
+  */
+  get red() {
+    return this.getRGB().red;
+  }
+  set red(value) {
+    this.setHSL(value, this.green, this.blue);
+  }
+  /** gets or sets the green component
+   * @returns an integer between 0 and 255
+   */
+  get green() {
+    return this.getRGB().green;
+  }
+  set green(value) {
+    this.setHSL(this.red, value, this.blue);
+  }
+  /** gets or sets the blue component
+   * @returns an integer between 0 and 255
+   */
+  get blue() {
+    return this.getRGB().blue;
+  }
+  set blue(value) {
+    this.setHSL(this.red, this.green, value);
+  }
+  /** gets or sets the hex color value, expresses as 6 hexadecimal characters.
+   * @returns hex representation of the color
+   */
+  get hex() {
+    var r = this.getHex(this.red);
+    var g = this.getHex(this.green);
+    var b = this.getHex(this.blue);
+    return r + g + b;
+  }
+  set hex(value) {
+    this.red = parseInt(value.substr(0, 2));
+    this.green = parseInt(value.substr(2, 2));
+    this.blue = parseInt(value.substr(4, 2));
+  }
+  /** gets white or black color that is a good oposite to the current color
+   * @returns - "000000" or "FFFFFF"
+   */
+  get contrastColor() {
+    const brightness = (this.red * 299 + this.green * 587 + this.blue * 114) / 1000;
+    if (brightness > 127) {
+      return "000000";
+    }
+    return "FFFFFF";
+  }
+  getRGB() {
+    const chroma = (1 - Math.abs((2 * this._lightness) - 1)) * this.saturation;
+    // find the quandrant of the hue
+    const quadrant = this._hue / 60;
+    // calculate the offset from the quandrant center
+    const offset = chroma * (1 - Math.abs(quadrant % 2 - 1));
+    // Apply the chroma to the primary component and the offset to the 2nd most important component
+    let r = 0, g = 0, b = 0;
+    if (0 <= quadrant && quadrant <= 1) {
+      r = chroma;
+      g = offset; // red to yellow
+    }
+    else if (1 <= quadrant && quadrant <= 2) {
+      g = chroma;
+      r = offset; // yellow to green
+    }
+    else if (2 <= quadrant && quadrant <= 3) {
+      g = chroma;
+      b = offset; // green to cyan
+    }
+    else if (3 <= quadrant && quadrant <= 4) {
+      b = chroma;
+      g = offset; // cyan to blue
+    }
+    else if (4 <= quadrant && quadrant <= 5) {
+      b = chroma;
+      r = offset; // blue to magenta
+    }
+    else if (5 <= quadrant && quadrant <= 6) {
+      r = chroma;
+      b = offset; // magenta to red
+    }
+    // calculate the bias to add to all channels to match the lightness
+    const bias = this._lightness - (chroma / 2);
+    return {
+      red: Math.round((r + bias) * 255),
+      green: Math.round((g + bias) * 255),
+      blue: Math.round((b + bias) * 255)
+    };
+  }
+  setHSL(red, green, blue) {
+    // GENERAL DATA
+    // all math is based on values from 0 to 1
+    const r = red / 255, g = green / 255, b = blue / 255;
+    // we need to max, min and the difference between them to derive hsl
+    const min = Math.min(r, g, b);
+    const max = Math.max(r, g, b);
+    const diff = max - min;
+    let h = 0, s = 0, l = 0;
+    // HUE
+    if (diff === 0) { // neutral
+      h = 0;
+    }
+    else if (max === r) { // red (magenta to yellow range)
+      h = 60 * ((g - b) / diff);
+    }
+    else if (max === g) { // green (yellow to cyan range)
+      h = 60 * (2 + ((b - r) / diff));
+    }
+    else if (max === b) { // blue (cyan to magenta range)
+      h = 60 * (4 + ((r - g) / diff));
+    }
+    if (h < 0) {
+      h = h + 360;
+    } // ensures positive hues only
+    if (h > 359) {
+      h = 359;
+    } // ensures we never return 360 for simplicity since it is the same as 0
+    // LIGHTNESS
+    l = (max + min) / 2;
+    // SATURATION
+    if (max === 0 || min === 1) { // pure black or white have no saturation
+      s = 0;
+    }
+    else {
+      s = (max - l) / (Math.min(l, 1 - l));
+    }
+    this._hue = h;
+    this._saturation = s;
+    this._lightness = l;
+  }
+  getHex(value) {
+    var hex = value.toString(16);
+    if (hex.length < 2) {
+      hex = "0" + hex;
+    }
+    return hex;
+  }
+}
 //# sourceMappingURL=colorInfo.js.map

package/dist/collection/utilities/colorInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorInfo.js","sourceRoot":"","sources":["../../src/utilities/colorInfo.ts"],"names":[],"mappings":"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","sourcesContent":["/** Color utility class with hsl and rgb converters\r\n * based on math at https://en.wikipedia.org/wiki/HSL_and_HSV\r\n * @copyright Copyright (c) .NET Foundation. All rights reserved.\r\n * @license MIT \r\n */\r\n\r\nexport class ColorInfo{\r\n\r\n    private _hue: number = 0;\r\n    /** gets the color hue\r\n     * @returns a number between 0 and 359, could contain decimals\r\n     */\r\n    get hue() { return this._hue; }\r\n    set hue(value: number){\r\n        if (value < 0) { value = 0; }\r\n        if (value > 359) { value = 359; }\r\n        this._hue = value;\r\n    }\r\n\r\n    private _saturation: number = 0;\r\n    /** gets the color saturation\r\n     * @returns a number between 0 and 1, could contain decimals\r\n    */\r\n    get saturation() { return this._saturation; }\r\n    set saturation(value: number) {\r\n        if (value < 0) { value = 0; }\r\n        if (value > 1) { value = 1; }\r\n        this._saturation = value;\r\n    }\r\n\r\n    private _lightness: number = 0;\r\n    /** gets the color lightness\r\n     * @returns a number between 0 and 1, could contain decimals\r\n     */\r\n    get lightness() { return this._lightness; }\r\n    set lightness(value: number) {\r\n        if (value < 0) { value = 0; }\r\n        if (value > 1) { value = 1; }\r\n        this._lightness = value;\r\n    }\r\n\r\n    /** gets or sets the red component \r\n     * @returns an integer between 0 and 255\r\n    */\r\n    get red() {\r\n        return this.getRGB().red;\r\n    }\r\n    set red(value) {\r\n        this.setHSL(value, this.green, this.blue);\r\n    }\r\n\r\n    /** gets or sets the green component\r\n     * @returns an integer between 0 and 255\r\n     */\r\n    get green() {\r\n        return this.getRGB().green;\r\n    }\r\n    set green(value: number) {\r\n        this.setHSL(this.red, value, this.blue);\r\n    }\r\n\r\n    /** gets or sets the blue component\r\n     * @returns an integer between 0 and 255\r\n     */\r\n    get blue() {\r\n        return this.getRGB().blue;\r\n    }\r\n    set blue(value: number) {\r\n        this.setHSL(this.red, this.green, value);\r\n    }\r\n\r\n    /** gets or sets the hex color value, expresses as 6 hexadecimal characters.\r\n     * @returns hex representation of the color\r\n     */\r\n    get hex() {\r\n        var r = this.getHex(this.red);\r\n        var g = this.getHex(this.green);\r\n        var b = this.getHex(this.blue);\r\n        return r + g + b;\r\n    }\r\n    set hex(value: string){\r\n        this.red = parseInt(value.substr(0,2));\r\n        this.green = parseInt(value.substr(2,2));\r\n        this.blue = parseInt(value.substr(4,2));\r\n    }\r\n\r\n    /** gets white or black color that is a good oposite to the current color\r\n     * @returns - \"000000\" or \"FFFFFF\"\r\n     */\r\n    get contrastColor() {\r\n        const brightness = (this.red*299 + this.green*587 + this.blue*114) / 1000\r\n        if (brightness > 127){\r\n            return \"000000\";\r\n        }\r\n        return \"FFFFFF\";\r\n    }\r\n\r\n    private getRGB() {\r\n        const chroma = (1 - Math.abs((2 * this._lightness) - 1)) * this.saturation;\r\n        // find the quandrant of the hue\r\n        const quadrant = this._hue / 60;\r\n        // calculate the offset from the quandrant center\r\n        const offset = chroma * (1 - Math.abs(quadrant % 2 - 1));\r\n\r\n        // Apply the chroma to the primary component and the offset to the 2nd most important component\r\n        let r = 0, g = 0, b = 0;\r\n        if (0 <= quadrant && quadrant <= 1) {\r\n            r = chroma; g = offset; // red to yellow\r\n        } else if (1 <= quadrant && quadrant <= 2) {\r\n            g = chroma; r = offset; // yellow to green\r\n        } else if (2 <= quadrant && quadrant <= 3) {\r\n            g = chroma; b = offset; // green to cyan\r\n        } else if (3 <= quadrant && quadrant <= 4) {\r\n            b = chroma; g = offset; // cyan to blue\r\n        } else if (4 <= quadrant && quadrant <= 5) {\r\n            b = chroma; r = offset; // blue to magenta\r\n        } else if (5 <= quadrant && quadrant <= 6) {\r\n            r = chroma; b = offset; // magenta to red\r\n        }\r\n        // calculate the bias to add to all channels to match the lightness\r\n        const bias = this._lightness - (chroma / 2);\r\n\r\n        return {\r\n            red: Math.round((r + bias) * 255),\r\n            green: Math.round((g + bias) * 255),\r\n            blue: Math.round((b + bias) * 255)\r\n        }\r\n    }\r\n\r\n    private setHSL(red: number, green: number, blue: number) {\r\n        // GENERAL DATA\r\n        // all math is based on values from 0 to 1\r\n        const r = red/255, g = green/255, b = blue/255;\r\n        // we need to max, min and the difference between them to derive hsl\r\n        const min = Math.min(r, g, b);\r\n        const max = Math.max(r, g, b);\r\n        const diff = max - min;\r\n        let h = 0, s = 0, l = 0;\r\n\r\n        // HUE\r\n        if (diff === 0) { // neutral\r\n            h = 0;\r\n        } else if (max === r) { // red (magenta to yellow range)\r\n            h = 60 * ((g - b) / diff);\r\n        } else if (max === g) { // green (yellow to cyan range)\r\n            h = 60 * (2 + ((b - r) / diff));\r\n        } else if (max === b) { // blue (cyan to magenta range)\r\n            h = 60 * (4 + ((r - g) / diff));\r\n        }\r\n        if (h < 0) { h = h + 360} // ensures positive hues only\r\n        if (h > 359) { h = 359} // ensures we never return 360 for simplicity since it is the same as 0\r\n\r\n        // LIGHTNESS\r\n        l = (max + min) / 2;\r\n\r\n        // SATURATION\r\n        if (max === 0 || min === 1) { // pure black or white have no saturation\r\n            s = 0;\r\n        } else {\r\n            s = (max - l) / (Math.min(l, 1 - l));\r\n        }\r\n\r\n        this._hue = h;\r\n        this._saturation = s;\r\n        this._lightness = l;\r\n    }\r\n\r\n    private getHex(value: number){\r\n        var hex = value.toString(16);\r\n        if (hex.length < 2){\r\n            hex = \"0\" + hex;\r\n        }\r\n        return hex;\r\n    }\r\n} "]}
+{"version":3,"file":"colorInfo.js","sourceRoot":"","sources":["../../../src/utilities/colorInfo.ts"],"names":[],"mappings":"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","sourcesContent":["/** Color utility class with hsl and rgb converters\r\n * based on math at https://en.wikipedia.org/wiki/HSL_and_HSV\r\n * @copyright Copyright (c) .NET Foundation. All rights reserved.\r\n * @license MIT \r\n */\r\n\r\nexport class ColorInfo{\r\n\r\n    private _hue: number = 0;\r\n    /** gets the color hue\r\n     * @returns a number between 0 and 359, could contain decimals\r\n     */\r\n    get hue() { return this._hue; }\r\n    set hue(value: number){\r\n        if (value < 0) { value = 0; }\r\n        if (value > 359) { value = 359; }\r\n        this._hue = value;\r\n    }\r\n\r\n    private _saturation: number = 0;\r\n    /** gets the color saturation\r\n     * @returns a number between 0 and 1, could contain decimals\r\n    */\r\n    get saturation() { return this._saturation; }\r\n    set saturation(value: number) {\r\n        if (value < 0) { value = 0; }\r\n        if (value > 1) { value = 1; }\r\n        this._saturation = value;\r\n    }\r\n\r\n    private _lightness: number = 0;\r\n    /** gets the color lightness\r\n     * @returns a number between 0 and 1, could contain decimals\r\n     */\r\n    get lightness() { return this._lightness; }\r\n    set lightness(value: number) {\r\n        if (value < 0) { value = 0; }\r\n        if (value > 1) { value = 1; }\r\n        this._lightness = value;\r\n    }\r\n\r\n    /** gets or sets the red component \r\n     * @returns an integer between 0 and 255\r\n    */\r\n    get red() {\r\n        return this.getRGB().red;\r\n    }\r\n    set red(value) {\r\n        this.setHSL(value, this.green, this.blue);\r\n    }\r\n\r\n    /** gets or sets the green component\r\n     * @returns an integer between 0 and 255\r\n     */\r\n    get green() {\r\n        return this.getRGB().green;\r\n    }\r\n    set green(value: number) {\r\n        this.setHSL(this.red, value, this.blue);\r\n    }\r\n\r\n    /** gets or sets the blue component\r\n     * @returns an integer between 0 and 255\r\n     */\r\n    get blue() {\r\n        return this.getRGB().blue;\r\n    }\r\n    set blue(value: number) {\r\n        this.setHSL(this.red, this.green, value);\r\n    }\r\n\r\n    /** gets or sets the hex color value, expresses as 6 hexadecimal characters.\r\n     * @returns hex representation of the color\r\n     */\r\n    get hex() {\r\n        var r = this.getHex(this.red);\r\n        var g = this.getHex(this.green);\r\n        var b = this.getHex(this.blue);\r\n        return r + g + b;\r\n    }\r\n    set hex(value: string){\r\n        this.red = parseInt(value.substr(0,2));\r\n        this.green = parseInt(value.substr(2,2));\r\n        this.blue = parseInt(value.substr(4,2));\r\n    }\r\n\r\n    /** gets white or black color that is a good oposite to the current color\r\n     * @returns - \"000000\" or \"FFFFFF\"\r\n     */\r\n    get contrastColor() {\r\n        const brightness = (this.red*299 + this.green*587 + this.blue*114) / 1000\r\n        if (brightness > 127){\r\n            return \"000000\";\r\n        }\r\n        return \"FFFFFF\";\r\n    }\r\n\r\n    private getRGB() {\r\n        const chroma = (1 - Math.abs((2 * this._lightness) - 1)) * this.saturation;\r\n        // find the quandrant of the hue\r\n        const quadrant = this._hue / 60;\r\n        // calculate the offset from the quandrant center\r\n        const offset = chroma * (1 - Math.abs(quadrant % 2 - 1));\r\n\r\n        // Apply the chroma to the primary component and the offset to the 2nd most important component\r\n        let r = 0, g = 0, b = 0;\r\n        if (0 <= quadrant && quadrant <= 1) {\r\n            r = chroma; g = offset; // red to yellow\r\n        } else if (1 <= quadrant && quadrant <= 2) {\r\n            g = chroma; r = offset; // yellow to green\r\n        } else if (2 <= quadrant && quadrant <= 3) {\r\n            g = chroma; b = offset; // green to cyan\r\n        } else if (3 <= quadrant && quadrant <= 4) {\r\n            b = chroma; g = offset; // cyan to blue\r\n        } else if (4 <= quadrant && quadrant <= 5) {\r\n            b = chroma; r = offset; // blue to magenta\r\n        } else if (5 <= quadrant && quadrant <= 6) {\r\n            r = chroma; b = offset; // magenta to red\r\n        }\r\n        // calculate the bias to add to all channels to match the lightness\r\n        const bias = this._lightness - (chroma / 2);\r\n\r\n        return {\r\n            red: Math.round((r + bias) * 255),\r\n            green: Math.round((g + bias) * 255),\r\n            blue: Math.round((b + bias) * 255)\r\n        }\r\n    }\r\n\r\n    private setHSL(red: number, green: number, blue: number) {\r\n        // GENERAL DATA\r\n        // all math is based on values from 0 to 1\r\n        const r = red/255, g = green/255, b = blue/255;\r\n        // we need to max, min and the difference between them to derive hsl\r\n        const min = Math.min(r, g, b);\r\n        const max = Math.max(r, g, b);\r\n        const diff = max - min;\r\n        let h = 0, s = 0, l = 0;\r\n\r\n        // HUE\r\n        if (diff === 0) { // neutral\r\n            h = 0;\r\n        } else if (max === r) { // red (magenta to yellow range)\r\n            h = 60 * ((g - b) / diff);\r\n        } else if (max === g) { // green (yellow to cyan range)\r\n            h = 60 * (2 + ((b - r) / diff));\r\n        } else if (max === b) { // blue (cyan to magenta range)\r\n            h = 60 * (4 + ((r - g) / diff));\r\n        }\r\n        if (h < 0) { h = h + 360} // ensures positive hues only\r\n        if (h > 359) { h = 359} // ensures we never return 360 for simplicity since it is the same as 0\r\n\r\n        // LIGHTNESS\r\n        l = (max + min) / 2;\r\n\r\n        // SATURATION\r\n        if (max === 0 || min === 1) { // pure black or white have no saturation\r\n            s = 0;\r\n        } else {\r\n            s = (max - l) / (Math.min(l, 1 - l));\r\n        }\r\n\r\n        this._hue = h;\r\n        this._saturation = s;\r\n        this._lightness = l;\r\n    }\r\n\r\n    private getHex(value: number){\r\n        var hex = value.toString(16);\r\n        if (hex.length < 2){\r\n            hex = \"0\" + hex;\r\n        }\r\n        return hex;\r\n    }\r\n} "]}

package/dist/collection/utilities/debounce.js

@@ -1,19 +1,19 @@
-/**
- * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.
- * @param debounceTime How many milliseconds to debounce for.
- */
-export function Debounce(debounceTime = 500) {
-  return function (_target, _key, descriptor) {
-    let originalMethod = descriptor.value;
-    let timer = null;
-    descriptor.value = function (...args) {
-      clearTimeout(timer);
-      return new Promise(resolve => {
-        timer = setTimeout(() => {
-          resolve(originalMethod.apply(this, args));
-        }, debounceTime);
-      });
-    };
-  };
-}
+/**
+ * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.
+ * @param debounceTime How many milliseconds to debounce for.
+ */
+export function Debounce(debounceTime = 500) {
+  return function (_target, _key, descriptor) {
+    let originalMethod = descriptor.value;
+    let timer = null;
+    descriptor.value = function (...args) {
+      clearTimeout(timer);
+      return new Promise(resolve => {
+        timer = setTimeout(() => {
+          resolve(originalMethod.apply(this, args));
+        }, debounceTime);
+      });
+    };
+  };
+}
 //# sourceMappingURL=debounce.js.map

package/dist/collection/utilities/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utilities/debounce.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,eAAuB,GAAG;EAC/C,OAAO,UAAS,OAAY,EAAE,IAAY,EAAE,UAA8B;IAEtE,IAAI,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC;IAEjB,UAAU,CAAC,KAAK,GAAG,UAAS,GAAG,IAAW;MACtC,YAAY,CAAC,KAAK,CAAC,CAAC;MACpB,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QACzB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;UACpB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9C,CAAC,EAAE,YAAY,CAAC,CAAC;MACrB,CAAC,CAAC,CAAA;IAEN,CAAC,CAAA;EAEL,CAAC,CAAA;AACL,CAAC","sourcesContent":["/**\r\n * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.\r\n * @param debounceTime How many milliseconds to debounce for.\r\n */\r\nexport function Debounce(debounceTime: number = 500){\r\n    return function(_target: any, _key: string, descriptor: PropertyDescriptor){\r\n\r\n        let originalMethod = descriptor.value;\r\n        let timer = null;\r\n\r\n        descriptor.value = function(...args: any[]){\r\n            clearTimeout(timer);\r\n            return new Promise(resolve => {\r\n                timer = setTimeout(() => {\r\n                    resolve(originalMethod.apply(this, args));\r\n                }, debounceTime);\r\n            })\r\n\r\n        }\r\n        \r\n    }\r\n}"]}
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../src/utilities/debounce.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,eAAuB,GAAG;EAC/C,OAAO,UAAS,OAAY,EAAE,IAAY,EAAE,UAA8B;IAEtE,IAAI,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC;IAEjB,UAAU,CAAC,KAAK,GAAG,UAAS,GAAG,IAAW;MACtC,YAAY,CAAC,KAAK,CAAC,CAAC;MACpB,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QACzB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;UACpB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9C,CAAC,EAAE,YAAY,CAAC,CAAC;MACrB,CAAC,CAAC,CAAA;IAEN,CAAC,CAAA;EAEL,CAAC,CAAA;AACL,CAAC","sourcesContent":["/**\r\n * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.\r\n * @param debounceTime How many milliseconds to debounce for.\r\n */\r\nexport function Debounce(debounceTime: number = 500){\r\n    return function(_target: any, _key: string, descriptor: PropertyDescriptor){\r\n\r\n        let originalMethod = descriptor.value;\r\n        let timer = null;\r\n\r\n        descriptor.value = function(...args: any[]){\r\n            clearTimeout(timer);\r\n            return new Promise(resolve => {\r\n                timer = setTimeout(() => {\r\n                    resolve(originalMethod.apply(this, args));\r\n                }, debounceTime);\r\n            })\r\n\r\n        }\r\n        \r\n    }\r\n}"]}

package/dist/collection/utilities/dnnServicesFramework.js

@@ -1,42 +1,42 @@
-export class DnnServicesFramework {
-  /**
-   * Initializes the serivces framework
-   */
-  constructor(moduleId) {
-    this.getServiceRoot = (moduleName) => {
-      var serviceRoot = window.top.dnn.getVar("sf_siteRoot", "/");
-      serviceRoot += "API/" + moduleName + "/";
-      return serviceRoot;
-    };
-    this.getTabId = () => {
-      var tabId = window.top.dnn.getVar("sf_tabId", "-1");
-      return parseInt(tabId);
-    };
-    this.getModuleId = () => {
-      return this._moduleId;
-    };
-    this.getAntiForgeryValue = () => {
-      const el = document.querySelector("input[name=__RequestVerificationToken]");
-      if (el != null) {
-        return el.value;
-      }
-      else {
-        return null;
-      }
-    };
-    this.getModuleHeaders = () => {
-      var headers = new Headers();
-      if (this.getTabId() > -1) {
-        headers.append("ModuleId", this._moduleId.toString());
-        headers.append("TabId", this.getTabId().toString());
-      }
-      const afValue = this.getAntiForgeryValue();
-      if (afValue != null) {
-        headers.append("RequestVerificationToken", afValue);
-      }
-      return headers;
-    };
-    this._moduleId = moduleId;
-  }
-}
+export class DnnServicesFramework {
+  /**
+   * Initializes the serivces framework
+   */
+  constructor(moduleId) {
+    this.getServiceRoot = (moduleName) => {
+      var serviceRoot = window.top.dnn.getVar("sf_siteRoot", "/");
+      serviceRoot += "API/" + moduleName + "/";
+      return serviceRoot;
+    };
+    this.getTabId = () => {
+      var tabId = window.top.dnn.getVar("sf_tabId", "-1");
+      return parseInt(tabId);
+    };
+    this.getModuleId = () => {
+      return this._moduleId;
+    };
+    this.getAntiForgeryValue = () => {
+      const el = document.querySelector("input[name=__RequestVerificationToken]");
+      if (el != null) {
+        return el.value;
+      }
+      else {
+        return null;
+      }
+    };
+    this.getModuleHeaders = () => {
+      var headers = new Headers();
+      if (this.getTabId() > -1) {
+        headers.append("ModuleId", this._moduleId.toString());
+        headers.append("TabId", this.getTabId().toString());
+      }
+      const afValue = this.getAntiForgeryValue();
+      if (afValue != null) {
+        headers.append("RequestVerificationToken", afValue);
+      }
+      return headers;
+    };
+    this._moduleId = moduleId;
+  }
+}
 //# sourceMappingURL=dnnServicesFramework.js.map

package/dist/collection/utilities/dnnServicesFramework.js.map

@@ -1 +1 @@
-{"version":3,"file":"dnnServicesFramework.js","sourceRoot":"","sources":["../../src/utilities/dnnServicesFramework.ts"],"names":[],"mappings":"AASA,MAAM,OAAO,oBAAoB;EAI7B;;KAEG;EACH,YAAY,QAAgB;IAI5B,mBAAc,GAAG,CAAC,UAAkB,EAAE,EAAE;MAEpC,IAAI,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;MAC5D,WAAW,IAAI,MAAM,GAAG,UAAU,GAAG,GAAG,CAAC;MACzC,OAAO,WAAW,CAAC;IACvB,CAAC,CAAA;IAED,aAAQ,GAAG,GAAG,EAAE;MACZ,IAAI,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;MACpD,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAA;IAED,gBAAW,GAAG,GAAG,EAAE;MACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC,CAAA;IAED,wBAAmB,GAAG,GAAG,EAAE;MACvB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,wCAAwC,CAAqB,CAAC;MAChG,IAAI,EAAE,IAAI,IAAI,EAAC;QACX,OAAO,EAAE,CAAC,KAAK,CAAC;OACnB;WACG;QACA,OAAO,IAAI,CAAC;OACf;IACL,CAAC,CAAA;IAED,qBAAgB,GAAG,GAAG,EAAE;MACpB,IAAI,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;MAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAC;QACrB,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;OACvD;MACD,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;MAC3C,IAAI,OAAO,IAAI,IAAI,EAAC;QAChB,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;OACvD;MACD,OAAO,OAAO,CAAC;IACnB,CAAC,CAAA;IAxCG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;EAC9B,CAAC;CAwCJ","sourcesContent":["declare global {\r\n    interface Window {\r\n        dnn: {\r\n            //** Gets dnn variables from the page context *\r\n            getVar: (key: string, defaultValue: string) => string;\r\n        }\r\n    }\r\n}\r\n\r\nexport class DnnServicesFramework{\r\n    \r\n    private _moduleId: number;\r\n\r\n    /**\r\n     * Initializes the serivces framework\r\n     */\r\n    constructor(moduleId: number) {\r\n        this._moduleId = moduleId;\r\n    }\r\n\r\n    getServiceRoot = (moduleName: string) =>\r\n    {\r\n        var serviceRoot = window.top.dnn.getVar(\"sf_siteRoot\", \"/\");\r\n        serviceRoot += \"API/\" + moduleName + \"/\";\r\n        return serviceRoot;\r\n    }\r\n\r\n    getTabId = () => {\r\n        var tabId = window.top.dnn.getVar(\"sf_tabId\", \"-1\");\r\n        return parseInt(tabId);\r\n    }\r\n\r\n    getModuleId = () => {\r\n        return this._moduleId;\r\n    }\r\n\r\n    getAntiForgeryValue = () => {\r\n        const el = document.querySelector(\"input[name=__RequestVerificationToken]\") as HTMLInputElement;\r\n        if (el != null){\r\n            return el.value;\r\n        }\r\n        else{\r\n            return null;\r\n        }\r\n    }\r\n\r\n    getModuleHeaders = () => {\r\n        var headers = new Headers();\r\n        if (this.getTabId() > -1){\r\n            headers.append(\"ModuleId\", this._moduleId.toString());\r\n            headers.append(\"TabId\", this.getTabId().toString());\r\n        }\r\n        const afValue = this.getAntiForgeryValue();\r\n        if (afValue != null){\r\n            headers.append(\"RequestVerificationToken\", afValue);\r\n        }\r\n        return headers;\r\n    }\r\n}"]}
+{"version":3,"file":"dnnServicesFramework.js","sourceRoot":"","sources":["../../../src/utilities/dnnServicesFramework.ts"],"names":[],"mappings":"AASA,MAAM,OAAO,oBAAoB;EAI7B;;KAEG;EACH,YAAY,QAAgB;IAI5B,mBAAc,GAAG,CAAC,UAAkB,EAAE,EAAE;MAEpC,IAAI,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;MAC5D,WAAW,IAAI,MAAM,GAAG,UAAU,GAAG,GAAG,CAAC;MACzC,OAAO,WAAW,CAAC;IACvB,CAAC,CAAA;IAED,aAAQ,GAAG,GAAG,EAAE;MACZ,IAAI,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;MACpD,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAA;IAED,gBAAW,GAAG,GAAG,EAAE;MACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC,CAAA;IAED,wBAAmB,GAAG,GAAG,EAAE;MACvB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,wCAAwC,CAAqB,CAAC;MAChG,IAAI,EAAE,IAAI,IAAI,EAAC;QACX,OAAO,EAAE,CAAC,KAAK,CAAC;OACnB;WACG;QACA,OAAO,IAAI,CAAC;OACf;IACL,CAAC,CAAA;IAED,qBAAgB,GAAG,GAAG,EAAE;MACpB,IAAI,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;MAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAC;QACrB,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;OACvD;MACD,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;MAC3C,IAAI,OAAO,IAAI,IAAI,EAAC;QAChB,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;OACvD;MACD,OAAO,OAAO,CAAC;IACnB,CAAC,CAAA;IAxCG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;EAC9B,CAAC;CAwCJ","sourcesContent":["declare global {\r\n    interface Window {\r\n        dnn: {\r\n            //** Gets dnn variables from the page context *\r\n            getVar: (key: string, defaultValue: string) => string;\r\n        }\r\n    }\r\n}\r\n\r\nexport class DnnServicesFramework{\r\n    \r\n    private _moduleId: number;\r\n\r\n    /**\r\n     * Initializes the serivces framework\r\n     */\r\n    constructor(moduleId: number) {\r\n        this._moduleId = moduleId;\r\n    }\r\n\r\n    getServiceRoot = (moduleName: string) =>\r\n    {\r\n        var serviceRoot = window.top.dnn.getVar(\"sf_siteRoot\", \"/\");\r\n        serviceRoot += \"API/\" + moduleName + \"/\";\r\n        return serviceRoot;\r\n    }\r\n\r\n    getTabId = () => {\r\n        var tabId = window.top.dnn.getVar(\"sf_tabId\", \"-1\");\r\n        return parseInt(tabId);\r\n    }\r\n\r\n    getModuleId = () => {\r\n        return this._moduleId;\r\n    }\r\n\r\n    getAntiForgeryValue = () => {\r\n        const el = document.querySelector(\"input[name=__RequestVerificationToken]\") as HTMLInputElement;\r\n        if (el != null){\r\n            return el.value;\r\n        }\r\n        else{\r\n            return null;\r\n        }\r\n    }\r\n\r\n    getModuleHeaders = () => {\r\n        var headers = new Headers();\r\n        if (this.getTabId() > -1){\r\n            headers.append(\"ModuleId\", this._moduleId.toString());\r\n            headers.append(\"TabId\", this.getTabId().toString());\r\n        }\r\n        const afValue = this.getAntiForgeryValue();\r\n        if (afValue != null){\r\n            headers.append(\"RequestVerificationToken\", afValue);\r\n        }\r\n        return headers;\r\n    }\r\n}"]}

package/dist/collection/utilities/mouseUtilities.js

@@ -1,20 +1,20 @@
-export function getMovementFromEvent(event, previousTouch) {
-  let movementX = 0;
-  let movementY = 0;
-  if (event instanceof MouseEvent) {
-    movementX = event.movementX;
-    movementY = event.movementY;
-  }
-  if (typeof TouchEvent !== "undefined") {
-    if (event instanceof TouchEvent) {
-      let touch = event.touches[0];
-      if (previousTouch != undefined) {
-        movementX = touch.pageX - this.previousTouch.pageX;
-        movementY = touch.pageY - this.previousTouch.pageY;
-      }
-      previousTouch = touch;
-    }
-  }
-  return { movementX, movementY };
-}
+export function getMovementFromEvent(event, previousTouch) {
+  let movementX = 0;
+  let movementY = 0;
+  if (event instanceof MouseEvent) {
+    movementX = event.movementX;
+    movementY = event.movementY;
+  }
+  if (typeof TouchEvent !== "undefined") {
+    if (event instanceof TouchEvent) {
+      let touch = event.touches[0];
+      if (previousTouch != undefined) {
+        movementX = touch.pageX - this.previousTouch.pageX;
+        movementY = touch.pageY - this.previousTouch.pageY;
+      }
+      previousTouch = touch;
+    }
+  }
+  return { movementX, movementY };
+}
 //# sourceMappingURL=mouseUtilities.js.map

package/dist/collection/utilities/mouseUtilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"mouseUtilities.js","sourceRoot":"","sources":["../../src/utilities/mouseUtilities.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAChC,KAA8B,EAC9B,aAAoB;EAEpB,IAAI,SAAS,GAAG,CAAC,CAAC;EAClB,IAAI,SAAS,GAAG,CAAC,CAAC;EAClB,IAAI,KAAK,YAAY,UAAU,EAAE;IAC/B,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;GAC7B;EACD,IAAI,OAAO,UAAU,KAAK,WAAW,EAAC;IACpC,IAAI,KAAK,YAAY,UAAU,EAAE;MAC/B,IAAI,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;MAC7B,IAAI,aAAa,IAAI,SAAS,EAAE;QAC9B,SAAS,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;QACnD,SAAS,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;OACpD;MACD,aAAa,GAAG,KAAK,CAAC;KACvB;GACF;EACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAClC,CAAC","sourcesContent":["export function getMovementFromEvent(\r\n    event: MouseEvent | TouchEvent,\r\n    previousTouch: Touch\r\n) {\r\n    let movementX = 0;\r\n    let movementY = 0;\r\n    if (event instanceof MouseEvent) {\r\n      movementX = event.movementX;\r\n      movementY = event.movementY;\r\n    }\r\n    if (typeof TouchEvent !== \"undefined\"){\r\n      if (event instanceof TouchEvent) {\r\n        let touch = event.touches[0];\r\n        if (previousTouch != undefined) {\r\n          movementX = touch.pageX - this.previousTouch.pageX;\r\n          movementY = touch.pageY - this.previousTouch.pageY;\r\n        }\r\n        previousTouch = touch;\r\n      }\r\n    }\r\n    return { movementX, movementY };\r\n  }"]}
+{"version":3,"file":"mouseUtilities.js","sourceRoot":"","sources":["../../../src/utilities/mouseUtilities.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAChC,KAA8B,EAC9B,aAAoB;EAEpB,IAAI,SAAS,GAAG,CAAC,CAAC;EAClB,IAAI,SAAS,GAAG,CAAC,CAAC;EAClB,IAAI,KAAK,YAAY,UAAU,EAAE;IAC/B,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;GAC7B;EACD,IAAI,OAAO,UAAU,KAAK,WAAW,EAAC;IACpC,IAAI,KAAK,YAAY,UAAU,EAAE;MAC/B,IAAI,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;MAC7B,IAAI,aAAa,IAAI,SAAS,EAAE;QAC9B,SAAS,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;QACnD,SAAS,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;OACpD;MACD,aAAa,GAAG,KAAK,CAAC;KACvB;GACF;EACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAClC,CAAC","sourcesContent":["export function getMovementFromEvent(\r\n    event: MouseEvent | TouchEvent,\r\n    previousTouch: Touch\r\n) {\r\n    let movementX = 0;\r\n    let movementY = 0;\r\n    if (event instanceof MouseEvent) {\r\n      movementX = event.movementX;\r\n      movementY = event.movementY;\r\n    }\r\n    if (typeof TouchEvent !== \"undefined\"){\r\n      if (event instanceof TouchEvent) {\r\n        let touch = event.touches[0];\r\n        if (previousTouch != undefined) {\r\n          movementX = touch.pageX - this.previousTouch.pageX;\r\n          movementY = touch.pageY - this.previousTouch.pageY;\r\n        }\r\n        previousTouch = touch;\r\n      }\r\n    }\r\n    return { movementX, movementY };\r\n  }"]}