igniteui-webcomponents 7.2.3 → 7.3.0-beta.0

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

@@ -0,0 +1,158 @@
+function squarePath(x, y, s) {
+    return `M${x},${y}h${s}v${s}h${-s}Z`;
+}
+function roundedRect(x, y, width, height, radius) {
+    const cr = Math.min(radius, width / 2, height / 2);
+    return (`M${x + cr},${y}` +
+        `h${width - 2 * cr}` +
+        `q${cr},0 ${cr},${cr}` +
+        `v${height - 2 * cr}` +
+        `q0,${cr} ${-cr},${cr}` +
+        `h${-(width - 2 * cr)}` +
+        `q${-cr},0 ${-cr},${-cr}` +
+        `v${-(height - 2 * cr)}` +
+        `q0,${-cr} ${cr},${-cr}z`);
+}
+function roundedRectPerCorner(x, y, width, height, rTL, rTR, rBR, rBL) {
+    return (`M${x + rTL},${y}` +
+        `h${width - rTL - rTR}` +
+        `q${rTR},0 ${rTR},${rTR}` +
+        `v${height - rTR - rBR}` +
+        `q0,${rBR} ${-rBR},${rBR}` +
+        `h${-(width - rBR - rBL)}` +
+        `q${-rBL},0 ${-rBL},${-rBL}` +
+        `v${-(height - rBL - rTL)}` +
+        `q0,${-rTL} ${rTL},${-rTL}z`);
+}
+function dotPath(x, y, s, style, neighbors) {
+    switch (style) {
+        case 'square':
+            return squarePath(x, y, s);
+        case 'circle': {
+            const cx = x + s / 2;
+            const cy = y + s / 2;
+            const r = s / 2;
+            return (`M${cx - r},${cy}` +
+                `a${r},${r} 0 1,0 ${r * 2},0` +
+                `a${r},${r} 0 1,0 ${-r * 2},0z`);
+        }
+        case 'rounded': {
+            const R = s * 0.45;
+            const n = neighbors || {
+                top: false,
+                right: false,
+                bottom: false,
+                left: false,
+            };
+            const rTL = n.top || n.left ? 0 : R;
+            const rTR = n.top || n.right ? 0 : R;
+            const rBR = n.bottom || n.right ? 0 : R;
+            const rBL = n.bottom || n.left ? 0 : R;
+            return roundedRectPerCorner(x, y, s, s, rTL, rTR, rBR, rBL);
+        }
+    }
+}
+export function cornerDotPath(x, y, size, style) {
+    switch (style) {
+        case 'circle': {
+            const cx = x + size / 2;
+            const cy = y + size / 2;
+            const r = size / 2;
+            return (`M${cx - r},${cy}` +
+                `a${r},${r} 0 1,0 ${r * 2},0` +
+                `a${r},${r} 0 1,0 ${-r * 2},0z`);
+        }
+        case 'rounded': {
+            return roundedRect(x, y, size, size, size * 0.3);
+        }
+        default:
+            return squarePath(x, y, size);
+    }
+}
+export function cornerSquarePath(x, y, size, style) {
+    const moduleSize = size / 7;
+    const inner = size - 2 * moduleSize;
+    const innerOffset = moduleSize;
+    switch (style) {
+        case 'square': {
+            const outer = squarePath(x, y, size);
+            const cut = squarePath(x + innerOffset, y + innerOffset, inner);
+            return `${outer} ${cut}`;
+        }
+        case 'rounded': {
+            const outer = roundedRect(x, y, size, size, size * 0.15);
+            const cut = squarePath(x + innerOffset, y + innerOffset, inner);
+            return `${outer} ${cut}`;
+        }
+        default: {
+            const cx = x + size / 2;
+            const cy = y + size / 2;
+            const rOuter = size / 2;
+            const rInner = inner / 2;
+            return (`M${cx - rOuter},${cy}` +
+                `a${rOuter},${rOuter} 0 1,0 ${rOuter * 2},0` +
+                `a${rOuter},${rOuter} 0 1,0 ${-rOuter * 2},0z` +
+                `M${cx - rInner},${cy}` +
+                `a${rInner},${rInner} 0 1,1 ${rInner * 2},0` +
+                `a${rInner},${rInner} 0 1,1 ${-rInner * 2},0z`);
+        }
+    }
+}
+function moduleToPx(moduleIndex, moduleSize, marginPx) {
+    return moduleIndex * moduleSize + marginPx;
+}
+function finderCorners(size) {
+    return [
+        [0, 0],
+        [0, size - 7],
+        [size - 7, 0],
+    ];
+}
+function getFinderPatternModules(size) {
+    const modules = new Set();
+    for (const [startRow, startCol] of finderCorners(size)) {
+        for (let r = -1; r <= 7; r++) {
+            for (let c = -1; c <= 7; c++) {
+                const row = startRow + r;
+                const col = startCol + c;
+                if (row >= 0 && col >= 0 && row < size && col < size) {
+                    modules.add(row * size + col);
+                }
+            }
+        }
+    }
+    return modules;
+}
+export function renderDataModules(data, moduleSize, marginPx, dotStyle) {
+    const size = data.length;
+    const finderModules = getFinderPatternModules(size);
+    const paths = [];
+    for (let r = 0; r < size; r++) {
+        for (let c = 0; c < size; c++) {
+            if (finderModules.has(r * size + c))
+                continue;
+            if (!data[r][c])
+                continue;
+            const x = moduleToPx(c, moduleSize, marginPx);
+            const y = moduleToPx(r, moduleSize, marginPx);
+            let neighbors;
+            if (dotStyle === 'rounded') {
+                neighbors = {
+                    top: r > 0 && data[r - 1][c],
+                    right: c < size - 1 && data[r][c + 1],
+                    bottom: r < size - 1 && data[r + 1][c],
+                    left: c > 0 && data[r][c - 1],
+                };
+            }
+            paths.push(dotPath(x, y, moduleSize, dotStyle, neighbors));
+        }
+    }
+    return paths;
+}
+export function getFinderPatterns(size, moduleSize, marginPx) {
+    return finderCorners(size).map(([r, c]) => ({
+        x: moduleToPx(c, moduleSize, marginPx),
+        y: moduleToPx(r, moduleSize, marginPx),
+    }));
+}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/qr-code/renderer/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  QrCornerDotStyle,\n  QrCornerSquareStyle,\n  QrDotStyle,\n} from '../types.js';\n\ntype DotNeighbor = {\n  top: boolean;\n  right: boolean;\n  bottom: boolean;\n  left: boolean;\n};\n\nfunction squarePath(x: number, y: number, s: number): string {\n  return `M${x},${y}h${s}v${s}h${-s}Z`;\n}\n\nfunction roundedRect(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  radius: number\n): string {\n  const cr = Math.min(radius, width / 2, height / 2);\n  return (\n    `M${x + cr},${y}` +\n    `h${width - 2 * cr}` +\n    `q${cr},0 ${cr},${cr}` +\n    `v${height - 2 * cr}` +\n    `q0,${cr} ${-cr},${cr}` +\n    `h${-(width - 2 * cr)}` +\n    `q${-cr},0 ${-cr},${-cr}` +\n    `v${-(height - 2 * cr)}` +\n    `q0,${-cr} ${cr},${-cr}z`\n  );\n}\n\nfunction roundedRectPerCorner(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  rTL: number,\n  rTR: number,\n  rBR: number,\n  rBL: number\n): string {\n  return (\n    `M${x + rTL},${y}` +\n    `h${width - rTL - rTR}` +\n    `q${rTR},0 ${rTR},${rTR}` +\n    `v${height - rTR - rBR}` +\n    `q0,${rBR} ${-rBR},${rBR}` +\n    `h${-(width - rBR - rBL)}` +\n    `q${-rBL},0 ${-rBL},${-rBL}` +\n    `v${-(height - rBL - rTL)}` +\n    `q0,${-rTL} ${rTL},${-rTL}z`\n  );\n}\n\n/** Returns an SVG path string for a single data module at `(x, y)` with side `s`, in the given style.\n * For `'rounded'`, adjacent module flags control which corners are rounded. */\nfunction dotPath(\n  x: number,\n  y: number,\n  s: number,\n  style: QrDotStyle,\n  neighbors?: DotNeighbor\n): string {\n  switch (style) {\n    case 'square':\n      return squarePath(x, y, s);\n    case 'circle': {\n      const cx = x + s / 2;\n      const cy = y + s / 2;\n      const r = s / 2;\n      return (\n        `M${cx - r},${cy}` +\n        `a${r},${r} 0 1,0 ${r * 2},0` +\n        `a${r},${r} 0 1,0 ${-r * 2},0z`\n      );\n    }\n    case 'rounded': {\n      const R = s * 0.45;\n      const n = neighbors || {\n        top: false,\n        right: false,\n        bottom: false,\n        left: false,\n      };\n      const rTL = n.top || n.left ? 0 : R;\n      const rTR = n.top || n.right ? 0 : R;\n      const rBR = n.bottom || n.right ? 0 : R;\n      const rBL = n.bottom || n.left ? 0 : R;\n      return roundedRectPerCorner(x, y, s, s, rTL, rTR, rBR, rBL);\n    }\n  }\n}\n\n/** Returns an SVG path string for the inner dot of a finder-pattern corner. */\nexport function cornerDotPath(\n  x: number,\n  y: number,\n  size: number,\n  style: QrCornerDotStyle\n): string {\n  switch (style) {\n    case 'circle': {\n      const cx = x + size / 2;\n      const cy = y + size / 2;\n      const r = size / 2;\n      return (\n        `M${cx - r},${cy}` +\n        `a${r},${r} 0 1,0 ${r * 2},0` +\n        `a${r},${r} 0 1,0 ${-r * 2},0z`\n      );\n    }\n    case 'rounded': {\n      return roundedRect(x, y, size, size, size * 0.3);\n    }\n    default:\n      return squarePath(x, y, size);\n  }\n}\n\n/** Returns an SVG path string (outer ring with inner cutout) for the outer square of a finder-pattern corner. */\nexport function cornerSquarePath(\n  x: number,\n  y: number,\n  size: number,\n  style: QrCornerSquareStyle\n): string {\n  const moduleSize = size / 7;\n  const inner = size - 2 * moduleSize;\n  const innerOffset = moduleSize;\n\n  switch (style) {\n    case 'square': {\n      const outer = squarePath(x, y, size);\n      const cut = squarePath(x + innerOffset, y + innerOffset, inner);\n      return `${outer} ${cut}`;\n    }\n    case 'rounded': {\n      const outer = roundedRect(x, y, size, size, size * 0.15);\n      const cut = squarePath(x + innerOffset, y + innerOffset, inner);\n      return `${outer} ${cut}`;\n    }\n    default: {\n      const cx = x + size / 2;\n      const cy = y + size / 2;\n      const rOuter = size / 2;\n      const rInner = inner / 2;\n      return (\n        `M${cx - rOuter},${cy}` +\n        `a${rOuter},${rOuter} 0 1,0 ${rOuter * 2},0` +\n        `a${rOuter},${rOuter} 0 1,0 ${-rOuter * 2},0z` +\n        `M${cx - rInner},${cy}` +\n        `a${rInner},${rInner} 0 1,1 ${rInner * 2},0` +\n        `a${rInner},${rInner} 0 1,1 ${-rInner * 2},0z`\n      );\n    }\n  }\n}\n\n/** Converts a module grid index to a pixel coordinate, accounting for margin. */\nfunction moduleToPx(\n  moduleIndex: number,\n  moduleSize: number,\n  marginPx: number\n): number {\n  return moduleIndex * moduleSize + marginPx;\n}\n\nfunction finderCorners(size: number): [number, number][] {\n  return [\n    [0, 0], // Top-left\n    [0, size - 7], // Top-right\n    [size - 7, 0], // Bottom-left\n  ];\n}\n\n/**\n * Returns the set of flat module indices `(row * size + col)` occupied by the\n * three finder patterns (including their separators), used to skip those modules\n * during data rendering.\n */\nfunction getFinderPatternModules(size: number): Set<number> {\n  const modules = new Set<number>();\n\n  for (const [startRow, startCol] of finderCorners(size)) {\n    for (let r = -1; r <= 7; r++) {\n      for (let c = -1; c <= 7; c++) {\n        const row = startRow + r;\n        const col = startCol + c;\n        if (row >= 0 && col >= 0 && row < size && col < size) {\n          modules.add(row * size + col);\n        }\n      }\n    }\n  }\n\n  return modules;\n}\n\n/**\n * Generates SVG path strings for all dark data modules in the matrix,\n * skipping finder-pattern areas. Returns one path string per visible module.\n */\nexport function renderDataModules(\n  data: boolean[][],\n  moduleSize: number,\n  marginPx: number,\n  dotStyle: QrDotStyle\n): string[] {\n  const size = data.length;\n  const finderModules = getFinderPatternModules(size);\n  const paths: string[] = [];\n\n  for (let r = 0; r < size; r++) {\n    for (let c = 0; c < size; c++) {\n      if (finderModules.has(r * size + c)) continue;\n      if (!data[r][c]) continue;\n\n      const x = moduleToPx(c, moduleSize, marginPx);\n      const y = moduleToPx(r, moduleSize, marginPx);\n\n      let neighbors: DotNeighbor | undefined;\n      if (dotStyle === 'rounded') {\n        neighbors = {\n          top: r > 0 && data[r - 1][c],\n          right: c < size - 1 && data[r][c + 1],\n          bottom: r < size - 1 && data[r + 1][c],\n          left: c > 0 && data[r][c - 1],\n        };\n      }\n\n      paths.push(dotPath(x, y, moduleSize, dotStyle, neighbors));\n    }\n  }\n\n  return paths;\n}\n\n/**\n * Returns the pixel top-left coordinates `{ x, y }` for each of the three\n * finder-pattern corners, ready to pass to `renderQrCorner`.\n */\nexport function getFinderPatterns(\n  size: number,\n  moduleSize: number,\n  marginPx: number\n) {\n  return finderCorners(size).map(([r, c]) => ({\n    x: moduleToPx(c, moduleSize, marginPx),\n    y: moduleToPx(r, moduleSize, marginPx),\n  }));\n}\n"]}

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

@@ -0,0 +1,23 @@
+type RenderQrMaskAndImageProperties = {
+    hasLogo: boolean;
+    src: string;
+    aspectRatio: number;
+    area: number;
+    size: number;
+    margin?: number;
+    svgSize: number;
+    maskId: string;
+};
+/**
+ * Renders an SVG mask and image element for the QR code's logo, based on the presence of a logo,
+ * its source, aspect ratio, desired area, QR code size, margin, overall SVG size, and a unique mask ID.
+ *
+ * The mask is a white rectangle with a black cutout where the logo will be placed, ensuring the QR code
+ * remains scannable while accommodating the logo.
+ */
+export declare function renderQrMaskAndImage({ hasLogo, src, aspectRatio, area, size, margin, svgSize, maskId, }: RenderQrMaskAndImageProperties): {
+    mask: symbol | import("lit-html").TemplateResult<2>;
+    image: symbol | import("lit-html").TemplateResult<2>;
+    shouldApplyMask: boolean;
+};
+export {};

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

@@ -0,0 +1,29 @@
+import { nothing, svg } from 'lit';
+export function renderQrMaskAndImage({ hasLogo, src, aspectRatio, area, size, margin, svgSize, maskId, }) {
+    const clamped = area * svgSize * svgSize;
+    const boxWidth = Math.sqrt(clamped * aspectRatio);
+    const boxHeight = Math.sqrt(clamped / aspectRatio);
+    const boxMargin = (margin ?? 0) * (svgSize / size);
+    const boxX = (svgSize - boxWidth) / 2;
+    const boxY = (svgSize - boxHeight) / 2;
+    const x = boxX + boxMargin;
+    const y = boxY + boxMargin;
+    const width = Math.max(0, boxWidth - boxMargin * 2);
+    const height = Math.max(0, boxHeight - boxMargin * 2);
+    const shouldApplyMask = hasLogo && width > 0 && height > 0;
+    const mask = shouldApplyMask
+        ? svg `
+      <defs>
+        <mask id=${maskId}>
+          <rect width=${svgSize} height=${svgSize} fill="white" />
+          <rect x=${boxX} y=${boxY} width=${boxWidth} height=${boxHeight} fill="black" />
+        </mask>
+      </defs>
+  `
+        : nothing;
+    const image = hasLogo && width > 0 && height > 0
+        ? svg `<image href=${src} x=${x} y=${y} width=${width} height=${height} />`
+        : nothing;
+    return { mask, image, shouldApplyMask };
+}
+//# sourceMappingURL=image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/components/qr-code/renderer/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAoBnC,MAAM,UAAU,oBAAoB,CAAC,EACnC,OAAO,EACP,GAAG,EACH,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,GACyB;IAC/B,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;IAEtD,MAAM,eAAe,GAAG,OAAO,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC;IAE3D,MAAM,IAAI,GAAG,eAAe;QAC1B,CAAC,CAAC,GAAG,CAAA;;mBAEU,MAAM;wBACD,OAAO,WAAW,OAAO;oBAC7B,IAAI,MAAM,IAAI,UAAU,QAAQ,WAAW,SAAS;;;GAGrE;QACC,CAAC,CAAC,OAAO,CAAC;IAEZ,MAAM,KAAK,GACT,OAAO,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC;QAChC,CAAC,CAAC,GAAG,CAAA,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,KAAK,WAAW,MAAM,KAAK;QAC1E,CAAC,CAAC,OAAO,CAAC;IAEd,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC;AAC1C,CAAC","sourcesContent":["import { nothing, svg } from 'lit';\n\ntype RenderQrMaskAndImageProperties = {\n  hasLogo: boolean;\n  src: string;\n  aspectRatio: number;\n  area: number;\n  size: number;\n  margin?: number;\n  svgSize: number;\n  maskId: string;\n};\n\n/**\n * Renders an SVG mask and image element for the QR code's logo, based on the presence of a logo,\n * its source, aspect ratio, desired area, QR code size, margin, overall SVG size, and a unique mask ID.\n *\n * The mask is a white rectangle with a black cutout where the logo will be placed, ensuring the QR code\n * remains scannable while accommodating the logo.\n */\nexport function renderQrMaskAndImage({\n  hasLogo,\n  src,\n  aspectRatio,\n  area,\n  size,\n  margin,\n  svgSize,\n  maskId,\n}: RenderQrMaskAndImageProperties) {\n  const clamped = area * svgSize * svgSize;\n  const boxWidth = Math.sqrt(clamped * aspectRatio);\n  const boxHeight = Math.sqrt(clamped / aspectRatio);\n  const boxMargin = (margin ?? 0) * (svgSize / size);\n  const boxX = (svgSize - boxWidth) / 2;\n  const boxY = (svgSize - boxHeight) / 2;\n  const x = boxX + boxMargin;\n  const y = boxY + boxMargin;\n  const width = Math.max(0, boxWidth - boxMargin * 2);\n  const height = Math.max(0, boxHeight - boxMargin * 2);\n\n  const shouldApplyMask = hasLogo && width > 0 && height > 0;\n\n  const mask = shouldApplyMask\n    ? svg`\n      <defs>\n        <mask id=${maskId}>\n          <rect width=${svgSize} height=${svgSize} fill=\"white\" />\n          <rect x=${boxX} y=${boxY} width=${boxWidth} height=${boxHeight} fill=\"black\" />\n        </mask>\n      </defs>\n  `\n    : nothing;\n\n  const image =\n    hasLogo && width > 0 && height > 0\n      ? svg`<image href=${src} x=${x} y=${y} width=${width} height=${height} />`\n      : nothing;\n\n  return { mask, image, shouldApplyMask };\n}\n"]}

package/components/qr-code/themes/dark/qr-code.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: dark}`;
+//# sourceMappingURL=qr-code.bootstrap.css.js.map

package/components/qr-code/themes/dark/qr-code.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/dark/qr-code.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n  "]}

package/components/qr-code/themes/dark/qr-code.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/dark/qr-code.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: dark}`;
+//# sourceMappingURL=qr-code.fluent.css.js.map

package/components/qr-code/themes/dark/qr-code.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/dark/qr-code.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oDAAoD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: dark}`;\n  "]}

package/components/qr-code/themes/dark/qr-code.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/dark/qr-code.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: indigo;--ig-theme-variant: dark}`;
+//# sourceMappingURL=qr-code.indigo.css.js.map

