igniteui-webcomponents 7.2.4 → 7.3.0-beta.0

package/components/qr-code/model/matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.js","sourceRoot":"","sources":["../../../../src/components/qr-code/model/matrix.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGtD,MAAM,uBAAuB,GAAe;IAC1C,EAAE;IACF,CAAC,CAAC,EAAE,EAAE,CAAC;IACP,CAAC,CAAC,EAAE,EAAE,CAAC;IACP,CAAC,CAAC,EAAE,EAAE,CAAC;IACP,CAAC,CAAC,EAAE,EAAE,CAAC;IACP,CAAC,CAAC,EAAE,EAAE,CAAC;IACP,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IACX,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACnB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACnB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACpB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACpB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACpB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACpB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACpB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACxB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;IACzB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;IACzB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;IACzB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;IACzB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;IACzB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;IACzB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;CAC/B,CAAC;AAGF,MAAM,iBAAiB,GAAa;IAElC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAE9D,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAE9D,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAE9D,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAC/D,CAAC;AAGF,MAAM,kBAAkB,GAAa;IACnC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACR,CAAC;AAEF,MAAM,qBAAqB,GAA2C;IACpE,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,SAAS,YAAY,CAAC,IAAY;IAChC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE,CAAC;AAQD,SAAS,kBAAkB,CACzB,MAAmB,EACnB,eAA4B,EAC5B,GAAW,EACX,GAAW;IAEX,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,MAAM,CAAC,MAAM,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBACnE,SAAS;YACX,CAAC;YACD,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;YACzB,CAAC;iBAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YACxB,CAAC;iBAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBAChD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC;AAQD,SAAS,qBAAqB,CAC5B,MAAmB,EACnB,eAA4B,EAC5B,GAAW,EACX,GAAW;IAEX,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YACxB,CAAC;iBAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC;AAQD,SAAS,mBAAmB,CAC1B,MAAmB,EACnB,eAA4B;IAE5B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACnB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACnB,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC7B,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,MAAM,qBAAqB,GAAuB;IAChD,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;IACN,CAAC,CAAC,EAAE,CAAC,CAAC;CACP,CAAC;AAQF,SAAS,sBAAsB,CAC7B,eAA4B,EAC5B,IAAY;IAEZ,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;QAC3C,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,eAAe,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,CAAC;AACH,CAAC;AAOD,SAAS,uBAAuB,CAC9B,MAAmB,EACnB,eAA4B,EAC5B,OAAe;IAEf,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO;IACxB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAEpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAChB,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;QACrC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;QACzC,MAAM,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;QACrC,eAAe,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC3C,CAAC;AACH,CAAC;AAQD,SAAS,aAAa,CACpB,MAAmB,EACnB,eAA4B,EAC5B,SAAmB;IAEnB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IACvC,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEjB,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC;IACnB,IAAI,OAAO,GAAG,IAAI,CAAC;IAEnB,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;QAChB,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;YACd,GAAG,EAAE,CAAC;YACN,SAAS;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACnC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjC,KAAK,IAAI,GAAG,GAAG,QAAQ,EAAE,GAAG,KAAK,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YACxD,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;gBAC9B,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;gBACnB,IAAI,CAAC,GAAG,CAAC;oBAAE,SAAS;gBACpB,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBAAE,SAAS;gBACtC,IAAI,QAAQ,GAAG,SAAS,EAAE,CAAC;oBACzB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;oBAC3C,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;oBACvC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;oBACnE,QAAQ,EAAE,CAAC;gBACb,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;QACD,GAAG,IAAI,CAAC,CAAC;QACT,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC;AACH,CAAC;AAgBD,MAAM,UAAU,oBAAoB,CAClC,IAAY,EACZ,UAAkC,GAAG,EACrC,eAAwB;IAExB,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;IACzD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAEvC,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAG3C,kBAAkB,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,kBAAkB,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;IACzD,kBAAkB,CAAC,MAAM,EAAE,eAAe,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAGzD,mBAAmB,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAG7C,MAAM,OAAO,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;IAChC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAGnC,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAChE,KAAK,MAAM,CAAC,IAAI,kBAAkB,EAAE,CAAC;QACnC,KAAK,MAAM,CAAC,IAAI,kBAAkB,EAAE,CAAC;YAEnC,IACE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;gBACzB,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EACzB,CAAC;gBACD,SAAS;YACX,CAAC;YACD,qBAAqB,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAGD,uBAAuB,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;IAG1D,sBAAsB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IAG9C,aAAa,CAAC,MAAM,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC;IAGlD,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAGzD,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAGlE,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;IACnE,eAAe,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAEhD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACjD,CAAC;AAED,SAAS,eAAe,CACtB,MAAmB,EACnB,UAAkB,EAClB,IAAY;IAEZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,CAAC,UAAU,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACzC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACxC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,GAAG,GAAG,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QAClC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,GAAG,GAAG,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACxC,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAC7B,CAAC","sourcesContent":["import type { QrErrorCorrectionLevel } from '../types.js';\nimport { encodeQR } from './encode.js';\nimport { applyMask, selectBestMask } from './mask.js';\n\n// Alignment pattern locations for each version (1-40) of QR code.\nconst ALIGNMENT_PATTERN_TABLE: number[][] = [\n  [], // V1\n  [6, 18], // V2\n  [6, 22], // V3\n  [6, 26], // V4\n  [6, 30], // V5\n  [6, 34], // V6\n  [6, 22, 38], // V7\n  [6, 24, 42], // V8\n  [6, 26, 46], // V9\n  [6, 28, 50], // V10\n  [6, 30, 54], // V11\n  [6, 32, 58], // V12\n  [6, 34, 62], // V13\n  [6, 26, 46, 66], // V14\n  [6, 26, 48, 70], // V15\n  [6, 26, 50, 74], // V16\n  [6, 30, 54, 78], // V17\n  [6, 30, 56, 82], // V18\n  [6, 30, 58, 86], // V19\n  [6, 34, 62, 90], // V20\n  [6, 28, 50, 72, 94], // V21\n  [6, 26, 50, 74, 98], // V22\n  [6, 30, 54, 78, 102], // V23\n  [6, 28, 54, 80, 106], // V24\n  [6, 32, 58, 84, 110], // V25\n  [6, 30, 58, 86, 114], // V26\n  [6, 34, 62, 90, 118], // V27\n  [6, 26, 50, 74, 98, 122], // V28\n  [6, 30, 54, 78, 102, 126], // V29\n  [6, 26, 52, 78, 104, 130], // V30\n  [6, 30, 56, 82, 108, 132], // V31\n  [6, 34, 60, 86, 112, 136], // V32\n  [6, 30, 58, 86, 114, 142], // V33\n  [6, 34, 62, 90, 118, 146], // V34\n  [6, 30, 54, 78, 102, 126, 150], // V35\n  [6, 24, 50, 76, 102, 128, 154], // V36\n  [6, 28, 54, 80, 106, 132, 158], // V37\n  [6, 32, 58, 84, 110, 136, 162], // V38\n  [6, 26, 54, 82, 110, 138, 166], // V39\n  [6, 30, 58, 86, 114, 142, 170], // V40\n];\n\n// Format information strings for each combination of error correction level and mask pattern.\nconst FORMAT_INFO_TABLE: number[] = [\n  // L (EC level bits 01)\n  0x77c4, 0x72f3, 0x7daa, 0x789d, 0x662f, 0x6318, 0x6c41, 0x6976,\n  // M (EC level bits 00)\n  0x5412, 0x5125, 0x5e7c, 0x5b4b, 0x45f9, 0x40ce, 0x4f97, 0x4aa0,\n  // Q (EC level bits 11)\n  0x355f, 0x3068, 0x3f31, 0x3a06, 0x24b4, 0x2183, 0x2eda, 0x2bed,\n  // H (EC level bits 10)\n  0x1689, 0x13be, 0x1ce7, 0x19d0, 0x0762, 0x0255, 0x0d0c, 0x083b,\n];\n\n// Version information strings for versions 7 and above (6 bits per version).\nconst VERSION_INFO_TABLE: number[] = [\n  0x07c94, // V7\n  0x085bc, // V8\n  0x09a99, // V9\n  0x0a4d3, // V10\n  0x0bbf6, // V11\n  0x0c762, // V12\n  0x0d847, // V13\n  0x0e60d, // V14\n  0x0f928, // V15\n  0x10b78, // V16\n  0x1145d, // V17\n  0x12a17, // V18\n  0x13532, // V19\n  0x149a6, // V20\n  0x15683, // V21\n  0x168c9, // V22\n  0x177ec, // V23\n  0x18ec4, // V24\n  0x191e1, // V25\n  0x1afab, // V26\n  0x1b08e, // V27\n  0x1cc1a, // V28\n  0x1d33f, // V29\n  0x1ed75, // V30\n  0x1f250, // V31\n  0x209d5, // V32\n  0x216f0, // V33\n  0x228ba, // V34\n  0x2379f, // V35\n  0x24b0b, // V36\n  0x2542e, // V37\n  0x26a64, // V38\n  0x27541, // V39\n  0x28c69, // V40\n];\n\nconst EC_LEVEL_FORMAT_INDEX: Record<QrErrorCorrectionLevel, number> = {\n  L: 0,\n  M: 1,\n  Q: 2,\n  H: 3,\n};\n\nfunction createMatrix(size: number): boolean[][] {\n  return Array.from({ length: size }, () => new Array(size).fill(false));\n}\n\n/**\n * Places a finder pattern at the specified position in the matrix and marks the function modules.\n * A finder pattern is a 7x7 module pattern with a specific arrangement of black and white modules,\n * surrounded by a 1-module white separator. This function updates both the main matrix and the\n * functionModules matrix to indicate which modules are part of the finder pattern and its separator.\n */\nfunction placeFinderPattern(\n  matrix: boolean[][],\n  functionModules: boolean[][],\n  row: number,\n  col: number\n): void {\n  for (let r = -1; r <= 7; r++) {\n    for (let c = -1; c <= 7; c++) {\n      const mr = row + r;\n      const mc = col + c;\n      if (mr < 0 || mr >= matrix.length || mc < 0 || mc >= matrix.length) {\n        continue;\n      }\n      functionModules[mr][mc] = true;\n      if (r === -1 || r === 7 || c === -1 || c === 7) {\n        matrix[mr][mc] = false; // Separator (white border)\n      } else if (r === 0 || r === 6 || c === 0 || c === 6) {\n        matrix[mr][mc] = true; // Finder pattern (black)\n      } else if (r >= 2 && r <= 4 && c >= 2 && c <= 4) {\n        matrix[mr][mc] = true; // inner square (black)\n      } else {\n        matrix[mr][mc] = false; // inner area (white)\n      }\n    }\n  }\n}\n\n/**\n * Places an alignment pattern at the specified position in the matrix and marks the function modules.\n * An alignment pattern is a 5x5 module pattern with a specific arrangement of black and white modules.\n * This function updates both the main matrix and the functionModules matrix to indicate which modules\n * are part of the alignment pattern.\n */\nfunction placeAlignmentPattern(\n  matrix: boolean[][],\n  functionModules: boolean[][],\n  row: number,\n  col: number\n): void {\n  for (let r = -2; r <= 2; r++) {\n    for (let c = -2; c <= 2; c++) {\n      const mr = row + r;\n      const mc = col + c;\n      functionModules[mr][mc] = true;\n      if (r === -2 || r === 2 || c === -2 || c === 2) {\n        matrix[mr][mc] = true; // Alignment pattern (black)\n      } else if (r === 0 && c === 0) {\n        matrix[mr][mc] = true; // center module (black)\n      } else {\n        matrix[mr][mc] = false; // other modules (white)\n      }\n    }\n  }\n}\n\n/**\n * Places timing patterns in the matrix and marks the function modules.\n * Timing patterns are alternating black and white modules that run horizontally and vertically between the finder patterns.\n * They help the QR code reader determine the size of the modules and the overall structure of the QR code.\n * This function updates both the main matrix and the functionModules matrix to indicate which modules are part of the timing patterns.\n */\nfunction placeTimingPatterns(\n  matrix: boolean[][],\n  functionModules: boolean[][]\n): void {\n  const size = matrix.length;\n  for (let i = 8; i < size - 8; i++) {\n    const bit = i % 2 === 0;\n    matrix[6][i] = bit;\n    matrix[i][6] = bit;\n    functionModules[6][i] = true;\n    functionModules[i][6] = true;\n  }\n}\n\nconst FORMAT_INFO_POSITIONS: [number, number][] = [\n  [8, 0],\n  [8, 1],\n  [8, 2],\n  [8, 3],\n  [8, 4],\n  [8, 5],\n  [8, 7],\n  [8, 8],\n  [7, 8],\n  [5, 8],\n  [4, 8],\n  [3, 8],\n  [2, 8],\n  [1, 8],\n  [0, 8],\n];\n\n/**\n * Reserves the areas in the matrix for format information and marks them as function modules.\n * Format information consists of 15 bits that encode the error correction level and mask pattern.\n * These bits are placed in specific positions around the top-left finder pattern and along the timing patterns.\n * This function updates the functionModules matrix to indicate which modules are reserved for format information.\n */\nfunction reserveFormatInfoAreas(\n  functionModules: boolean[][],\n  size: number\n): void {\n  for (const [r, c] of FORMAT_INFO_POSITIONS) {\n    functionModules[r][c] = true;\n  }\n\n  for (let i = 0; i < 8; i++) {\n    functionModules[8][size - 1 - i] = true;\n  }\n\n  for (let i = 0; i < 7; i++) {\n    functionModules[size - 7 + i][8] = true;\n  }\n}\n\n/**\n * Reserves the areas in the matrix for version information (for versions 7 and above) and marks them as function modules.\n * Version information consists of 18 bits that encode the version number and is placed in specific positions near the top-right and bottom-left finder patterns.\n * This function updates both the main matrix and the functionModules matrix to indicate which modules are reserved for version information.\n */\nfunction reserveVersionInfoAreas(\n  matrix: boolean[][],\n  functionModules: boolean[][],\n  version: number\n): void {\n  if (version < 7) return;\n  const size = matrix.length;\n  const versionInfo = VERSION_INFO_TABLE[version - 7];\n\n  for (let i = 0; i < 18; i++) {\n    const bit = (versionInfo >> i) & 1;\n    const r = Math.floor(i / 3);\n    const c = i % 3;\n    matrix[r][size - 11 + c] = bit === 1;\n    functionModules[r][size - 11 + c] = true;\n    matrix[size - 11 + c][r] = bit === 1;\n    functionModules[size - 11 + c][r] = true;\n  }\n}\n\n/**\n * Places the data bits from the codewords into the matrix in a zig-zag pattern, skipping function modules.\n * The data bits are placed starting from the bottom-right corner of the matrix and moving upwards in a zig-zag pattern.\n * The function iterates through the codewords and places each bit in the appropriate position in the matrix, while skipping any modules that are reserved for function patterns (finder, alignment, timing, format info, version info).\n * If there are more bits than available modules, the remaining bits are treated as padding and set to 0 (white).\n */\nfunction placeDataBits(\n  matrix: boolean[][],\n  functionModules: boolean[][],\n  codewords: number[]\n): void {\n  const size = matrix.length;\n  const totalBits = codewords.length * 8;\n  let bitIndex = 0;\n\n  let col = size - 1;\n  let goingUp = true;\n\n  while (col >= 0) {\n    if (col === 6) {\n      col--; // Skip vertical timing pattern\n      continue;\n    }\n\n    const rowStart = goingUp ? size - 1 : 0;\n    const rowEnd = goingUp ? -1 : size;\n    const rowStep = goingUp ? -1 : 1;\n\n    for (let row = rowStart; row !== rowEnd; row += rowStep) {\n      for (let dc = 0; dc < 2; dc++) {\n        const c = col - dc;\n        if (c < 0) continue;\n        if (functionModules[row][c]) continue;\n        if (bitIndex < totalBits) {\n          const byteIndex = Math.floor(bitIndex / 8);\n          const bitPosition = 7 - (bitIndex % 8);\n          matrix[row][c] = ((codewords[byteIndex] >> bitPosition) & 1) === 1;\n          bitIndex++;\n        } else {\n          matrix[row][c] = false; // Padding bits (set to 0)\n        }\n      }\n    }\n    col -= 2;\n    goingUp = !goingUp;\n  }\n}\n\n/** Result produced by `generateQRCodeMatrix`. */\nexport interface QRCodeMatrixResult {\n  /** The fully masked QR boolean matrix ready for rendering. */\n  matrix: boolean[][];\n  /** QR version (1–40) that was used. */\n  version: number;\n  /** Side length of the matrix in modules (= `version * 4 + 17`). */\n  size: number;\n}\n\n/**\n * Main entry point for QR matrix generation. Encodes `data`, builds the module\n * matrix (finder, alignment, timing, data, format), and applies the optimal mask.\n */\nexport function generateQRCodeMatrix(\n  data: string,\n  ecLevel: QrErrorCorrectionLevel = 'M',\n  requiredVersion?: number\n): QRCodeMatrixResult {\n  const encoded = encodeQR(data, ecLevel, requiredVersion);\n  const { codewords, version } = encoded;\n\n  const size = version * 4 + 17;\n  const matrix = createMatrix(size);\n  const functionModules = createMatrix(size);\n\n  // Place finder patterns\n  placeFinderPattern(matrix, functionModules, 0, 0);\n  placeFinderPattern(matrix, functionModules, 0, size - 7);\n  placeFinderPattern(matrix, functionModules, size - 7, 0);\n\n  // Place timing patterns\n  placeTimingPatterns(matrix, functionModules);\n\n  // Dark module (fixed black module for all versions)\n  const darkRow = 4 * version + 9;\n  matrix[darkRow][8] = true;\n  functionModules[darkRow][8] = true;\n\n  // Place alignment patterns\n  const alignmentPositions = ALIGNMENT_PATTERN_TABLE[version - 1];\n  for (const r of alignmentPositions) {\n    for (const c of alignmentPositions) {\n      // Skip if this position overlaps with a finder pattern\n      if (\n        (r <= 8 && c <= 8) ||\n        (r <= 8 && c >= size - 8) ||\n        (r >= size - 8 && c <= 8)\n      ) {\n        continue;\n      }\n      placeAlignmentPattern(matrix, functionModules, r, c);\n    }\n  }\n\n  // Version information (for versions 7 and above)\n  reserveVersionInfoAreas(matrix, functionModules, version);\n\n  // Format information\n  reserveFormatInfoAreas(functionModules, size);\n\n  // Place data bits\n  placeDataBits(matrix, functionModules, codewords);\n\n  // Select best mask\n  const bestMask = selectBestMask(matrix, functionModules);\n\n  // Apply the best mask to the data modules\n  const maskedMatrix = applyMask(matrix, functionModules, bestMask);\n\n  // Add format information with the selected mask pattern\n  const ecFormatIndex = EC_LEVEL_FORMAT_INDEX[ecLevel];\n  const formatBits = FORMAT_INFO_TABLE[ecFormatIndex * 8 + bestMask];\n  writeFormatInfo(maskedMatrix, formatBits, size);\n\n  return { matrix: maskedMatrix, version, size };\n}\n\nfunction writeFormatInfo(\n  matrix: boolean[][],\n  formatBits: number,\n  size: number\n): void {\n  for (let i = 0; i < 15; i++) {\n    const bit = (formatBits >> (14 - i)) & 1;\n    const [r, c] = FORMAT_INFO_POSITIONS[i];\n    matrix[r][c] = bit === 1;\n  }\n\n  for (let i = 0; i < 8; i++) {\n    const bit = (formatBits >> i) & 1;\n    matrix[8][size - 1 - i] = bit === 1;\n  }\n\n  for (let i = 0; i < 7; i++) {\n    const bit = (formatBits >> (i + 7)) & 1;\n    matrix[size - 7 + i][8] = bit === 1;\n  }\n\n  matrix[size - 8][8] = true;\n}\n"]}

