qr 0.2.4 → 0.4.2

package/dom.d.ts

@@ -0,0 +1,102 @@
+/*!
+Copyright (c) 2023 Paul Miller (paulmillr.com)
+The library paulmillr-qr is dual-licensed under the Apache 2.0 OR MIT license.
+You can select a license of your choice.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+/**
+ * Optional DOM related utilities. Some utilities, useful to decode QR from camera:
+ * - draw overlay: helps user to position QR code on camera
+ * - draw bitmap: useful for debugging (what decoder sees)
+ * - draw result: show scanned QR code
+ * The code is fragile: it is easy to make subtle errors, which will break decoding.
+ * @module
+ */
+export declare const getSize: (elm: HTMLElement) => {
+    width: number;
+    height: number;
+};
+export type QRCanvasOpts = {
+    resultBlockSize: number;
+    overlayMainColor: string;
+    overlayFinderColor: string;
+    overlaySideColor: string;
+    overlayTimeout: number;
+    cropToSquare: boolean;
+};
+export type QRCanvasElements = {
+    overlay?: HTMLCanvasElement;
+    bitmap?: HTMLCanvasElement;
+    resultQR?: HTMLCanvasElement;
+};
+/**
+ * Handles canvases for QR code decoding
+ */
+export declare class QRCanvas {
+    private opts;
+    private lastDetect;
+    private main;
+    private overlay?;
+    private bitmap?;
+    private resultQR?;
+    constructor({ overlay, bitmap, resultQR }?: QRCanvasElements, opts?: Partial<QRCanvasOpts>);
+    private setSize;
+    private drawBitmap;
+    private drawResultQr;
+    private drawOverlay;
+    drawImage(image: CanvasImageSource, height: number, width: number): string | undefined;
+    clear(): void;
+}
+declare class QRCamera {
+    private stream;
+    private player;
+    constructor(stream: MediaStream, player: HTMLVideoElement);
+    private setStream;
+    /**
+     * Returns list of cameras
+     * NOTE: available only after first getUserMedia request, so cannot be additional method
+     */
+    listDevices(): Promise<{
+        deviceId: string;
+        label: string;
+    }[]>;
+    /**
+     * Change stream to different camera
+     * @param deviceId - devideId from '.listDevices'
+     */
+    setDevice(deviceId: string): Promise<void>;
+    readFrame(canvas: QRCanvas, fullSize?: boolean): string | undefined;
+    stop(): void;
+}
+/**
+ * Creates new QRCamera from frontal camera
+ * @param player - HTML Video element
+ * @example
+ * const canvas = new QRCanvas();
+ * const camera = frontalCamera();
+ * const devices = await camera.listDevices();
+ * await camera.setDevice(devices[0].deviceId); // Change camera
+ * const res = camera.readFrame(canvas);
+ */
+export declare function frontalCamera(player: HTMLVideoElement): Promise<QRCamera>;
+/**
+ * Run callback in a loop with requestAnimationFrame
+ * @param cb - callback
+ * @example
+ * const cancel = frameLoop((ns) => console.log(ns));
+ * cancel();
+ */
+export declare function frameLoop(cb: FrameRequestCallback): () => void;
+export declare function svgToPng(svgData: string, width: number, height: number): Promise<string>;
+export {};
+//# sourceMappingURL=dom.d.ts.map

package/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["src/dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;GAOG;AAKH,eAAO,MAAM,OAAO,GAClB,KAAK,WAAW,KACf;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAMhB,CAAC;AAmBF,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AACF;;GAEG;AACH,qBAAa,QAAQ;IACnB,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,IAAI,CAAoB;IAChC,OAAO,CAAC,OAAO,CAAC,CAAoB;IACpC,OAAO,CAAC,MAAM,CAAC,CAAoB;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAoB;gBAGnC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAE,gBAAqB,EACpD,IAAI,GAAE,OAAO,CAAC,YAAY,CAAM;IAoBlC,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,WAAW;IAgDnB,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAmBtF,KAAK,IAAI,IAAI;CAMd;AAED,cAAM,QAAQ;IACZ,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAmB;gBACrB,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB;IAKzD,OAAO,CAAC,SAAS;IAQjB;;;OAGG;IACG,WAAW,IAAI,OAAO,CAC1B;QACE,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CACJ;IAWD;;;OAGG;IACG,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAOhD,SAAS,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,UAAQ,GAAG,MAAM,GAAG,SAAS;IAMjE,IAAI,IAAI,IAAI;CAGb;AACD;;;;;;;;;GASG;AACH,wBAAsB,aAAa,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAY/E;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,oBAAoB,GAAG,MAAM,IAAI,CAY9D;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CA2CxF"}

package/dom.js

