@akcelik/strct 4.23.0 → 4.24.0

package/fesm2022/akcelik-strct.mjs

@@ -1515,13 +1515,79 @@ class StrctLogin {
     ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
     /** Enable two-panel split layout. */
     split = input(false, { ...(ngDevMode ? { debugName: "split" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The aside's built-in art: `network` is the node diagram over the glow and
+     * dot grid; `grid` is the glow and grid alone. Palette tokens only, so it
+     * follows every scheme, and it is decorative — hidden from assistive tech.
+     */
+    art = input('none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "art" }] : /* istanbul ignore next */ []));
+    /** An icon tile beside the product name. */
+    brandIcon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "brandIcon" }] : /* istanbul ignore next */ []));
+    /** The product name, in the aside's brand row. */
+    brandName = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "brandName" }] : /* istanbul ignore next */ []));
+    /** The kicker line above the aside's content. */
+    tagline = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tagline" }] : /* istanbul ignore next */ []));
+    /** The network's nodes: x, y, radius and which pulse phase they follow. */
+    NODES = [
+        { x: 48, y: 96, r: 3, phase: 1 },
+        { x: 142, y: 158, r: 4.5, phase: 2 },
+        { x: 262, y: 118, r: 3, phase: 3 },
+        { x: 104, y: 272, r: 3, phase: 2 },
+        { x: 224, y: 312, r: 4.5, phase: 3 },
+        { x: 300, y: 222, r: 3, phase: 1 },
+    ];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctLogin, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctLogin, isStandalone: true, selector: "strct-login", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, split: { classPropertyName: "split", publicName: "split", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "strct-login" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctLogin, isStandalone: true, selector: "strct-login", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, split: { classPropertyName: "split", publicName: "split", isSignal: true, isRequired: false, transformFunction: null }, art: { classPropertyName: "art", publicName: "art", isSignal: true, isRequired: false, transformFunction: null }, brandIcon: { classPropertyName: "brandIcon", publicName: "brandIcon", isSignal: true, isRequired: false, transformFunction: null }, brandName: { classPropertyName: "brandName", publicName: "brandName", isSignal: true, isRequired: false, transformFunction: null }, tagline: { classPropertyName: "tagline", publicName: "tagline", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "strct-login" }, ngImport: i0, template: `
     @if (split()) {
       <div class="strct-login__card" [style.max-width.px]="maxWidth()">
-        <aside class="strct-login__aside">
+        <aside class="strct-login__aside" [attr.data-art]="art() === 'none' ? null : art()">
+          @if (art() !== 'none') {
+            <!-- Ambient layers, from palette tokens only, so the art follows
+                 every scheme. Decorative: hidden from assistive tech. -->
+            <div class="strct-login__glow strct-login__glow--a" aria-hidden="true"></div>
+            <div class="strct-login__glow strct-login__glow--b" aria-hidden="true"></div>
+            <div class="strct-login__matrix" aria-hidden="true"></div>
+            @if (art() === 'network') {
+              <svg class="strct-login__net" viewBox="0 0 340 430" aria-hidden="true">
+                <path
+                  class="strct-login__link"
+                  d="M48 96 L142 158 L262 118 M142 158 L104 272 L224 312 L300 222 L262 118"
+                />
+                @for (n of NODES; track $index) {
+                  <circle
+                    class="strct-login__node strct-login__node--p{{ n.phase }}"
+                    [attr.cx]="n.x"
+                    [attr.cy]="n.y"
+                    [attr.r]="n.r"
+                  />
+                }
+              </svg>
+            }
+          }
           <div class="strct-login__aside-inner">
-            <ng-content select="[strctLoginAside]" />
+            @if (brandIcon() || brandName()) {
+              <div class="strct-login__brand">
+                @if (brandIcon()) {
+                  <span class="strct-login__mark">
+                    <strct-icon [name]="brandIcon()" [size]="18" [strokeWidth]="1.5" />
+                  </span>
+                }
+                @if (brandName()) {
+                  <span class="strct-login__brandname">{{ brandName() }}</span>
+                }
+              </div>
+            }
+            <div class="strct-login__asidebody">
+              @if (tagline()) {
+                <div class="strct-login__kicker">{{ tagline() }}</div>
+              }
+              <ng-content select="[strctLoginAside]" />
+            </div>
+            <div class="strct-login__status"><ng-content select="[strctLoginStatus]" /></div>
           </div>
         </aside>
         <div class="strct-login__main"><ng-content select="[strctLoginMain]" /></div>
@@ -1529,16 +1595,57 @@ class StrctLogin {
     } @else {
       <div class="strct-login__inner" [style.max-width.px]="maxWidth()"><ng-content /></div>
     }
-  `, isInline: true, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-5);padding:34px 36px}.strct-login__glow,.strct-login__matrix,.strct-login__net{position:absolute;inset:-36px;pointer-events:none}.strct-login__glow{filter:blur(46px)}.strct-login__glow--a{background:radial-gradient(360px 300px at 12% 8%,var(--acc30),transparent 70%)}.strct-login__glow--b{background:radial-gradient(320px 300px at 92% 96%,var(--acc18),transparent 70%)}.strct-login__matrix{background-image:radial-gradient(var(--acc30) 1px,transparent 1.4px);background-size:22px 22px;opacity:.4;-webkit-mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%)}.strct-login__net{width:calc(100% + 72px);height:calc(100% + 72px)}.strct-login__link{fill:none;stroke:var(--acc30);stroke-width:1}.strct-login__node{fill:var(--acc);opacity:.55}@media(prefers-reduced-motion:no-preference){.strct-login__node{animation:strct-login-pulse 4.5s ease-in-out infinite}.strct-login__node--p2{animation-delay:1.4s}.strct-login__node--p3{animation-delay:2.8s}}@keyframes strct-login-pulse{0%,to{opacity:.35}50%{opacity:.85}}.strct-login__brand{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.strct-login__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--acc-m);border:1px solid var(--acc30);color:var(--acc)}.strct-login__brandname{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--t1)}.strct-login__asidebody{position:relative}.strct-login__kicker{font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-block-end:10px;color:var(--acc)}.strct-login__status:empty{display:none}.strct-login__status{position:relative}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel", "count", "countMax", "countStatus", "countLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctLogin, decorators: [{
             type: Component,
-            args: [{ selector: 'strct-login', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+            args: [{ selector: 'strct-login', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [StrctIcon], template: `
     @if (split()) {
       <div class="strct-login__card" [style.max-width.px]="maxWidth()">
-        <aside class="strct-login__aside">
+        <aside class="strct-login__aside" [attr.data-art]="art() === 'none' ? null : art()">
+          @if (art() !== 'none') {
+            <!-- Ambient layers, from palette tokens only, so the art follows
+                 every scheme. Decorative: hidden from assistive tech. -->
+            <div class="strct-login__glow strct-login__glow--a" aria-hidden="true"></div>
+            <div class="strct-login__glow strct-login__glow--b" aria-hidden="true"></div>
+            <div class="strct-login__matrix" aria-hidden="true"></div>
+            @if (art() === 'network') {
+              <svg class="strct-login__net" viewBox="0 0 340 430" aria-hidden="true">
+                <path
+                  class="strct-login__link"
+                  d="M48 96 L142 158 L262 118 M142 158 L104 272 L224 312 L300 222 L262 118"
+                />
+                @for (n of NODES; track $index) {
+                  <circle
+                    class="strct-login__node strct-login__node--p{{ n.phase }}"
+                    [attr.cx]="n.x"
+                    [attr.cy]="n.y"
+                    [attr.r]="n.r"
+                  />
+                }
+              </svg>
+            }
+          }
           <div class="strct-login__aside-inner">
-            <ng-content select="[strctLoginAside]" />
+            @if (brandIcon() || brandName()) {
+              <div class="strct-login__brand">
+                @if (brandIcon()) {
+                  <span class="strct-login__mark">
+                    <strct-icon [name]="brandIcon()" [size]="18" [strokeWidth]="1.5" />
+                  </span>
+                }
+                @if (brandName()) {
+                  <span class="strct-login__brandname">{{ brandName() }}</span>
+                }
+              </div>
+            }
+            <div class="strct-login__asidebody">
+              @if (tagline()) {
+                <div class="strct-login__kicker">{{ tagline() }}</div>
+              }
+              <ng-content select="[strctLoginAside]" />
+            </div>
+            <div class="strct-login__status"><ng-content select="[strctLoginStatus]" /></div>
           </div>
         </aside>
         <div class="strct-login__main"><ng-content select="[strctLoginMain]" /></div>
@@ -1546,8 +1653,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     } @else {
       <div class="strct-login__inner" [style.max-width.px]="maxWidth()"><ng-content /></div>
     }
-  `, host: { class: 'strct-login' }, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"] }]
-        }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }] } });
+  `, host: { class: 'strct-login' }, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-5);padding:34px 36px}.strct-login__glow,.strct-login__matrix,.strct-login__net{position:absolute;inset:-36px;pointer-events:none}.strct-login__glow{filter:blur(46px)}.strct-login__glow--a{background:radial-gradient(360px 300px at 12% 8%,var(--acc30),transparent 70%)}.strct-login__glow--b{background:radial-gradient(320px 300px at 92% 96%,var(--acc18),transparent 70%)}.strct-login__matrix{background-image:radial-gradient(var(--acc30) 1px,transparent 1.4px);background-size:22px 22px;opacity:.4;-webkit-mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%)}.strct-login__net{width:calc(100% + 72px);height:calc(100% + 72px)}.strct-login__link{fill:none;stroke:var(--acc30);stroke-width:1}.strct-login__node{fill:var(--acc);opacity:.55}@media(prefers-reduced-motion:no-preference){.strct-login__node{animation:strct-login-pulse 4.5s ease-in-out infinite}.strct-login__node--p2{animation-delay:1.4s}.strct-login__node--p3{animation-delay:2.8s}}@keyframes strct-login-pulse{0%,to{opacity:.35}50%{opacity:.85}}.strct-login__brand{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.strct-login__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--acc-m);border:1px solid var(--acc30);color:var(--acc)}.strct-login__brandname{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--t1)}.strct-login__asidebody{position:relative}.strct-login__kicker{font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-block-end:10px;color:var(--acc)}.strct-login__status:empty{display:none}.strct-login__status{position:relative}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"] }]
+        }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }], art: [{ type: i0.Input, args: [{ isSignal: true, alias: "art", required: false }] }], brandIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "brandIcon", required: false }] }], brandName: [{ type: i0.Input, args: [{ isSignal: true, alias: "brandName", required: false }] }], tagline: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagline", required: false }] }] } });
 
 /** Marks the breadcrumb row projected above the title. */
 class StrctPageHeaderCrumbs {
@@ -24050,6 +24157,497 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], sendLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendLabel", required: false }] }], send: [{ type: i0.Output, args: ["send"] }] } });
 let composerCounter = 0;
 
+/**
+ * A small, dependency-free QR encoder: byte mode, versions 1–10, the four error
+ * correction levels. Enough for an `otpauth://` URI, which is what the library
+ * needs it for — and nothing more, so it stays readable.
+ *
+ * The maths is the standard one (ISO/IEC 18004): the data is split into
+ * codewords, Reed–Solomon parity is appended per block, the result is laid into
+ * the matrix around the function patterns, and each of the eight masks is
+ * scored so the best one is chosen.
+ */
+/** Total codewords per version (1–10), index 0 = version 1. */
+const TOTAL_CODEWORDS = [26, 44, 70, 100, 134, 172, 196, 242, 292, 346];
+/**
+ * Per version and level: [ec codewords per block, block count group 1,
+ * block count group 2]. Group 2's blocks hold one more data codeword each.
+ */
+const ECC_TABLE = {
+    L: [
+        [7, 1, 0],
+        [10, 1, 0],
+        [15, 1, 0],
+        [20, 1, 0],
+        [26, 1, 0],
+        [18, 2, 0],
+        [20, 2, 0],
+        [24, 2, 0],
+        [30, 2, 0],
+        [18, 2, 2],
+    ],
+    M: [
+        [10, 1, 0],
+        [16, 1, 0],
+        [26, 1, 0],
+        [18, 2, 0],
+        [24, 2, 0],
+        [16, 4, 0],
+        [18, 4, 0],
+        [22, 2, 2],
+        [22, 3, 2],
+        [26, 4, 1],
+    ],
+    Q: [
+        [13, 1, 0],
+        [22, 1, 0],
+        [18, 2, 0],
+        [26, 2, 0],
+        [18, 2, 2],
+        [24, 4, 0],
+        [18, 2, 4],
+        [22, 4, 2],
+        [20, 4, 4],
+        [24, 6, 2],
+    ],
+    H: [
+        [17, 1, 0],
+        [28, 1, 0],
+        [22, 2, 0],
+        [16, 4, 0],
+        [22, 2, 2],
+        [28, 4, 0],
+        [26, 4, 1],
+        [26, 4, 2],
+        [24, 4, 4],
+        [28, 6, 2],
+    ],
+};
+/** Alignment-pattern centres per version (1–10). */
+const ALIGNMENT = [
+    [],
+    [6, 18],
+    [6, 22],
+    [6, 26],
+    [6, 30],
+    [6, 34],
+    [6, 22, 38],
+    [6, 24, 42],
+    [6, 26, 46],
+    [6, 28, 50],
+];
+/** Format-information bits per (level, mask), already masked per the spec. */
+const FORMAT_BITS = {
+    L: [0x77c4, 0x72f3, 0x7daa, 0x789d, 0x662f, 0x6318, 0x6c41, 0x6976],
+    M: [0x5412, 0x5125, 0x5e7c, 0x5b4b, 0x45f9, 0x40ce, 0x4f97, 0x4aa0],
+    Q: [0x355f, 0x3068, 0x3f31, 0x3a06, 0x24b4, 0x2183, 0x2eda, 0x2bed],
+    H: [0x1689, 0x13be, 0x1ce7, 0x19d0, 0x0762, 0x0255, 0x0d0c, 0x083b],
+};
+// ── Galois field (2^8) with the QR primitive polynomial 0x11d ───────────────
+const EXP = new Uint8Array(512);
+const LOG = new Uint8Array(256);
+{
+    let x = 1;
+    for (let i = 0; i < 255; i++) {
+        EXP[i] = x;
+        LOG[x] = i;
+        x <<= 1;
+        if (x & 0x100)
+            x ^= 0x11d;
+    }
+    for (let i = 255; i < 512; i++)
+        EXP[i] = EXP[i - 255];
+}
+const mul = (a, b) => (a && b ? EXP[LOG[a] + LOG[b]] : 0);
+/** The generator polynomial for `degree` error-correction codewords. */
+function generator(degree) {
+    let poly = [1];
+    for (let i = 0; i < degree; i++) {
+        const next = new Array(poly.length + 1).fill(0);
+        for (let j = 0; j < poly.length; j++) {
+            // Descending coefficients: x * poly keeps the index, α^i * poly shifts.
+            next[j] ^= poly[j];
+            next[j + 1] ^= mul(poly[j], EXP[i]);
+        }
+        poly = next;
+    }
+    return poly;
+}
+/** Reed–Solomon parity for one block. */
+function remainder(data, degree) {
+    const gen = generator(degree);
+    const out = new Array(degree).fill(0);
+    for (const byte of data) {
+        const factor = byte ^ out[0];
+        out.shift();
+        out.push(0);
+        for (let i = 0; i < degree; i++)
+            out[i] ^= mul(gen[i + 1], factor);
+    }
+    return out;
+}
+/** The smallest version (1–10) that holds `byteLength` bytes at `ecc`. */
+function chooseVersion(byteLength, ecc) {
+    for (let version = 1; version <= 10; version++) {
+        const [ecPerBlock, g1, g2] = ECC_TABLE[ecc][version - 1];
+        const dataCodewords = TOTAL_CODEWORDS[version - 1] - ecPerBlock * (g1 + g2);
+        // 4 bits of mode + 8 or 16 bits of length, rounded up to whole codewords.
+        const headerBits = 4 + (version < 10 ? 8 : 16);
+        if (dataCodewords * 8 >= headerBits + byteLength * 8)
+            return version;
+    }
+    throw new Error('strct-qr: the value is too long (versions 1–10, byte mode)');
+}
+/** The data codewords: mode, length, the bytes, a terminator, then padding. */
+function dataCodewords(bytes, version, ecc) {
+    const [ecPerBlock, g1, g2] = ECC_TABLE[ecc][version - 1];
+    const capacity = TOTAL_CODEWORDS[version - 1] - ecPerBlock * (g1 + g2);
+    const bits = [];
+    const push = (value, length) => {
+        for (let i = length - 1; i >= 0; i--)
+            bits.push((value >> i) & 1);
+    };
+    push(0b0100, 4); // byte mode
+    push(bytes.length, version < 10 ? 8 : 16);
+    for (const b of bytes)
+        push(b, 8);
+    push(0, Math.min(4, capacity * 8 - bits.length)); // terminator
+    while (bits.length % 8)
+        bits.push(0);
+    const words = [];
+    for (let i = 0; i < bits.length; i += 8) {
+        words.push(bits.slice(i, i + 8).reduce((acc, bit) => (acc << 1) | bit, 0));
+    }
+    // Alternating pad bytes, as the spec prescribes.
+    for (let i = 0; words.length < capacity; i++)
+        words.push(i % 2 === 0 ? 0xec : 0x11);
+    return words;
+}
+/** Interleave the blocks' data and parity, as the spec lays them out. */
+function interleave(words, version, ecc) {
+    const [ecPerBlock, g1, g2] = ECC_TABLE[ecc][version - 1];
+    const blocks = g1 + g2;
+    const shortLen = Math.floor(words.length / blocks);
+    const data = [];
+    const parity = [];
+    let at = 0;
+    for (let i = 0; i < blocks; i++) {
+        const len = i < g1 ? shortLen : shortLen + 1;
+        const block = words.slice(at, at + len);
+        at += len;
+        data.push(block);
+        parity.push(remainder(block, ecPerBlock));
+    }
+    const out = [];
+    for (let i = 0; i < shortLen + 1; i++) {
+        for (const block of data)
+            if (i < block.length)
+                out.push(block[i]);
+    }
+    for (let i = 0; i < ecPerBlock; i++)
+        for (const block of parity)
+            out.push(block[i]);
+    return out;
+}
+var Cell;
+(function (Cell) {
+    Cell[Cell["Empty"] = -1] = "Empty";
+    Cell[Cell["Light"] = 0] = "Light";
+    Cell[Cell["Dark"] = 1] = "Dark";
+})(Cell || (Cell = {}));
+/** Draw the finder, timing and alignment patterns, and reserve the format area. */
+function functionPatterns(size, version) {
+    const m = Array.from({ length: size }, () => new Array(size).fill(Cell.Empty));
+    const finder = (r0, c0) => {
+        for (let dr = -1; dr <= 7; dr++) {
+            for (let dc = -1; dc <= 7; dc++) {
+                const r = r0 + dr;
+                const c = c0 + dc;
+                if (r < 0 || r >= size || c < 0 || c >= size)
+                    continue;
+                const inner = Math.max(Math.abs(dr - 3), Math.abs(dc - 3));
+                m[r][c] = inner === 2 || inner > 3 ? Cell.Light : Cell.Dark;
+            }
+        }
+    };
+    finder(0, 0);
+    finder(0, size - 7);
+    finder(size - 7, 0);
+    for (let i = 8; i < size - 8; i++) {
+        m[6][i] = m[i][6] = i % 2 === 0 ? Cell.Dark : Cell.Light;
+    }
+    const centres = ALIGNMENT[version - 1];
+    for (const r of centres) {
+        for (const c of centres) {
+            // Not over a finder pattern.
+            if ((r === 6 && c === 6) || (r === 6 && c === size - 7) || (r === size - 7 && c === 6))
+                continue;
+            for (let dr = -2; dr <= 2; dr++) {
+                for (let dc = -2; dc <= 2; dc++) {
+                    m[r + dr][c + dc] = Math.max(Math.abs(dr), Math.abs(dc)) === 1 ? Cell.Light : Cell.Dark;
+                }
+            }
+        }
+    }
+    // The dark module, always set.
+    m[size - 8][8] = Cell.Dark;
+    // Reserve the format areas so the data does not land there.
+    for (let i = 0; i < 9; i++) {
+        if (m[8][i] === Cell.Empty)
+            m[8][i] = Cell.Light;
+        if (m[i][8] === Cell.Empty)
+            m[i][8] = Cell.Light;
+    }
+    for (let i = 0; i < 8; i++) {
+        if (m[8][size - 1 - i] === Cell.Empty)
+            m[8][size - 1 - i] = Cell.Light;
+        if (m[size - 1 - i][8] === Cell.Empty)
+            m[size - 1 - i][8] = Cell.Light;
+    }
+    return m;
+}
+const MASKS = [
+    (r, c) => (r + c) % 2 === 0,
+    (r) => r % 2 === 0,
+    (_r, c) => c % 3 === 0,
+    (r, c) => (r + c) % 3 === 0,
+    (r, c) => (Math.floor(r / 2) + Math.floor(c / 3)) % 2 === 0,
+    (r, c) => ((r * c) % 2) + ((r * c) % 3) === 0,
+    (r, c) => (((r * c) % 2) + ((r * c) % 3)) % 2 === 0,
+    (r, c) => (((r + c) % 2) + ((r * c) % 3)) % 2 === 0,
+];
+/** The spec's penalty score — lower is better. */
+function penalty(m) {
+    const size = m.length;
+    let score = 0;
+    const run = (line) => {
+        let last = line[0];
+        let length = 1;
+        for (let i = 1; i < line.length; i++) {
+            if (line[i] === last)
+                length++;
+            else {
+                if (length >= 5)
+                    score += 3 + (length - 5);
+                last = line[i];
+                length = 1;
+            }
+        }
+        if (length >= 5)
+            score += 3 + (length - 5);
+    };
+    for (let i = 0; i < size; i++) {
+        run(m[i]);
+        run(m.map((row) => row[i]));
+    }
+    for (let r = 0; r < size - 1; r++) {
+        for (let c = 0; c < size - 1; c++) {
+            const v = m[r][c];
+            if (v === m[r][c + 1] && v === m[r + 1][c] && v === m[r + 1][c + 1])
+                score += 3;
+        }
+    }
+    const pattern = [1, 0, 1, 1, 1, 0, 1, 0, 0, 0, 0];
+    const hasPattern = (line, at) => pattern.every((bit, i) => line[at + i] === bit);
+    for (let i = 0; i < size; i++) {
+        const row = m[i];
+        const col = m.map((r) => r[i]);
+        for (let j = 0; j + 11 <= size; j++) {
+            if (hasPattern(row, j))
+                score += 40;
+            if (hasPattern(col, j))
+                score += 40;
+            const rRev = [...row].reverse();
+            const cRev = [...col].reverse();
+            if (hasPattern(rRev, j))
+                score += 40;
+            if (hasPattern(cRev, j))
+                score += 40;
+        }
+    }
+    const dark = m.flat().filter((v) => v === Cell.Dark).length;
+    const ratio = (dark * 100) / (size * size);
+    score += Math.floor(Math.abs(ratio - 50) / 5) * 10;
+    return score;
+}
+/**
+ * Encode `value` as a QR matrix of booleans (true = dark module), without the
+ * quiet zone — the renderer adds that.
+ */
+function strctQrMatrix(value, ecc = 'M') {
+    const bytes = new TextEncoder().encode(value);
+    const version = chooseVersion(bytes.length, ecc);
+    const size = version * 4 + 17;
+    const codewords = interleave(dataCodewords(bytes, version, ecc), version, ecc);
+    const base = functionPatterns(size, version);
+    const reserved = base.map((row) => row.map((v) => v !== Cell.Empty));
+    // Lay the data in the zig-zag, skipping the vertical timing column.
+    const bits = [];
+    for (const word of codewords)
+        for (let i = 7; i >= 0; i--)
+            bits.push((word >> i) & 1);
+    let bit = 0;
+    const matrix = base.map((row) => [...row]);
+    for (let right = size - 1; right >= 1; right -= 2) {
+        if (right === 6)
+            right = 5;
+        for (let vert = 0; vert < size; vert++) {
+            for (let j = 0; j < 2; j++) {
+                const c = right - j;
+                const upward = ((right + 1) & 2) === 0;
+                const r = upward ? size - 1 - vert : vert;
+                if (reserved[r][c])
+                    continue;
+                matrix[r][c] = bit < bits.length ? bits[bit++] : Cell.Light;
+            }
+        }
+    }
+    // Pick the mask with the lowest penalty, then write the format bits.
+    let best = null;
+    let bestMask = 0;
+    let bestScore = Infinity;
+    for (let mask = 0; mask < 8; mask++) {
+        const candidate = matrix.map((row, r) => row.map((v, c) => (reserved[r][c] ? v : v ^ (MASKS[mask](r, c) ? 1 : 0))));
+        writeFormat(candidate, ecc, mask);
+        const score = penalty(candidate);
+        if (score < bestScore) {
+            bestScore = score;
+            best = candidate;
+            bestMask = mask;
+        }
+    }
+    void bestMask;
+    return best.map((row) => row.map((v) => v === Cell.Dark));
+}
+/** The 15 format bits, written in both of their places. */
+function writeFormat(m, ecc, mask) {
+    const size = m.length;
+    const bits = FORMAT_BITS[ecc][mask];
+    const at = (i) => (bits >> i) & 1;
+    for (let i = 0; i <= 5; i++)
+        m[8][i] = at(i);
+    m[8][7] = at(6);
+    m[8][8] = at(7);
+    m[7][8] = at(8);
+    for (let i = 9; i <= 14; i++)
+        m[14 - i][8] = at(i);
+    for (let i = 0; i <= 6; i++)
+        m[size - 1 - i][8] = at(i);
+    for (let i = 7; i <= 14; i++)
+        m[8][size - 15 + i] = at(i);
+    m[size - 8][8] = 1; // the dark module, which is not a format bit
+}
+/** Internals, exported for the vector tests only. */
+const __qrInternals = { dataCodewords, remainder };
+
+/**
+ * A QR code the library draws, with the quiet zone and contrast a scanner needs
+ * in every theme — not an image the consumer frames on white by hand.
+ *
+ *   <strct-qr [value]="otpauthUri" label="Scan with your authenticator app" />
+ *
+ * **Dark modules on a light quiet zone, in every scheme.** That is a deliberate
+ * exception to "tokens only": a themed QR code is an unscannable one. Show the
+ * secret as text beside it, so enrolment works without a camera.
+ */
+class StrctQr {
+    /** What the code carries — an `otpauth://` URI, a URL, any text. */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Rendered size in px (the code is square). */
+    size = input(176, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** The code's accessible name. */
+    label = input('QR code', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** How much of the code a scanner may lose and still read it. */
+    errorCorrection = input('M', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorCorrection" }] : /* istanbul ignore next */ []));
+    /** The quiet zone, in modules. Four is what the spec asks for. */
+    quietZone = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "quietZone" }] : /* istanbul ignore next */ []));
+    matrix = computed(() => strctQrMatrix(this.value(), this.errorCorrection()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "matrix" }] : /* istanbul ignore next */ []));
+    /** The whole drawing's span in modules: the code plus its quiet zone. */
+    span = computed(() => this.matrix().length + this.quietZone() * 2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
+    viewBox = computed(() => `0 0 ${this.span()} ${this.span()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    /** Dark modules merged into horizontal runs — far fewer rects to paint. */
+    rows = computed(() => {
+        const m = this.matrix();
+        const pad = this.quietZone();
+        return m.map((row, y) => {
+            const runs = [];
+            let start = -1;
+            for (let x = 0; x <= row.length; x++) {
+                if (row[x]) {
+                    if (start < 0)
+                        start = x;
+                }
+                else if (start >= 0) {
+                    runs.push({ x: start + pad, width: x - start });
+                    start = -1;
+                }
+            }
+            return { y: y + pad, runs };
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctQr, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctQr, isStandalone: true, selector: "strct-qr", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, errorCorrection: { classPropertyName: "errorCorrection", publicName: "errorCorrection", isSignal: true, isRequired: false, transformFunction: null }, quietZone: { classPropertyName: "quietZone", publicName: "quietZone", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "strct-qr" }, ngImport: i0, template: `
+    <svg
+      class="strct-qr__svg"
+      [attr.viewBox]="viewBox()"
+      [attr.width]="size()"
+      [attr.height]="size()"
+      role="img"
+      [attr.aria-label]="label()"
+      shape-rendering="crispEdges"
+    >
+      <rect class="strct-qr__quiet" [attr.width]="span()" [attr.height]="span()" />
+      @for (row of rows(); track row.y) {
+        @for (run of row.runs; track run.x) {
+          <rect
+            class="strct-qr__module"
+            [attr.x]="run.x"
+            [attr.y]="row.y"
+            [attr.width]="run.width"
+            height="1"
+          />
+        }
+      }
+    </svg>
+  `, isInline: true, styles: [".strct-qr{display:inline-flex;line-height:0}.strct-qr__svg{border-radius:var(--radius-md)}.strct-qr__quiet{fill:#fff}.strct-qr__module{fill:#000}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctQr, decorators: [{
+            type: Component,
+            args: [{ selector: 'strct-qr', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+    <svg
+      class="strct-qr__svg"
+      [attr.viewBox]="viewBox()"
+      [attr.width]="size()"
+      [attr.height]="size()"
+      role="img"
+      [attr.aria-label]="label()"
+      shape-rendering="crispEdges"
+    >
+      <rect class="strct-qr__quiet" [attr.width]="span()" [attr.height]="span()" />
+      @for (row of rows(); track row.y) {
+        @for (run of row.runs; track run.x) {
+          <rect
+            class="strct-qr__module"
+            [attr.x]="run.x"
+            [attr.y]="row.y"
+            [attr.width]="run.width"
+            height="1"
+          />
+        }
+      }
+    </svg>
+  `, host: { class: 'strct-qr' }, styles: [".strct-qr{display:inline-flex;line-height:0}.strct-qr__svg{border-radius:var(--radius-md)}.strct-qr__quiet{fill:#fff}.strct-qr__module{fill:#000}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], errorCorrection: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorCorrection", required: false }] }], quietZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "quietZone", required: false }] }] } });
+
 /**
  * A value change, as one phrase: "v10.27 → v10.28". The old value is muted, the
  * arrow is the library's, the new one is emphasised — and assistive tech hears
@@ -25966,5 +26564,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowService, StrctWizard, StrctWizardAside, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctValidationIcon, strctValidationTone, unlockBodyScroll };
+export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctQrMatrix, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 //# sourceMappingURL=akcelik-strct.mjs.map