package/components/qr-code/themes/dark/qr-code.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/dark/qr-code.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oDAAoD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}

package/components/qr-code/themes/dark/qr-code.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/dark/qr-code.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material;--ig-theme-variant: dark}`;
+//# sourceMappingURL=qr-code.material.css.js.map

package/components/qr-code/themes/dark/qr-code.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.material.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/dark/qr-code.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sDAAsD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: material;--ig-theme-variant: dark}`;\n  "]}

package/components/qr-code/themes/light/qr-code.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/light/qr-code.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;
+//# sourceMappingURL=qr-code.bootstrap.css.js.map

package/components/qr-code/themes/light/qr-code.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/light/qr-code.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;\n  "]}

package/components/qr-code/themes/light/qr-code.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/light/qr-code.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: light}`;
+//# sourceMappingURL=qr-code.fluent.css.js.map

package/components/qr-code/themes/light/qr-code.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/light/qr-code.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\n  "]}

package/components/qr-code/themes/light/qr-code.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/light/qr-code.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: indigo;--ig-theme-variant: light}`;
+//# sourceMappingURL=qr-code.indigo.css.js.map

package/components/qr-code/themes/light/qr-code.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/light/qr-code.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}

package/components/qr-code/themes/light/qr-code.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/light/qr-code.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material;--ig-theme-variant: light}`;
+//# sourceMappingURL=qr-code.material.css.js.map

package/components/qr-code/themes/light/qr-code.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.material.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/light/qr-code.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: material;--ig-theme-variant: light}`;\n  "]}