package/components/qr-code/qr-code.d.ts

@@ -0,0 +1,134 @@
+import { LitElement, nothing, type PropertyValues } from 'lit';
+import type { QrCornerSquareStyle, QrDotStyle, QrErrorCorrectionLevel } from './types.js';
+/**
+ *
+ * Generates a QR code based on the provided value and options.
+ * The component renders an SVG representation of the QR code, which can be customized using various properties.
+ *
+ * @element igc-qr-code
+ *
+ * @cssproperty --ig-qr-code-background - The background color of the QR code. Default is `white`.
+ * @cssproperty --ig-qr-code-dark-color - The color of the data modules (dots), and the corner square/dot colors unless overridden below. Default is `black`.
+ * @cssproperty --ig-qr-code-corner-square-color - The color of the outer finder-pattern corner squares. Defaults to `--ig-qr-code-dark-color`.
+ * @cssproperty --ig-qr-code-corner-dot-color - The color of the inner finder-pattern corner dots. Defaults to `--ig-qr-code-dark-color`.
+ *
+ * @csspart background - The background rect of the QR code.
+ * @csspart dots - The data modules (dots) of the QR code.
+ * @csspart corner-square - The outer corner (finder-pattern) squares of the QR code.
+ * @csspart corner-dot - The inner corner (finder-pattern) dots of the QR code.
+ */
+export default class IgcQrCodeComponent extends LitElement {
+    static readonly tagName = "igc-qr-code";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private readonly _abortHandle;
+    private readonly _maskId;
+    private readonly _maskUrl;
+    private _matrixCache?;
+    private _logoAspectRatio;
+    private _logoLoadFailed;
+    constructor();
+    /**
+     * The value to be encoded in the QR code. This can be any string, such as a URL, text, or other data.
+     * When this property is set, the component will generate a QR code representing the provided value.
+     *
+     * @attr value
+     */
+    value?: string;
+    /**
+     * The version of the QR code to generate, which determines the size and data capacity of the QR code.
+     * Valid values are integers from 1 to 40, where each version corresponds to a specific module size and data capacity.
+     *
+     * If not specified, the component will automatically select the smallest version that can accommodate the provided value.
+     *
+     * @attr version
+     */
+    version?: number;
+    /**
+     * The error correction level for the QR code, which determines the QR code's ability to be read if it is partially obscured or damaged.
+     * Valid values are 'L', 'M', 'Q', and 'H', where 'L' provides the lowest level of error correction and 'H' provides the highest level.
+     *
+     * @attr error-level
+     * @default 'M'
+     */
+    errorLevel?: QrErrorCorrectionLevel;
+    /**
+     * The size of the QR code in pixels. This determines the width and height of the generated QR code. The default value is 128 pixels.
+     *
+     * @attr size
+     * @default 128
+     */
+    size: number;
+    /**
+     * The margin (quiet zone) around the QR code, expressed as a number of QR code modules rather
+     * than pixels. This is the blank border area surrounding the code, which helps ensure that it
+     * can be properly scanned.
+     *
+     * @attr margin
+     * @default 4
+     */
+    margin: number;
+    /**
+     * The source URL of an optional logo image to be displayed at the center of the QR code. The logo can help with branding and recognition.
+     * If provided, the component will attempt to render the logo within the QR code while maintaining scannability.
+     *
+     * @attr logo-src
+     */
+    logoSrc?: string;
+    /**
+     * The size of the logo, as a ratio of the maximum area that can safely be obscured by a logo
+     * while the QR code remains scannable (up to 9% of the code's area, at the highest error
+     * correction level). The value should be a number between 0 and 1, where 0 means no logo and 1
+     * means the logo will cover the full safe area (not the entire QR code).
+     * The default value is 0.4, meaning the logo covers 40% of that safe area (~3.6% of the QR code).
+     *
+     * When `error-level` is not explicitly set, the smallest error correction level that can
+     * accommodate the requested logo size is chosen automatically.
+     *
+     * @attr logo-size
+     * @default 0.4
+     */
+    logoSize: number;
+    /**
+     * The margin around the logo in pixels. This is the whitespace area surrounding the logo within the QR code,
+     * which helps ensure that the logo does not interfere with the QR code's scannability.
+     *
+     * @attr logo-margin
+     */
+    logoMargin?: number;
+    /**
+     * The style of the data modules (dots) in the QR code, and of the inner dot of each finder-pattern
+     * corner. This can be 'square', 'circle', or 'rounded'.
+     *
+     * @attr dot-style
+     * @default 'square'
+     */
+    dotStyle: QrDotStyle;
+    /**
+     * The style of the corner squares in the QR code. This can be 'square', 'circle', or 'rounded'.
+     *
+     * @attr square-style
+     * @default 'square'
+     */
+    squareStyle: QrCornerSquareStyle;
+    /** @internal */
+    protected update(props: PropertyValues<this>): void;
+    private _resolveAspectRatio;
+    /**
+     * Determines whether a valid logo source is provided.
+     *
+     * The method checks if the `logoSrc` property is set and if it does not start with potentially unsafe schemes like 'javascript:' or 'vbscript:'.
+     * It also ensures that if the source is a data URI, it must be an image type.
+     * This validation helps prevent security risks associated with rendering untrusted content in the QR code.
+     */
+    private _hasValidLogoSrc;
+    private _pickErrorLevel;
+    private _getErrorLevelAndArea;
+    private _getMatrix;
+    protected render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-qr-code': IgcQrCodeComponent;
+    }
+}