@@ -0,0 +1,328 @@
+"use strict";
+/*!
+Copyright (c) 2023 Paul Miller (paulmillr.com)
+The library paulmillr-qr is dual-licensed under the Apache 2.0 OR MIT license.
+You can select a license of your choice.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+/**
+ * Optional DOM related utilities. Some utilities, useful to decode QR from camera:
+ * - draw overlay: helps user to position QR code on camera
+ * - draw bitmap: useful for debugging (what decoder sees)
+ * - draw result: show scanned QR code
+ * The code is fragile: it is easy to make subtle errors, which will break decoding.
+ * @module
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QRCanvas = exports.getSize = void 0;
+exports.frontalCamera = frontalCamera;
+exports.frameLoop = frameLoop;
+exports.svgToPng = svgToPng;
+const decode_ts_1 = require("./decode.js");
+const getSize = (elm) => {
+    const css = getComputedStyle(elm);
+    const width = Math.floor(+css.width.split('px')[0]);
+    const height = Math.floor(+css.height.split('px')[0]);
+    return { width, height };
+};
+exports.getSize = getSize;
+const setCanvasSize = (canvas, height, width) => {
+    // NOTE: setting canvas.width even to same size will clear & redraw it (flickering)
+    if (canvas.height !== height)
+        canvas.height = height;
+    if (canvas.width !== width)
+        canvas.width = width;
+};
+const getCanvasContext = (canvas) => {
+    const context = canvas.getContext('2d');
+    if (context === null)
+        throw new Error('Cannot get canvas context');
+    return { canvas, context };
+};
+const clearCanvas = ({ canvas, context }) => {
+    context.clearRect(0, 0, canvas.width, canvas.height);
+};
+/**
+ * Handles canvases for QR code decoding
+ */
+class QRCanvas {
+    constructor({ overlay, bitmap, resultQR } = {}, opts = {}) {
+        this.lastDetect = 0;
+        this.opts = {
+            resultBlockSize: 8,
+            overlayMainColor: 'green',
+            overlayFinderColor: 'blue',
+            overlaySideColor: 'black',
+            overlayTimeout: 500,
+            cropToSquare: true,
+            ...opts,
+        };
+        // TODO: check https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas
+        this.main = getCanvasContext(document.createElement('canvas'));
+        if (overlay)
+            this.overlay = getCanvasContext(overlay);
+        if (bitmap)
+            this.bitmap = getCanvasContext(bitmap);
+        if (resultQR) {
+            this.resultQR = getCanvasContext(resultQR);
+            this.resultQR.context.imageSmoothingEnabled = false;
+        }
+    }
+    setSize(height, width) {
+        setCanvasSize(this.main.canvas, height, width);
+        if (this.overlay)
+            setCanvasSize(this.overlay.canvas, height, width);
+        if (this.bitmap)
+            setCanvasSize(this.bitmap.canvas, height, width);
+    }
+    drawBitmap({ data, height, width }) {
+        if (!this.bitmap)
+            return;
+        const imgData = new ImageData(Uint8ClampedArray.from(data), width, height);
+        let offset = { x: 0, y: 0 };
+        if (this.opts.cropToSquare) {
+            offset = {
+                x: Math.ceil((this.bitmap.canvas.width - width) / 2),
+                y: Math.ceil((this.bitmap.canvas.height - height) / 2),
+            };
+        }
+        this.bitmap.context.putImageData(imgData, offset.x, offset.y);
+    }
+    drawResultQr({ data, height, width }) {
+        if (!this.resultQR)
+            return;
+        const blockSize = this.opts.resultBlockSize;
+        setCanvasSize(this.resultQR.canvas, height, width);
+        const imgData = new ImageData(Uint8ClampedArray.from(data), width, height);
+        this.resultQR.context.putImageData(imgData, 0, 0);
+        this.resultQR.canvas.style = `image-rendering: pixelated; width: ${blockSize * width}px; height: ${blockSize * height}px`;
+    }
+    drawOverlay(points) {
+        if (!this.overlay)
+            return;
+        const ctx = this.overlay.context;
+        const height = this.overlay.canvas.height;
+        const width = this.overlay.canvas.width;
+        // Sides
+        if (this.opts.cropToSquare && height !== width) {
+            const squareSize = Math.min(height, width);
+            const offset = {
+                x: Math.floor((width - squareSize) / 2),
+                y: Math.floor((height - squareSize) / 2),
+            };
+            // Clear only central part (flickering)
+            ctx.clearRect(offset.x, offset.y, squareSize, squareSize);
+            ctx.fillStyle = this.opts.overlaySideColor;
+            if (width > height) {
+                ctx.fillRect(0, 0, offset.x, height); // left
+                ctx.fillRect(width - offset.x, 0, offset.x, height); // right
+            }
+            else if (height > width) {
+                ctx.fillRect(0, 0, width, offset.y); // top
+                ctx.fillRect(0, height - offset.y, width, offset.y); // bottom
+            }
+        }
+        else {
+            ctx.clearRect(0, 0, width, height);
+        }
+        if (points) {
+            const [tl, tr, br, bl] = points;
+            // Main area
+            ctx.fillStyle = this.opts.overlayMainColor;
+            ctx.beginPath();
+            ctx.moveTo(tl.x, tl.y);
+            ctx.lineTo(tr.x, tr.y);
+            ctx.lineTo(br.x, br.y);
+            ctx.lineTo(bl.x, bl.y);
+            ctx.fill();
+            ctx.closePath();
+            // Finders
+            ctx.fillStyle = this.opts.overlayFinderColor;
+            for (const p of points) {
+                if (!('moduleSize' in p))
+                    continue;
+                const x = p.x - 3 * p.moduleSize;
+                const y = p.y - 3 * p.moduleSize;
+                const size = 7 * p.moduleSize;
+                ctx.fillRect(x, y, size, size);
+            }
+        }
+    }
+    drawImage(image, height, width) {
+        this.setSize(height, width);
+        const { context } = this.main;
+        context.drawImage(image, 0, 0, width, height);
+        const data = context.getImageData(0, 0, width, height);
+        const options = { cropToSquare: this.opts.cropToSquare };
+        if (this.bitmap)
+            options.imageOnBitmap = (img) => this.drawBitmap(img);
+        if (this.overlay)
+            options.pointsOnDetect = (points) => this.drawOverlay(points);
+        if (this.resultQR)
+            options.imageOnResult = (img) => this.drawResultQr(img);
+        try {
+            const res = (0, decode_ts_1.default)(data, options);
+            this.lastDetect = Date.now();
+            return res;
+        }
+        catch (e) {
+            if (this.overlay && Date.now() - this.lastDetect > this.opts.overlayTimeout)
+                this.drawOverlay();
+        }
+        return;
+    }
+    clear() {
+        clearCanvas(this.main);
+        if (this.overlay)
+            clearCanvas(this.overlay);
+        if (this.bitmap)
+            clearCanvas(this.bitmap);
+        if (this.resultQR)
+            clearCanvas(this.resultQR);
+    }
+}
+exports.QRCanvas = QRCanvas;
+class QRCamera {
+    constructor(stream, player) {
+        this.stream = stream;
+        this.player = player;
+        this.setStream(stream);
+    }
+    setStream(stream) {
+        this.stream = stream;
+        const { player } = this;
+        player.setAttribute('autoplay', '');
+        player.setAttribute('muted', '');
+        player.setAttribute('playsinline', '');
+        player.srcObject = stream;
+    }
+    /**
+     * Returns list of cameras
+     * NOTE: available only after first getUserMedia request, so cannot be additional method
+     */
+    async listDevices() {
+        if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices)
+            throw new Error('Media Devices not supported');
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        return devices
+            .filter((device) => device.kind === 'videoinput')
+            .map((i) => ({
+            deviceId: i.deviceId,
+            label: i.label || `Camera ${i.deviceId}`,
+        }));
+    }
+    /**
+     * Change stream to different camera
+     * @param deviceId - devideId from '.listDevices'
+     */
+    async setDevice(deviceId) {
+        this.stop();
+        const stream = await navigator.mediaDevices.getUserMedia({
+            video: { deviceId: { exact: deviceId } },
+        });
+        this.setStream(stream);
+    }
+    readFrame(canvas, fullSize = false) {
+        const { player } = this;
+        if (fullSize)
+            return canvas.drawImage(player, player.videoHeight, player.videoWidth);
+        const size = (0, exports.getSize)(player);
+        return canvas.drawImage(player, size.height, size.width);
+    }
+    stop() {
+        for (const track of this.stream.getTracks())
+            track.stop();
+    }
+}
+/**
+ * Creates new QRCamera from frontal camera
+ * @param player - HTML Video element
+ * @example
+ * const canvas = new QRCanvas();
+ * const camera = frontalCamera();
+ * const devices = await camera.listDevices();
+ * await camera.setDevice(devices[0].deviceId); // Change camera
+ * const res = camera.readFrame(canvas);
+ */
+async function frontalCamera(player) {
+    const stream = await navigator.mediaDevices.getUserMedia({
+        video: {
+            // Ask for screen resolution
+            height: { ideal: window.screen.height },
+            width: { ideal: window.screen.width },
+            // prefer front-facing camera, but can use any other
+            // NOTE: 'exact' will cause OverConstrained error if no frontal camera available
+            facingMode: 'environment',
+        },
+    });
+    return new QRCamera(stream, player);
+}
+/**
+ * Run callback in a loop with requestAnimationFrame
+ * @param cb - callback
+ * @example
+ * const cancel = frameLoop((ns) => console.log(ns));
+ * cancel();
+ */
+function frameLoop(cb) {
+    let handle = undefined;
+    function loop(ts) {
+        cb(ts);
+        handle = requestAnimationFrame(loop);
+    }
+    handle = requestAnimationFrame(loop);
+    return () => {
+        if (handle === undefined)
+            return;
+        cancelAnimationFrame(handle);
+        handle = undefined;
+    };
+}
+function svgToPng(svgData, width, height) {
+    return new Promise((resolve, reject) => {
+        if (!(Number.isSafeInteger(width) &&
+            Number.isSafeInteger(height) &&
+            width > 0 &&
+            height > 0 &&
+            width < 8192 &&
+            height < 8192))
+            return reject(new Error('invalid width and height: ' + width + ' ' + height));
+        const domparser = new DOMParser();
+        const doc = domparser.parseFromString(svgData, 'image/svg+xml');
+        const svgElement = doc.documentElement;
+        svgElement.setAttribute('width', String(width));
+        svgElement.setAttribute('height', String(height));
+        const rect = doc.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        rect.setAttribute('width', '100%');
+        rect.setAttribute('height', '100%');
+        rect.setAttribute('fill', 'white');
+        svgElement.insertBefore(rect, svgElement.firstChild);
+        const serializer = new XMLSerializer();
+        const source = serializer.serializeToString(doc);
+        const img = new Image();
+        img.src = 'data:image/svg+xml,' + encodeURIComponent(source);
+        img.onload = function () {
+            const canvas = document.createElement('canvas');
+            canvas.width = width;
+            canvas.height = height;
+            const ctx = canvas.getContext('2d');
+            if (!ctx)
+                return reject(new Error('was not able to create 2d context'));
+            ctx.drawImage(img, 0, 0, width, height);
+            const dataUrl = canvas.toDataURL('image/png');
+            resolve(dataUrl);
+        };
+        img.onerror = reject;
+    });
+}
+//# sourceMappingURL=dom.js.map