package/components/qr-code/themes/light/qr-code.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/light/qr-code.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-qr-code-background, white);--dark-color: var(--ig-qr-code-dark-color, black);--corner-square-color: var(--ig-qr-code-corner-square-color, var(--dark-color));--corner-dot-color: var(--ig-qr-code-corner-dot-color, var(--dark-color));--ig-theme-variant: light}`;
+//# sourceMappingURL=qr-code.shared.css.js.map

package/components/qr-code/themes/light/qr-code.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/light/qr-code.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gSAAgS,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--background: var(--ig-qr-code-background, white);--dark-color: var(--ig-qr-code-dark-color, black);--corner-square-color: var(--ig-qr-code-corner-square-color, var(--dark-color));--corner-dot-color: var(--ig-qr-code-corner-dot-color, var(--dark-color));--ig-theme-variant: light}`;\n  "]}

package/components/qr-code/themes/qr-code.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/qr-code.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;contain:content}`;
+//# sourceMappingURL=qr-code.base.css.js.map

package/components/qr-code/themes/qr-code.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.base.css.js","sourceRoot":"","sources":["../../../../src/components/qr-code/themes/qr-code.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q/BAAq/B,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;contain:content}`;\n  "]}

package/components/qr-code/themes/shared/qr-code.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/qr-code/themes/shared/qr-code.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=background]{fill:var(--background)}[part=dots]{fill:var(--dark-color)}[part=corner-square]{fill:var(--corner-square-color)}[part=corner-dot]{fill:var(--corner-dot-color)}`;
+//# sourceMappingURL=qr-code.common.css.js.map

package/components/qr-code/themes/shared/qr-code.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.common.css.js","sourceRoot":"","sources":["../../../../../src/components/qr-code/themes/shared/qr-code.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kLAAkL,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part=background]{fill:var(--background)}[part=dots]{fill:var(--dark-color)}[part=corner-square]{fill:var(--corner-square-color)}[part=corner-dot]{fill:var(--corner-dot-color)}`;\n  "]}

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