package/components/qr-code/qr-code.js

@@ -0,0 +1,221 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { createAbortHandle } from '#internals/abort-handler.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { bindIf } from '#internals/utils/lit.js';
+import { clamp } from '#internals/utils/math.js';
+import { nanoid } from '#internals/utils/strings.js';
+import { addThemingController } from '#theming/theming-controller.js';
+import { generateQRCodeMatrix } from './model/matrix.js';
+import { DEFAULT_SIZE_RATIO, MAX_SAFE_AREA, SAFE_AREAS, } from './renderer/constants.js';
+import { renderQrFinders } from './renderer/corner.js';
+import { renderQrDots } from './renderer/dots.js';
+import { renderQrMaskAndImage } from './renderer/image.js';
+import { styles } from './themes/qr-code.base.css.js';
+import { styles as shared } from './themes/shared/qr-code.common.css.js';
+import { all } from './themes/themes.js';
+export default class IgcQrCodeComponent extends LitElement {
+    static { this.tagName = 'igc-qr-code'; }
+    static { this.styles = [styles, shared]; }
+    static register() {
+        registerComponent(IgcQrCodeComponent);
+    }
+    constructor() {
+        super();
+        this._abortHandle = createAbortHandle();
+        this._maskId = nanoid(8);
+        this._maskUrl = `url(#${this._maskId})`;
+        this._logoAspectRatio = 1;
+        this._logoLoadFailed = false;
+        this.errorLevel = 'M';
+        this.size = 128;
+        this.margin = 4;
+        this.logoSize = 0.4;
+        this.dotStyle = 'square';
+        this.squareStyle = 'square';
+        addThemingController(this, all);
+    }
+    update(props) {
+        if (props.has('logoSrc')) {
+            this._resolveAspectRatio();
+        }
+        super.update(props);
+    }
+    _resolveAspectRatio() {
+        this._abortHandle.abort();
+        this._logoLoadFailed = false;
+        this._logoAspectRatio = 1;
+        if (!this._hasValidLogoSrc()) {
+            return;
+        }
+        const signal = this._abortHandle.signal;
+        const img = new Image();
+        img.src = this.logoSrc;
+        if (img.complete) {
+            if (img.naturalWidth && img.naturalHeight) {
+                this._logoAspectRatio = img.naturalWidth / img.naturalHeight;
+            }
+            else {
+                this._logoLoadFailed = true;
+            }
+            return;
+        }
+        img.addEventListener('load', () => {
+            if (img.naturalWidth && img.naturalHeight) {
+                this._logoAspectRatio = img.naturalWidth / img.naturalHeight;
+            }
+            else {
+                this._logoLoadFailed = true;
+            }
+        }, { once: true, signal });
+        img.addEventListener('error', () => {
+            this._logoLoadFailed = true;
+        }, { once: true, signal });
+    }
+    _hasValidLogoSrc() {
+        if (!this.logoSrc)
+            return false;
+        const s = this.logoSrc.trim().toLowerCase();
+        if (s.startsWith('javascript:') || s.startsWith('vbscript:'))
+            return false;
+        if (s.startsWith('data:') && !s.startsWith('data:image/'))
+            return false;
+        return true;
+    }
+    _pickErrorLevel(area) {
+        if (area <= SAFE_AREAS.L)
+            return 'L';
+        if (area <= SAFE_AREAS.M)
+            return 'M';
+        if (area <= SAFE_AREAS.Q)
+            return 'Q';
+        return 'H';
+    }
+    _getErrorLevelAndArea(hasLogo) {
+        const userErrorLevel = this.errorLevel;
+        const size = this.logoSize;
+        const sizeRatio = hasLogo ? clamp(size ?? DEFAULT_SIZE_RATIO, 0, 1) : 0;
+        const targetArea = sizeRatio * MAX_SAFE_AREA;
+        let errorLevel;
+        let area;
+        if (userErrorLevel) {
+            errorLevel = userErrorLevel;
+            area = Math.min(targetArea, SAFE_AREAS[userErrorLevel]);
+        }
+        else if (targetArea > 0) {
+            errorLevel = this._pickErrorLevel(targetArea);
+            area = targetArea;
+        }
+        else {
+            errorLevel = 'M';
+            area = 0;
+        }
+        return { errorLevel, area };
+    }
+    _getMatrix(value, errorLevel) {
+        const cached = this._matrixCache;
+        if (cached &&
+            cached.value === value &&
+            cached.errorLevel === errorLevel &&
+            cached.version === this.version) {
+            return cached.result;
+        }
+        const result = generateQRCodeMatrix(value, errorLevel, this.version);
+        this._matrixCache = { value, errorLevel, version: this.version, result };
+        return result;
+    }
+    render() {
+        if (!this.value)
+            return nothing;
+        const hasLogo = this._hasValidLogoSrc() && !this._logoLoadFailed;
+        const { errorLevel, area } = this._getErrorLevelAndArea(hasLogo);
+        const { matrix, size } = this._getMatrix(this.value, errorLevel);
+        const totalModules = size + this.margin * 2;
+        const moduleSize = size / totalModules;
+        const marginPx = this.margin * moduleSize;
+        const svgSize = moduleSize * (size + this.margin * 2);
+        const { mask, image, shouldApplyMask } = renderQrMaskAndImage({
+            hasLogo,
+            src: this.logoSrc,
+            aspectRatio: this._logoAspectRatio,
+            area,
+            size: this.size,
+            margin: this.logoMargin,
+            svgSize,
+            maskId: this._maskId,
+        });
+        return html `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        role="img"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 ${svgSize} ${svgSize}"
+      >
+        <title>${this.ariaLabel ?? `QR code: ${this.value}`}</title>
+
+        <rect part="background" width=${svgSize} height=${svgSize} />
+        ${mask}
+        <g mask=${bindIf(shouldApplyMask, this._maskUrl)}>
+          ${renderQrDots({
+            matrix,
+            moduleSize,
+            marginPx,
+            dotStyle: this.dotStyle,
+        })}
+          ${renderQrFinders({
+            size,
+            moduleSize,
+            marginPx,
+            dotStyle: this.dotStyle,
+            squareStyle: this.squareStyle,
+        })}
+        </g>
+        ${image}
+      </svg>
+    `;
+    }
+}
+__decorate([
+    state()
+], IgcQrCodeComponent.prototype, "_logoAspectRatio", void 0);
+__decorate([
+    state()
+], IgcQrCodeComponent.prototype, "_logoLoadFailed", void 0);
+__decorate([
+    property()
+], IgcQrCodeComponent.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], IgcQrCodeComponent.prototype, "version", void 0);
+__decorate([
+    property({ attribute: 'error-level' })
+], IgcQrCodeComponent.prototype, "errorLevel", void 0);
+__decorate([
+    property({ type: Number })
+], IgcQrCodeComponent.prototype, "size", void 0);
+__decorate([
+    property({ type: Number })
+], IgcQrCodeComponent.prototype, "margin", void 0);
+__decorate([
+    property({ attribute: 'logo-src' })
+], IgcQrCodeComponent.prototype, "logoSrc", void 0);
+__decorate([
+    property({ type: Number, attribute: 'logo-size' })
+], IgcQrCodeComponent.prototype, "logoSize", void 0);
+__decorate([
+    property({ type: Number, attribute: 'logo-margin' })
+], IgcQrCodeComponent.prototype, "logoMargin", void 0);
+__decorate([
+    property({ attribute: 'dot-style' })
+], IgcQrCodeComponent.prototype, "dotStyle", void 0);
+__decorate([
+    property({ attribute: 'square-style' })
+], IgcQrCodeComponent.prototype, "squareStyle", void 0);
+//# sourceMappingURL=qr-code.js.map

