@liquid-js/qr-code-styling 2.2.1 → 2.2.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 Denys Kozak
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 Denys Kozak
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/core/QRCodeStyling.d.ts

@@ -34,7 +34,7 @@ export declare class QRCodeStyling {
      * const extension = (svg, options) => {
      *   const { width, height } = options;
      *   const size = Math.min(width, height);
-     *   const border = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+     *   const border = options.document.createElementNS("http://www.w3.org/2000/svg", "rect");
      *   const borderAttributes = {
      *     fill: "none",
      *     x: (width - size + 40) / 2,

package/lib/figures/cornerDot/QRCornerDot.d.ts

@@ -16,7 +16,6 @@ export declare class QRCornerDot {
     _basicHeart(args: BasicFigureDrawArgs): void;
     _basicRounded(args: BasicFigureDrawArgs): void;
     _basicClassy(args: BasicFigureDrawArgs): void;
-    _basicOutpoint(args: BasicFigureDrawArgs): void;
     _basicInpoint(args: BasicFigureDrawArgs): void;
     _drawDot({ x, y, size, rotation }: DrawArgs): void;
     _drawSquare({ x, y, size, rotation }: DrawArgs): void;

package/lib/figures/cornerSquare/QRCornerSquare.d.ts

@@ -15,12 +15,11 @@ export declare class QRCornerSquare {
     _basicSquare(args: BasicFigureDrawArgs): void;
     _basicExtraRounded(args: BasicFigureDrawArgs): void;
     _basicClassy(args: BasicFigureDrawArgs): void;
-    _basicOutpoint(args: BasicFigureDrawArgs): void;
     _basicInpoint(args: BasicFigureDrawArgs): void;
     _drawDot({ x, y, size, rotation }: DrawArgs): void;
     _drawSquare({ x, y, size, rotation }: DrawArgs): void;
     _drawExtraRounded({ x, y, size, rotation }: DrawArgs): void;
     _drawClassy({ x, y, size, rotation }: DrawArgs): void;
-    _drawOutpoint({ x, y, size, rotation }: DrawArgs): void;
     _drawInpoint({ x, y, size, rotation }: DrawArgs): void;
+    _drawOutpoint({ x, y, size, rotation }: DrawArgs): void;
 }

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

@@ -398,7 +398,7 @@ class QRCornerDot {
         this._rotateFigure({
             ...args,
             draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+                this._element = this._document.createElementNS("http://www.w3.org/2000/svg", "rect");
                 this._element.setAttribute("x", String(x));
                 this._element.setAttribute("y", String(y));
                 this._element.setAttribute("width", String(size));
@@ -414,7 +414,7 @@ class QRCornerDot {
         this._rotateFigure({
             ...args,
             draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "path");
+                this._element = this._document.createElementNS("http://www.w3.org/2000/svg", "path");
                 this._element.setAttribute("clip-rule", "evenodd");
                 this._element.setAttribute("d", `M ${x} ${y + 2.5 * dotSize}` +
                     `v ${2 * dotSize}` +
@@ -428,33 +428,13 @@ class QRCornerDot {
             }
         });
     }
-    _basicOutpoint(args) {
-        const { size, x, y } = args;
-        const dotSize = size;
-        this._rotateFigure({
-            ...args,
-            draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "path");
-                this._element.setAttribute("clip-rule", "evenodd");
-                this._element.setAttribute("d", `M ${x} ${y + dotSize / 2}` +
-                    `v ${dotSize / 4}` +
-                    `a ${dotSize / 4}, ${dotSize / 4} 0 0 0 ${dotSize / 4}, ${dotSize / 4}` +
-                    `h ${dotSize / 2}` +
-                    `a ${dotSize / 4}, ${dotSize / 4} 0 0 0 ${dotSize / 4}, ${-dotSize / 4}` +
-                    `v ${-dotSize / 2}` +
-                    `a ${dotSize / 4}, ${dotSize / 4} 0 0 0 ${-dotSize / 4}, ${-dotSize / 4}` +
-                    `h ${(-dotSize / 4) * 3}` +
-                    `z`);
-            }
-        });
-    }
     _basicInpoint(args) {
         const { size, x, y } = args;
         const dotSize = size;
         this._rotateFigure({
             ...args,
             draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "path");
+                this._element = this._document.createElementNS("http://www.w3.org/2000/svg", "path");
                 this._element.setAttribute("clip-rule", "evenodd");
                 this._element.setAttribute("d", `M ${x} ${y + dotSize / 2}` +
                     `v ${dotSize / 4}` +
@@ -493,7 +473,7 @@ class QRCornerDot {
         this._basicInpoint({ x, y, size, rotation });
     }
     _drawOutpoint({ x, y, size, rotation }) {
-        this._basicOutpoint({ x, y, size, rotation });
+        this._basicInpoint({ x, y, size, rotation: (rotation || 0) + Math.PI });
     }
 }
 
@@ -608,7 +588,7 @@ class QRCornerSquare {
         this._rotateFigure({
             ...args,
             draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "path");
+                this._element = this._document.createElementNS("http://www.w3.org/2000/svg", "path");
                 this._element.setAttribute("clip-rule", "evenodd");
                 this._element.setAttribute("d", `M ${x} ${y + 2.5 * dotSize}` +
                     `v ${2 * dotSize}` +
@@ -630,42 +610,13 @@ class QRCornerSquare {
             }
         });
     }
-    _basicOutpoint(args) {
-        const { size, x, y } = args;
-        const dotSize = size / 7;
-        this._rotateFigure({
-            ...args,
-            draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "path");
-                this._element.setAttribute("clip-rule", "evenodd");
-                this._element.setAttribute("d", `M ${x} ${y + 2.5 * dotSize}` +
-                    `v ${2 * dotSize}` +
-                    `a ${2.5 * dotSize} ${2.5 * dotSize}, 0, 0, 0, ${dotSize * 2.5} ${dotSize * 2.5}` +
-                    `h ${2 * dotSize}` +
-                    `a ${2.5 * dotSize} ${2.5 * dotSize}, 0, 0, 0, ${dotSize * 2.5} ${-dotSize * 2.5}` +
-                    `v ${-2 * dotSize}` +
-                    `a ${2.5 * dotSize} ${2.5 * dotSize}, 0, 0, 0, ${-dotSize * 2.5} ${-dotSize * 2.5}` +
-                    `h ${-2 * dotSize}` +
-                    `a ${dotSize} ${2.5 * dotSize}, 0, 0, 0, ${-dotSize * 2.5} ${dotSize * 2.5}` +
-                    `M ${x + 2.5 * dotSize} ${y + dotSize}` +
-                    `h ${2 * dotSize}` +
-                    `a ${1.5 * dotSize} ${1.5 * dotSize}, 0, 0, 1, ${dotSize * 1.5} ${dotSize * 1.5}` +
-                    `v ${2 * dotSize}` +
-                    `a ${1.5 * dotSize} ${1.5 * dotSize}, 0, 0, 1, ${-dotSize * 1.5} ${dotSize * 1.5}` +
-                    `h ${-2 * dotSize}` +
-                    `a ${1.5 * dotSize} ${1.5 * dotSize}, 0, 0, 1, ${-dotSize * 1.5} ${-dotSize * 1.5}` +
-                    `v ${-2 * dotSize}` +
-                    `l 0 ${-dotSize * 1.5}`);
-            }
-        });
-    }
     _basicInpoint(args) {
         const { size, x, y } = args;
         const dotSize = size / 7;
         this._rotateFigure({
             ...args,
             draw: () => {
-                this._element = document.createElementNS("http://www.w3.org/2000/svg", "path");
+                this._element = this._document.createElementNS("http://www.w3.org/2000/svg", "path");
                 this._element.setAttribute("clip-rule", "evenodd");
                 this._element.setAttribute("d", `M ${x} ${y + 2.5 * dotSize}` +
                     `v ${2 * dotSize}` +
@@ -698,12 +649,12 @@ class QRCornerSquare {
     _drawClassy({ x, y, size, rotation }) {
         this._basicClassy({ x, y, size, rotation });
     }
-    _drawOutpoint({ x, y, size, rotation }) {
-        this._basicOutpoint({ x, y, size, rotation });
-    }
     _drawInpoint({ x, y, size, rotation }) {
         this._basicInpoint({ x, y, size, rotation });
     }
+    _drawOutpoint({ x, y, size, rotation }) {
+        this._basicInpoint({ x, y, size, rotation: (rotation || 0) + Math.PI });
+    }
 }
 
 class QRDot {
@@ -1685,7 +1636,7 @@ let QRCodeStyling$1 = class QRCodeStyling {
      * const extension = (svg, options) => {
      *   const { width, height } = options;
      *   const size = Math.min(width, height);
-     *   const border = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+     *   const border = options.document.createElementNS("http://www.w3.org/2000/svg", "rect");
      *   const borderAttributes = {
      *     fill: "none",
      *     x: (width - size + 40) / 2,