@@ -0,0 +1,2 @@
+import type { Themes } from '#theming/types.js';
+export declare const all: Themes;

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

@@ -0,0 +1,46 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/qr-code.bootstrap.css.js';
+import { styles as fluentDark } from './dark/qr-code.fluent.css.js';
+import { styles as indigoDark } from './dark/qr-code.indigo.css.js';
+import { styles as materialDark } from './dark/qr-code.material.css.js';
+import { styles as bootstrapLight } from './light/qr-code.bootstrap.css.js';
+import { styles as fluentLight } from './light/qr-code.fluent.css.js';
+import { styles as indigoLight } from './light/qr-code.indigo.css.js';
+import { styles as materialLight } from './light/qr-code.material.css.js';
+import { styles as shared } from './light/qr-code.shared.css.js';
+const light = {
+    shared: css `
+    ${shared}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    bootstrap: css `
+    ${bootstrapLight}
+  `,
+    fluent: css `
+    ${fluentLight}
+  `,
+    indigo: css `
+    ${indigoLight}
+  `,
+};
+const dark = {
+    shared: css `
+    ${shared}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    bootstrap: css `
+    ${bootstrapDark}
+  `,
+    fluent: css `
+    ${fluentDark}
+  `,
+    indigo: css `
+    ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/qr-code/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAExE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/qr-code.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/qr-code.fluent.css.js';\nimport { styles as indigoDark } from './dark/qr-code.indigo.css.js';\nimport { styles as materialDark } from './dark/qr-code.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/qr-code.bootstrap.css.js';\nimport { styles as fluentLight } from './light/qr-code.fluent.css.js';\nimport { styles as indigoLight } from './light/qr-code.indigo.css.js';\nimport { styles as materialLight } from './light/qr-code.material.css.js';\nimport { styles as shared } from './light/qr-code.shared.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -0,0 +1,16 @@
+/** Shape of individual data modules in the QR code body. */
+export type QrDotStyle = 'square' | 'circle' | 'rounded';
+/** Shape of the inner dot inside each finder-pattern corner. */
+export type QrCornerDotStyle = 'square' | 'circle' | 'rounded';
+/** Shape of the outer square of each finder-pattern corner. */
+export type QrCornerSquareStyle = 'square' | 'circle' | 'rounded';
+/**
+ * QR error correction level. Higher levels recover more data but reduce capacity.
+ * - `L` ~7%, `M` ~15%, `Q` ~25%, `H` ~30%.
+ */
+export type QrErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+/**
+ * QR data encoding mode, selected automatically based on the input string.
+ * - `numeric` — digits only; `alphanumeric` — digits + uppercase letters + a few symbols; `byte` — arbitrary UTF-8.
+ */
+export type QrEncodingMode = 'numeric' | 'alphanumeric' | 'byte';

package/components/qr-code/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/qr-code/types.ts"],"names":[],"mappings":"","sourcesContent":["/** Shape of individual data modules in the QR code body. */\nexport type QrDotStyle = 'square' | 'circle' | 'rounded';\n\n/** Shape of the inner dot inside each finder-pattern corner. */\nexport type QrCornerDotStyle = 'square' | 'circle' | 'rounded';\n\n/** Shape of the outer square of each finder-pattern corner. */\nexport type QrCornerSquareStyle = 'square' | 'circle' | 'rounded';\n\n/**\n * QR error correction level. Higher levels recover more data but reduce capacity.\n * - `L` ~7%, `M` ~15%, `Q` ~25%, `H` ~30%.\n */\nexport type QrErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';\n\n/**\n * QR data encoding mode, selected automatically based on the input string.\n * - `numeric` — digits only; `alphanumeric` — digits + uppercase letters + a few symbols; `byte` — arbitrary UTF-8.\n */\nexport type QrEncodingMode = 'numeric' | 'alphanumeric' | 'byte';\n"]}

package/components/radio/controller.d.ts

@@ -0,0 +1,35 @@
+import type { ReactiveController } from 'lit';
+import type IgcRadioComponent from './radio.js';
+/** Keeps a radio in the group of its current root node and name. */
+declare class RadioGroupController implements ReactiveController {
+    /** Gives each radio of the group the state that the group derives. */
+    private static _sync;
+    private readonly _host;
+    private readonly _onSync;
+    /** The root node the host is registered under, or null while it is not registered. */
+    private _root;
+    private _name;
+    /** Whether the host still belongs to the group that holds its entry. */
+    private get _isCurrent();
+    private get _group();
+    /** The radios of the host group, in DOM order. A radio with no group is on its own. */
+    get members(): IgcRadioComponent[];
+    constructor(host: IgcRadioComponent, onSync: (hasCheckedRadio: boolean) => void);
+    /** @internal */
+    hostConnected(): void;
+    /** @internal */
+    hostDisconnected(): void;
+    /**
+     * Moves the host to the group of its current root node and name. Does nothing while
+     * both stay the same. If not, the group that the host joins and the group that it
+     * leaves both update their state.
+     */
+    updateMembership(): void;
+    /** Updates the state of the host group. */
+    sync(): void;
+    private _unregister;
+}
+export type { RadioGroupController };
+export declare function addRadioGroupController(host: IgcRadioComponent, onSync: (hasCheckedRadio: boolean) => void): RadioGroupController;
+/** Returns the radios of the group of `member`, in DOM order. */
+export declare function getGroupMembers(member: IgcRadioComponent): IgcRadioComponent[];

package/components/radio/controller.js

@@ -0,0 +1,100 @@
+import { isEmpty } from '#internals/utils/arrays.js';
+import { getRoot } from '#internals/utils/dom.js';
+const registry = new WeakMap();
+const controllers = new WeakMap();
+function byDocumentOrder(a, b) {
+    if (a === b) {
+        return 0;
+    }
+    return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING
+        ? -1
+        : 1;
+}
+function groupOf(root, name) {
+    const names = registry.get(root) ?? new Map();
+    const group = names.get(name) ?? new Set();
+    names.set(name, group);
+    registry.set(root, names);
+    return group;
+}
+class RadioGroupController {
+    static _sync(group) {
+        const members = Array.from(group);
+        const hasCheckedRadio = members.some((member) => member._host.checked && !member._host.disabled);
+        for (const member of members) {
+            member._onSync(hasCheckedRadio);
+        }
+    }
+    get _isCurrent() {
+        return this._host.name === this._name && getRoot(this._host) === this._root;
+    }
+    get _group() {
+        const entries = this._root
+            ? Array.from(registry.get(this._root)?.get(this._name) ?? [])
+            : [];
+        const members = entries.filter((member) => member._isCurrent);
+        return isEmpty(members)
+            ? [this]
+            : members.sort((a, b) => byDocumentOrder(a._host, b._host));
+    }
+    get members() {
+        return this._group.map((member) => member._host);
+    }
+    constructor(host, onSync) {
+        this._root = null;
+        this._name = '';
+        this._host = host;
+        this._onSync = onSync;
+        controllers.set(host, this);
+        host.addController(this);
+    }
+    hostConnected() {
+        this.updateMembership();
+    }
+    hostDisconnected() {
+        this._unregister();
+    }
+    updateMembership() {
+        const host = this._host;
+        const root = host.isConnected ? getRoot(host) : null;
+        const name = host.name || '';
+        if (root === this._root && name === this._name) {
+            return;
+        }
+        this._unregister();
+        if (root && name) {
+            this._root = root;
+            this._name = name;
+            groupOf(root, name).add(this);
+        }
+        this.sync();
+    }
+    sync() {
+        RadioGroupController._sync(this._group);
+    }
+    _unregister() {
+        const { _root: root, _name: name } = this;
+        const names = root ? registry.get(root) : undefined;
+        const group = names?.get(name);
+        this._root = null;
+        this._name = '';
+        if (!group?.delete(this)) {
+            return;
+        }
+        if (isEmpty(group)) {
+            names?.delete(name);
+        }
+        else {
+            RadioGroupController._sync(group);
+        }
+    }
+}
+export function addRadioGroupController(host, onSync) {
+    return new RadioGroupController(host, onSync);
+}
+export function getGroupMembers(member) {
+    const controller = controllers.get(member);
+    controller?.updateMembership();
+    return controller?.members ?? [member];
+}
+//# sourceMappingURL=controller.js.map