package/components/qr-code/qr-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.js","sourceRoot":"","sources":["../../../src/components/qr-code/qr-code.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createAbortHandle } from '#internals/abort-handler.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport { clamp } from '#internals/utils/math.js';\nimport { nanoid } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport type { QRCodeMatrixResult } from './model/matrix.js';\nimport { generateQRCodeMatrix } from './model/matrix.js';\nimport {\n  DEFAULT_SIZE_RATIO,\n  MAX_SAFE_AREA,\n  SAFE_AREAS,\n} from './renderer/constants.js';\nimport { renderQrFinders } from './renderer/corner.js';\nimport { renderQrDots } from './renderer/dots.js';\nimport { renderQrMaskAndImage } from './renderer/image.js';\nimport { styles } from './themes/qr-code.base.css.js';\nimport { styles as shared } from './themes/shared/qr-code.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  QrCornerSquareStyle,\n  QrDotStyle,\n  QrErrorCorrectionLevel,\n} from './types.js';\n\n/**\n *\n * Generates a QR code based on the provided value and options.\n * The component renders an SVG representation of the QR code, which can be customized using various properties.\n *\n * @element igc-qr-code\n *\n * @cssproperty --ig-qr-code-background - The background color of the QR code. Default is `white`.\n * @cssproperty --ig-qr-code-dark-color - The color of the data modules (dots), and the corner square/dot colors unless overridden below. Default is `black`.\n * @cssproperty --ig-qr-code-corner-square-color - The color of the outer finder-pattern corner squares. Defaults to `--ig-qr-code-dark-color`.\n * @cssproperty --ig-qr-code-corner-dot-color - The color of the inner finder-pattern corner dots. Defaults to `--ig-qr-code-dark-color`.\n *\n * @csspart background - The background rect of the QR code.\n * @csspart dots - The data modules (dots) of the QR code.\n * @csspart corner-square - The outer corner (finder-pattern) squares of the QR code.\n * @csspart corner-dot - The inner corner (finder-pattern) dots of the QR code.\n */\nexport default class IgcQrCodeComponent extends LitElement {\n  public static readonly tagName = 'igc-qr-code';\n\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcQrCodeComponent);\n  }\n\n  private readonly _abortHandle = createAbortHandle();\n  private readonly _maskId = nanoid(8);\n  private readonly _maskUrl = `url(#${this._maskId})`;\n  private _matrixCache?: {\n    value: string;\n    errorLevel: QrErrorCorrectionLevel;\n    version?: number;\n    result: QRCodeMatrixResult;\n  };\n\n  @state()\n  private _logoAspectRatio = 1;\n\n  @state()\n  private _logoLoadFailed = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * The value to be encoded in the QR code. This can be any string, such as a URL, text, or other data.\n   * When this property is set, the component will generate a QR code representing the provided value.\n   *\n   * @attr value\n   */\n  @property()\n  public value?: string;\n\n  /**\n   * The version of the QR code to generate, which determines the size and data capacity of the QR code.\n   * Valid values are integers from 1 to 40, where each version corresponds to a specific module size and data capacity.\n   *\n   * If not specified, the component will automatically select the smallest version that can accommodate the provided value.\n   *\n   * @attr version\n   */\n  @property({ type: Number })\n  public version?: number;\n\n  /**\n   * The error correction level for the QR code, which determines the QR code's ability to be read if it is partially obscured or damaged.\n   * Valid values are 'L', 'M', 'Q', and 'H', where 'L' provides the lowest level of error correction and 'H' provides the highest level.\n   *\n   * @attr error-level\n   * @default 'M'\n   */\n  @property({ attribute: 'error-level' })\n  public errorLevel?: QrErrorCorrectionLevel = 'M';\n\n  /**\n   * The size of the QR code in pixels. This determines the width and height of the generated QR code. The default value is 128 pixels.\n   *\n   * @attr size\n   * @default 128\n   */\n  @property({ type: Number })\n  public size = 128;\n\n  /**\n   * The margin (quiet zone) around the QR code, expressed as a number of QR code modules rather\n   * than pixels. This is the blank border area surrounding the code, which helps ensure that it\n   * can be properly scanned.\n   *\n   * @attr margin\n   * @default 4\n   */\n  @property({ type: Number })\n  public margin = 4;\n\n  /**\n   * The source URL of an optional logo image to be displayed at the center of the QR code. The logo can help with branding and recognition.\n   * If provided, the component will attempt to render the logo within the QR code while maintaining scannability.\n   *\n   * @attr logo-src\n   */\n  @property({ attribute: 'logo-src' })\n  public logoSrc?: string;\n\n  /**\n   * The size of the logo, as a ratio of the maximum area that can safely be obscured by a logo\n   * while the QR code remains scannable (up to 9% of the code's area, at the highest error\n   * correction level). The value should be a number between 0 and 1, where 0 means no logo and 1\n   * means the logo will cover the full safe area (not the entire QR code).\n   * The default value is 0.4, meaning the logo covers 40% of that safe area (~3.6% of the QR code).\n   *\n   * When `error-level` is not explicitly set, the smallest error correction level that can\n   * accommodate the requested logo size is chosen automatically.\n   *\n   * @attr logo-size\n   * @default 0.4\n   */\n  @property({ type: Number, attribute: 'logo-size' })\n  public logoSize = 0.4;\n\n  /**\n   * The margin around the logo in pixels. This is the whitespace area surrounding the logo within the QR code,\n   * which helps ensure that the logo does not interfere with the QR code's scannability.\n   *\n   * @attr logo-margin\n   */\n  @property({ type: Number, attribute: 'logo-margin' })\n  public logoMargin?: number;\n\n  /**\n   * The style of the data modules (dots) in the QR code, and of the inner dot of each finder-pattern\n   * corner. This can be 'square', 'circle', or 'rounded'.\n   *\n   * @attr dot-style\n   * @default 'square'\n   */\n  @property({ attribute: 'dot-style' })\n  public dotStyle: QrDotStyle = 'square';\n\n  /**\n   * The style of the corner squares in the QR code. This can be 'square', 'circle', or 'rounded'.\n   *\n   * @attr square-style\n   * @default 'square'\n   */\n  @property({ attribute: 'square-style' })\n  public squareStyle: QrCornerSquareStyle = 'square';\n\n  /** @internal */\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('logoSrc')) {\n      this._resolveAspectRatio();\n    }\n\n    super.update(props);\n  }\n\n  private _resolveAspectRatio(): void {\n    this._abortHandle.abort();\n    this._logoLoadFailed = false;\n    this._logoAspectRatio = 1;\n\n    if (!this._hasValidLogoSrc()) {\n      return;\n    }\n\n    const signal = this._abortHandle.signal;\n    const img = new Image();\n    img.src = this.logoSrc!;\n\n    if (img.complete) {\n      if (img.naturalWidth && img.naturalHeight) {\n        this._logoAspectRatio = img.naturalWidth / img.naturalHeight;\n      } else {\n        this._logoLoadFailed = true;\n      }\n      return;\n    }\n\n    img.addEventListener(\n      'load',\n      () => {\n        if (img.naturalWidth && img.naturalHeight) {\n          this._logoAspectRatio = img.naturalWidth / img.naturalHeight;\n        } else {\n          this._logoLoadFailed = true;\n        }\n      },\n      { once: true, signal }\n    );\n\n    img.addEventListener(\n      'error',\n      () => {\n        this._logoLoadFailed = true;\n      },\n      { once: true, signal }\n    );\n  }\n\n  /**\n   * Determines whether a valid logo source is provided.\n   *\n   * The method checks if the `logoSrc` property is set and if it does not start with potentially unsafe schemes like 'javascript:' or 'vbscript:'.\n   * It also ensures that if the source is a data URI, it must be an image type.\n   * This validation helps prevent security risks associated with rendering untrusted content in the QR code.\n   */\n  private _hasValidLogoSrc(): boolean {\n    if (!this.logoSrc) return false;\n    const s = this.logoSrc.trim().toLowerCase();\n    if (s.startsWith('javascript:') || s.startsWith('vbscript:')) return false;\n    if (s.startsWith('data:') && !s.startsWith('data:image/')) return false;\n    return true;\n  }\n\n  private _pickErrorLevel(area: number): QrErrorCorrectionLevel {\n    if (area <= SAFE_AREAS.L) return 'L';\n    if (area <= SAFE_AREAS.M) return 'M';\n    if (area <= SAFE_AREAS.Q) return 'Q';\n    return 'H';\n  }\n\n  private _getErrorLevelAndArea(hasLogo: boolean) {\n    const userErrorLevel = this.errorLevel;\n    const size = this.logoSize;\n    const sizeRatio = hasLogo ? clamp(size ?? DEFAULT_SIZE_RATIO, 0, 1) : 0;\n    const targetArea = sizeRatio * MAX_SAFE_AREA;\n\n    let errorLevel: QrErrorCorrectionLevel;\n    let area: number;\n\n    if (userErrorLevel) {\n      errorLevel = userErrorLevel;\n      area = Math.min(targetArea, SAFE_AREAS[userErrorLevel]);\n    } else if (targetArea > 0) {\n      errorLevel = this._pickErrorLevel(targetArea);\n      area = targetArea;\n    } else {\n      errorLevel = 'M';\n      area = 0;\n    }\n\n    return { errorLevel, area };\n  }\n\n  private _getMatrix(\n    value: string,\n    errorLevel: QrErrorCorrectionLevel\n  ): QRCodeMatrixResult {\n    const cached = this._matrixCache;\n    if (\n      cached &&\n      cached.value === value &&\n      cached.errorLevel === errorLevel &&\n      cached.version === this.version\n    ) {\n      return cached.result;\n    }\n\n    const result = generateQRCodeMatrix(value, errorLevel, this.version);\n    this._matrixCache = { value, errorLevel, version: this.version, result };\n    return result;\n  }\n\n  protected override render() {\n    if (!this.value) return nothing;\n\n    const hasLogo = this._hasValidLogoSrc() && !this._logoLoadFailed;\n    const { errorLevel, area } = this._getErrorLevelAndArea(hasLogo);\n\n    const { matrix, size } = this._getMatrix(this.value, errorLevel);\n\n    const totalModules = size + this.margin * 2;\n    const moduleSize = size / totalModules;\n    const marginPx = this.margin * moduleSize;\n    const svgSize = moduleSize * (size + this.margin * 2);\n\n    const { mask, image, shouldApplyMask } = renderQrMaskAndImage({\n      hasLogo,\n      src: this.logoSrc!,\n      aspectRatio: this._logoAspectRatio,\n      area,\n      size: this.size,\n      margin: this.logoMargin,\n      svgSize,\n      maskId: this._maskId,\n    });\n\n    return html`\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        role=\"img\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 ${svgSize} ${svgSize}\"\n      >\n        <title>${this.ariaLabel ?? `QR code: ${this.value}`}</title>\n\n        <rect part=\"background\" width=${svgSize} height=${svgSize} />\n        ${mask}\n        <g mask=${bindIf(shouldApplyMask, this._maskUrl)}>\n          ${renderQrDots({\n            matrix,\n            moduleSize,\n            marginPx,\n            dotStyle: this.dotStyle,\n          })}\n          ${renderQrFinders({\n            size,\n            moduleSize,\n            marginPx,\n            dotStyle: this.dotStyle,\n            squareStyle: this.squareStyle,\n          })}\n        </g>\n        ${image}\n      </svg>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-qr-code': IgcQrCodeComponent;\n  }\n}\n"]}

