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

package/lib/border-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"border-plugin.js","sources":["../src/plugins/border.ts"],"sourcesContent":["import { Options, Plugin } from '../utils/options.js'\r\nimport { extendSVG, numToAttr, svgPath } from './utils.js'\r\n\r\nenum TextPosition {\r\n    top = 'top',\r\n    bottom = 'bottom',\r\n    left = 'left',\r\n    right = 'right'\r\n}\r\n\r\nexport interface TextConfig {\r\n    font?: string\r\n    color?: string\r\n    size?: number\r\n    fontWeight?: 'normal' | 'bold' | number\r\n    fontStyle?: 'normal' | 'italic' | 'oblique'\r\n}\r\n\r\nexport interface BorderPluginOptions {\r\n    /** Border roundnes, from 0 (square) to 1 (circle) */\r\n    round?: number\r\n    size: number\r\n    color: string\r\n    dasharray?: string\r\n    margin?: number\r\n    /**\r\n     * If true, all dimensions are proportional to the code size,\r\n     * i.e. `size: 0.1` means the border thickness is 1/10 of the QR code size\r\n     *\r\n     * This is useful to keep the border visually consistent regardless of the amount of data\r\n     *\r\n     * Note: if using dasharray, use percentage values to maintain consistency\r\n     */\r\n    proportional?: boolean\r\n    text?: TextConfig & {\r\n        [key in TextPosition]?: TextConfig & {\r\n            content: string\r\n        }\r\n    }\r\n    /**\r\n     * A string of embedded CSS @font-face rules\r\n     *\r\n     * @deprecated Use @liquid-js/qr-code-styling/font-faces-plugin\r\n     */\r\n    fontFaces?: string\r\n}\r\n\r\nexport default class BorderPlugin implements Plugin {\r\n\r\n    constructor(\r\n        private readonly pluginOptions: BorderPluginOptions,\r\n        /** @ignore Create unique id for SVG elements to prevent naming collisions; specify your own if neccesary e.g. for testing */\r\n        private readonly idSuffix = Math.random().toFixed(10).substring(2)\r\n    ) { }\r\n\r\n    postProcess(svg: SVGSVGElement, options: Options) {\r\n        const { document } = options\r\n        const sizeFactor = this.pluginOptions.proportional ? options.size : 1\r\n\r\n        const margin = (this.pluginOptions.margin || 0) * sizeFactor\r\n        let thickness = (this.pluginOptions.size) * sizeFactor\r\n        const drawArea = extendSVG(svg, thickness + margin)\r\n        if (!drawArea)\r\n            return\r\n\r\n        thickness = Math.abs(thickness)\r\n\r\n        const cx = (drawArea.left + drawArea.right) / 2\r\n        const cy = (drawArea.top + drawArea.bottom) / 2\r\n        const lineSize = options.size / 2 * (1 - (this.pluginOptions.round || 0))\r\n        const r = (Math.min(drawArea.right - drawArea.left - 2 * thickness, drawArea.bottom - drawArea.top - 2 * thickness) / 2) - lineSize + thickness / 2\r\n\r\n        let pathR = this.pluginOptions.round ? r : 0\r\n        let pathL = this.pluginOptions.round ? lineSize : lineSize + r\r\n\r\n        const borderEl = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\r\n        borderEl.setAttribute('width', numToAttr((pathL + pathR) * 2))\r\n        borderEl.setAttribute('height', numToAttr((pathL + pathR) * 2))\r\n        borderEl.setAttribute('x', numToAttr(cx - pathL - pathR))\r\n        borderEl.setAttribute('y', numToAttr(cy - pathL - pathR))\r\n        borderEl.setAttribute('rx', numToAttr(pathR))\r\n        borderEl.setAttribute('fill', 'none')\r\n        borderEl.setAttribute('stroke', this.pluginOptions.color)\r\n        borderEl.setAttribute('stroke-width', numToAttr(thickness))\r\n        if (this.pluginOptions.dasharray) {\r\n            borderEl.setAttribute('stroke-dasharray', this.pluginOptions.dasharray)\r\n        }\r\n\r\n        svg.appendChild(borderEl);\r\n\r\n        [TextPosition.left, TextPosition.top, TextPosition.right, TextPosition.bottom].forEach(postion => {\r\n            const textCfg = this.pluginOptions.text\r\n            const config = textCfg?.[postion]\r\n            if (config) {\r\n                let defs = Array.from(svg.childNodes).find(v => (v as HTMLElement).tagName.toUpperCase() == 'DEFS')\r\n                if (!defs) {\r\n                    defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\r\n                    svg.appendChild(defs)\r\n                }\r\n                const element = document.createElementNS('http://www.w3.org/2000/svg', 'path')\r\n                const size = (config.size || textCfg.size || 1) * sizeFactor\r\n                pathR = this.pluginOptions.round ? r - size / 3 : 0\r\n                pathL = this.pluginOptions.round ? lineSize : lineSize + (r - size / 3)\r\n                switch (postion) {\r\n                    case TextPosition.top:\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx} ${cy + pathR + pathL}\r\n                          h ${-pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n                          v ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n                          v ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n                          h ${-pathL}`\r\n                        )\r\n                        break\r\n                    case TextPosition.bottom:\r\n                        if (this.pluginOptions.round)\r\n                            pathR += size * 2 / 3\r\n                        else\r\n                            pathL += size * 2 / 3\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx} ${cy - pathR - pathL}\r\n                          h ${-pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${-pathR} ${pathR}\r\n                          v ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${pathR} ${pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${pathR} ${-pathR}\r\n                          v ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${-pathR} ${-pathR}\r\n                          h ${-pathL}`\r\n                        )\r\n                        break\r\n                    case TextPosition.left:\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx + pathR + pathL} ${cy}\r\n                          v ${pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n                          h ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n                          v ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n                          v ${pathL}`\r\n                        )\r\n                        break\r\n                    case TextPosition.right:\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx - pathR - pathL} ${cy}\r\n                          v ${-pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n                          v ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n                          h ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n                          v ${-pathL}`\r\n                        )\r\n                        break\r\n                }\r\n                const id = `border-text-${postion}-${this.idSuffix}`\r\n                element.setAttribute('id', id)\r\n                element.setAttribute('fill', 'none')\r\n\r\n                const span = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\r\n                span.setAttribute('font-family', config.font || textCfg.font || 'sans-serif')\r\n                span.setAttribute('fill', config.color || textCfg.color || '#000')\r\n                span.setAttribute('font-weight', numToAttr(config.fontWeight || textCfg.fontWeight || 'normal'))\r\n                span.setAttribute('font-style', config.fontStyle || textCfg.fontStyle || 'normal')\r\n                span.setAttribute('font-size', numToAttr(size))\r\n                span.textContent = config.content\r\n\r\n                const textPath = document.createElementNS('http://www.w3.org/2000/svg', 'textPath')\r\n                textPath.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#' + id)\r\n                textPath.setAttribute('startOffset', '50%')\r\n                textPath.setAttribute('text-anchor', 'middle')\r\n                textPath.appendChild(span)\r\n\r\n                const text = document.createElementNS('http://www.w3.org/2000/svg', 'text')\r\n                text.appendChild(textPath)\r\n\r\n                defs.appendChild(element)\r\n                svg.appendChild(text)\r\n            }\r\n        })\r\n\r\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\r\n        if (this.pluginOptions.fontFaces) {\r\n            let defs = Array.from(svg.childNodes).find(v => (v as HTMLElement).tagName.toUpperCase() == 'DEFS')\r\n            if (!defs) {\r\n                defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\r\n                svg.appendChild(defs)\r\n            }\r\n            const style = document.createElementNS('http://www.w3.org/2000/svg', 'style')\r\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\r\n            style.textContent = this.pluginOptions.fontFaces\r\n            defs.appendChild(style)\r\n        }\r\n    }\r\n}\r\n"],"names":["extendSVG","numToAttr","TextPosition","g","v","top","bottom","left","right","pluginOptions","idSuffix","constructor","Math","random","toFixed","substring","this","postProcess","svg","options","document","sizeFactor","proportional","size","thickness","drawArea","margin","abs","cx","cy","round","min","lineSize","pathR","r","pathL","createElementNS","setAttribute","borderEl","color","dasharray","appendChild","forEach","postion","text","textCfg","config","defs","Array","from","childNodes","find","tagName","toUpperCase","element","svgPath","id","span","font","fontWeight","fontStyle","textContent","content","textPath","setAttributeNS","fontFaces","style"],"mappings":"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"}
+{"version":3,"file":"border-plugin.js","sources":["../src/plugins/border.ts"],"sourcesContent":["import { Options, Plugin } from '../utils/options.js'\r\nimport { extendSVG, numToAttr, svgPath } from './utils.js'\r\n\r\nenum TextPosition {\r\n    top = 'top',\r\n    bottom = 'bottom',\r\n    left = 'left',\r\n    right = 'right'\r\n}\r\n\r\nexport interface TextConfig {\r\n    font?: string\r\n    color?: string\r\n    size?: number\r\n    fontWeight?: 'normal' | 'bold' | number\r\n    fontStyle?: 'normal' | 'italic' | 'oblique'\r\n}\r\n\r\nexport interface BorderPluginOptions {\r\n    /** Border roundnes, from 0 (square) to 1 (circle) */\r\n    round?: number\r\n    size: number\r\n    color: string\r\n    dasharray?: string\r\n    margin?: number\r\n    /**\r\n     * If true, all dimensions are proportional to the code size,\r\n     * i.e. `size: 0.1` means the border thickness is 1/10 of the QR code size\r\n     *\r\n     * This is useful to keep the border visually consistent regardless of the amount of data\r\n     *\r\n     * Note: if using dasharray, use percentage values to maintain consistency\r\n     */\r\n    proportional?: boolean\r\n    text?: TextConfig & {\r\n        [key in TextPosition]?: TextConfig & {\r\n            content: string\r\n        }\r\n    }\r\n    /**\r\n     * A string of embedded CSS \\@font-face rules\r\n     *\r\n     * @deprecated Use @liquid-js/qr-code-styling/font-faces-plugin\r\n     */\r\n    fontFaces?: string\r\n}\r\n\r\nexport default class BorderPlugin implements Plugin {\r\n\r\n    constructor(\r\n        private readonly pluginOptions: BorderPluginOptions,\r\n        /** @ignore Create unique id for SVG elements to prevent naming collisions; specify your own if neccesary e.g. for testing */\r\n        private readonly idSuffix = Math.random().toFixed(10).substring(2)\r\n    ) { }\r\n\r\n    postProcess(svg: SVGSVGElement, options: Options) {\r\n        const { document } = options\r\n        const sizeFactor = this.pluginOptions.proportional ? options.size : 1\r\n\r\n        const margin = (this.pluginOptions.margin || 0) * sizeFactor\r\n        let thickness = (this.pluginOptions.size) * sizeFactor\r\n        const drawArea = extendSVG(svg, thickness + margin)\r\n        if (!drawArea)\r\n            return\r\n\r\n        thickness = Math.abs(thickness)\r\n\r\n        const cx = (drawArea.left + drawArea.right) / 2\r\n        const cy = (drawArea.top + drawArea.bottom) / 2\r\n        const lineSize = options.size / 2 * (1 - (this.pluginOptions.round || 0))\r\n        const r = (Math.min(drawArea.right - drawArea.left - 2 * thickness, drawArea.bottom - drawArea.top - 2 * thickness) / 2) - lineSize + thickness / 2\r\n\r\n        let pathR = this.pluginOptions.round ? r : 0\r\n        let pathL = this.pluginOptions.round ? lineSize : lineSize + r\r\n\r\n        const borderEl = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\r\n        borderEl.setAttribute('width', numToAttr((pathL + pathR) * 2))\r\n        borderEl.setAttribute('height', numToAttr((pathL + pathR) * 2))\r\n        borderEl.setAttribute('x', numToAttr(cx - pathL - pathR))\r\n        borderEl.setAttribute('y', numToAttr(cy - pathL - pathR))\r\n        borderEl.setAttribute('rx', numToAttr(pathR))\r\n        borderEl.setAttribute('fill', 'none')\r\n        borderEl.setAttribute('stroke', this.pluginOptions.color)\r\n        borderEl.setAttribute('stroke-width', numToAttr(thickness))\r\n        if (this.pluginOptions.dasharray) {\r\n            borderEl.setAttribute('stroke-dasharray', this.pluginOptions.dasharray)\r\n        }\r\n\r\n        svg.appendChild(borderEl);\r\n\r\n        [TextPosition.left, TextPosition.top, TextPosition.right, TextPosition.bottom].forEach(postion => {\r\n            const textCfg = this.pluginOptions.text\r\n            const config = textCfg?.[postion]\r\n            if (config) {\r\n                let defs = Array.from(svg.childNodes).find(v => (v as HTMLElement).tagName.toUpperCase() == 'DEFS')\r\n                if (!defs) {\r\n                    defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\r\n                    svg.appendChild(defs)\r\n                }\r\n                const element = document.createElementNS('http://www.w3.org/2000/svg', 'path')\r\n                const size = (config.size || textCfg.size || 1) * sizeFactor\r\n                pathR = this.pluginOptions.round ? r - size / 3 : 0\r\n                pathL = this.pluginOptions.round ? lineSize : lineSize + (r - size / 3)\r\n                switch (postion) {\r\n                    case TextPosition.top:\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx} ${cy + pathR + pathL}\r\n                          h ${-pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n                          v ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n                          v ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n                          h ${-pathL}`\r\n                        )\r\n                        break\r\n                    case TextPosition.bottom:\r\n                        if (this.pluginOptions.round)\r\n                            pathR += size * 2 / 3\r\n                        else\r\n                            pathL += size * 2 / 3\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx} ${cy - pathR - pathL}\r\n                          h ${-pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${-pathR} ${pathR}\r\n                          v ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${pathR} ${pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${pathR} ${-pathR}\r\n                          v ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 0 ${-pathR} ${-pathR}\r\n                          h ${-pathL}`\r\n                        )\r\n                        break\r\n                    case TextPosition.left:\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx + pathR + pathL} ${cy}\r\n                          v ${pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n                          h ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n                          v ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n                          v ${pathL}`\r\n                        )\r\n                        break\r\n                    case TextPosition.right:\r\n                        element.setAttribute(\r\n                            'd',\r\n                            svgPath`M ${cx - pathR - pathL} ${cy}\r\n                          v ${-pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${-pathR}\r\n                          h ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${pathR} ${pathR}\r\n                          v ${2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${pathR}\r\n                          h ${-2 * pathL}\r\n                          a ${pathR} ${pathR} 0 0 1 ${-pathR} ${-pathR}\r\n                          v ${-pathL}`\r\n                        )\r\n                        break\r\n                }\r\n                const id = `border-text-${postion}-${this.idSuffix}`\r\n                element.setAttribute('id', id)\r\n                element.setAttribute('fill', 'none')\r\n\r\n                const span = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\r\n                span.setAttribute('font-family', config.font || textCfg.font || 'sans-serif')\r\n                span.setAttribute('fill', config.color || textCfg.color || '#000')\r\n                span.setAttribute('font-weight', numToAttr(config.fontWeight || textCfg.fontWeight || 'normal'))\r\n                span.setAttribute('font-style', config.fontStyle || textCfg.fontStyle || 'normal')\r\n                span.setAttribute('font-size', numToAttr(size))\r\n                span.textContent = config.content\r\n\r\n                const textPath = document.createElementNS('http://www.w3.org/2000/svg', 'textPath')\r\n                textPath.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#' + id)\r\n                textPath.setAttribute('startOffset', '50%')\r\n                textPath.setAttribute('text-anchor', 'middle')\r\n                textPath.appendChild(span)\r\n\r\n                const text = document.createElementNS('http://www.w3.org/2000/svg', 'text')\r\n                text.appendChild(textPath)\r\n\r\n                defs.appendChild(element)\r\n                svg.appendChild(text)\r\n            }\r\n        })\r\n\r\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\r\n        if (this.pluginOptions.fontFaces) {\r\n            let defs = Array.from(svg.childNodes).find(v => (v as HTMLElement).tagName.toUpperCase() == 'DEFS')\r\n            if (!defs) {\r\n                defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\r\n                svg.appendChild(defs)\r\n            }\r\n            const style = document.createElementNS('http://www.w3.org/2000/svg', 'style')\r\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\r\n            style.textContent = this.pluginOptions.fontFaces\r\n            defs.appendChild(style)\r\n        }\r\n    }\r\n}\r\n"],"names":["extendSVG","numToAttr","TextPosition","g","v","top","bottom","left","right","pluginOptions","idSuffix","constructor","Math","random","toFixed","substring","this","postProcess","svg","options","document","sizeFactor","proportional","size","thickness","drawArea","margin","abs","cx","cy","round","min","lineSize","pathR","r","pathL","createElementNS","setAttribute","borderEl","color","dasharray","appendChild","forEach","postion","text","textCfg","config","defs","Array","from","childNodes","find","tagName","toUpperCase","element","svgPath","id","span","font","fontWeight","fontStyle","textContent","content","textPath","setAttributeNS","fontFaces","style"],"mappings":"oBAGKA,eACDC,aACAC,MAAA,oBAEAA,IAAAC,EAAAC,EAAAD,IAAA,CAAA,EAwCUC,EAAAC,IAAA,MAAAD,EAAAE,OAAA,SAAAF,EAAAG,KAAA,OAAAH,EAAAI,MAAA,6BAGWC,cAEAC,SAHrBC,WAAAA,CACqBF,EAEAC,EAAWE,KAAKC,SAASC,QAAQ,IAAIC,UAAU,IAF/CC,KAAAP,cAAAA,EAEAO,KAAAN,SAAAA,CAAiD,CAGtEO,WAAAA,CAAYC,EAAoBC,GAC5B,IAAMC,SAAAA,KACNC,EAAgBL,KAAGP,cAAKa,aAA0BH,EAAGI,WAGjDC,EAAaR,KAAKP,cAAcc,KAAQF,EAC5C,IAAAI,EAAczB,EAAGkB,EAAaM,GAFlBR,KAAIP,cAAKiB,QAAoB,GAAKL,GAG9C,GAAKI,EAAL,CAGAD,EAAYZ,KAAKe,IAAIH,GAErB,IAAAI,GAAQH,EAAIlB,KAAakB,EAAGjB,OAAc,EAC1CqB,GAAQJ,EAAIpB,IAAYoB,EAAGnB,QAAe,IAC5Ba,UAAmB,GAAKH,KAAIP,cAAKqB,OAAmB,MAC3DlB,KAAImB,IAAKN,EAAIjB,MAAciB,EAAGlB,KAAa,EAAIiB,EAAYC,EAAEnB,OAAemB,QAAmBD,KAAiBQ,EAAYR,IAE/HS,EAAQjB,KAAKP,cAAcqB,MAAQI,EAAI,EACvCC,EAAQnB,KAAKP,cAAcqB,MAAQE,EAAWA,EAAWE,KAE/Cd,EAAGgB,6CAAqD,SAC7DC,aAAa,QAASpC,EAA4B,GAAjBkC,EAAQF,KAClDK,EAASD,aAAa,SAAUpC,EAA4B,GAAjBkC,EAAQF,KACnDK,EAASD,aAAa,IAAKpC,EAAU2B,EAAKO,EAAQF,IAClDK,EAASD,aAAa,IAAKpC,EAAU4B,EAAKM,EAAQF,IAClDK,EAASD,aAAa,KAAMpC,EAAUgC,IACtCK,EAASD,aAAa,OAAQ,QAC9BC,EAASD,aAAa,SAAUrB,KAAKP,cAAc8B,SAC1CF,aAAa,eAAgBpC,EAAUuB,IAC5CR,KAAKP,cAAc+B,WACnBF,EAASD,aAAa,mBAAoBrB,KAAKP,cAAc+B,WAGjEtB,EAAIuB,YAAYH,GAEhB,CAACpC,EAAaK,KAAML,EAAaG,IAAKH,EAAaM,MAAON,EAAaI,QAAQoC,QAAQC,IACnF,MAAa3B,mBAAQ4B,OACTC,IAAUF,MAClBG,EAAQ,CACR,IAAIC,EAAOC,MAAMC,KAAK/B,EAAIgC,YAAYC,KAAK/C,GAAiD,QAA3CA,EAAkBgD,QAAQC,eACtEN,IACDA,EAAO3B,EAASgB,gBAAgB,6BAA8B,QAC9DlB,EAAIuB,YAAYM,QAEpBO,EAAalC,EAAGgB,6CAAqD,QACrEb,GAAUuB,QAAeD,EAAItB,MAAY,cACjCP,KAAKP,cAAcqB,MAAQI,EAAIX,EAAO,EAAI,IAC1CP,KAAKP,cAAcqB,MAAQE,EAAWA,GAAYE,EAAIX,EAAO,GAC7DoB,GACJ,KAAKzC,EAAaG,IACdiD,EAAQjB,aACJ,IACAkB,CAAA,KAAY3B,KAAMC,EAAKI,EAAQE,QAC5BA,OACDF,KAASA,YAAgBA,MAAUA,QACnC,EAAKE,OACLF,KAASA,WAAeA,MAAUA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjC,EAAIE,OACJF,KAASA,YAAgBA,KAASA,QACjCE,KAEP,WACCjC,EAAaI,OACVU,KAAKP,cAAcqB,MACnBG,GAAgB,EAAPV,EAAW,EAEpBY,GAAgB,EAAPZ,EAAW,EACxB+B,EAAQjB,aACJ,IACAkB,CAAA,KAAY3B,KAAMC,EAAKI,EAAQE,QAC5BA,OACDF,KAASA,YAAgBA,KAASA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjC,EAAIE,OACJF,KAASA,WAAeA,MAAUA,QAClC,EAAKE,OACLF,KAASA,YAAgBA,MAAUA,QAClCE,KAEP,WACCjC,EAAaK,KACd+C,EAAQjB,aACJ,IACAkB,CAAA,KAAY3B,EAAKK,EAAQE,KAASN,OAChCM,OACAF,KAASA,YAAgBA,KAASA,QAClC,EAAKE,OACLF,KAASA,YAAgBA,MAAUA,QACnC,EAAKE,OACLF,KAASA,WAAeA,MAAUA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjCE,KAEN,MACJ,KAAKjC,EAAaM,MACd8C,EAAQjB,aACJ,IACAkB,CAAA,KAAY3B,EAAKK,EAAQE,KAASN,QAC/BM,OACDF,KAASA,WAAeA,MAAUA,OAClC,EAAIE,OACJF,KAASA,WAAeA,KAASA,OACjC,EAAIE,OACJF,KAASA,YAAgBA,KAASA,QAClC,EAAKE,OACLF,KAASA,YAAgBA,MAAUA,QAClCE,KAIfqB,EAAQ,eAAGb,UAA0BjC,aAC7B2B,aAAa,KAAMmB,GAC3BF,EAAQjB,aAAa,OAAQ,QAE7B,IAAAoB,EAAUrC,EAAGgB,6CAAqD,SAClEqB,EAAKpB,aAAa,cAAeS,EAAOY,MAAQb,EAAQa,MAAQ,cAChED,EAAKpB,aAAa,OAAQS,EAAOP,OAASM,EAAQN,OAAS,UACtDF,aAAa,cAAepC,EAAU6C,EAAOa,YAAcd,EAAQc,YAAc,WACtFF,EAAKpB,aAAa,aAAcS,EAAOc,WAAaf,EAAQe,WAAa,YACpEvB,aAAa,YAAapC,EAAUsB,IACzCkC,EAAKI,YAAcf,EAAOgB,SAE1BC,EAAc3C,EAAGgB,6CAAqD,aAC7D4B,eAAe,+BAAgC,aAAc,IAAMR,GAC5EO,EAAS1B,aAAa,cAAe,OACrC0B,EAAS1B,aAAa,cAAe,UACrC0B,EAAStB,YAAYgB,IAErBb,EAAUxB,EAAGgB,6CAAqD,SAC7DK,YAAYsB,KAEZtB,YAAYa,GACjBpC,EAAIuB,YAAYG,EAlGR,IAuGZ5B,KAAKP,cAAcwD,aACflB,EAAOC,MAAMC,KAAK/B,EAAIgC,YAAYC,KAAK/C,GAAiD,QAA3CA,EAAkBgD,QAAQC,kBAEvEN,EAAO3B,EAASgB,gBAAgB,6BAA8B,QAC9DlB,EAAIuB,YAAYM,KAEpBmB,EAAW9C,EAAGgB,6CAAqD,UAE7DyB,YAAc7C,KAAKP,cAAcwD,UACvClB,EAAKN,YAAYyB,GA/IrB,CAP4C"}

