@liquid-js/qr-code-styling 5.2.0 → 5.3.0

package/lib/figures/dot-elements.d.ts

@@ -22,4 +22,5 @@ export declare const DotElements: {
         innerRadius?: number | undefined;
     }) => SVGElement;
     weave: (args: BasicFigureDrawArgs) => SVGElement;
+    blob: (args: BasicFigureDrawArgs, corners: Record<"tl" | "tr" | "bl" | "br", "round" | "out" | "square">) => SVGElement;
 };

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

@@ -51,7 +51,8 @@ function sanitizeGradient(gradient) {
     DotType.diamond = "diamond", DotType.wave = "wave", DotType.heart = "heart", DotType.star = "star", 
     DotType.weave = "weave", DotType.pentagon = "pentagon", DotType.hexagon = "hexagon", 
     DotType.zebraHorizontal = "zebra-horizontal", DotType.zebraVertical = "zebra-vertical", 
-    DotType.blocksHorizontal = "blocks-horizontal", DotType.blocksVertical = "blocks-vertical";
+    DotType.blocksHorizontal = "blocks-horizontal", DotType.blocksVertical = "blocks-vertical", 
+    DotType.blobs = "blobs";
 }(DotType || (DotType = {})), function(CornerDotType) {
     CornerDotType.dot = "dot", CornerDotType.square = "square", CornerDotType.heart = "heart", 
     CornerDotType.extraRounded = "extra-rounded", CornerDotType.classy = "classy", CornerDotType.inpoint = "inpoint", 
@@ -227,6 +228,21 @@ let DotElements = {
         const {size, x, y, document} = args, thickness = .6 * size, notch = (size - thickness) / 2, element = document.createElementNS("http://www.w3.org/2000/svg", "path");
         return element.setAttribute("d", svgPath`M ${x + notch} ${y} l ${thickness} 0 l 0 ${notch} l ${notch} 0 l 0 ${thickness} l ${-notch} 0 l 0 ${notch} l ${-thickness} 0 l 0 ${-notch} l ${-notch} 0 l 0 ${-thickness} l ${notch} 0 z`), 
         element;
+    },
+    blob: (args, corners) => {
+        const {size, x, y, document} = args, dotSize = size / 7, element = document.createElementNS("http://www.w3.org/2000/svg", "path"), parts = [ svgPath`M ${x} ${y + 2.5 * dotSize}` ];
+        let l = 2 * dotSize;
+        return "round" == corners.bl ? (parts.push(svgPath`v ${l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${2.5 * dotSize} ${2.5 * dotSize}`), 
+        l = 2 * dotSize) : "out" == corners.bl ? (parts.push(svgPath`v ${5 * dotSize + l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${2.5 * dotSize} ${-2.5 * dotSize}`), 
+        l = 2 * dotSize) : (parts.push(svgPath`v ${2.5 * dotSize + l}`), l = 4.5 * dotSize), 
+        "round" == corners.br ? (parts.push(svgPath`h ${l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${2.5 * dotSize} ${-2.5 * dotSize}`), 
+        l = -2 * dotSize) : "out" == corners.br ? (parts.push(svgPath`h ${5 * dotSize + l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${-2.5 * dotSize} ${-2.5 * dotSize}`), 
+        l = -2 * dotSize) : (parts.push(svgPath`h ${2.5 * dotSize + l}`), l = -4.5 * dotSize), 
+        "round" == corners.tr ? (parts.push(svgPath`v ${l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${-2.5 * dotSize} ${-2.5 * dotSize}`), 
+        l = -2 * dotSize) : "out" == corners.tr ? (parts.push(svgPath`v ${-5 * dotSize + l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${-2.5 * dotSize} ${2.5 * dotSize}`), 
+        l = -2 * dotSize) : (parts.push(svgPath`v ${-2.5 * dotSize + l}`), l = -4.5 * dotSize), 
+        "round" == corners.tl ? parts.push(svgPath`h ${l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 0 ${-2.5 * dotSize} ${2.5 * dotSize}`) : "out" == corners.tl ? parts.push(svgPath`h ${-5 * dotSize + l} a ${2.5 * dotSize} ${2.5 * dotSize} 0 0 1 ${2.5 * dotSize} ${2.5 * dotSize}`) : parts.push(svgPath`h ${-2.5 * dotSize + l}`), 
+        element.setAttribute("d", parts.join(" ") + " z"), element;
     }
 }, qrCornerDotFigures = {
     [CornerDotType.dot]: args => rotateFigure({
@@ -313,7 +329,7 @@ let SquareElements = {
         [ element, fill ];
     },
     centerCircle: args => {
-        const {x, y, size} = args, circleRadius = size / 2.5, cx = x + size / 2, cy = y + size / 2, dotSize = size / 7, element = document.createElementNS("http://www.w3.org/2000/svg", "path");
+        const {x, y, size, document} = args, circleRadius = size / 2.5, cx = x + size / 2, cy = y + size / 2, dotSize = size / 7, element = document.createElementNS("http://www.w3.org/2000/svg", "path");
         element.setAttribute("clip-rule", "evenodd"), element.setAttribute("d", svgPath`M ${x} ${y} h ${size} v ${size} h ${-size} z M ${cx - circleRadius} ${cy} a ${circleRadius} ${circleRadius} 0 1 0 ${2 * circleRadius} 0 a ${circleRadius} ${circleRadius} 0 1 0 ${2 * -circleRadius} 0 z`);
         const fill = document.createElementNS("http://www.w3.org/2000/svg", "path");
         return fill.setAttribute("clip-rule", "evenodd"), fill.setAttribute("d", svgPath`M ${x - dotSize} ${y - dotSize} h ${size + 2 * dotSize} v ${size + 2 * dotSize} h ${-size - 2 * dotSize} z`), 
@@ -580,7 +596,19 @@ let qrDotFigures = {
                 height
             });
         }
-    })
+    }),
+    [DotType.blobs]: ({getNeighbor, ...args}) => {
+        const tl = getNeighbor?.(-1, -1), t = getNeighbor?.(0, -1), tr = getNeighbor?.(1, -1), r = getNeighbor?.(1, 0), br = getNeighbor?.(1, 1), b = getNeighbor?.(0, 1), bl = getNeighbor?.(-1, 1), l = getNeighbor?.(-1, 0), corners = {
+            tl: "square",
+            tr: "square",
+            bl: "square",
+            br: "square"
+        };
+        return !l && tl && (corners.tl = "out"), !t && tr && (corners.tr = "out"), !r && br && (corners.br = "out"), 
+        !b && bl && (corners.bl = "out"), l || tl || t || (corners.tl = "round"), t || tr || r || (corners.tr = "round"), 
+        r || br || b || (corners.br = "round"), b || bl || l || (corners.bl = "round"), 
+        DotElements.blob(args, corners);
+    }
 };
 
 function getQrDotFigure(type, plugins) {
@@ -1138,11 +1166,13 @@ let QRCodeStyling$1 = class {
     }
 };
 
-var FileExtension;
+var KernelType, FileExtension;
 
 let browserUtils;
 
-!function(FileExtension) {
+!function(KernelType) {
+    KernelType.Lanczos = "lanczos", KernelType.Linear = "linear";
+}(KernelType || (KernelType = {})), KernelType.Lanczos, KernelType.Linear, function(FileExtension) {
     FileExtension.svg = "svg", FileExtension.png = "png", FileExtension.jpeg = "jpeg", 
     FileExtension.webp = "webp";
 }(FileExtension || (FileExtension = {}));