reanimated-color-picker 2.3.0 → 2.3.2

package/lib/commonjs/colorKit/colorKit.js

@@ -599,7 +599,7 @@ class Colors {
   /** Set the `red` value of a color to a specific amount.*/
   setRed(color, amount) {
     const { g, b, a } = this.RGB(color).object();
-    const newR = Math.round((0, _utilities.clamp)(amount, 0, 255));
+    const newR = (0, _utilities.clampRGB)(amount);
     const newColor = {
       r: newR,
       g,
@@ -616,7 +616,7 @@ class Colors {
   increaseRed(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const red = typeof amount === 'string' ? r + r * (parseFloat(amount) / 100) : r + amount;
-    const newR = Math.round((0, _utilities.clamp)(red, 0, 255));
+    const newR = (0, _utilities.clampRGB)(red);
     const newColor = {
       r: newR,
       g,
@@ -633,7 +633,7 @@ class Colors {
   decreaseRed(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const red = typeof amount === 'string' ? r - r * (parseFloat(amount) / 100) : r - amount;
-    const newR = Math.round((0, _utilities.clamp)(red, 0, 255));
+    const newR = (0, _utilities.clampRGB)(red);
     const newColor = {
       r: newR,
       g,
@@ -651,7 +651,7 @@ class Colors {
   /** - Set the `green` value of a color to a specific amount.*/
   setGreen(color, amount) {
     const { r, b, a } = this.RGB(color).object();
-    const newG = Math.round((0, _utilities.clamp)(amount, 0, 255));
+    const newG = (0, _utilities.clampRGB)(amount);
     const newColor = {
       r,
       g: newG,
@@ -668,7 +668,7 @@ class Colors {
   increaseGreen(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const green = typeof amount === 'string' ? g + g * (parseFloat(amount) / 100) : g + amount;
-    const newG = Math.round((0, _utilities.clamp)(green, 0, 255));
+    const newG = (0, _utilities.clampRGB)(green);
     const newColor = {
       r,
       g: newG,
@@ -685,7 +685,7 @@ class Colors {
   decreaseGreen(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const green = typeof amount === 'string' ? g - g * (parseFloat(amount) / 100) : g - amount;
-    const newG = Math.round((0, _utilities.clamp)(green, 0, 255));
+    const newG = (0, _utilities.clampRGB)(green);
     const newColor = {
       r,
       g: newG,
@@ -703,7 +703,7 @@ class Colors {
   /** - Set the `blue` value of a color to a specific amount.*/
   setBlur(color, amount) {
     const { r, g, a } = this.RGB(color).object();
-    const newB = Math.round((0, _utilities.clamp)(amount, 0, 255));
+    const newB = (0, _utilities.clampRGB)(amount);
     const newColor = {
       r,
       g,
@@ -720,7 +720,7 @@ class Colors {
   increaseBlue(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const blue = typeof amount === 'string' ? b + b * (parseFloat(amount) / 100) : b + amount;
-    const newB = Math.round((0, _utilities.clamp)(blue, 0, 255));
+    const newB = (0, _utilities.clampRGB)(blue);
     const newColor = {
       r,
       g,
@@ -737,7 +737,7 @@ class Colors {
   decreaseBlue(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const blue = typeof amount === 'string' ? b - b * (parseFloat(amount) / 100) : b - amount;
-    const newB = Math.round((0, _utilities.clamp)(blue, 0, 255));
+    const newB = (0, _utilities.clampRGB)(blue);
     const newColor = {
       r,
       g,
@@ -756,7 +756,7 @@ class Colors {
   /** - Set the `hue` value of a color to a specific amount.*/
   setHue(color, amount) {
     const { s, l, a } = this.HSL(color).object();
-    const newH = Math.round((0, _utilities.clamp)(amount, 0, 360));
+    const newH = (0, _utilities.clampHue)(amount);
     const newColor = {
       h: newH,
       s,
@@ -773,7 +773,7 @@ class Colors {
   increaseHue(color, amount) {
     const { h, s, l, a } = this.HSL(color).object();
     const hue = typeof amount === 'string' ? h + h * (parseFloat(amount) / 100) : h + amount;
-    const newH = Math.round((0, _utilities.clamp)(hue, 0, 360));
+    const newH = (0, _utilities.clampHue)(hue);
     const newColor = {
       h: newH,
       s,
@@ -790,7 +790,7 @@ class Colors {
   decreaseHue(color, amount) {
     const { h, s, l, a } = this.HSL(color).object();
     const hue = typeof amount === 'string' ? h - h * (parseFloat(amount) / 100) : h - amount;
-    const newH = Math.round((0, _utilities.clamp)(hue, 0, 360));
+    const newH = (0, _utilities.clampHue)(hue);
     const newColor = {
       h: newH,
       s,
@@ -826,7 +826,7 @@ class Colors {
   /** - Set the `saturation` value of a color to a specific amount.*/
   setSaturation(color, amount) {
     const { h, l, a } = this.HSL(color).object();
-    const newS = Math.round((0, _utilities.clamp)(amount, 0, 100));
+    const newS = (0, _utilities.clamp100)(amount);
     const saturatedColor = {
       h,
       s: newS,
@@ -844,7 +844,7 @@ class Colors {
   saturate(color, amount) {
     const { h, s, l, a } = this.HSL(color).object();
     const saturation = typeof amount === 'string' ? s + s * (parseFloat(amount) / 100) : s + amount;
-    const newS = Math.round((0, _utilities.clamp)(saturation, 0, 100));
+    const newS = (0, _utilities.clamp100)(saturation);
     const saturatedColor = {
       h,
       s: newS,
@@ -862,7 +862,7 @@ class Colors {
   desaturate(color, amount) {
     const { h, s, l, a } = this.HSL(color).object();
     const saturation = typeof amount === 'string' ? s - s * (parseFloat(amount) / 100) : s - amount;
-    const newS = Math.round((0, _utilities.clamp)(saturation, 0, 100));
+    const newS = (0, _utilities.clamp100)(saturation);
     const desaturatedColor = {
       h,
       s: newS,
@@ -883,7 +883,7 @@ class Colors {
   /** - Set HSL's `luminosity` channel for a given color to a specific amount.*/
   setLuminance(color, amount) {
     const { h, s, a } = this.HSL(color).object();
-    const newL = Math.round((0, _utilities.clamp)(amount, 0, 100));
+    const newL = (0, _utilities.clamp100)(amount);
     const newColor = {
       h,
       s,
@@ -901,7 +901,7 @@ class Colors {
   brighten(color, amount) {
     const { h, s, l, a } = this.HSL(color).object();
     const lum = typeof amount === 'string' ? l + l * (parseFloat(amount) / 100) : l + amount;
-    const newL = Math.round((0, _utilities.clamp)(lum, 0, 100));
+    const newL = (0, _utilities.clamp100)(lum);
     const brightenedColor = {
       h,
       s,
@@ -919,7 +919,7 @@ class Colors {
   darken(color, amount) {
     const { h, s, l, a } = this.HSL(color).object();
     const lum = typeof amount === 'string' ? l - l * (parseFloat(amount) / 100) : l - amount;
-    const newL = Math.round((0, _utilities.clamp)(lum, 0, 100));
+    const newL = (0, _utilities.clamp100)(lum);
     const darkenedColor = {
       h,
       s,
@@ -937,7 +937,7 @@ class Colors {
   /** - Set HSV's `value` (brightness) channel for a given color to a specific amount.*/
   setBrightness(color, amount) {
     const { h, s, a } = this.HSV(color).object();
-    const newV = Math.round((0, _utilities.clamp)(amount, 0, 100));
+    const newV = (0, _utilities.clamp100)(amount);
     const newColor = {
       h,
       s,
@@ -950,7 +950,7 @@ class Colors {
   increaseBrightness(color, amount) {
     const { h, s, v, a } = this.HSV(color).object();
     const value = typeof amount === 'string' ? v + v * (parseFloat(amount) / 100) : v + amount;
-    const newV = Math.round((0, _utilities.clamp)(value, 0, 100));
+    const newV = (0, _utilities.clamp100)(value);
     const newColor = {
       h,
       s,
@@ -963,7 +963,7 @@ class Colors {
   decreaseBrightness(color, amount) {
     const { h, s, v, a } = this.HSV(color).object();
     const value = typeof amount === 'string' ? v - v * (parseFloat(amount) / 100) : v - amount;
-    const newV = Math.round((0, _utilities.clamp)(value, 0, 100));
+    const newV = (0, _utilities.clamp100)(value);
     const newColor = {
       h,
       s,
@@ -982,7 +982,7 @@ class Colors {
   /** - Set the `alpha` value of a color to a specific amount.*/
   setAlpha(color, amount) {
     const { r, g, b } = this.RGB(color).object();
-    const newA = Math.round((0, _utilities.clamp)(amount, 0, 1));
+    const newA = (0, _utilities.clampAlpha)(amount);
     const newColor = {
       r,
       g,
@@ -995,7 +995,7 @@ class Colors {
   increaseAlpha(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const alpha = typeof amount === 'string' ? a + a * (parseFloat(amount) / 100) : a + amount;
-    const newA = Math.round((0, _utilities.clamp)(alpha, 0, 1));
+    const newA = (0, _utilities.clampAlpha)(alpha);
     const newColor = {
       r,
       g,
@@ -1008,7 +1008,7 @@ class Colors {
   decreaseAlpha(color, amount) {
     const { r, g, b, a } = this.RGB(color).object();
     const alpha = typeof amount === 'string' ? a - a * (parseFloat(amount) / 100) : a - amount;
-    const newA = Math.round((0, _utilities.clamp)(alpha, 0, 1));
+    const newA = (0, _utilities.clampAlpha)(alpha);
     const newColor = {
       r,
       g,
@@ -1055,10 +1055,10 @@ class Colors {
     percentage = percentage / 100;
     const rgba1 = this.RGB(color1).object();
     const rgba2 = this.RGB(color2).object();
-    const r = Math.round((0, _utilities.clamp)(rgba1.r * (1 - percentage) + rgba2.r * percentage, 0, 255)),
-      g = Math.round((0, _utilities.clamp)(rgba1.g * (1 - percentage) + rgba2.g * percentage, 0, 255)),
-      b = Math.round((0, _utilities.clamp)(rgba1.b * (1 - percentage) + rgba2.b * percentage, 0, 255)),
-      a = Math.round((0, _utilities.clamp)(rgba1.a * (1 - percentage) + rgba2.a * percentage, 0, 1));
+    const r = (0, _utilities.clampRGB)(rgba1.r * (1 - percentage) + rgba2.r * percentage),
+      g = (0, _utilities.clampRGB)(rgba1.g * (1 - percentage) + rgba2.g * percentage),
+      b = (0, _utilities.clampRGB)(rgba1.b * (1 - percentage) + rgba2.b * percentage),
+      a = (0, _utilities.clampAlpha)(rgba1.a * (1 - percentage) + rgba2.a * percentage);
     const blendedColor = {
       r,
       g,
@@ -1083,7 +1083,7 @@ class Colors {
   /** - Completely desaturate a color into grayscale. */
   grayscale(color) {
     const { r, g, b, a } = this.RGB(color).object();
-    const gray = Math.round((0, _utilities.clamp)(r * 0.3 + g * 0.59 + b * 0.11, 0, 255));
+    const gray = (0, _utilities.clampRGB)(r * 0.3 + g * 0.59 + b * 0.11);
     const grayColor = {
       r: gray,
       g: gray,
@@ -1102,10 +1102,10 @@ class Colors {
       a = [1, 1],
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const random = {
-      h: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(h[0], h[1]), 0, 360)),
-      s: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(s[0], s[1]), 0, 100)),
-      l: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(l[0], l[1]), 0, 100)),
-      a: +(0, _utilities.clamp)((0, _utilities.randomNumber)(a[0], a[1]), 0, 1).toFixed(2),
+      h: (0, _utilities.clampHue)((0, _utilities.randomNumber)(h[0], h[1])),
+      s: (0, _utilities.clamp100)((0, _utilities.randomNumber)(s[0], s[1])),
+      l: (0, _utilities.clamp100)((0, _utilities.randomNumber)(l[0], l[1])),
+      a: (0, _utilities.clampAlpha)((0, _utilities.randomNumber)(a[0], a[1])),
     };
     return this.returnColorObject(random);
   }
@@ -1118,10 +1118,10 @@ class Colors {
       a = [1, 1],
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const random = {
-      h: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(h[0], h[1]), 0, 360)),
-      s: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(s[0], s[1]), 0, 100)),
-      v: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(v[0], v[1]), 0, 100)),
-      a: +(0, _utilities.clamp)((0, _utilities.randomNumber)(a[0], a[1]), 0, 1).toFixed(2),
+      h: (0, _utilities.clampHue)((0, _utilities.randomNumber)(h[0], h[1])),
+      s: (0, _utilities.clamp100)((0, _utilities.randomNumber)(s[0], s[1])),
+      v: (0, _utilities.clamp100)((0, _utilities.randomNumber)(v[0], v[1])),
+      a: (0, _utilities.clampAlpha)((0, _utilities.randomNumber)(a[0], a[1])),
     };
     return this.returnColorObject(random);
   }
@@ -1134,10 +1134,10 @@ class Colors {
       a = [1, 1],
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const random = {
-      r: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(r[0], r[1]), 0, 255)),
-      g: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(g[0], g[1]), 0, 255)),
-      b: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(b[0], b[1]), 0, 255)),
-      a: +(0, _utilities.clamp)((0, _utilities.randomNumber)(a[0], a[1]), 0, 1).toFixed(2),
+      r: (0, _utilities.clampRGB)((0, _utilities.randomNumber)(r[0], r[1])),
+      g: (0, _utilities.clampRGB)((0, _utilities.randomNumber)(g[0], g[1])),
+      b: (0, _utilities.clampRGB)((0, _utilities.randomNumber)(b[0], b[1])),
+      a: (0, _utilities.clampAlpha)((0, _utilities.randomNumber)(a[0], a[1])),
     };
     return this.returnColorObject(random);
   }
@@ -1150,10 +1150,10 @@ class Colors {
       a = [1, 1],
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const random = {
-      h: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(h[0], h[1]), 0, 360)),
-      w: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(w[0], w[1]), 0, 100)),
-      b: Math.round((0, _utilities.clamp)((0, _utilities.randomNumber)(b[0], b[1]), 0, 100)),
-      a: +(0, _utilities.clamp)((0, _utilities.randomNumber)(a[0], a[1]), 0, 1).toFixed(2),
+      h: (0, _utilities.clampHue)((0, _utilities.randomNumber)(h[0], h[1])),
+      w: (0, _utilities.clamp100)((0, _utilities.randomNumber)(w[0], w[1])),
+      b: (0, _utilities.clamp100)((0, _utilities.randomNumber)(b[0], b[1])),
+      a: (0, _utilities.clampAlpha)((0, _utilities.randomNumber)(a[0], a[1])),
     };
     return this.returnColorObject(random);
   }
@@ -1165,9 +1165,9 @@ class Colors {
     const color1RGB = this.RGB(color1).object();
     const channels = ['r', 'g', 'b'];
     const adjustLuminance = (colorRGB, by) => {
-      const r = (0, _utilities.clamp)(colorRGB.r + by, 0, 255);
-      const g = (0, _utilities.clamp)(colorRGB.g + by, 0, 255);
-      const b = (0, _utilities.clamp)(colorRGB.b + by, 0, 255);
+      const r = (0, _utilities.clampRGB)(colorRGB.r + by);
+      const g = (0, _utilities.clampRGB)(colorRGB.g + by);
+      const b = (0, _utilities.clampRGB)(colorRGB.b + by);
       return {
         r,
         g,