package/components/qr-code/renderer/constants.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Safe area ratios for different error correction levels in QR codes.
+ * These values represent the maximum proportion of the QR code area that can be obscured (e.g., by a logo) while still maintaining scannability.
+ *
+ * - `L` (Low) allows for up to 2.25% of the area to be obscured.
+ * - `M` (Medium) allows for up to 4% of the area to be obscured.
+ * - `Q` (Quartile) allows for up to 6.25% of the area to be obscured.
+ * - `H` (High) allows for up to 9% of the area to be obscured.
+ */
+declare const SAFE_AREAS: {
+    readonly L: 0.0225;
+    readonly M: 0.04;
+    readonly Q: 0.0625;
+    readonly H: 0.09;
+};
+/**
+ * Maximum safe area for a logo in the QR code, based on the highest error correction level (H).
+ * This means that if the logo covers more than 9% of the QR code area, it may not be scannable.
+ */
+declare const MAX_SAFE_AREA: 0.09;
+/**
+ * Default size ratio for the logo relative to the QR code. This means that by default, the logo will occupy 40% of the QR code area.
+ * This is a conservative default that allows for a reasonably sized logo while maintaining good scannability.
+ */
+declare const DEFAULT_SIZE_RATIO = 0.4;
+export { DEFAULT_SIZE_RATIO, MAX_SAFE_AREA, SAFE_AREAS };

