@mesgflow/ui-kit 0.7.0 → 0.8.0

package/fesm2022/mesgflow-ui-kit-qr-code.mjs

@@ -0,0 +1,766 @@
+import * as i0 from '@angular/core';
+import { Directive, input, numberAttribute, output, inject, contentChild, computed, effect, Component } from '@angular/core';
+import { MF_QR_CODE_LABELS, cn } from '@mesgflow/ui-kit/core';
+
+const FINDER = 7;
+/** SVG yolu sayıları — gereksiz ondalıkları at, çıktıyı kısa tut. */
+function n(value) {
+    return String(Math.round(value * 1000) / 1000);
+}
+function isFinder(x, y, size) {
+    return ((x < FINDER && y < FINDER) ||
+        (x >= size - FINDER && y < FINDER) ||
+        (x < FINDER && y >= size - FINDER));
+}
+/** Saat yönünde yuvarlatılmış dikdörtgen alt yolu. */
+function roundedRect(x, y, w, h, r) {
+    if (r <= 0)
+        return `M${n(x)} ${n(y)}h${n(w)}v${n(h)}h${n(-w)}z`;
+    return (`M${n(x + r)} ${n(y)}h${n(w - 2 * r)}a${n(r)} ${n(r)} 0 0 1 ${n(r)} ${n(r)}` +
+        `v${n(h - 2 * r)}a${n(r)} ${n(r)} 0 0 1 ${n(-r)} ${n(r)}` +
+        `h${n(-(w - 2 * r))}a${n(r)} ${n(r)} 0 0 1 ${n(-r)} ${n(-r)}` +
+        `v${n(-(h - 2 * r))}a${n(r)} ${n(r)} 0 0 1 ${n(r)} ${n(-r)}z`);
+}
+/**
+ * Köşe başına yarıçaplı tek modül — bir köşe yalnızca o köşeye bakan İKİ komşu
+ * de açıksa yuvarlanır. Sonuç: yan yana modüller kesintisiz "akışkan" bloklar,
+ * yalnız modüller daire olur.
+ */
+function blobModule(x, y, tl, tr, br, bl) {
+    let d = `M${n(x + tl)} ${n(y)}H${n(x + 1 - tr)}`;
+    if (tr)
+        d += `a${n(tr)} ${n(tr)} 0 0 1 ${n(tr)} ${n(tr)}`;
+    d += `V${n(y + 1 - br)}`;
+    if (br)
+        d += `a${n(br)} ${n(br)} 0 0 1 ${n(-br)} ${n(br)}`;
+    d += `H${n(x + bl)}`;
+    if (bl)
+        d += `a${n(bl)} ${n(bl)} 0 0 1 ${n(-bl)} ${n(-bl)}`;
+    d += `V${n(y + tl)}`;
+    if (tl)
+        d += `a${n(tl)} ${n(tl)} 0 0 1 ${n(tl)} ${n(-tl)}`;
+    return `${d}z`;
+}
+function dot(x, y, r) {
+    return `M${n(x + 0.5 - r)} ${n(y + 0.5)}a${n(r)} ${n(r)} 0 1 0 ${n(2 * r)} 0a${n(r)} ${n(r)} 0 1 0 ${n(-2 * r)} 0z`;
+}
+/**
+ * Logo için merkezde boşaltılacak kare kenarı (modül). QR kenarıyla aynı
+ * paritede (tek) tutulur ki kare tam ortalansın; oran 0–0.3 arası kırpılır
+ * (H seviyesi ~%30 hasarı kurtarır — alan olarak 0.3² ≈ %9, güvenli pay).
+ */
+function excavationSize(size, ratio) {
+    const clamped = Math.min(0.3, Math.max(0, ratio));
+    if (clamped === 0)
+        return 0;
+    let side = Math.round(size * clamped);
+    if (side % 2 !== size % 2)
+        side += 1;
+    return Math.min(side, size - 2 * (FINDER + 1));
+}
+/** Kodlanmış matrisi saf SVG yol dizelerine çevirir — DOM'suz, `computed()` içinde çağrılır. */
+function qrGeometry(matrix, shape, finder, logoRatio) {
+    const size = matrix.size;
+    const excavated = excavationSize(size, logoRatio);
+    const start = (size - excavated) / 2;
+    const inLogo = (x, y) => excavated > 0 && x >= start && x < start + excavated && y >= start && y < start + excavated;
+    const drawn = (x, y) => x >= 0 &&
+        y >= 0 &&
+        x < size &&
+        y < size &&
+        matrix.modules[y][x] &&
+        !isFinder(x, y, size) &&
+        !inLogo(x, y);
+    let dataPath = '';
+    for (let y = 0; y < size; y++) {
+        if (shape === 'square') {
+            // Yatay koşuları birleştir — path ~%60 kısalır.
+            for (let x = 0; x < size;) {
+                if (!drawn(x, y)) {
+                    x++;
+                    continue;
+                }
+                let run = 1;
+                while (drawn(x + run, y))
+                    run++;
+                dataPath += `M${x} ${y}h${run}v1h${-run}z`;
+                x += run;
+            }
+            continue;
+        }
+        for (let x = 0; x < size; x++) {
+            if (!drawn(x, y))
+                continue;
+            if (shape === 'dots') {
+                dataPath += dot(x, y, 0.42);
+                continue;
+            }
+            const up = drawn(x, y - 1);
+            const down = drawn(x, y + 1);
+            const left = drawn(x - 1, y);
+            const right = drawn(x + 1, y);
+            const r = 0.5;
+            dataPath += blobModule(x, y, !up && !left ? r : 0, !up && !right ? r : 0, !down && !right ? r : 0, !down && !left ? r : 0);
+        }
+    }
+    const rounded = finder === 'rounded';
+    const origins = [
+        [0, 0],
+        [size - FINDER, 0],
+        [0, size - FINDER],
+    ];
+    let finderOuterPath = '';
+    let finderInnerPath = '';
+    for (const [x, y] of origins) {
+        finderOuterPath +=
+            roundedRect(x, y, 7, 7, rounded ? 2 : 0) + roundedRect(x + 1, y + 1, 5, 5, rounded ? 1.4 : 0);
+        finderInnerPath += roundedRect(x + 2, y + 2, 3, 3, rounded ? 0.9 : 0);
+    }
+    return { size, dataPath, finderOuterPath, finderInnerPath, excavated };
+}
+/** Bağımsız bir `<svg>` belgesi (indirme/paylaşım için) — logo katmanı HTML olduğu için dahil DEĞİL. */
+function qrSvgString(geometry, options = {}) {
+    const margin = options.margin ?? 4;
+    const px = options.pixelSize ?? 256;
+    const fg = escapeAttr(options.foreground ?? '#000000');
+    const bg = escapeAttr(options.background ?? '#ffffff');
+    const total = geometry.size + margin * 2;
+    return (`<svg xmlns="http://www.w3.org/2000/svg" width="${px}" height="${px}" viewBox="${-margin} ${-margin} ${total} ${total}">` +
+        `<rect x="${-margin}" y="${-margin}" width="${total}" height="${total}" fill="${bg}"/>` +
+        `<path d="${geometry.finderOuterPath}" fill="${fg}" fill-rule="evenodd"/>` +
+        `<path d="${geometry.finderInnerPath}" fill="${fg}"/>` +
+        `<path d="${geometry.dataPath}" fill="${fg}"/>` +
+        `</svg>`);
+}
+function escapeAttr(value) {
+    return value.replace(/[&"<>]/g, (c) => `&#${c.charCodeAt(0)};`);
+}
+
+/*
+ * QR Code encoder — Project Nayuki "QR Code generator library" (TypeScript)
+ * algoritmasının kite ait, tipli ve sadeleştirilmiş portu.
+ *
+ * Copyright (c) Project Nayuki. (MIT License)
+ * 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.
+ *
+ * Neden vendor (bağımlılık değil): kitin her runtime kütüphanesi bir peerDependency
+ * olmak zorunda ve `ng add` bunu HER tüketiciye kurar — ~5 KB'lık saf bir algoritma
+ * için yeni bir peer eklemek yerine kodlayıcı burada yaşıyor. DOM'a dokunmaz (SSR güvenli).
+ */
+/** İçerik, `maxVersion` ve seçilen `ecc` ile sığmıyor. */
+class QrCapacityError extends Error {
+    constructor() {
+        super('QR code data too long for the requested version / error correction level');
+        this.name = 'QrCapacityError';
+    }
+}
+const ECC_ORDINAL = { L: 0, M: 1, Q: 2, H: 3 };
+const ECC_FORMAT_BITS = { L: 1, M: 0, Q: 3, H: 2 };
+// prettier-ignore
+const ECC_CODEWORDS_PER_BLOCK = [
+    // Sürüm: 0 (dolgu), 1 … 40
+    [-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], // L
+    [-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], // M
+    [-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], // Q
+    [-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], // H
+];
+// prettier-ignore
+const NUM_ERROR_CORRECTION_BLOCKS = [
+    [-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], // L
+    [-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], // M
+    [-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], // Q
+    [-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], // H
+];
+const PENALTY_N1 = 3;
+const PENALTY_N2 = 3;
+const PENALTY_N3 = 40;
+const PENALTY_N4 = 10;
+const ALPHANUMERIC_CHARSET = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:';
+const NUMERIC = /^[0-9]*$/;
+const ALPHANUMERIC = /^[A-Z0-9 $%*+./:-]*$/;
+const MODE_NUMERIC = { bits: 0x1, countBits: [10, 12, 14] };
+const MODE_ALPHANUMERIC = { bits: 0x2, countBits: [9, 11, 13] };
+const MODE_BYTE = { bits: 0x4, countBits: [8, 16, 16] };
+function appendBits(value, length, out) {
+    for (let i = length - 1; i >= 0; i--)
+        out.push((value >>> i) & 1);
+}
+function getBit(value, i) {
+    return ((value >>> i) & 1) !== 0;
+}
+function charCountBits(mode, version) {
+    return mode.countBits[Math.floor((version + 7) / 17)];
+}
+function makeSegment(data) {
+    if (typeof data !== 'string')
+        return byteSegment(data);
+    if (data === '')
+        return null;
+    if (NUMERIC.test(data)) {
+        const bits = [];
+        for (let i = 0; i < data.length; i += 3) {
+            const chunk = data.substring(i, i + 3);
+            appendBits(Number.parseInt(chunk, 10), chunk.length * 3 + 1, bits);
+        }
+        return { mode: MODE_NUMERIC, numChars: data.length, data: bits };
+    }
+    if (ALPHANUMERIC.test(data)) {
+        const bits = [];
+        let i = 0;
+        for (; i + 2 <= data.length; i += 2) {
+            const pair = ALPHANUMERIC_CHARSET.indexOf(data.charAt(i)) * 45 +
+                ALPHANUMERIC_CHARSET.indexOf(data.charAt(i + 1));
+            appendBits(pair, 11, bits);
+        }
+        if (i < data.length)
+            appendBits(ALPHANUMERIC_CHARSET.indexOf(data.charAt(i)), 6, bits);
+        return { mode: MODE_ALPHANUMERIC, numChars: data.length, data: bits };
+    }
+    return byteSegment(new TextEncoder().encode(data));
+}
+function byteSegment(bytes) {
+    const bits = [];
+    for (const b of bytes)
+        appendBits(b, 8, bits);
+    return { mode: MODE_BYTE, numChars: bytes.length, data: bits };
+}
+function totalBits(segments, version) {
+    let result = 0;
+    for (const seg of segments) {
+        const ccBits = charCountBits(seg.mode, version);
+        if (seg.numChars >= 1 << ccBits)
+            return Number.POSITIVE_INFINITY;
+        result += 4 + ccBits + seg.data.length;
+    }
+    return result;
+}
+function numRawDataModules(version) {
+    let result = (16 * version + 128) * version + 64;
+    if (version >= 2) {
+        const numAlign = Math.floor(version / 7) + 2;
+        result -= (25 * numAlign - 10) * numAlign - 55;
+        if (version >= 7)
+            result -= 36;
+    }
+    return result;
+}
+function numDataCodewords(version, ecc) {
+    const o = ECC_ORDINAL[ecc];
+    return (Math.floor(numRawDataModules(version) / 8) -
+        ECC_CODEWORDS_PER_BLOCK[o][version] * NUM_ERROR_CORRECTION_BLOCKS[o][version]);
+}
+// --- Reed–Solomon (GF(2^8), indirgeme polinomu 0x11D) ---
+function rsMultiply(x, y) {
+    let z = 0;
+    for (let i = 7; i >= 0; i--) {
+        z = (z << 1) ^ ((z >>> 7) * 0x11d);
+        z ^= ((y >>> i) & 1) * x;
+    }
+    return z;
+}
+function rsDivisor(degree) {
+    const result = new Array(degree).fill(0);
+    result[degree - 1] = 1;
+    let root = 1;
+    for (let i = 0; i < degree; i++) {
+        for (let j = 0; j < result.length; j++) {
+            result[j] = rsMultiply(result[j], root);
+            if (j + 1 < result.length)
+                result[j] ^= result[j + 1];
+        }
+        root = rsMultiply(root, 0x02);
+    }
+    return result;
+}
+function rsRemainder(data, divisor) {
+    const result = divisor.map(() => 0);
+    for (const b of data) {
+        const factor = b ^ result.shift();
+        result.push(0);
+        divisor.forEach((coef, i) => (result[i] ^= rsMultiply(coef, factor)));
+    }
+    return result;
+}
+// --- Matris ---
+class Grid {
+    version;
+    size;
+    modules;
+    isFunction;
+    constructor(version) {
+        this.version = version;
+        this.size = version * 4 + 17;
+        this.modules = Array.from({ length: this.size }, () => new Array(this.size).fill(false));
+        this.isFunction = Array.from({ length: this.size }, () => new Array(this.size).fill(false));
+    }
+    setFunction(x, y, dark) {
+        this.modules[y][x] = dark;
+        this.isFunction[y][x] = true;
+    }
+    drawFunctionPatterns(ecc) {
+        for (let i = 0; i < this.size; i++) {
+            this.setFunction(6, i, i % 2 === 0);
+            this.setFunction(i, 6, i % 2 === 0);
+        }
+        this.drawFinder(3, 3);
+        this.drawFinder(this.size - 4, 3);
+        this.drawFinder(3, this.size - 4);
+        const align = this.alignmentPositions();
+        const n = align.length;
+        for (let i = 0; i < n; i++) {
+            for (let j = 0; j < n; j++) {
+                const corner = (i === 0 && j === 0) || (i === 0 && j === n - 1) || (i === n - 1 && j === 0);
+                if (!corner)
+                    this.drawAlignment(align[i], align[j]);
+            }
+        }
+        this.drawFormatBits(ecc, 0); // yer tutucu — maske seçildikten sonra üzerine yazılır
+        this.drawVersion();
+    }
+    drawFinder(cx, cy) {
+        for (let dy = -4; dy <= 4; dy++) {
+            for (let dx = -4; dx <= 4; dx++) {
+                const dist = Math.max(Math.abs(dx), Math.abs(dy));
+                const x = cx + dx;
+                const y = cy + dy;
+                if (x >= 0 && x < this.size && y >= 0 && y < this.size) {
+                    this.setFunction(x, y, dist !== 2 && dist !== 4);
+                }
+            }
+        }
+    }
+    drawAlignment(cx, cy) {
+        for (let dy = -2; dy <= 2; dy++) {
+            for (let dx = -2; dx <= 2; dx++) {
+                this.setFunction(cx + dx, cy + dy, Math.max(Math.abs(dx), Math.abs(dy)) !== 1);
+            }
+        }
+    }
+    alignmentPositions() {
+        if (this.version === 1)
+            return [];
+        const numAlign = Math.floor(this.version / 7) + 2;
+        const step = this.version === 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
+        const result = [6];
+        for (let pos = this.size - 7; result.length < numAlign; pos -= step)
+            result.splice(1, 0, pos);
+        return result;
+    }
+    drawFormatBits(ecc, mask) {
+        const data = (ECC_FORMAT_BITS[ecc] << 3) | mask;
+        let rem = data;
+        for (let i = 0; i < 10; i++)
+            rem = (rem << 1) ^ ((rem >>> 9) * 0x537);
+        const bits = ((data << 10) | rem) ^ 0x5412;
+        for (let i = 0; i <= 5; i++)
+            this.setFunction(8, i, getBit(bits, i));
+        this.setFunction(8, 7, getBit(bits, 6));
+        this.setFunction(8, 8, getBit(bits, 7));
+        this.setFunction(7, 8, getBit(bits, 8));
+        for (let i = 9; i < 15; i++)
+            this.setFunction(14 - i, 8, getBit(bits, i));
+        for (let i = 0; i < 8; i++)
+            this.setFunction(this.size - 1 - i, 8, getBit(bits, i));
+        for (let i = 8; i < 15; i++)
+            this.setFunction(8, this.size - 15 + i, getBit(bits, i));
+        this.setFunction(8, this.size - 8, true); // her zaman koyu modül
+    }
+    drawVersion() {
+        if (this.version < 7)
+            return;
+        let rem = this.version;
+        for (let i = 0; i < 12; i++)
+            rem = (rem << 1) ^ ((rem >>> 11) * 0x1f25);
+        const bits = (this.version << 12) | rem;
+        for (let i = 0; i < 18; i++) {
+            const dark = getBit(bits, i);
+            const a = this.size - 11 + (i % 3);
+            const b = Math.floor(i / 3);
+            this.setFunction(a, b, dark);
+            this.setFunction(b, a, dark);
+        }
+    }
+    drawCodewords(codewords) {
+        let i = 0;
+        for (let right = this.size - 1; right >= 1; right -= 2) {
+            if (right === 6)
+                right = 5;
+            for (let vert = 0; vert < this.size; vert++) {
+                for (let j = 0; j < 2; j++) {
+                    const x = right - j;
+                    const upward = ((right + 1) & 2) === 0;
+                    const y = upward ? this.size - 1 - vert : vert;
+                    if (!this.isFunction[y][x] && i < codewords.length * 8) {
+                        this.modules[y][x] = getBit(codewords[i >>> 3], 7 - (i & 7));
+                        i++;
+                    }
+                }
+            }
+        }
+    }
+    applyMask(mask) {
+        for (let y = 0; y < this.size; y++) {
+            for (let x = 0; x < this.size; x++) {
+                if (!this.isFunction[y][x] && maskBit(mask, x, y)) {
+                    this.modules[y][x] = !this.modules[y][x];
+                }
+            }
+        }
+    }
+    penalty() {
+        let result = 0;
+        const size = this.size;
+        const m = this.modules;
+        const line = (get) => {
+            let runColor = false;
+            let run = 0;
+            const history = [0, 0, 0, 0, 0, 0, 0];
+            for (let i = 0; i < size; i++) {
+                if (get(i) === runColor) {
+                    run++;
+                    if (run === 5)
+                        result += PENALTY_N1;
+                    else if (run > 5)
+                        result++;
+                }
+                else {
+                    this.addHistory(run, history);
+                    if (!runColor)
+                        result += this.countFinderLike(history) * PENALTY_N3;
+                    runColor = get(i);
+                    run = 1;
+                }
+            }
+            if (runColor) {
+                this.addHistory(run, history);
+                run = 0;
+            }
+            run += size;
+            this.addHistory(run, history);
+            result += this.countFinderLike(history) * PENALTY_N3;
+        };
+        for (let y = 0; y < size; y++)
+            line((x) => m[y][x]);
+        for (let x = 0; x < size; x++)
+            line((y) => m[y][x]);
+        for (let y = 0; y < size - 1; y++) {
+            for (let x = 0; x < size - 1; x++) {
+                const c = m[y][x];
+                if (c === m[y][x + 1] && c === m[y + 1][x] && c === m[y + 1][x + 1])
+                    result += PENALTY_N2;
+            }
+        }
+        let dark = 0;
+        for (const row of m)
+            for (const c of row)
+                if (c)
+                    dark++;
+        const total = size * size;
+        const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
+        result += k * PENALTY_N4;
+        return result;
+    }
+    countFinderLike(h) {
+        const n = h[1];
+        const core = n > 0 && h[2] === n && h[3] === n * 3 && h[4] === n && h[5] === n;
+        return ((core && h[0] >= n * 4 && h[6] >= n ? 1 : 0) + (core && h[6] >= n * 4 && h[0] >= n ? 1 : 0));
+    }
+    addHistory(run, history) {
+        if (history[0] === 0)
+            run += this.size; // ilk koşuya sanal açık sessiz bölge
+        history.pop();
+        history.unshift(run);
+    }
+}
+function maskBit(mask, x, y) {
+    switch (mask) {
+        case 0:
+            return (x + y) % 2 === 0;
+        case 1:
+            return y % 2 === 0;
+        case 2:
+            return x % 3 === 0;
+        case 3:
+            return (x + y) % 3 === 0;
+        case 4:
+            return (Math.floor(x / 3) + Math.floor(y / 2)) % 2 === 0;
+        case 5:
+            return ((x * y) % 2) + ((x * y) % 3) === 0;
+        case 6:
+            return (((x * y) % 2) + ((x * y) % 3)) % 2 === 0;
+        default:
+            return (((x + y) % 2) + ((x * y) % 3)) % 2 === 0;
+    }
+}
+function addEccAndInterleave(data, version, ecc) {
+    const o = ECC_ORDINAL[ecc];
+    const numBlocks = NUM_ERROR_CORRECTION_BLOCKS[o][version];
+    const blockEccLen = ECC_CODEWORDS_PER_BLOCK[o][version];
+    const rawCodewords = Math.floor(numRawDataModules(version) / 8);
+    const numShortBlocks = numBlocks - (rawCodewords % numBlocks);
+    const shortBlockLen = Math.floor(rawCodewords / numBlocks);
+    const divisor = rsDivisor(blockEccLen);
+    const blocks = [];
+    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 eccBytes = rsRemainder(dat, divisor);
+        if (i < numShortBlocks)
+            dat.push(0);
+        blocks.push(dat.concat(eccBytes));
+    }
+    const result = [];
+    for (let i = 0; i < blocks[0].length; i++) {
+        blocks.forEach((block, j) => {
+            if (i !== shortBlockLen - blockEccLen || j >= numShortBlocks)
+                result.push(block[i]);
+        });
+    }
+    return result;
+}
+/**
+ * Metni (UTF-8; tamamen rakamsa numeric, büyük harf/rakam/` $%*+-./:` ise
+ * alphanumeric kip) ya da ham baytları bir QR matrisine kodlar. En küçük uygun
+ * sürümü ve en düşük cezalı maskeyi seçer.
+ *
+ * @throws {QrCapacityError} içerik sığmıyorsa.
+ */
+function encodeQr(data, options = {}) {
+    const minVersion = Math.max(1, Math.min(40, Math.floor(options.minVersion ?? 1)));
+    const maxVersion = Math.max(minVersion, Math.min(40, Math.floor(options.maxVersion ?? 40)));
+    let ecc = options.ecc ?? 'M';
+    const boost = options.boostEcc ?? true;
+    const segment = makeSegment(data);
+    const segments = segment ? [segment] : [];
+    let version = minVersion;
+    let usedBits;
+    for (;; version++) {
+        usedBits = totalBits(segments, version);
+        if (usedBits <= numDataCodewords(version, ecc) * 8)
+            break;
+        if (version >= maxVersion)
+            throw new QrCapacityError();
+    }
+    if (boost) {
+        for (const higher of ['M', 'Q', 'H']) {
+            if (usedBits <= numDataCodewords(version, higher) * 8)
+                ecc = higher;
+        }
+    }
+    const bits = [];
+    for (const seg of segments) {
+        appendBits(seg.mode.bits, 4, bits);
+        appendBits(seg.numChars, charCountBits(seg.mode, version), bits);
+        for (const b of seg.data)
+            bits.push(b);
+    }
+    const capacity = numDataCodewords(version, ecc) * 8;
+    appendBits(0, Math.min(4, capacity - bits.length), bits); // sonlandırıcı
+    appendBits(0, (8 - (bits.length % 8)) % 8, bits);
+    for (let pad = 0xec; bits.length < capacity; pad ^= 0xec ^ 0x11)
+        appendBits(pad, 8, bits);
+    const codewords = new Array(bits.length / 8).fill(0);
+    bits.forEach((b, i) => (codewords[i >>> 3] |= b << (7 - (i & 7))));
+    const grid = new Grid(version);
+    grid.drawFunctionPatterns(ecc);
+    grid.drawCodewords(addEccAndInterleave(codewords, version, ecc));
+    let bestMask = 0;
+    let minPenalty = Number.POSITIVE_INFINITY;
+    for (let mask = 0; mask < 8; mask++) {
+        grid.applyMask(mask);
+        grid.drawFormatBits(ecc, mask);
+        const penalty = grid.penalty();
+        if (penalty < minPenalty) {
+            bestMask = mask;
+            minPenalty = penalty;
+        }
+        grid.applyMask(mask); // XOR — geri al
+    }
+    grid.applyMask(bestMask);
+    grid.drawFormatBits(ecc, bestMask);
+    return {
+        size: grid.size,
+        version,
+        ecc,
+        mask: bestMask,
+        modules: grid.modules,
+        isFunction: grid.isFunction,
+    };
+}
+
+/**
+ * `<mf-qr-code data="…"><img mfQrCodeLogo src="logo.svg" alt="" /></mf-qr-code>` —
+ * QR'ın ortasına yerleştirilen logo. Varlığı hata düzeltmeyi otomatik `H`'ye
+ * yükseltir ve altındaki modülleri boşaltır. Dekoratif olduğu için `alt=""`
+ * önerilir — erişilebilir ad `mf-qr-code`'un kendi `aria-label`'ındadır.
+ */
+class QrCodeLogo {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: QrCodeLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: QrCodeLogo, isStandalone: true, selector: "[mfQrCodeLogo]", host: { classAttribute: "block max-h-full max-w-full object-contain" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: QrCodeLogo, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfQrCodeLogo]',
+                    host: { class: 'block max-h-full max-w-full object-contain' },
+                }]
+        }] });
+/**
+ * `<mf-qr-code data="https://mesgflow.dev" />`
+ *
+ * Saf SVG QR kod — kodlayıcı kitin içinde (`qr-encoder.ts`, Nayuki portu), ek
+ * bağımlılık yok; tüm geometri `computed()` ile üretilir, DOM API'si
+ * kullanılmaz (SSR güvenli).
+ *
+ * - `shape`: `square` (klasik) · `rounded` (akışkan, komşu modüllerle birleşen) · `dots`.
+ * - `finder`: köşe desenleri `square` / `rounded`.
+ * - `ecc`: L/M/Q/H — logo varsa otomatik `H`. Aynı boyutta daha yüksek seviye
+ *   sığıyorsa zaten yükseltilir (`boostEcc`).
+ * - `margin`: sessiz bölge (modül). Okuyucular ≥ 2 ister; baskı için 4.
+ * - Logo: `[mfQrCodeLogo]` içerik (bkz. `QrCodeLogo`).
+ * - `toSvgString()`: indirme/paylaşım için bağımsız SVG.
+ *
+ * Renk: varsayılan beyaz kart üstünde siyah modül — BİLİNÇLİ ham renk istisnası:
+ * kameralar koyu-üstünde-açık (ters) QR'ı güvenilir okuyamaz, bu yüzden koyu temada
+ * da açık kart kalır. `foreground`/`background` (herhangi bir CSS rengi, `var(--…)`
+ * dahil) ile değiştirilir — satır içi stil olduğu için sınıf sırası çakışması yok;
+ * modüller `currentColor`, logo kutusu zemini miras alır. Koyu modül / açık zemin ve
+ * yeterli kontrast (≥ ~4:1) korunmalı.
+ *
+ * İçerik sığmazsa hata fırlatmaz: yerinde erişilebilir bir hata durumu çizer ve
+ * `encoded` çıkışı `null` yayar.
+ */
+class QrCode {
+    /** Kodlanacak içerik (URL, metin, `WIFI:…`, `mailto:` vb.). */
+    data = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    /** Piksel kenar (sessiz bölge dahil). */
+    size = input(160, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    ecc = input('M', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ecc" }] : /* istanbul ignore next */ []));
+    /** Sessiz bölge, modül cinsinden. */
+    margin = input(2, { ...(ngDevMode ? { debugName: "margin" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    shape = input('square', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    finder = input('square', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "finder" }] : /* istanbul ignore next */ []));
+    /** Logo karesinin QR kenarına oranı (0–0.3); yalnızca `[mfQrCodeLogo]` varken etkili. */
+    logoSize = input(0.22, { ...(ngDevMode ? { debugName: "logoSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Modül rengi (CSS rengi). Verilmezse siyah. */
+    foreground = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "foreground" }] : /* istanbul ignore next */ []));
+    /** Zemin rengi (CSS rengi). Verilmezse beyaz. */
+    background = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "background" }] : /* istanbul ignore next */ []));
+    /** `role="img"` erişilebilir adı — verilmezse `MF_QR_CODE_LABELS.ariaLabel`. İçeriği anlatan bir ad önerilir. */
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Her yeniden kodlamada matris (hata durumunda `null`). */
+    encoded = output();
+    labels = inject(MF_QR_CODE_LABELS);
+    logo = contentChild(QrCodeLogo, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "logo" }] : /* istanbul ignore next */ []));
+    hasLogo = computed(() => !!this.logo(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasLogo" }] : /* istanbul ignore next */ []));
+    effectiveEcc = computed(() => (this.hasLogo() ? 'H' : this.ecc()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveEcc" }] : /* istanbul ignore next */ []));
+    matrix = computed(() => {
+        try {
+            return encodeQr(this.data(), { ecc: this.effectiveEcc() });
+        }
+        catch (error) {
+            if (error instanceof QrCapacityError)
+                return null;
+            throw error;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "matrix" }] : /* istanbul ignore next */ []));
+    geometry = computed(() => {
+        const matrix = this.matrix();
+        if (!matrix)
+            return null;
+        return qrGeometry(matrix, this.shape(), this.finder(), this.hasLogo() ? this.logoSize() : 0);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "geometry" }] : /* istanbul ignore next */ []));
+    quietZone = computed(() => Math.max(0, this.margin()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "quietZone" }] : /* istanbul ignore next */ []));
+    viewBox = computed(() => {
+        const g = this.geometry();
+        if (!g)
+            return '0 0 1 1';
+        const m = this.quietZone();
+        const total = g.size + m * 2;
+        return `${-m} ${-m} ${total} ${total}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    /** Logo kutusunun piksel kenarı — boşaltılan karenin ekrandaki karşılığı. */
+    logoBoxPx = computed(() => {
+        const g = this.geometry();
+        if (!g || !g.excavated)
+            return 0;
+        return (g.excavated / (g.size + this.quietZone() * 2)) * this.size();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "logoBoxPx" }] : /* istanbul ignore next */ []));
+    crisp = computed(() => this.shape() === 'square', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "crisp" }] : /* istanbul ignore next */ []));
+    effectiveAriaLabel = computed(() => this.matrix() ? (this.ariaLabel() ?? this.labels().ariaLabel) : this.labels().error, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => cn('relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-lg', this.matrix() ? '' : 'bg-danger-tint text-danger-tint-fg'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => this.encoded.emit(this.matrix()));
+    }
+    /**
+     * Bağımsız SVG belgesi — logo katmanı dahil DEĞİL. İçerik sığmıyorsa `null`.
+     * Renkler verilmezse `foreground`/`background` girdileri (onlar da yoksa siyah/beyaz);
+     * `var(--…)` gibi bağlama bağlı değerler dışa aktarımda çözülmez — somut renk geçin.
+     */
+    toSvgString(options) {
+        const g = this.geometry();
+        if (!g)
+            return null;
+        return qrSvgString(g, {
+            margin: this.quietZone(),
+            foreground: this.foreground(),
+            background: this.background(),
+            ...options,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: QrCode, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: QrCode, isStandalone: true, selector: "mf-qr-code", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ecc: { classPropertyName: "ecc", publicName: "ecc", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, finder: { classPropertyName: "finder", publicName: "finder", isSignal: true, isRequired: false, transformFunction: null }, logoSize: { classPropertyName: "logoSize", publicName: "logoSize", isSignal: true, isRequired: false, transformFunction: null }, foreground: { classPropertyName: "foreground", publicName: "foreground", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { encoded: "encoded" }, host: { attributes: { "role": "img" }, properties: { "attr.aria-label": "effectiveAriaLabel()", "class": "hostClasses()", "style.width.px": "size()", "style.height.px": "size()", "style.color": "matrix() ? (foreground() ?? '#000') : null", "style.background-color": "matrix() ? (background() ?? '#fff') : null" } }, queries: [{ propertyName: "logo", first: true, predicate: QrCodeLogo, descendants: true, isSignal: true }], exportAs: ["mfQrCode"], ngImport: i0, template: "@if (geometry(); as g) {\r\n  <svg\r\n    class=\"block h-full w-full\"\r\n    [attr.viewBox]=\"viewBox()\"\r\n    [attr.shape-rendering]=\"crisp() ? 'crispEdges' : 'geometricPrecision'\"\r\n    aria-hidden=\"true\"\r\n    focusable=\"false\"\r\n  >\r\n    <path data-part=\"finder\" fill=\"currentColor\" fill-rule=\"evenodd\" [attr.d]=\"g.finderOuterPath\" />\r\n    <path data-part=\"finder\" fill=\"currentColor\" [attr.d]=\"g.finderInnerPath\" />\r\n    <path data-part=\"modules\" fill=\"currentColor\" [attr.d]=\"g.dataPath\" />\r\n  </svg>\r\n} @else {\r\n  <span class=\"p-3 text-center text-xs\" aria-hidden=\"true\">{{ effectiveAriaLabel() }}</span>\r\n}\r\n\r\n<!-- `contentChild` logo'yu projeksiyon yerinden ba\u011F\u0131ms\u0131z g\u00F6r\u00FCr; kutu yaln\u0131zca bo\u015Faltma varken \u00E7izilir. -->\r\n@if (logoBoxPx()) {\r\n  <span\r\n    class=\"absolute inset-0 m-auto flex items-center justify-center overflow-hidden rounded-md bg-inherit p-[6%]\"\r\n    [style.width.px]=\"logoBoxPx()\"\r\n    [style.height.px]=\"logoBoxPx()\"\r\n  >\r\n    <ng-content select=\"[mfQrCodeLogo]\" />\r\n  </span>\r\n}\r\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: QrCode, decorators: [{
+            type: Component,
+            args: [{ selector: 'mf-qr-code', exportAs: 'mfQrCode', host: {
+                        role: 'img',
+                        '[attr.aria-label]': 'effectiveAriaLabel()',
+                        '[class]': 'hostClasses()',
+                        '[style.width.px]': 'size()',
+                        '[style.height.px]': 'size()',
+                        '[style.color]': "matrix() ? (foreground() ?? '#000') : null",
+                        '[style.background-color]': "matrix() ? (background() ?? '#fff') : null",
+                    }, template: "@if (geometry(); as g) {\r\n  <svg\r\n    class=\"block h-full w-full\"\r\n    [attr.viewBox]=\"viewBox()\"\r\n    [attr.shape-rendering]=\"crisp() ? 'crispEdges' : 'geometricPrecision'\"\r\n    aria-hidden=\"true\"\r\n    focusable=\"false\"\r\n  >\r\n    <path data-part=\"finder\" fill=\"currentColor\" fill-rule=\"evenodd\" [attr.d]=\"g.finderOuterPath\" />\r\n    <path data-part=\"finder\" fill=\"currentColor\" [attr.d]=\"g.finderInnerPath\" />\r\n    <path data-part=\"modules\" fill=\"currentColor\" [attr.d]=\"g.dataPath\" />\r\n  </svg>\r\n} @else {\r\n  <span class=\"p-3 text-center text-xs\" aria-hidden=\"true\">{{ effectiveAriaLabel() }}</span>\r\n}\r\n\r\n<!-- `contentChild` logo'yu projeksiyon yerinden ba\u011F\u0131ms\u0131z g\u00F6r\u00FCr; kutu yaln\u0131zca bo\u015Faltma varken \u00E7izilir. -->\r\n@if (logoBoxPx()) {\r\n  <span\r\n    class=\"absolute inset-0 m-auto flex items-center justify-center overflow-hidden rounded-md bg-inherit p-[6%]\"\r\n    [style.width.px]=\"logoBoxPx()\"\r\n    [style.height.px]=\"logoBoxPx()\"\r\n  >\r\n    <ng-content select=\"[mfQrCodeLogo]\" />\r\n  </span>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ecc: [{ type: i0.Input, args: [{ isSignal: true, alias: "ecc", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], finder: [{ type: i0.Input, args: [{ isSignal: true, alias: "finder", required: false }] }], logoSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoSize", required: false }] }], foreground: [{ type: i0.Input, args: [{ isSignal: true, alias: "foreground", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], encoded: [{ type: i0.Output, args: ["encoded"] }], logo: [{ type: i0.ContentChild, args: [i0.forwardRef(() => QrCodeLogo), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QrCapacityError, QrCode, QrCodeLogo, encodeQr, excavationSize, qrGeometry, qrSvgString };
+//# sourceMappingURL=mesgflow-ui-kit-qr-code.mjs.map