@liquid-js/qr-code-styling 5.4.3 → 5.4.5

package/README.md

@@ -6,7 +6,7 @@
 
 JavaScript library for generating QR codes with customizable styling.
 
-Try it here <https://qrky.to/generator/">
+Try it here <https://qrky.to/generator/>
 
 > 🌟 Check out [qr-code-styling-cli](https://www.npmjs.com/package/@liquid-js/qr-code-styling-cli) if you're looking to automate your QR generation process
 

package/lib/qr-code-styling-node.js

@@ -1092,6 +1092,12 @@ class QRSVG {
         this._element.appendChild(image);
     }
     createColor(cfg) {
+        let {width, height, x, y} = cfg;
+        x -= this.options.dotsOptions.size, y -= this.options.dotsOptions.size, width += 2 * this.options.dotsOptions.size, 
+        height += 2 * this.options.dotsOptions.size;
+        let rect = this.document.createElementNS("http://www.w3.org/2000/svg", "rect");
+        rect.setAttribute("x", numToAttr(x)), rect.setAttribute("y", numToAttr(y)), rect.setAttribute("height", numToAttr(height)), 
+        rect.setAttribute("width", numToAttr(width)), rect.setAttribute("clip-path", `url(#mask-${cfg.name})`);
         let value = function({options, color, additionalRotation, x, y, height, width, name, dotSize: size, document}) {
             let gradientSize = width > height ? width : height;
             if (x -= size, y -= size, width += 2 * size, height += 2 * size, options) {
@@ -1136,16 +1142,9 @@ class QRSVG {
             dotSize: this.options.dotsOptions.size,
             document: this.document
         });
-        if (!value) return;
-        let {width, height, x, y} = cfg;
-        x -= this.options.dotsOptions.size, y -= this.options.dotsOptions.size, width += 2 * this.options.dotsOptions.size, 
-        height += 2 * this.options.dotsOptions.size;
-        let rect = this.document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        return rect.setAttribute("x", numToAttr(x)), rect.setAttribute("y", numToAttr(y)), 
-        rect.setAttribute("height", numToAttr(height)), rect.setAttribute("width", numToAttr(width)), 
-        rect.setAttribute("clip-path", `url(#mask-${cfg.name})`), rect.setAttribute("fill", value.value), 
-        value.gradient && this.defs.appendChild(value.gradient), value.opacity < 1 && rect.setAttribute("opacity", value.opacity.toFixed(7)), 
-        this._element.appendChild(rect), value;
+        return value && (rect.setAttribute("fill", value.value), value.gradient && this.defs.appendChild(value.gradient), 
+        value.opacity < 1 && rect.setAttribute("opacity", value.opacity.toFixed(7))), this._element.appendChild(rect), 
+        value;
     }
     createMask(id) {
         let mask = this.document.createElementNS("http://www.w3.org/2000/svg", "clipPath");