package/components/qr-code/renderer/constants.js

@@ -0,0 +1,5 @@
+const SAFE_AREAS = { L: 0.0225, M: 0.04, Q: 0.0625, H: 0.09 };
+const MAX_SAFE_AREA = SAFE_AREAS.H;
+const DEFAULT_SIZE_RATIO = 0.4;
+export { DEFAULT_SIZE_RATIO, MAX_SAFE_AREA, SAFE_AREAS };
+//# sourceMappingURL=constants.js.map

package/components/qr-code/renderer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/qr-code/renderer/constants.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAW,CAAC;AAMvE,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC;AAMnC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC","sourcesContent":["/**\n * Safe area ratios for different error correction levels in QR codes.\n * These values represent the maximum proportion of the QR code area that can be obscured (e.g., by a logo) while still maintaining scannability.\n *\n * - `L` (Low) allows for up to 2.25% of the area to be obscured.\n * - `M` (Medium) allows for up to 4% of the area to be obscured.\n * - `Q` (Quartile) allows for up to 6.25% of the area to be obscured.\n * - `H` (High) allows for up to 9% of the area to be obscured.\n */\nconst SAFE_AREAS = { L: 0.0225, M: 0.04, Q: 0.0625, H: 0.09 } as const;\n\n/**\n * Maximum safe area for a logo in the QR code, based on the highest error correction level (H).\n * This means that if the logo covers more than 9% of the QR code area, it may not be scannable.\n */\nconst MAX_SAFE_AREA = SAFE_AREAS.H;\n\n/**\n * Default size ratio for the logo relative to the QR code. This means that by default, the logo will occupy 40% of the QR code area.\n * This is a conservative default that allows for a reasonably sized logo while maintaining good scannability.\n */\nconst DEFAULT_SIZE_RATIO = 0.4;\n\nexport { DEFAULT_SIZE_RATIO, MAX_SAFE_AREA, SAFE_AREAS };\n"]}

package/components/qr-code/renderer/corner.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from 'lit';
+import type { QrCornerDotStyle, QrCornerSquareStyle } from '../types.js';
+type QrCornerProperties = {
+    x: number;
+    y: number;
+    size: number;
+    dotStyle: QrCornerDotStyle;
+    squareStyle: QrCornerSquareStyle;
+};
+/** Renders a finder-pattern corner as a Lit SVG template, composing the outer square and inner dot paths. */
+export declare function renderQrCorner({ x, y, size, dotStyle, squareStyle, }: QrCornerProperties): TemplateResult;
+type RenderFindersProperties = {
+    size: number;
+    moduleSize: number;
+    marginPx: number;
+    dotStyle: QrCornerDotStyle;
+    squareStyle: QrCornerSquareStyle;
+};
+/**
+ * Renders all three finder-pattern corners as an array of Lit SVG templates, given the QR code size, module size, margin, and styles.
+ */
+export declare function renderQrFinders({ size, moduleSize, marginPx, dotStyle, squareStyle, }: RenderFindersProperties): TemplateResult[];
+export {};

package/components/qr-code/renderer/corner.js

@@ -0,0 +1,25 @@
+import { svg } from 'lit';
+import { cornerDotPath, cornerSquarePath, getFinderPatterns, } from './helpers.js';
+export function renderQrCorner({ x, y, size, dotStyle, squareStyle, }) {
+    const outerSize = 7 * size;
+    const innerSize = 3 * size;
+    const innerOffset = 2 * size;
+    const squarePath = cornerSquarePath(x, y, outerSize, squareStyle);
+    const dotPath = cornerDotPath(x + innerOffset, y + innerOffset, innerSize, dotStyle);
+    return svg `
+      <g>
+        <path part="corner-square" d=${squarePath} fill-rule="evenodd"></path>
+        <path part="corner-dot" d=${dotPath}></path>
+      </g>
+    `;
+}
+export function renderQrFinders({ size, moduleSize, marginPx, dotStyle, squareStyle, }) {
+    return getFinderPatterns(size, moduleSize, marginPx).map(({ x, y }) => renderQrCorner({
+        x,
+        y,
+        size: moduleSize,
+        dotStyle,
+        squareStyle,
+    }));
+}
+//# sourceMappingURL=corner.js.map

