ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1,584 lines • 84.1 kB
JavaScript
import { isPlatformBrowser } from '@angular/common';
import * as i0 from '@angular/core';
import { viewChild, input, effect, Component, inject, PLATFORM_ID, output, signal, computed, NgModule } from '@angular/core';
import { toSignal } from '@angular/core/rxjs-interop';
import { map } from 'rxjs/operators';
import * as i2 from 'ng-zorro-antd/button';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';
import { NzI18nService } from 'ng-zorro-antd/i18n';
import * as i4 from 'ng-zorro-antd/icon';
import { NzIconModule } from 'ng-zorro-antd/icon';
import * as i1 from 'ng-zorro-antd/spin';
import { NzSpinModule } from 'ng-zorro-antd/spin';
import * as i3 from 'ng-zorro-antd/core/transition-patch';
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
/**
* QR Code generator library (TypeScript)
*
* Copyright (c) Project Nayuki.
* https://www.nayuki.io/page/qr-code-generator-library
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
'use strict';
// eslint-disable-next-line @typescript-eslint/no-namespace
var qrcodegen;
(function (qrcodegen) {
/*---- QR Code symbol class ----*/
/*
* A QR Code symbol, which is a type of two-dimension barcode.
* Invented by Denso Wave and described in the ISO/IEC 18004 standard.
* Instances of this class represent an immutable square grid of dark and light cells.
* The class provides static factory functions to create a QR Code from text or binary data.
* The class covers the QR Code Model 2 specification, supporting all versions (sizes)
* from 1 to 40, all 4 error correction levels, and 4 character encoding modes.
*
* Ways to create a QR Code object:
* - High level: Take the payload data and call QrCode.encodeText() or QrCode.encodeBinary().
* - Mid level: Custom-make the list of segments and call QrCode.encodeSegments().
* - Low level: Custom-make the array of data codeword bytes (including
* segment headers and final padding, excluding error correction codewords),
* supply the appropriate version number, and call the QrCode() constructor.
* (Note that all ways require supplying the desired error correction level.)
*/
class QrCode {
version;
errorCorrectionLevel;
/*-- Static factory functions (high level) --*/
// Returns a QR Code representing the given Unicode text string at the given error correction level.
// As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer
// Unicode code points (not UTF-16 code units) if the low error correction level is used. The smallest possible
// QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the
// ecl argument if it can be done without increasing the version.
static encodeText(text, ecl) {
const segs = qrcodegen.QrSegment.makeSegments(text);
return QrCode.encodeSegments(segs, ecl);
}
// Returns a QR Code representing the given binary data at the given error correction level.
// This function always encodes using the binary segment mode, not any text mode. The maximum number of
// bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.
// The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
static encodeBinary(data, ecl) {
const seg = qrcodegen.QrSegment.makeBytes(data);
return QrCode.encodeSegments([seg], ecl);
}
/*-- Static factory functions (mid level) --*/
// Returns a QR Code representing the given segments with the given encoding parameters.
// The smallest possible QR Code version within the given range is automatically
// chosen for the output. Iff boostEcl is true, then the ECC level of the result
// may be higher than the ecl argument if it can be done without increasing the
// version. The mask number is either between 0 to 7 (inclusive) to force that
// mask, or -1 to automatically choose an appropriate mask (which may be slow).
// This function allows the user to create a custom sequence of segments that switches
// between modes (such as alphanumeric and byte) to encode text in less space.
// This is a mid-level API; the high-level API is encodeText() and encodeBinary().
static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
if (!(QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= QrCode.MAX_VERSION) ||
mask < -1 ||
mask > 7)
throw new RangeError('Invalid value');
// Find the minimal version number to use
let version;
let dataUsedBits;
for (version = minVersion;; version++) {
const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8; // Number of data bits available
const usedBits = QrSegment.getTotalBits(segs, version);
if (usedBits <= dataCapacityBits) {
dataUsedBits = usedBits;
break; // This version number is found to be suitable
}
if (version >= maxVersion)
// All versions in the range could not fit the given data
throw new RangeError('Data too long');
}
// Increase the error correction level while the data still fits in the current version number
for (const newEcl of [QrCode.Ecc.MEDIUM, QrCode.Ecc.QUARTILE, QrCode.Ecc.HIGH]) {
// From low to high
if (boostEcl && dataUsedBits <= QrCode.getNumDataCodewords(version, newEcl) * 8)
ecl = newEcl;
}
// Concatenate all segments to create the data bit string
const bb = [];
for (const seg of segs) {
appendBits(seg.mode.modeBits, 4, bb);
appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
for (const b of seg.getData())
bb.push(b);
}
assert(bb.length == dataUsedBits);
// Add terminator and pad up to a byte if applicable
const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8;
assert(bb.length <= dataCapacityBits);
appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
appendBits(0, (8 - (bb.length % 8)) % 8, bb);
assert(bb.length % 8 == 0);
// Pad with alternating bytes until data capacity is reached
for (let padByte = 0xec; bb.length < dataCapacityBits; padByte ^= 0xec ^ 0x11)
appendBits(padByte, 8, bb);
// Pack bits into bytes in big endian
const dataCodewords = [];
while (dataCodewords.length * 8 < bb.length)
dataCodewords.push(0);
bb.forEach((b, i) => (dataCodewords[i >>> 3] |= b << (7 - (i & 7))));
// Create the QR Code object
return new QrCode(version, ecl, dataCodewords, mask);
}
/*-- Fields --*/
// The width and height of this QR Code, measured in modules, between
// 21 and 177 (inclusive). This is equal to version * 4 + 17.
size;
// The index of the mask pattern used in this QR Code, which is between 0 and 7 (inclusive).
// Even if a QR Code is created with automatic masking requested (mask = -1),
// the resulting object still has a mask value between 0 and 7.
mask;
// The modules of this QR Code (false = light, true = dark).
// Immutable after constructor finishes. Accessed through getModule().
modules = [];
// Indicates function modules that are not subjected to masking. Discarded when constructor finishes.
isFunction = [];
/*-- Constructor (low level) and fields --*/
// Creates a new QR Code with the given version number,
// error correction level, data codeword bytes, and mask number.
// This is a low-level API that most users should not use directly.
// A mid-level API is the encodeSegments() function.
constructor(
// The version number of this QR Code, which is between 1 and 40 (inclusive).
// This determines the size of this barcode.
version,
// The error correction level used in this QR Code.
errorCorrectionLevel, dataCodewords, msk) {
this.version = version;
this.errorCorrectionLevel = errorCorrectionLevel;
// Check scalar arguments
if (version < QrCode.MIN_VERSION || version > QrCode.MAX_VERSION)
throw new RangeError('Version value out of range');
if (msk < -1 || msk > 7)
throw new RangeError('Mask value out of range');
this.size = version * 4 + 17;
// Initialize both grids to be size*size arrays of Boolean false
const row = [];
for (let i = 0; i < this.size; i++)
row.push(false);
for (let i = 0; i < this.size; i++) {
this.modules.push(row.slice()); // Initially all light
this.isFunction.push(row.slice());
}
// Compute ECC, draw modules
this.drawFunctionPatterns();
const allCodewords = this.addEccAndInterleave(dataCodewords);
this.drawCodewords(allCodewords);
// Do masking
if (msk == -1) {
// Automatically choose best mask
let minPenalty = 1000000000;
for (let i = 0; i < 8; i++) {
this.applyMask(i);
this.drawFormatBits(i);
const penalty = this.getPenaltyScore();
if (penalty < minPenalty) {
msk = i;
minPenalty = penalty;
}
this.applyMask(i); // Undoes the mask due to XOR
}
}
assert(msk >= 0 && msk <= 7);
this.mask = msk;
this.applyMask(msk); // Apply the final choice of mask
this.drawFormatBits(msk); // Overwrite old format bits
this.isFunction = [];
}
/*-- Accessor methods --*/
// Returns the color of the module (pixel) at the given coordinates, which is false
// for light or true for dark. The top left corner has the coordinates (x=0, y=0).
// If the given coordinates are out of bounds, then false (light) is returned.
getModule(x, y) {
return x >= 0 && x < this.size && y >= 0 && y < this.size && this.modules[y][x];
}
// Modified to expose modules for easy access
// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
getModules() {
return this.modules;
}
/*-- Private helper methods for constructor: Drawing function modules --*/
// Reads this object's version field, and draws and marks all function modules.
drawFunctionPatterns() {
// Draw horizontal and vertical timing patterns
for (let i = 0; i < this.size; i++) {
this.setFunctionModule(6, i, i % 2 == 0);
this.setFunctionModule(i, 6, i % 2 == 0);
}
// Draw 3 finder patterns (all corners except bottom right; overwrites some timing modules)
this.drawFinderPattern(3, 3);
this.drawFinderPattern(this.size - 4, 3);
this.drawFinderPattern(3, this.size - 4);
// Draw numerous alignment patterns
const alignPatPos = this.getAlignmentPatternPositions();
const numAlign = alignPatPos.length;
for (let i = 0; i < numAlign; i++) {
for (let j = 0; j < numAlign; j++) {
// Don't draw on the three finder corners
if (!((i == 0 && j == 0) || (i == 0 && j == numAlign - 1) || (i == numAlign - 1 && j == 0)))
this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
}
}
// Draw configuration data
this.drawFormatBits(0); // Dummy mask value; overwritten later in the constructor
this.drawVersion();
}
// Draws two copies of the format bits (with its own error correction code)
// based on the given mask and this object's error correction level field.
drawFormatBits(mask) {
// Calculate error correction code and pack bits
const data = (this.errorCorrectionLevel.formatBits << 3) | mask; // errCorrLvl is uint2, mask is uint3
let rem = data;
for (let i = 0; i < 10; i++)
rem = (rem << 1) ^ ((rem >>> 9) * 0x537);
const bits = ((data << 10) | rem) ^ 0x5412; // uint15
assert(bits >>> 15 == 0);
// Draw first copy
for (let i = 0; i <= 5; i++)
this.setFunctionModule(8, i, getBit(bits, i));
this.setFunctionModule(8, 7, getBit(bits, 6));
this.setFunctionModule(8, 8, getBit(bits, 7));
this.setFunctionModule(7, 8, getBit(bits, 8));
for (let i = 9; i < 15; i++)
this.setFunctionModule(14 - i, 8, getBit(bits, i));
// Draw second copy
for (let i = 0; i < 8; i++)
this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
for (let i = 8; i < 15; i++)
this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
this.setFunctionModule(8, this.size - 8, true); // Always dark
}
// Draws two copies of the version bits (with its own error correction code),
// based on this object's version field, iff 7 <= version <= 40.
drawVersion() {
if (this.version < 7)
return;
// Calculate error correction code and pack bits
let rem = this.version; // version is uint6, in the range [7, 40]
for (let i = 0; i < 12; i++)
rem = (rem << 1) ^ ((rem >>> 11) * 0x1f25);
const bits = (this.version << 12) | rem; // uint18
assert(bits >>> 18 == 0);
// Draw two copies
for (let i = 0; i < 18; i++) {
const color = getBit(bits, i);
const a = this.size - 11 + (i % 3);
const b = Math.floor(i / 3);
this.setFunctionModule(a, b, color);
this.setFunctionModule(b, a, color);
}
}
// Draws a 9*9 finder pattern including the border separator,
// with the center module at (x, y). Modules can be out of bounds.
drawFinderPattern(x, y) {
for (let dy = -4; dy <= 4; dy++) {
for (let dx = -4; dx <= 4; dx++) {
const dist = Math.max(Math.abs(dx), Math.abs(dy)); // Chebyshev/infinity norm
const xx = x + dx;
const yy = y + dy;
if (xx >= 0 && xx < this.size && yy >= 0 && yy < this.size)
this.setFunctionModule(xx, yy, dist != 2 && dist != 4);
}
}
}
// Draws a 5*5 alignment pattern, with the center module
// at (x, y). All modules must be in bounds.
drawAlignmentPattern(x, y) {
for (let dy = -2; dy <= 2; dy++) {
for (let dx = -2; dx <= 2; dx++)
this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);
}
}
// Sets the color of a module and marks it as a function module.
// Only used by the constructor. Coordinates must be in bounds.
setFunctionModule(x, y, isDark) {
this.modules[y][x] = isDark;
this.isFunction[y][x] = true;
}
/*-- Private helper methods for constructor: Codewords and masking --*/
// Returns a new byte string representing the given data with the appropriate error correction
// codewords appended to it, based on this object's version and error correction level.
addEccAndInterleave(data) {
const ver = this.version;
const ecl = this.errorCorrectionLevel;
if (data.length != QrCode.getNumDataCodewords(ver, ecl))
throw new RangeError('Invalid argument');
// Calculate parameter numbers
const numBlocks = QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
const blockEccLen = QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
const rawCodewords = Math.floor(QrCode.getNumRawDataModules(ver) / 8);
const numShortBlocks = numBlocks - (rawCodewords % numBlocks);
const shortBlockLen = Math.floor(rawCodewords / numBlocks);
// Split data into blocks and append ECC to each block
const blocks = [];
const rsDiv = QrCode.reedSolomonComputeDivisor(blockEccLen);
for (let i = 0, k = 0; i < numBlocks; i++) {
const dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
k += dat.length;
const ecc = QrCode.reedSolomonComputeRemainder(dat, rsDiv);
if (i < numShortBlocks)
dat.push(0);
blocks.push(dat.concat(ecc));
}
// Interleave (not concatenate) the bytes from every block into a single sequence
const result = [];
for (let i = 0; i < blocks[0].length; i++) {
blocks.forEach((block, j) => {
// Skip the padding byte in short blocks
if (i != shortBlockLen - blockEccLen || j >= numShortBlocks)
result.push(block[i]);
});
}
assert(result.length == rawCodewords);
return result;
}
// Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
// data area of this QR Code. Function modules need to be marked off before this is called.
drawCodewords(data) {
if (data.length != Math.floor(QrCode.getNumRawDataModules(this.version) / 8))
throw new RangeError('Invalid argument');
let i = 0; // Bit index into the data
// Do the funny zigzag scan
for (let right = this.size - 1; right >= 1; right -= 2) {
// Index of right column in each column pair
if (right == 6)
right = 5;
for (let vert = 0; vert < this.size; vert++) {
// Vertical counter
for (let j = 0; j < 2; j++) {
const x = right - j; // Actual x coordinate
const upward = ((right + 1) & 2) == 0;
const y = upward ? this.size - 1 - vert : vert; // Actual y coordinate
if (!this.isFunction[y][x] && i < data.length * 8) {
this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
i++;
}
// If this QR Code has any remainder bits (0 to 7), they were assigned as
// 0/false/light by the constructor and are left unchanged by this method
}
}
}
assert(i == data.length * 8);
}
// XORs the codeword modules in this QR Code with the given mask pattern.
// The function modules must be marked and the codeword bits must be drawn
// before masking. Due to the arithmetic of XOR, calling applyMask() with
// the same mask value a second time will undo the mask. A final well-formed
// QR Code needs exactly one (not zero, two, etc.) mask applied.
applyMask(mask) {
if (mask < 0 || mask > 7)
throw new RangeError('Mask value out of range');
for (let y = 0; y < this.size; y++) {
for (let x = 0; x < this.size; x++) {
let invert;
switch (mask) {
case 0:
invert = (x + y) % 2 == 0;
break;
case 1:
invert = y % 2 == 0;
break;
case 2:
invert = x % 3 == 0;
break;
case 3:
invert = (x + y) % 3 == 0;
break;
case 4:
invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
break;
case 5:
invert = ((x * y) % 2) + ((x * y) % 3) == 0;
break;
case 6:
invert = (((x * y) % 2) + ((x * y) % 3)) % 2 == 0;
break;
case 7:
invert = (((x + y) % 2) + ((x * y) % 3)) % 2 == 0;
break;
default:
throw new Error('Unreachable');
}
if (!this.isFunction[y][x] && invert)
this.modules[y][x] = !this.modules[y][x];
}
}
}
// Calculates and returns the penalty score based on state of this QR Code's current modules.
// This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.
getPenaltyScore() {
let result = 0;
// Adjacent modules in row having same color, and finder-like patterns
for (let y = 0; y < this.size; y++) {
let runColor = false;
let runX = 0;
const runHistory = [0, 0, 0, 0, 0, 0, 0];
for (let x = 0; x < this.size; x++) {
if (this.modules[y][x] == runColor) {
runX++;
if (runX == 5)
result += QrCode.PENALTY_N1;
else if (runX > 5)
result++;
}
else {
this.finderPenaltyAddHistory(runX, runHistory);
if (!runColor)
result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3;
runColor = this.modules[y][x];
runX = 1;
}
}
result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * QrCode.PENALTY_N3;
}
// Adjacent modules in column having same color, and finder-like patterns
for (let x = 0; x < this.size; x++) {
let runColor = false;
let runY = 0;
const runHistory = [0, 0, 0, 0, 0, 0, 0];
for (let y = 0; y < this.size; y++) {
if (this.modules[y][x] == runColor) {
runY++;
if (runY == 5)
result += QrCode.PENALTY_N1;
else if (runY > 5)
result++;
}
else {
this.finderPenaltyAddHistory(runY, runHistory);
if (!runColor)
result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3;
runColor = this.modules[y][x];
runY = 1;
}
}
result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * QrCode.PENALTY_N3;
}
// 2*2 blocks of modules having same color
for (let y = 0; y < this.size - 1; y++) {
for (let x = 0; x < this.size - 1; x++) {
const color = this.modules[y][x];
if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1])
result += QrCode.PENALTY_N2;
}
}
// Balance of dark and light modules
let dark = 0;
for (const row of this.modules)
dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
const total = this.size * this.size; // Note that size is odd, so dark/total != 1/2
// Compute the smallest integer k >= 0 such that (45-5k)% <= dark/total <= (55+5k)%
const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
assert(k >= 0 && k <= 9);
result += k * QrCode.PENALTY_N4;
assert(result >= 0 && result <= 2568888); // Non-tight upper bound based on default values of PENALTY_N1, ..., N4
return result;
}
/*-- Private helper functions --*/
// Returns an ascending list of positions of alignment patterns for this version number.
// Each position is in the range [0,177), and are used on both the x and y axes.
// This could be implemented as lookup table of 40 variable-length lists of integers.
getAlignmentPatternPositions() {
if (this.version == 1)
return [];
else {
const numAlign = Math.floor(this.version / 7) + 2;
const step = Math.floor((this.version * 8 + numAlign * 3 + 5) / (numAlign * 4 - 4)) * 2;
const result = [6];
for (let pos = this.size - 7; result.length < numAlign; pos -= step)
result.splice(1, 0, pos);
return result;
}
}
// Returns the number of data bits that can be stored in a QR Code of the given version number, after
// all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
// The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
static getNumRawDataModules(ver) {
if (ver < QrCode.MIN_VERSION || ver > QrCode.MAX_VERSION)
throw new RangeError('Version number out of range');
let result = (16 * ver + 128) * ver + 64;
if (ver >= 2) {
const numAlign = Math.floor(ver / 7) + 2;
result -= (25 * numAlign - 10) * numAlign - 55;
if (ver >= 7)
result -= 36;
}
assert(result >= 208 && result <= 29648);
return result;
}
// Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
// QR Code of the given version number and error correction level, with remainder bits discarded.
// This stateless pure function could be implemented as a (40*4)-cell lookup table.
static getNumDataCodewords(ver, ecl) {
return (Math.floor(QrCode.getNumRawDataModules(ver) / 8) -
QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver]);
}
// Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
// implemented as a lookup table over all possible parameter values, instead of as an algorithm.
static reedSolomonComputeDivisor(degree) {
if (degree < 1 || degree > 255)
throw new RangeError('Degree out of range');
// Polynomial coefficients are stored from highest to lowest power, excluding the leading term which is always 1.
// For example the polynomial x^3 + 255x^2 + 8x + 93 is stored as the uint8 array [255, 8, 93].
const result = [];
for (let i = 0; i < degree - 1; i++)
result.push(0);
result.push(1); // Start off with the monomial x^0
// Compute the product polynomial (x - r^0) * (x - r^1) * (x - r^2) * ... * (x - r^{degree-1}),
// and drop the highest monomial term which is always 1x^degree.
// Note that r = 0x02, which is a generator element of this field GF(2^8/0x11D).
let root = 1;
for (let i = 0; i < degree; i++) {
// Multiply the current product by (x - r^i)
for (let j = 0; j < result.length; j++) {
result[j] = QrCode.reedSolomonMultiply(result[j], root);
if (j + 1 < result.length)
result[j] ^= result[j + 1];
}
root = QrCode.reedSolomonMultiply(root, 0x02);
}
return result;
}
// Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.
static reedSolomonComputeRemainder(data, divisor) {
const result = divisor.map(_ => 0);
for (const b of data) {
// Polynomial division
const factor = b ^ result.shift();
result.push(0);
divisor.forEach((coef, i) => (result[i] ^= QrCode.reedSolomonMultiply(coef, factor)));
}
return result;
}
// Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
// are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8.
static reedSolomonMultiply(x, y) {
if (x >>> 8 != 0 || y >>> 8 != 0)
throw new RangeError('Byte out of range');
// Russian peasant multiplication
let z = 0;
for (let i = 7; i >= 0; i--) {
z = (z << 1) ^ ((z >>> 7) * 0x11d);
z ^= ((y >>> i) & 1) * x;
}
assert(z >>> 8 == 0);
return z;
}
// Can only be called immediately after a light run is added, and
// returns either 0, 1, or 2. A helper function for getPenaltyScore().
finderPenaltyCountPatterns(runHistory) {
const n = runHistory[1];
assert(n <= this.size * 3);
const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;
return ((core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) +
(core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0));
}
// Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().
finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
if (currentRunColor) {
// Terminate dark run
this.finderPenaltyAddHistory(currentRunLength, runHistory);
currentRunLength = 0;
}
currentRunLength += this.size; // Add light border to final run
this.finderPenaltyAddHistory(currentRunLength, runHistory);
return this.finderPenaltyCountPatterns(runHistory);
}
// Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
finderPenaltyAddHistory(currentRunLength, runHistory) {
if (runHistory[0] == 0)
currentRunLength += this.size; // Add light border to initial run
runHistory.pop();
runHistory.unshift(currentRunLength);
}
/*-- Constants and tables --*/
// The minimum version number supported in the QR Code Model 2 standard.
static MIN_VERSION = 1;
// The maximum version number supported in the QR Code Model 2 standard.
static MAX_VERSION = 40;
// For use in getPenaltyScore(), when evaluating which mask is best.
static PENALTY_N1 = 3;
static PENALTY_N2 = 3;
static PENALTY_N3 = 40;
static PENALTY_N4 = 10;
static ECC_CODEWORDS_PER_BLOCK = [
// Version: (note that index 0 is for padding, and is set to an illegal value)
//0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level
[
-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30,
30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30
], // Low
[
-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28,
28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28
], // Medium
[
-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30,
30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30
], // Quartile
[
-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30,
30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30
] // High
];
static NUM_ERROR_CORRECTION_BLOCKS = [
// Version: (note that index 0 is for padding, and is set to an illegal value)
//0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level
[
-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18,
19, 19, 20, 21, 22, 24, 25
], // Low
[
-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29,
31, 33, 35, 37, 38, 40, 43, 45, 47, 49
], // Medium
[
-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40,
43, 45, 48, 51, 53, 56, 59, 62, 65, 68
], // Quartile
[
-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45,
48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81
] // High
];
}
qrcodegen.QrCode = QrCode;
// Appends the given number of low-order bits of the given value
// to the given buffer. Requires 0 <= len <= 31 and 0 <= val < 2^len.
function appendBits(val, len, bb) {
if (len < 0 || len > 31 || val >>> len != 0)
throw new RangeError('Value out of range');
for (let i = len - 1; i >= 0; i-- // Append bit by bit
)
bb.push((val >>> i) & 1);
}
// Returns true iff the i'th bit of x is set to 1.
function getBit(x, i) {
return ((x >>> i) & 1) != 0;
}
// Throws an exception if the given condition is false.
function assert(cond) {
if (!cond)
throw new Error('Assertion error');
}
/*---- Data segment class ----*/
/*
* A segment of character/binary/control data in a QR Code symbol.
* Instances of this class are immutable.
* The mid-level way to create a segment is to take the payload data
* and call a static factory function such as QrSegment.makeNumeric().
* The low-level way to create a segment is to custom-make the bit buffer
* and call the QrSegment() constructor with appropriate values.
* This segment class imposes no length restrictions, but QR Codes have restrictions.
* Even in the most favorable conditions, a QR Code can only hold 7089 characters of data.
* Any segment longer than this is meaningless for the purpose of generating QR Codes.
*/
class QrSegment {
mode;
numChars;
bitData;
/*-- Static factory functions (mid level) --*/
// Returns a segment representing the given binary data encoded in
// byte mode. All input byte arrays are acceptable. Any text string
// can be converted to UTF-8 bytes and encoded as a byte mode segment.
static makeBytes(data) {
const bb = [];
for (const b of data)
appendBits(b, 8, bb);
return new QrSegment(QrSegment.Mode.BYTE, data.length, bb);
}
// Returns a segment representing the given string of decimal digits encoded in numeric mode.
static makeNumeric(digits) {
if (!QrSegment.isNumeric(digits))
throw new RangeError('String contains non-numeric characters');
const bb = [];
for (let i = 0; i < digits.length;) {
// Consume up to 3 digits per iteration
const n = Math.min(digits.length - i, 3);
appendBits(parseInt(digits.substring(i, i + n), 10), n * 3 + 1, bb);
i += n;
}
return new QrSegment(QrSegment.Mode.NUMERIC, digits.length, bb);
}
// Returns a segment representing the given text string encoded in alphanumeric mode.
// The characters allowed are: 0 to 9, A to Z (uppercase only), space,
// dollar, percent, asterisk, plus, hyphen, period, slash, colon.
static makeAlphanumeric(text) {
if (!QrSegment.isAlphanumeric(text))
throw new RangeError('String contains unencodable characters in alphanumeric mode');
const bb = [];
let i;
for (i = 0; i + 2 <= text.length; i += 2) {
// Process groups of 2
let temp = QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
temp += QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
appendBits(temp, 11, bb);
}
if (i < text.length)
// 1 character remaining
appendBits(QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
return new QrSegment(QrSegment.Mode.ALPHANUMERIC, text.length, bb);
}
// Returns a new mutable list of zero or more segments to represent the given Unicode text string.
// The result may use various segment modes and switch modes to optimize the length of the bit stream.
static makeSegments(text) {
// Select the most efficient segment encoding automatically
if (text == '')
return [];
else if (QrSegment.isNumeric(text))
return [QrSegment.makeNumeric(text)];
else if (QrSegment.isAlphanumeric(text))
return [QrSegment.makeAlphanumeric(text)];
else
return [QrSegment.makeBytes(QrSegment.toUtf8ByteArray(text))];
}
// Returns a segment representing an Extended Channel Interpretation
// (ECI) designator with the given assignment value.
static makeEci(assignVal) {
const bb = [];
if (assignVal < 0)
throw new RangeError('ECI assignment value out of range');
else if (assignVal < 1 << 7)
appendBits(assignVal, 8, bb);
else if (assignVal < 1 << 14) {
appendBits(0b10, 2, bb);
appendBits(assignVal, 14, bb);
}
else if (assignVal < 1000000) {
appendBits(0b110, 3, bb);
appendBits(assignVal, 21, bb);
}
else
throw new RangeError('ECI assignment value out of range');
return new QrSegment(QrSegment.Mode.ECI, 0, bb);
}
// Tests whether the given string can be encoded as a segment in numeric mode.
// A string is encodable iff each character is in the range 0 to 9.
static isNumeric(text) {
return QrSegment.NUMERIC_REGEX.test(text);
}
// Tests whether the given string can be encoded as a segment in alphanumeric mode.
// A string is encodable iff each character is in the following set: 0 to 9, A to Z
// (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.
static isAlphanumeric(text) {
return QrSegment.ALPHANUMERIC_REGEX.test(text);
}
/*-- Constructor (low level) and fields --*/
// Creates a new QR Code segment with the given attributes and data.
// The character count (numChars) must agree with the mode and the bit buffer length,
// but the constraint isn't checked. The given bit buffer is cloned and stored.
constructor(
// The mode indicator of this segment.
mode,
// The length of this segment's unencoded data. Measured in characters for
// numeric/alphanumeric/kanji mode, bytes for byte mode, and 0 for ECI mode.
// Always zero or positive. Not the same as the data's bit length.
numChars,
// The data bits of this segment. Accessed through getData().
bitData) {
this.mode = mode;
this.numChars = numChars;
this.bitData = bitData;
if (numChars < 0)
throw new RangeError('Invalid argument');
this.bitData = bitData.slice(); // Make defensive copy
}
/*-- Methods --*/
// Returns a new copy of the data bits of this segment.
getData() {
return this.bitData.slice(); // Make defensive copy
}
// (Package-private) Calculates and returns the number of bits needed to encode the given segments at
// the given version. The result is infinity if a segment has too many characters to fit its length field.
static getTotalBits(segs, version) {
let result = 0;
for (const seg of segs) {
const ccbits = seg.mode.numCharCountBits(version);
if (seg.numChars >= 1 << ccbits)
return Infinity; // The segment's length doesn't fit the field's bit width
result += 4 + ccbits + seg.bitData.length;
}
return result;
}
// Returns a new array of bytes representing the given string encoded in UTF-8.
static toUtf8ByteArray(str) {
str = encodeURI(str);
const result = [];
for (let i = 0; i < str.length; i++) {
if (str.charAt(i) != '%')
result.push(str.charCodeAt(i));
else {
result.push(parseInt(str.substring(i + 1, i + 3), 16));
i += 2;
}
}
return result;
}
/*-- Constants --*/
// Describes precisely all strings that are encodable in numeric mode.
static NUMERIC_REGEX = /^[0-9]*$/;
// Describes precisely all strings that are encodable in alphanumeric mode.
static ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+./:-]*$/;
// The set of all legal characters in alphanumeric mode,
// where each character value maps to the index in the string.
static ALPHANUMERIC_CHARSET = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:';
}
qrcodegen.QrSegment = QrSegment;
})(qrcodegen || (qrcodegen = {}));
/*---- Public helper enumeration ----*/
// eslint-disable-next-line @typescript-eslint/no-namespace
(function (qrcodegen) {
// eslint-disable-next-line @typescript-eslint/no-namespace
let QrCode;
(function (QrCode) {
/*
* The error correction level in a QR Code symbol. Immutable.
*/
class Ecc {
ordinal;
formatBits;
/*-- Constants --*/
static LOW = new Ecc(0, 1); // The QR Code can tolerate about 7% erroneous codewords
static MEDIUM = new Ecc(1, 0); // The QR Code can tolerate about 15% erroneous codewords
static QUARTILE = new Ecc(2, 3); // The QR Code can tolerate about 25% erroneous codewords
static HIGH = new Ecc(3, 2); // The QR Code can tolerate about 30% erroneous codewords
/*-- Constructor and fields --*/
constructor(
// In the range 0 to 3 (unsigned 2-bit integer).
ordinal,
// (Package-private) In the range 0 to 3 (unsigned 2-bit integer).
formatBits) {
this.ordinal = ordinal;
this.formatBits = formatBits;
}
}
QrCode.Ecc = Ecc;
})(QrCode = qrcodegen.QrCode || (qrcodegen.QrCode = {}));
})(qrcodegen || (qrcodegen = {}));
/*---- Public helper enumeration ----*/
// eslint-disable-next-line @typescript-eslint/no-namespace
(function (qrcodegen) {
// eslint-disable-next-line @typescript-eslint/no-namespace
let QrSegment;
(function (QrSegment) {
/*
* Describes how a segment's data bits are interpreted. Immutable.
*/
class Mode {
modeBits;
numBitsCharCount;
/*-- Constants --*/
static NUMERIC = new Mode(0x1, [10, 12, 14]);
static ALPHANUMERIC = new Mode(0x2, [9, 11, 13]);
static BYTE = new Mode(0x4, [8, 16, 16]);
static KANJI = new Mode(0x8, [8, 10, 12]);
static ECI = new Mode(0x7, [0, 0, 0]);
/*-- Constructor and fields --*/
constructor(
// The mode indicator bits, which is a uint4 value (range 0 to 15).
modeBits,
// Number of character count bits for three different version ranges.
numBitsCharCount) {
this.modeBits = modeBits;
this.numBitsCharCount = numBitsCharCount;
}
/*-- Method --*/
// (Package-private) Returns the bit width of the character count field for a segment in
// this mode in a QR Code at the given version number. The result is in the range [0, 16].
numCharCountBits(ver) {
return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
}
}
QrSegment.Mode = Mode;
})(QrSegment = qrcodegen.QrSegment || (qrcodegen.QrSegment = {}));
})(qrcodegen || (qrcodegen = {}));
// Modification to export for actual use
var qrcodegen$1 = qrcodegen;
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
// ==========================================================
var Ecc = qrcodegen$1.QrCode.Ecc;
// =================== ERROR_LEVEL ==========================
const ERROR_LEVEL_MAP = {
L: Ecc.LOW,
M: Ecc.MEDIUM,
Q: Ecc.QUARTILE,
H: Ecc.HIGH
};
// =================== DEFAULT_VALUE ==========================
const DEFAULT_LEVEL = 'M';
const DEFAULT_BACKGROUND_COLOR = '#FFFFFF';
const DEFAULT_FRONT_COLOR = '#000000';
const DEFAULT_MINVERSION = 1;
const DEFAULT_IMG_SCALE = 0.1;
// =================== UTILS ==========================
/**
* Generate a path string from modules
* @param modules
* @param margin
* @returns
*/
const generatePath = (modules, margin = 0) => {
const ops = [];
modules.forEach((row, y) => {
let start = null;
row.forEach((cell, x) => {
if (!cell && start !== null) {
ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);
start = null;
return;
}
if (x === row.length - 1) {
if (!cell) {
return;
}
if (start === null) {
ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
}
else {
ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);
}
return;
}
if (cell && start === null) {
start = x;
}
});
});
return ops.join('');
};
/**
* Excavate modules
* @param modules
* @param excavation
* @returns
*/
const excavateModules = (modules, excavation) => {
return modules.slice().map((row, y) => {
if (y < excavation.y || y >= excavation.y + excavation.h) {
return row;
}
return row.map((cell, x) => {
if (x < excavation.x || x >= excavation.x + excavation.w) {
return cell;
}
return false;
});
});
};
/**
* Get image settings
* @param cells The modules of the QR code
* @param size The size of the QR code
* @param margin
* @param imageSettings
* @returns
*/
const getImageSettings = (cells, size, margin, imageSettings) => {
if (imageSettings == null) {
return null;
}
const numCells = cells.length + margin * 2;
const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
const scale = numCells / size;
const w = (imageSettings.width || defaultSize) * scale;
const h = (imageSettings.height || defaultSize) * scale;
const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
const opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;
let excavation = null;
if (imageSettings.excavate) {
const floorX = Math.floor(x);
const floorY = Math.floor(y);
const ceilW = Math.ceil(w + x - floorX);
const ceilH = Math.ceil(h + y - floorY);
excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
}
const crossOrigin = imageSettings.crossOrigin;
return { x, y, h, w, excavation, opacity, crossOrigin };
};
/**
* Get margin size
* @param needMargin Whether need margin
* @param marginSize Custom margin size
* @returns
*/
const getMarginSize = (marginSize) => Math.max(Math.floor(marginSize), 0);
/**
* Check if Path2D is supported
*/
const isSupportPath2d = (() => {
try {
new Path2D().addPath(new Path2D());
}
catch {
return false;
}
return true;
})();
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
class NzQrcodeCanvasComponent {
canvas = viewChild.required('canvas', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "canvas" }] : /* istanbul ignore next */ []));
image = viewChild('image', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "image" }] : /* istanbul ignore next */ []));
icon = input('', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
margin = input(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
cells = input([], /* @ts-ignore */
...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
numCells = input(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "numCells" }] : /* istanbul ignore next */ []));
calculatedImageSettings = input(null, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "calculatedImageSettings" }] : /* istanbul ignore next */ []));
size = input(160, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
color = input(DEFAULT_FRONT_COLOR, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
bgColor = input(DEFAULT_BACKGROUND_COLOR, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "bgColor" }] : /* istanbul ignore next */ []));
constructor() {
effect(() => {
this.icon();
this.margin();
this.cells();
this.numCells();
this.calculatedImageSettings();
this.size();
this.color();
this.bgColor();
if (!this.canvas()?.nativeElement) {
return;
}
this.render();
});
}
ngAfterViewInit() {
this.render();
}
render() {
const canvas = this.canvas();
if (!canvas) {
return;
}
const ctx = canvas.nativeElement.getContext('2d');
if (!ctx) {
return;
}
this.setupCanvas(ctx);
this.drawQRCode(ctx);
this.handleImageLoading(ctx);
}
setupCanvas(ctx) {
const canvas = this.canvas();
if (!canvas) {
return;
}
const pixelRatio = window.devicePixelRatio || 1;
canvas.nativeElement.height = canvas.nativeElement.width = this.size() * pixelRatio;
canvas.nativeElement.style.width = canvas.nativeElement.style.height = `${this.size()}px`;
const scale = (this.size() / this.numCells()) * pixelRatio;
ctx.scale(scale, scale);
ctx.fillStyle = this.bgColor();
ctx.fillRect(0, 0, this.numCells(), this.numCells());
ctx.fillStyle = this.color();
}
drawQRCode(ctx) {
const cellsToDraw = this.getCellsToDraw();
const haveImageToRender = this.haveImageToRender();
if (!haveImageToRender) {
this.renderQRCode(ctx, cellsToDraw);
}
}
getCellsToDraw() {
let cellsToDraw = this.cells();
const imageSettings = this.calculatedImageSettings();
if (this.haveImageToRender() && imageSettings && imageSettings.excavation) {
cellsToDraw = excavateModules(this.cells(), imageSettings.excavation);
}
return cellsToDraw;
}
haveImageToRender() {
return this.calculatedImageSettings() != null && !!this.image();
}
renderQRCode(ctx, cells) {
if (isSupportPath2d) {
ctx.fill(new Path2D(generatePath(cells, this.margin())));
}
else {
cells.forEach((row, rdx) => {
row.forEach((cell, cdx) => {
if (cell) {
ctx.fillRect(cdx + this.margin(), rdx + this.margin(), 1, 1);
}
});
});
}
}
handleImageLoading(ctx) {
if (!this.haveImageToRender()) {
return;
}
const image = this.image();
if (!image) {
return;
}
const onLoad = () => {
this.cleanupImageListeners(onLoad, onError);
this.onImageLoadSuccess(ctx);
};
const onError = () => {
this.cleanupImageListeners(onLoad, onError);
this.onImageLoadError(ctx);
};
image.nativeElement.addEventListener('load', onLoad);
image.nativeElement.addEventListener('error', onError);
}
onImageLoadSuccess(ctx) {
const cellsToDraw = this.getCellsToDraw();
this.renderQRCode(ctx, cellsToDraw);
const imageSettings = this.calculatedImageSettings();
const image = this.image();
if (imageSettings && image) {
ctx.globalAlpha = imageSettings.opacity;
ctx.drawImage(image.nativeElement, imageSettings.x + this.margin(), imageSettings.y + this.margin(), imageSettings.w, imageSettings.h);
}
}
onImageLoadError(ctx) {
const cellsToDraw = this.getCellsToDraw();
this.renderQRCode(ctx, cellsToDraw);
}
cleanupImageListeners(onLoad, onError) {
const image = this.image();
if (image?.nativeElement) {
image.nativeElement.removeEventListener('load', onLoad);
image.nativeElement.removeEventListener('error', onError);
}
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQrcodeCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: NzQrcodeCanvasComponent, isStandalone: true, selector: "nz-qrcode-canvas", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, cells: { classPropertyName: "cells", publicName: "cells", isSignal: true, isRequired: false, transformFunction: null }, numCells: { classPropertyName: "numCells", publicName: "numCells", isSignal: true, isRequired: false, transformFunction: null }, calculatedImageSettings: { classPropertyName: "calculatedImageSettings", publicName: "calculatedImageSettings", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "image", first: true, predicate: ["image"], descendants: true, isSignal: true }], exportAs: ["nzQRCodeCanvas"], ngImport: i0, template: `
<canvas role="img" #canvas></canvas>
@if (icon()) {
<img style="display:none;" #image alt="QR-Code" [attr.src]="this.icon()" crossorigin="anonymous" />
}
`, isInline: true, styles: [":host{display:block;line-height:0}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQrcodeCanvasComponent, decorators: [{
type: Component,
args: [{ selector: 'nz-qrcode-canvas', exportAs: 'nzQRCodeCanvas', template: `
<canvas role="img" #canvas></canvas>
@if (icon()) {
<img style="display:none;" #image alt="QR-Code" [attr.src]="this.icon()" crossorigin="anonymous" />
}
`, styles: [":host{display:block;line-height:0}\n"] }]
}], ctorParameters: () => [], propDecorators: { canvas: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }], image: [{ type: i0.ViewChild, args: ['image', { isSignal: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], cells: [{ type: i0.Input, args: [{ isSignal: true, alias: "cells", required: false }] }], numCells: [{ type: i0.Input, args: [{ isSignal: true, alias: "numCells", required: false }] }], calculatedImageSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculatedImageSettings", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }] } });
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
var QrSegment = qrcodegen$1.QrSegment;
const createQRCodeData = (value, level = DEFAULT_LEVEL, minVersion, size, boostLevel, marginSize, imageSettings) => {
const cs = memoizedQrcode(value, level, minVersion, boostLevel);
const mg = getMarginSize(marginSize);
const ncs = cs.getModules().length + mg * 2;
const cis = getImageSettings(cs.getModules(), size, mg, imageSettings);
return {
cells: cs.getModules(),
margin: mg,
numCells: ncs,
calculatedImageSettings: cis,
qrcode: cs
};
};
const memoizedQrcode = (value, level = DEFAULT_LEVEL, minVersion, boostLevel) => {
const values = Array.isArray(value) ? value : [value];
const segments = values.reduce((acc, val) => {
acc.push(...QrSegment.makeSegments(val));
return acc;
}, []);
return qrcodegen$1.QrCode.encodeSegments(segments, ERROR_LEVEL_MAP[level], minVersion, undefined, undefined, boostLevel);
};
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
class NzQrcodeSvgComponent {
icon = input('', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
color = input(DEFAULT_FRONT_COLOR, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
bgColor = input(DEFAULT_BACKGROUND_COLOR, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "bgColor" }] : /* istanbul ignore next */ []));
imageSettings = input(/* @ts-ignore */
...(ngDevMode ? [undefined, { debugName: "imageSettings" }] : /* istanbul ignore next */ []));
size = input(160, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
margin = input(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
calculatedImageSettings = input(null, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "calculatedImageSettings" }] : /* istanbul ignore next */ []));
cells = input([], /* @ts-ignore */
...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
numCells = input(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "numCells" }] : /* istanbul ignore next */ []));
viewBox = '';
backgroundPath = '';
foregroundPath = '';
constructor() {
effect(() => {
this.initializeViewBox();
this.generatePaths();
});
}
initializeViewBox() {
this.viewBox = `0 0 ${this.numCells()} ${this.numCells()}`;
this.backgroundPath = `M0,0 h${this.numCells()}v${this.numCells()}H0z`;
}
generatePaths() {
const cellsToDraw = this.getCellsToDraw();
this.foregroundPath = generatePath(cellsToDraw, this.margin());
}
getCellsToDraw() {
if (this.shouldExcavateCells()) {
return excavateModules(this.cells(), this.calculatedImageSettings().excavation);
}
return this.cells();
}
shouldExcavateCells() {
const settings = this.calculatedImageSettings();
return settings !== null && !!this.icon() && settings.excavation !== null;
}
shouldShowIcon() {
return !!this.icon() && this.calculatedImageSettings() != null;
}
getImageX() {
return (this.calculatedImageSettings()?.x || 0) + this.margin();
}
getImageY() {
return (this.calculatedImageSettings()?.y || 0) + this.margin();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQrcodeSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: NzQrcodeSvgComponent, isStandalone: true, selector: "nz-qrcode-svg", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, imageSettings: { classPropertyName: "imageSettings", publicName: "imageSettings", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, calculatedImageSettings: { classPropertyName: "calculatedImageSettings", publicName: "calculatedImageSettings", isSignal: true, isRequired: false, transformFunction: null }, cells: { classPropertyName: "cells", publicName: "cells", isSignal: true, isRequired: false, transformFunction: null }, numCells: { classPropertyName: "numCells", publicName: "numCells", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["nzQRCodeSVG"], ngImport: i0, template: `
<svg [attr.height]="size()" [attr.width]="size()" [attr.viewBox]="viewBox" role="img">
<path [attr.fill]="bgColor()" [attr.d]="backgroundPath" shapeRendering="crispEdges" />
<path [attr.fill]="color()" [attr.d]="foregroundPath" shapeRendering="crispEdges" />
@if (shouldShowIcon()) {
<image
[attr.href]="imageSettings()?.src"
[attr.height]="calculatedImageSettings()?.h"
[attr.width]="calculatedImageSettings()?.w"
[attr.x]="getImageX()"
[attr.y]="getImageY()"
preserveAspectRatio="none"
[attr.opacity]="calculatedImageSettings()?.opacity"
[attr.crossOrigin]="calculatedImageSettings()?.crossOrigin"
/>
}
</svg>
`, isInline: true, styles: [":host{display:block;line-height:0}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQrcodeSvgComponent, decorators: [{
type: Component,
args: [{ selector: 'nz-qrcode-svg', exportAs: 'nzQRCodeSVG', template: `
<svg [attr.height]="size()" [attr.width]="size()" [attr.viewBox]="viewBox" role="img">
<path [attr.fill]="bgColor()" [attr.d]="backgroundPath" shapeRendering="crispEdges" />
<path [attr.fill]="color()" [attr.d]="foregroundPath" shapeRendering="crispEdges" />
@if (shouldShowIcon()) {
<image
[attr.href]="imageSettings()?.src"
[attr.height]="calculatedImageSettings()?.h"
[attr.width]="calculatedImageSettings()?.w"
[attr.x]="getImageX()"
[attr.y]="getImageY()"
preserveAspectRatio="none"
[attr.opacity]="calculatedImageSettings()?.opacity"
[attr.crossOrigin]="calculatedImageSettings()?.crossOrigin"
/>
}
</svg>
`, styles: [":host{display:block;line-height:0}\n"] }]
}], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], imageSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSettings", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], calculatedImageSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculatedImageSettings", required: false }] }], cells: [{ type: i0.Input, args: [{ isSignal: true, alias: "cells", required: false }] }], numCells: [{ type: i0.Input, args: [{ isSignal: true, alias: "numCells", required: false }] }] } });
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
class NzQRCodeComponent {
i18n = inject(NzI18nService);
locale = toSignal(this.i18n.localeChange.pipe(map(() => this.i18n.getLocaleData('QRCode'))), {
requireSync: true
});
// https://github.com/angular/universal-starter/issues/538#issuecomment-365518693
// canvas is not supported by the SSR DOM
isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
nzValue = input('', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzValue" }] : /* istanbul ignore next */ []));
nzType = input('canvas', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzType" }] : /* istanbul ignore next */ []));
nzColor = input(DEFAULT_FRONT_COLOR, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzColor" }] : /* istanbul ignore next */ []));
nzBgColor = input(DEFAULT_BACKGROUND_COLOR, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzBgColor" }] : /* istanbul ignore next */ []));
nzSize = input(160, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzSize" }] : /* istanbul ignore next */ []));
nzIcon = input('', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzIcon" }] : /* istanbul ignore next */ []));
nzIconSize = input(40, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzIconSize" }] : /* istanbul ignore next */ []));
nzBordered = input(true, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzBordered" }] : /* istanbul ignore next */ []));
nzStatus = input('active', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzStatus" }] : /* istanbul ignore next */ []));
nzLevel = input('M', /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzLevel" }] : /* istanbul ignore next */ []));
nzStatusRender = input(null, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzStatusRender" }] : /* istanbul ignore next */ []));
nzBoostLevel = input(true, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzBoostLevel" }] : /* istanbul ignore next */ []));
nzPadding = input(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "nzPadding" }] : /* istanbul ignore next */ []));
nzRefresh = output();
margin = signal(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
cells = signal([], /* @ts-ignore */
...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
numCells = signal(0, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "numCells" }] : /* istanbul ignore next */ []));
calculatedImageSettings = signal(null, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "calculatedImageSettings" }] : /* istanbul ignore next */ []));
imageSettings = computed(() => {
return {
src: this.nzIcon(),
x: undefined,
y: undefined,
height: this.nzIconSize() ?? 40,
width: this.nzIconSize() ?? 40,
excavate: true,
crossOrigin: 'anonymous'
};
}, /* @ts-ignore */
...(ngDevMode ? [{ debugName: "imageSettings" }] : /* istanbul ignore next */ []));
constructor() {
effect(() => {
this.updateQRCodeData();
});
}
reloadQRCode() {
this.updateQRCodeData();
this.nzRefresh.emit('refresh');
}
updateQRCodeData() {
const { margin, cells, numCells, calculatedImageSettings } = createQRCodeData(this.nzValue(), this.nzLevel(), DEFAULT_MINVERSION, this.nzSize(), this.nzBoostLevel(), this.nzPadding(), this.imageSettings());
this.margin.set(margin);
this.cells.set(cells);
this.numCells.set(numCells);
this.calculatedImageSettings.set(calculatedImageSettings);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQRCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: NzQRCodeComponent, isStandalone: true, selector: "nz-qrcode", inputs: { nzValue: { classPropertyName: "nzValue", publicName: "nzValue", isSignal: true, isRequired: false, transformFunction: null }, nzType: { classPropertyName: "nzType", publicName: "nzType", isSignal: true, isRequired: false, transformFunction: null }, nzColor: { classPropertyName: "nzColor", publicName: "nzColor", isSignal: true, isRequired: false, transformFunction: null }, nzBgColor: { classPropertyName: "nzBgColor", publicName: "nzBgColor", isSignal: true, isRequired: false, transformFunction: null }, nzSize: { classPropertyName: "nzSize", publicName: "nzSize", isSignal: true, isRequired: false, transformFunction: null }, nzIcon: { classPropertyName: "nzIcon", publicName: "nzIcon", isSignal: true, isRequired: false, transformFunction: null }, nzIconSize: { classPropertyName: "nzIconSize", publicName: "nzIconSize", isSignal: true, isRequired: false, transformFunction: null }, nzBordered: { classPropertyName: "nzBordered", publicName: "nzBordered", isSignal: true, isRequired: false, transformFunction: null }, nzStatus: { classPropertyName: "nzStatus", publicName: "nzStatus", isSignal: true, isRequired: false, transformFunction: null }, nzLevel: { classPropertyName: "nzLevel", publicName: "nzLevel", isSignal: true, isRequired: false, transformFunction: null }, nzStatusRender: { classPropertyName: "nzStatusRender", publicName: "nzStatusRender", isSignal: true, isRequired: false, transformFunction: null }, nzBoostLevel: { classPropertyName: "nzBoostLevel", publicName: "nzBoostLevel", isSignal: true, isRequired: false, transformFunction: null }, nzPadding: { classPropertyName: "nzPadding", publicName: "nzPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nzRefresh: "nzRefresh" }, host: { properties: { "class.ant-qrcode-border": "nzBordered()", "style.background-color": "nzBgColor()" }, classAttribute: "ant-qrcode" }, exportAs: ["nzQRCode"], ngImport: i0, template: `
@if (!!nzStatusRender()) {
<div class="ant-qrcode-mask">
<ng-container *nzStringTemplateOutlet="nzStatusRender()">{{ nzStatusRender() }}</ng-container>
</div>
} @else if (nzStatus() !== 'active') {
<div class="ant-qrcode-mask">
@switch (nzStatus()) {
@case ('loading') {
<nz-spin />
}
@case ('expired') {
<div>
<p class="ant-qrcode-expired">{{ locale().expired }}</p>
<button nz-button nzType="link" (click)="reloadQRCode()">
<nz-icon nzType="reload" nzTheme="outline" />
<span>{{ locale().refresh }}</span>
</button>
</div>
}
@case ('scanned') {
<div>
<p class="ant-qrcode-expired">{{ locale().scanned }}</p>
</div>
}
}
</div>
}
@if (isBrowser) {
@switch (nzType()) {
@case ('canvas') {
<nz-qrcode-canvas
[icon]="nzIcon()"
[margin]="margin()"
[cells]="cells()"
[numCells]="numCells()"
[calculatedImageSettings]="calculatedImageSettings()"
[size]="nzSize()"
[color]="nzColor()"
[bgColor]="nzBgColor()"
/>
}
@case ('svg') {
<nz-qrcode-svg
[color]="nzColor()"
[bgColor]="nzBgColor()"
[icon]="nzIcon()"
[margin]="margin()"
[cells]="cells()"
[numCells]="numCells()"
[imageSettings]="imageSettings()"
[calculatedImageSettings]="
calculatedImageSettings() || { x: 0, y: 0, h: 0, w: 0, excavation: null, opacity: 1, crossOrigin: '' }
"
[size]="nzSize()"
/>
}
}
}
`, isInline: true, dependencies: [{ kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzType", "nzTheme", "nzTwotoneColor", "nzSpin", "nzRotate", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }, { kind: "component", type: NzQrcodeSvgComponent, selector: "nz-qrcode-svg", inputs: ["icon", "color", "bgColor", "imageSettings", "size", "margin", "calculatedImageSettings", "cells", "numCells"], exportAs: ["nzQRCodeSVG"] }, { kind: "component", type: NzQrcodeCanvasComponent, selector: "nz-qrcode-canvas", inputs: ["icon", "margin", "cells", "numCells", "calculatedImageSettings", "size", "color", "bgColor"], exportAs: ["nzQRCodeCanvas"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQRCodeComponent, decorators: [{
type: Component,
args: [{
selector: 'nz-qrcode',
exportAs: 'nzQRCode',
template: `
@if (!!nzStatusRender()) {
<div class="ant-qrcode-mask">
<ng-container *nzStringTemplateOutlet="nzStatusRender()">{{ nzStatusRender() }}</ng-container>
</div>
} @else if (nzStatus() !== 'active') {
<div class="ant-qrcode-mask">
@switch (nzStatus()) {
@case ('loading') {
<nz-spin />
}
@case ('expired') {
<div>
<p class="ant-qrcode-expired">{{ locale().expired }}</p>
<button nz-button nzType="link" (click)="reloadQRCode()">
<nz-icon nzType="reload" nzTheme="outline" />
<span>{{ locale().refresh }}</span>
</button>
</div>
}
@case ('scanned') {
<div>
<p class="ant-qrcode-expired">{{ locale().scanned }}</p>
</div>
}
}
</div>
}
@if (isBrowser) {
@switch (nzType()) {
@case ('canvas') {
<nz-qrcode-canvas
[icon]="nzIcon()"
[margin]="margin()"
[cells]="cells()"
[numCells]="numCells()"
[calculatedImageSettings]="calculatedImageSettings()"
[size]="nzSize()"
[color]="nzColor()"
[bgColor]="nzBgColor()"
/>
}
@case ('svg') {
<nz-qrcode-svg
[color]="nzColor()"
[bgColor]="nzBgColor()"
[icon]="nzIcon()"
[margin]="margin()"
[cells]="cells()"
[numCells]="numCells()"
[imageSettings]="imageSettings()"
[calculatedImageSettings]="
calculatedImageSettings() || { x: 0, y: 0, h: 0, w: 0, excavation: null, opacity: 1, crossOrigin: '' }
"
[size]="nzSize()"
/>
}
}
}
`,
host: {
class: 'ant-qrcode',
'[class.ant-qrcode-border]': `nzBordered()`,
'[style.background-color]': `nzBgColor()`
},
imports: [
NzSpinModule,
NzButtonModule,
NzIconModule,
NzStringTemplateOutletDirective,
NzQrcodeSvgComponent,
NzQrcodeCanvasComponent
]
}]
}], ctorParameters: () => [], propDecorators: { nzValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzValue", required: false }] }], nzType: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzType", required: false }] }], nzColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzColor", required: false }] }], nzBgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzBgColor", required: false }] }], nzSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzSize", required: false }] }], nzIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzIcon", required: false }] }], nzIconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzIconSize", required: false }] }], nzBordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzBordered", required: false }] }], nzStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzStatus", required: false }] }], nzLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzLevel", required: false }] }], nzStatusRender: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzStatusRender", required: false }] }], nzBoostLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzBoostLevel", required: false }] }], nzPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "nzPadding", required: false }] }], nzRefresh: [{ type: i0.Output, args: ["nzRefresh"] }] } });
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
class NzQRCodeModule {
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQRCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: NzQRCodeModule, imports: [NzQRCodeComponent], exports: [NzQRCodeComponent] });
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQRCodeModule, imports: [NzQRCodeComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NzQRCodeModule, decorators: [{
type: NgModule,
args: [{
imports: [NzQRCodeComponent],
exports: [NzQRCodeComponent]
}]
}] });
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
/**
* Generated bundle index. Do not edit.
*/
export { NzQRCodeComponent, NzQRCodeModule };
//# sourceMappingURL=ng-zorro-antd-qr-code.mjs.map