package/esm/decode.d.ts

@@ -0,0 +1,62 @@
+/*!
+Copyright (c) 2023 Paul Miller (paulmillr.com)
+The library paulmillr-qr is dual-licensed under the Apache 2.0 OR MIT license.
+You can select a license of your choice.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+/**
+ * Methods for decoding (reading) QR code patterns.
+ * @module
+ * @example
+```js
+
+```
+ */
+import type { Image, Point } from './index.ts';
+import { Bitmap } from './index.ts';
+export type FinderPoints = [Pattern, Pattern, Point, Pattern];
+/**
+ * Convert to grayscale. The function is the most expensive part of decoding:
+ * it takes up to 90% of time. TODO: check gamma correction / sqr.
+ */
+declare function toBitmap(img: Image): Bitmap;
+type Pattern = Point & {
+    moduleSize: number;
+    count: number;
+};
+declare function findFinder(b: Bitmap): {
+    bl: Pattern;
+    tl: Pattern;
+    tr: Pattern;
+};
+declare function detect(b: Bitmap): {
+    bits: Bitmap;
+    points: FinderPoints;
+};
+declare function decodeBitmap(b: Bitmap): string;
+export type DecodeOpts = {
+    cropToSquare?: boolean;
+    pointsOnDetect?: (points: FinderPoints) => void;
+    imageOnBitmap?: (img: Image) => void;
+    imageOnDetect?: (img: Image) => void;
+    imageOnResult?: (img: Image) => void;
+};
+export declare function decodeQR(img: Image, opts?: DecodeOpts): string;
+export default decodeQR;
+export declare const _tests: {
+    toBitmap: typeof toBitmap;
+    decodeBitmap: typeof decodeBitmap;
+    findFinder: typeof findFinder;
+    detect: typeof detect;
+};
+//# sourceMappingURL=decode.d.ts.map

package/esm/decode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../src/decode.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAiC,KAAK,EAAQ,KAAK,EAAE,MAAM,YAAY,CAAC;AACpF,OAAO,EAAE,MAAM,EAAS,MAAM,YAAY,CAAC;AAgB3C,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AA2B9D;;;GAGG;AACH,iBAAS,QAAQ,CAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAwEpC;AAGD,KAAK,OAAO,GAAG,KAAK,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AA6I7D,iBAAS,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG;IAC9B,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;CACb,CA8HA;AAoHD,iBAAS,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,YAAY,CAAC;CACtB,CAkDA;AAyJD,iBAAS,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAgFvC;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC,CAAC;AAsBF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,GAAE,UAAe,GAAG,MAAM,CA8BlE;AAED,eAAe,QAAQ,CAAC;AAGxB,eAAO,MAAM,MAAM,EAAE;IACnB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,YAAY,EAAE,OAAO,YAAY,CAAC;IAClC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,MAAM,EAAE,OAAO,MAAM,CAAC;CAMvB,CAAC"}