package/components/qr-code/renderer/corner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"corner.js","sourceRoot":"","sources":["../../../../src/components/qr-code/renderer/corner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,KAAK,CAAC;AAE/C,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAWtB,MAAM,UAAU,cAAc,CAAC,EAC7B,CAAC,EACD,CAAC,EACD,IAAI,EACJ,QAAQ,EACR,WAAW,GACQ;IACnB,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3B,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3B,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IAClE,MAAM,OAAO,GAAG,aAAa,CAC3B,CAAC,GAAG,WAAW,EACf,CAAC,GAAG,WAAW,EACf,SAAS,EACT,QAAQ,CACT,CAAC;IAEF,OAAO,GAAG,CAAA;;uCAE2B,UAAU;oCACb,OAAO;;KAEtC,CAAC;AACN,CAAC;AAaD,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,GACa;IACxB,OAAO,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CACpE,cAAc,CAAC;QACb,CAAC;QACD,CAAC;QACD,IAAI,EAAE,UAAU;QAChB,QAAQ;QACR,WAAW;KACZ,CAAC,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { svg, type TemplateResult } from 'lit';\nimport type { QrCornerDotStyle, QrCornerSquareStyle } from '../types.js';\nimport {\n  cornerDotPath,\n  cornerSquarePath,\n  getFinderPatterns,\n} from './helpers.js';\n\ntype QrCornerProperties = {\n  x: number;\n  y: number;\n  size: number;\n  dotStyle: QrCornerDotStyle;\n  squareStyle: QrCornerSquareStyle;\n};\n\n/** Renders a finder-pattern corner as a Lit SVG template, composing the outer square and inner dot paths. */\nexport function renderQrCorner({\n  x,\n  y,\n  size,\n  dotStyle,\n  squareStyle,\n}: QrCornerProperties): TemplateResult {\n  const outerSize = 7 * size;\n  const innerSize = 3 * size;\n  const innerOffset = 2 * size;\n\n  const squarePath = cornerSquarePath(x, y, outerSize, squareStyle);\n  const dotPath = cornerDotPath(\n    x + innerOffset,\n    y + innerOffset,\n    innerSize,\n    dotStyle\n  );\n\n  return svg`\n      <g>\n        <path part=\"corner-square\" d=${squarePath} fill-rule=\"evenodd\"></path>\n        <path part=\"corner-dot\" d=${dotPath}></path>\n      </g>\n    `;\n}\n\ntype RenderFindersProperties = {\n  size: number;\n  moduleSize: number;\n  marginPx: number;\n  dotStyle: QrCornerDotStyle;\n  squareStyle: QrCornerSquareStyle;\n};\n\n/**\n * Renders all three finder-pattern corners as an array of Lit SVG templates, given the QR code size, module size, margin, and styles.\n */\nexport function renderQrFinders({\n  size,\n  moduleSize,\n  marginPx,\n  dotStyle,\n  squareStyle,\n}: RenderFindersProperties): TemplateResult[] {\n  return getFinderPatterns(size, moduleSize, marginPx).map(({ x, y }) =>\n    renderQrCorner({\n      x,\n      y,\n      size: moduleSize,\n      dotStyle,\n      squareStyle,\n    })\n  );\n}\n"]}

package/components/qr-code/renderer/dots.d.ts

@@ -0,0 +1,14 @@
+import { type TemplateResult } from 'lit';
+import type { QrDotStyle } from '../types.js';
+type RenderQrDotsProperties = {
+    matrix: boolean[][];
+    moduleSize: number;
+    marginPx: number;
+    dotStyle: QrDotStyle;
+};
+/**
+ * Renders the data modules of the QR code as a single SVG path, given the QR code matrix, module size, margin, and dot style.
+ * Returns a Lit SVG template.
+ */
+export declare function renderQrDots({ matrix, moduleSize, marginPx, dotStyle, }: RenderQrDotsProperties): TemplateResult;
+export {};

package/components/qr-code/renderer/dots.js

@@ -0,0 +1,7 @@
+import { svg } from 'lit';
+import { renderDataModules } from './helpers.js';
+export function renderQrDots({ matrix, moduleSize, marginPx, dotStyle, }) {
+    const modules = renderDataModules(matrix, moduleSize, marginPx, dotStyle);
+    return svg `<path part="dots" d=${modules.join(' ')} />`;
+}
+//# sourceMappingURL=dots.js.map

package/components/qr-code/renderer/dots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dots.js","sourceRoot":"","sources":["../../../../src/components/qr-code/renderer/dots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAajD,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,GACe;IACvB,MAAM,OAAO,GAAG,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1E,OAAO,GAAG,CAAA,uBAAuB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1D,CAAC","sourcesContent":["import { svg, type TemplateResult } from 'lit';\nimport type { QrDotStyle } from '../types.js';\nimport { renderDataModules } from './helpers.js';\n\ntype RenderQrDotsProperties = {\n  matrix: boolean[][];\n  moduleSize: number;\n  marginPx: number;\n  dotStyle: QrDotStyle;\n};\n\n/**\n * Renders the data modules of the QR code as a single SVG path, given the QR code matrix, module size, margin, and dot style.\n * Returns a Lit SVG template.\n */\nexport function renderQrDots({\n  matrix,\n  moduleSize,\n  marginPx,\n  dotStyle,\n}: RenderQrDotsProperties): TemplateResult {\n  const modules = renderDataModules(matrix, moduleSize, marginPx, dotStyle);\n  return svg`<path part=\"dots\" d=${modules.join(' ')} />`;\n}\n"]}

package/components/qr-code/renderer/helpers.d.ts

@@ -0,0 +1,18 @@
+import type { QrCornerDotStyle, QrCornerSquareStyle, QrDotStyle } from '../types.js';
+/** Returns an SVG path string for the inner dot of a finder-pattern corner. */
+export declare function cornerDotPath(x: number, y: number, size: number, style: QrCornerDotStyle): string;
+/** Returns an SVG path string (outer ring with inner cutout) for the outer square of a finder-pattern corner. */
+export declare function cornerSquarePath(x: number, y: number, size: number, style: QrCornerSquareStyle): string;
+/**
+ * Generates SVG path strings for all dark data modules in the matrix,
+ * skipping finder-pattern areas. Returns one path string per visible module.
+ */
+export declare function renderDataModules(data: boolean[][], moduleSize: number, marginPx: number, dotStyle: QrDotStyle): string[];
+/**
+ * Returns the pixel top-left coordinates `{ x, y }` for each of the three
+ * finder-pattern corners, ready to pass to `renderQrCorner`.
+ */
+export declare function getFinderPatterns(size: number, moduleSize: number, marginPx: number): {
+    x: number;
+    y: number;
+}[];