bootstrap-colorpicker - npm Package Compare versions

Comparing version 3.0.3 to 3.1.0

package.json

 {
   "name": "bootstrap-colorpicker",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.",
@@ -5,0 +5,0 @@ "main": "./dist/js/bootstrap-colorpicker.js",

README.md

@@ -13,4 +13,2 @@ <a class="readme-logo" href="https://farbelous.io/bootstrap-colorpicker">
 [![npm](https://img.shields.io/npm/v/bootstrap-colorpicker.svg?style=flat-square)](https://www.npmjs.com/package/bootstrap-colorpicker)
-[![Donate](https://img.shields.io/badge/%E2%9D%A4-Donate%20to%20this%20project-e0a61d.svg?longCache=true&style=flat-square)](https://github.com/itsjavi/itsjavi.github.io/blob/master/BACKERS.md#sponsors--backers)
-[![Supporters](https://img.shields.io/badge/%F0%9F%92%AA-Supporters-333333.svg?longCache=true&style=flat-square)](https://github.com/itsjavi/itsjavi.github.io/blob/master/BACKERS.md#sponsors)
 
@@ -130,2 +128,2 @@ ## Install
 
-*Thanks to JetBrains for supporting this project.*
+*Thanks to JetBrains for supporting this project.*

src/js/ColorHandler.js

@@ -157,3 +157,4 @@ 'use strict';
     if (!color.isValid()) {
-      throw new Error('The fallback color is invalid.');
+      console.warn('The fallback color is invalid. Falling back to the previous color or black if any.');
+      return this.color ? this.color : new ColorItem('#000000', this.format);
     }
@@ -160,0 +161,0 @@

src/js/ColorItem.js

@@ -102,4 +102,2 @@ /**
   replace(color, format = null) {
-    let fallback = null;
-
     format = ColorItem.sanitizeFormat(format);
@@ -123,3 +121,3 @@
     if (this._color === null) {
-      this._color = QixColor(fallback);
+      this._color = QixColor();
       this._original.valid = false;
@@ -163,2 +161,6 @@ return;
 
+    if (color === null) {
+      return null;
+    }
+
     if (Array.isArray(color)) {
@@ -165,0 +167,0 @@ format = 'hsv';

src/js/options.js

@@ -49,5 +49,5 @@ 'use strict';
    * @type {('rgb'|'hex'|'hsl'|'auto'|null)}
-   * @default null
+   * @default 'auto'
    */
-  format: null,
+  format: 'auto',
   /**
@@ -54,0 +54,0 @@ * Horizontal mode layout.

src/js/SliderHandler.js

@@ -61,6 +61,6 @@ 'use strict';
     if (slider.callLeft) {
-      color[slider.callLeft].call(color, left / slider.maxLeft);
+      color[slider.callLeft](left / slider.maxLeft);
     }
     if (slider.callTop) {
-      color[slider.callTop].call(color, top / slider.maxTop);
+      color[slider.callTop](top / slider.maxTop);
     }
@@ -67,0 +67,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6020188

increased by386.39%

Number of package files

190

increased by533.33%

Lines of code

51056

increased by496.17%

Worsened metrics

Number of low quality alerts

4

increased by100%

Number of lines in readme file

128

decreased by-0.78%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes