smooth-gradient - npm Package Compare versions

Comparing version 2.2.4 to 2.3.0

docs/index.js

@@ -62,12 +62,3 @@ const NB_COLORS = 4;
 
-document.getElementById('gradients').addEventListener("mousemove", (event) => {
-  const { x } = event;
-  const { width } = document.getElementById('gradients').getBoundingClientRect();
-  const position = x - document.getElementById('gradients').getBoundingClientRect().x;
-  const value = Math.floor(position * 100 / width);
-
-  if (value < 0) value = 0;
-  if (value > 100) value = 100;
-
-
+const updateFrame = (value) => {
   document.getElementById('selector').style.left = `${value - 1}%`;
@@ -86,2 +77,17 @@ const color = gradient.getColorFromValue(value, 'rgb');
   //document.getElementById('gradients').style.border = `4px solid ${color}`;
+}
+
+updateFrame(randomValue(20, 80));
+
+document.getElementById('gradients').addEventListener("mousemove", (event) => {
+  const { x } = event;
+  const { width } = document.getElementById('gradients').getBoundingClientRect();
+  const position = x - document.getElementById('gradients').getBoundingClientRect().x;
+  const value = Math.floor(position * 100 / width);
+
+  if (value < 0) value = 0;
+  if (value > 100) value = 100;
+
+  updateFrame(value);
+
 });

package.json

 {
   "name": "smooth-gradient",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "description": "Generates a gradient and can return a calculated color from an input",
@@ -28,3 +28,3 @@ "type": "module",
     "url": "[e-mail]:jussetain/color-gradient.git",
-    "web": "https://github.com/jussetain/color-gradient/"
+    "web": "https://jussetain.github.io/color-gradient/"
   },
@@ -31,0 +31,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

13218

increased by1.98%

Lines of code

312

increased by5.05%

No dependency changes