package/lib/plugins/border.d.ts

@@ -34,7 +34,7 @@ export interface BorderPluginOptions {
         };
     };
     /**
-     * A string of embedded CSS @font-face rules
+     * A string of embedded CSS \@font-face rules
      *
      * @deprecated Use @liquid-js/qr-code-styling/font-faces-plugin
      */

package/lib/plugins/utils.d.ts

@@ -1,2 +1,2 @@
-export { type DrawArgs } from '../types/helper.js';
+export { type DrawArgs, type RotateFigureArgs, type BasicFigureDrawArgs } from '../types/helper.js';
 export * from '../utils/svg.js';

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

@@ -52,7 +52,7 @@ function sanitizeGradient(gradient) {
     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.blobs = "blobs";
+    DotType.blobs = "blobs", DotType.soft = "soft";
 }(DotType || (DotType = {})), function(CornerDotType) {
     CornerDotType.dot = "dot", CornerDotType.square = "square", CornerDotType.heart = "heart", 
     CornerDotType.extraRounded = "extra-rounded", CornerDotType.classy = "classy", CornerDotType.inpoint = "inpoint", 
@@ -608,6 +608,18 @@ let qrDotFigures = {
         !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);
+    },
+    [DotType.soft]: ({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 && t && (corners.tl = "out"), !t && tr && r && (corners.tr = "out"), 
+        !r && br && b && (corners.br = "out"), !b && bl && l && (corners.bl = "out"), l || t || (corners.tl = "round"), 
+        t || r || (corners.tr = "round"), r || b || (corners.br = "round"), b || l || (corners.bl = "round"), 
+        DotElements.blob(args, corners);
     }
 };