ngwr 6.0.0 → 7.0.0

package/fesm2022/ngwr-click-spark.mjs

@@ -0,0 +1,163 @@
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, viewChild, inject, ElementRef, DestroyRef, PLATFORM_ID, afterNextRender, ViewEncapsulation, Component } from '@angular/core';
+import { WrPlatform } from 'ngwr/platform';
+import { numAttr } from 'ngwr/utils';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ *
+ * Angular adaptation of the ClickSpark effect by David Haz / reactbits.dev.
+ * Original: https://www.reactbits.dev/animations/click-spark
+ */
+const EASINGS = {
+    linear: t => t,
+    'ease-in': t => t * t,
+    'ease-in-out': t => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),
+    'ease-out': t => t * (2 - t),
+};
+/**
+ * Click ripple — bursts a ring of short line sparks from the click point
+ * across any projected content. Wraps children in a positioned container
+ * with a `pointer-events: none` canvas overlay, so projected DOM stays
+ * fully interactive.
+ *
+ * @example
+ * ```html
+ * <wr-click-spark>
+ *   <h1>Click anywhere</h1>
+ *   <button>Buttons still work</button>
+ * </wr-click-spark>
+ * ```
+ *
+ * @see https://www.reactbits.dev/animations/click-spark
+ */
+class WrClickSpark {
+    /** Spark line colour. @default '#fff' */
+    sparkColor = input('#fff', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sparkColor" }] : /* istanbul ignore next */ []));
+    /** Length of each spark line in pixels (at t=0; tapers to 0 at t=1). @default 10 */
+    sparkSize = input(10, { ...(ngDevMode ? { debugName: "sparkSize" } : /* istanbul ignore next */ {}), transform: numAttr(10) });
+    /** Distance each spark travels from origin in pixels. @default 15 */
+    sparkRadius = input(15, { ...(ngDevMode ? { debugName: "sparkRadius" } : /* istanbul ignore next */ {}), transform: numAttr(15) });
+    /** Number of sparks per click (evenly distributed around the circle). @default 8 */
+    sparkCount = input(8, { ...(ngDevMode ? { debugName: "sparkCount" } : /* istanbul ignore next */ {}), transform: numAttr(8) });
+    /** Animation duration in ms. @default 400 */
+    duration = input(400, { ...(ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {}), transform: numAttr(400) });
+    /** Easing function applied to the travel distance. @default 'ease-out' */
+    easing = input('ease-out', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "easing" }] : /* istanbul ignore next */ []));
+    /** Multiplier on the travel distance — bumps the radius without changing `sparkRadius`. @default 1 */
+    extraScale = input(1, { ...(ngDevMode ? { debugName: "extraScale" } : /* istanbul ignore next */ {}), transform: numAttr(1) });
+    canvasRef = viewChild.required('canvas');
+    host = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    platform = inject(WrPlatform);
+    sparks = [];
+    constructor() {
+        if (!this.isBrowser)
+            return;
+        afterNextRender(() => {
+            this.syncCanvasSize();
+            this.watchResize();
+            this.startLoop();
+        });
+    }
+    onClick(event) {
+        // Reduced motion: no spark bursts — same policy as wr-confetti.
+        if (this.platform.prefersReducedMotion())
+            return;
+        const canvas = this.canvasRef().nativeElement;
+        const rect = canvas.getBoundingClientRect();
+        const x = event.clientX - rect.left;
+        const y = event.clientY - rect.top;
+        const now = performance.now();
+        const count = this.sparkCount();
+        for (let i = 0; i < count; i++) {
+            this.sparks.push({ x, y, angle: (2 * Math.PI * i) / count, startTime: now });
+        }
+    }
+    // Internals
+    syncCanvasSize() {
+        const canvas = this.canvasRef().nativeElement;
+        const host = this.host.nativeElement;
+        const { width, height } = host.getBoundingClientRect();
+        if (canvas.width !== Math.round(width))
+            canvas.width = Math.round(width);
+        if (canvas.height !== Math.round(height))
+            canvas.height = Math.round(height);
+    }
+    watchResize() {
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        let resizeTimer;
+        const ro = new ResizeObserver(() => {
+            clearTimeout(resizeTimer);
+            resizeTimer = setTimeout(() => this.syncCanvasSize(), 100);
+        });
+        ro.observe(this.host.nativeElement);
+        this.destroyRef.onDestroy(() => {
+            ro.disconnect();
+            clearTimeout(resizeTimer);
+        });
+    }
+    startLoop() {
+        const canvas = this.canvasRef().nativeElement;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        let raf = 0;
+        const draw = (ts) => {
+            ctx.clearRect(0, 0, canvas.width, canvas.height);
+            const ease = EASINGS[this.easing()];
+            const duration = this.duration();
+            const sparkRadius = this.sparkRadius();
+            const sparkSize = this.sparkSize();
+            const extraScale = this.extraScale();
+            const color = this.sparkColor();
+            this.sparks = this.sparks.filter(spark => {
+                const elapsed = ts - spark.startTime;
+                if (elapsed >= duration)
+                    return false;
+                const progress = elapsed / duration;
+                const eased = ease(progress);
+                const distance = eased * sparkRadius * extraScale;
+                const lineLength = sparkSize * (1 - eased);
+                const x1 = spark.x + distance * Math.cos(spark.angle);
+                const y1 = spark.y + distance * Math.sin(spark.angle);
+                const x2 = spark.x + (distance + lineLength) * Math.cos(spark.angle);
+                const y2 = spark.y + (distance + lineLength) * Math.sin(spark.angle);
+                ctx.strokeStyle = color;
+                ctx.lineWidth = 2;
+                ctx.beginPath();
+                ctx.moveTo(x1, y1);
+                ctx.lineTo(x2, y2);
+                ctx.stroke();
+                return true;
+            });
+            raf = requestAnimationFrame(draw);
+        };
+        raf = requestAnimationFrame(draw);
+        this.destroyRef.onDestroy(() => cancelAnimationFrame(raf));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrClickSpark, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: WrClickSpark, isStandalone: true, selector: "wr-click-spark", inputs: { sparkColor: { classPropertyName: "sparkColor", publicName: "sparkColor", isSignal: true, isRequired: false, transformFunction: null }, sparkSize: { classPropertyName: "sparkSize", publicName: "sparkSize", isSignal: true, isRequired: false, transformFunction: null }, sparkRadius: { classPropertyName: "sparkRadius", publicName: "sparkRadius", isSignal: true, isRequired: false, transformFunction: null }, sparkCount: { classPropertyName: "sparkCount", publicName: "sparkCount", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, easing: { classPropertyName: "easing", publicName: "easing", isSignal: true, isRequired: false, transformFunction: null }, extraScale: { classPropertyName: "extraScale", publicName: "extraScale", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, classAttribute: "wr-click-spark" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, isSignal: true }], ngImport: i0, template: "<canvas #canvas class=\"wr-click-spark__canvas\"></canvas>\n<ng-content />\n", styles: [".wr-click-spark{position:relative;display:block}.wr-click-spark__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrClickSpark, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-click-spark', encapsulation: ViewEncapsulation.None, host: {
+                        class: 'wr-click-spark',
+                        '(click)': 'onClick($event)',
+                    }, template: "<canvas #canvas class=\"wr-click-spark__canvas\"></canvas>\n<ng-content />\n", styles: [".wr-click-spark{position:relative;display:block}.wr-click-spark__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sparkColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkColor", required: false }] }], sparkSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkSize", required: false }] }], sparkRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkRadius", required: false }] }], sparkCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkCount", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], easing: [{ type: i0.Input, args: [{ isSignal: true, alias: "easing", required: false }] }], extraScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraScale", required: false }] }], canvasRef: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrClickSpark };
+//# sourceMappingURL=ngwr-click-spark.mjs.map

package/fesm2022/ngwr-click-spark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-click-spark.mjs","sources":["../../../projects/lib/click-spark/click-spark.ts","../../../projects/lib/click-spark/click-spark.html","../../../projects/lib/click-spark/ngwr-click-spark.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n *\n * Angular adaptation of the ClickSpark effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/animations/click-spark\n */\n\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrClickSparkEasing } from './interfaces';\n\ninterface Spark {\n  readonly x: number;\n  readonly y: number;\n  readonly angle: number;\n  readonly startTime: number;\n}\n\nconst EASINGS: Readonly<Record<WrClickSparkEasing, (t: number) => number>> = {\n  linear: t => t,\n  'ease-in': t => t * t,\n  'ease-in-out': t => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n  'ease-out': t => t * (2 - t),\n};\n\n/**\n * Click ripple — bursts a ring of short line sparks from the click point\n * across any projected content. Wraps children in a positioned container\n * with a `pointer-events: none` canvas overlay, so projected DOM stays\n * fully interactive.\n *\n * @example\n * ```html\n * <wr-click-spark>\n *   <h1>Click anywhere</h1>\n *   <button>Buttons still work</button>\n * </wr-click-spark>\n * ```\n *\n * @see https://www.reactbits.dev/animations/click-spark\n */\n@Component({\n  selector: 'wr-click-spark',\n  templateUrl: './click-spark.html',\n  styleUrl: './click-spark.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-click-spark',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class WrClickSpark {\n  /** Spark line colour. @default '#fff' */\n  readonly sparkColor = input('#fff');\n\n  /** Length of each spark line in pixels (at t=0; tapers to 0 at t=1). @default 10 */\n  readonly sparkSize = input(10, { transform: numAttr(10) });\n\n  /** Distance each spark travels from origin in pixels. @default 15 */\n  readonly sparkRadius = input(15, { transform: numAttr(15) });\n\n  /** Number of sparks per click (evenly distributed around the circle). @default 8 */\n  readonly sparkCount = input(8, { transform: numAttr(8) });\n\n  /** Animation duration in ms. @default 400 */\n  readonly duration = input(400, { transform: numAttr(400) });\n\n  /** Easing function applied to the travel distance. @default 'ease-out' */\n  readonly easing = input<WrClickSparkEasing>('ease-out');\n\n  /** Multiplier on the travel distance — bumps the radius without changing `sparkRadius`. @default 1 */\n  readonly extraScale = input(1, { transform: numAttr(1) });\n\n  private readonly canvasRef = viewChild.required<ElementRef<HTMLCanvasElement>>('canvas');\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private sparks: Spark[] = [];\n\n  constructor() {\n    if (!this.isBrowser) return;\n    afterNextRender(() => {\n      this.syncCanvasSize();\n      this.watchResize();\n      this.startLoop();\n    });\n  }\n\n  protected onClick(event: MouseEvent): void {\n    // Reduced motion: no spark bursts — same policy as wr-confetti.\n    if (this.platform.prefersReducedMotion()) return;\n    const canvas = this.canvasRef().nativeElement;\n    const rect = canvas.getBoundingClientRect();\n    const x = event.clientX - rect.left;\n    const y = event.clientY - rect.top;\n    const now = performance.now();\n    const count = this.sparkCount();\n    for (let i = 0; i < count; i++) {\n      this.sparks.push({ x, y, angle: (2 * Math.PI * i) / count, startTime: now });\n    }\n  }\n\n  // Internals\n\n  private syncCanvasSize(): void {\n    const canvas = this.canvasRef().nativeElement;\n    const host = this.host.nativeElement;\n    const { width, height } = host.getBoundingClientRect();\n    if (canvas.width !== Math.round(width)) canvas.width = Math.round(width);\n    if (canvas.height !== Math.round(height)) canvas.height = Math.round(height);\n  }\n\n  private watchResize(): void {\n    if (typeof ResizeObserver === 'undefined') return;\n    let resizeTimer: ReturnType<typeof setTimeout> | undefined;\n    const ro = new ResizeObserver(() => {\n      clearTimeout(resizeTimer);\n      resizeTimer = setTimeout(() => this.syncCanvasSize(), 100);\n    });\n    ro.observe(this.host.nativeElement);\n    this.destroyRef.onDestroy(() => {\n      ro.disconnect();\n      clearTimeout(resizeTimer);\n    });\n  }\n\n  private startLoop(): void {\n    const canvas = this.canvasRef().nativeElement;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    let raf = 0;\n\n    const draw = (ts: number): void => {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      const ease = EASINGS[this.easing()];\n      const duration = this.duration();\n      const sparkRadius = this.sparkRadius();\n      const sparkSize = this.sparkSize();\n      const extraScale = this.extraScale();\n      const color = this.sparkColor();\n\n      this.sparks = this.sparks.filter(spark => {\n        const elapsed = ts - spark.startTime;\n        if (elapsed >= duration) return false;\n        const progress = elapsed / duration;\n        const eased = ease(progress);\n        const distance = eased * sparkRadius * extraScale;\n        const lineLength = sparkSize * (1 - eased);\n\n        const x1 = spark.x + distance * Math.cos(spark.angle);\n        const y1 = spark.y + distance * Math.sin(spark.angle);\n        const x2 = spark.x + (distance + lineLength) * Math.cos(spark.angle);\n        const y2 = spark.y + (distance + lineLength) * Math.sin(spark.angle);\n\n        ctx.strokeStyle = color;\n        ctx.lineWidth = 2;\n        ctx.beginPath();\n        ctx.moveTo(x1, y1);\n        ctx.lineTo(x2, y2);\n        ctx.stroke();\n        return true;\n      });\n\n      raf = requestAnimationFrame(draw);\n    };\n\n    raf = requestAnimationFrame(draw);\n    this.destroyRef.onDestroy(() => cancelAnimationFrame(raf));\n  }\n}\n\nexport type { WrClickSparkEasing } from './interfaces';\n","<canvas #canvas class=\"wr-click-spark__canvas\"></canvas>\n<ng-content />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-clipboard.mjs

@@ -0,0 +1,130 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Service } from '@angular/core';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Programmatic clipboard read / write.
+ *
+ * - **Write** uses `navigator.clipboard.writeText` with a hidden
+ *   `<textarea>` + `execCommand('copy')` fallback for non-secure contexts.
+ * - **Read** uses `navigator.clipboard.readText` (no fallback — older
+ *   browsers expose no equivalent).
+ * - **Available** / **permission** check what the current browser allows
+ *   so UI can disable the action when it would silently no-op.
+ *
+ * SSR-safe: every method short-circuits when there's no `document.defaultView`.
+ *
+ * @example
+ * ```ts
+ * const clip = inject(WrClipboard);
+ *
+ * await clip.write('Hello');           // resolves to true on success
+ * const text = await clip.read();      // string | null
+ * clip.available();                    // boolean
+ * await clip.permission('write');      // 'granted' | 'denied' | 'prompt' | 'unsupported'
+ * ```
+ *
+ * @see https://ngwr.dev/services/clipboard
+ */
+class WrClipboard {
+    doc = inject(DOCUMENT);
+    /** Is any clipboard write path available (async API or `execCommand`)? */
+    available() {
+        const view = this.doc.defaultView;
+        if (!view)
+            return false;
+        if (view.navigator?.clipboard)
+            return true;
+        return typeof this.doc.execCommand === 'function';
+    }
+    /**
+     * Write text. Resolves to `true` on success, `false` on failure (denied
+     * permission, no clipboard, etc).
+     */
+    async write(text) {
+        const view = this.doc.defaultView;
+        if (!view)
+            return false;
+        try {
+            if (view.navigator?.clipboard) {
+                await view.navigator.clipboard.writeText(text);
+                return true;
+            }
+            return this.legacyWrite(text);
+        }
+        catch {
+            return this.legacyWrite(text);
+        }
+    }
+    /**
+     * Read text from the clipboard. Returns `null` when unsupported or
+     * when the user denied the permission prompt.
+     */
+    async read() {
+        const view = this.doc.defaultView;
+        if (!view?.navigator?.clipboard?.readText)
+            return null;
+        try {
+            return await view.navigator.clipboard.readText();
+        }
+        catch {
+            return null;
+        }
+    }
+    /** Probe the Permissions API for `clipboard-read` / `clipboard-write`. */
+    async permission(name) {
+        const view = this.doc.defaultView;
+        if (!view?.navigator?.permissions?.query)
+            return 'unsupported';
+        try {
+            const status = await view.navigator.permissions.query({
+                name: `clipboard-${name}`,
+            });
+            return status.state;
+        }
+        catch {
+            return 'unsupported';
+        }
+    }
+    // Internals
+    /** Hidden-textarea + `execCommand('copy')` write. Synchronous, no permissions. */
+    legacyWrite(text) {
+        const node = this.doc.createElement('textarea');
+        node.value = text;
+        node.setAttribute('readonly', '');
+        node.style.position = 'fixed';
+        node.style.top = '0';
+        node.style.left = '0';
+        node.style.opacity = '0';
+        node.style.pointerEvents = 'none';
+        this.doc.body.appendChild(node);
+        node.select();
+        try {
+            return this.doc.execCommand('copy');
+        }
+        catch {
+            return false;
+        }
+        finally {
+            this.doc.body.removeChild(node);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrClipboard, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.1", ngImport: i0, type: WrClipboard });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrClipboard, decorators: [{
+            type: Service
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrClipboard };
+//# sourceMappingURL=ngwr-clipboard.mjs.map

package/fesm2022/ngwr-clipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-clipboard.mjs","sources":["../../../projects/lib/clipboard/clipboard.ts","../../../projects/lib/clipboard/ngwr-clipboard.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { DOCUMENT } from '@angular/common';\nimport { Service, inject } from '@angular/core';\n\nimport type { WrClipboardPermission } from './interfaces';\n\n/**\n * Programmatic clipboard read / write.\n *\n * - **Write** uses `navigator.clipboard.writeText` with a hidden\n *   `<textarea>` + `execCommand('copy')` fallback for non-secure contexts.\n * - **Read** uses `navigator.clipboard.readText` (no fallback — older\n *   browsers expose no equivalent).\n * - **Available** / **permission** check what the current browser allows\n *   so UI can disable the action when it would silently no-op.\n *\n * SSR-safe: every method short-circuits when there's no `document.defaultView`.\n *\n * @example\n * ```ts\n * const clip = inject(WrClipboard);\n *\n * await clip.write('Hello');           // resolves to true on success\n * const text = await clip.read();      // string | null\n * clip.available();                    // boolean\n * await clip.permission('write');      // 'granted' | 'denied' | 'prompt' | 'unsupported'\n * ```\n *\n * @see https://ngwr.dev/services/clipboard\n */\n@Service()\nexport class WrClipboard {\n  private readonly doc = inject(DOCUMENT);\n\n  /** Is any clipboard write path available (async API or `execCommand`)? */\n  available(): boolean {\n    const view = this.doc.defaultView;\n    if (!view) return false;\n    if (view.navigator?.clipboard) return true;\n    return typeof this.doc.execCommand === 'function';\n  }\n\n  /**\n   * Write text. Resolves to `true` on success, `false` on failure (denied\n   * permission, no clipboard, etc).\n   */\n  async write(text: string): Promise<boolean> {\n    const view = this.doc.defaultView;\n    if (!view) return false;\n\n    try {\n      if (view.navigator?.clipboard) {\n        await view.navigator.clipboard.writeText(text);\n        return true;\n      }\n      return this.legacyWrite(text);\n    } catch {\n      return this.legacyWrite(text);\n    }\n  }\n\n  /**\n   * Read text from the clipboard. Returns `null` when unsupported or\n   * when the user denied the permission prompt.\n   */\n  async read(): Promise<string | null> {\n    const view = this.doc.defaultView;\n    if (!view?.navigator?.clipboard?.readText) return null;\n    try {\n      return await view.navigator.clipboard.readText();\n    } catch {\n      return null;\n    }\n  }\n\n  /** Probe the Permissions API for `clipboard-read` / `clipboard-write`. */\n  async permission(name: 'read' | 'write'): Promise<WrClipboardPermission> {\n    const view = this.doc.defaultView;\n    if (!view?.navigator?.permissions?.query) return 'unsupported';\n    try {\n      const status = await view.navigator.permissions.query({\n        name: `clipboard-${name}` as PermissionName,\n      });\n      return status.state;\n    } catch {\n      return 'unsupported';\n    }\n  }\n\n  // Internals\n\n  /** Hidden-textarea + `execCommand('copy')` write. Synchronous, no permissions. */\n  private legacyWrite(text: string): boolean {\n    const node = this.doc.createElement('textarea');\n    node.value = text;\n    node.setAttribute('readonly', '');\n    node.style.position = 'fixed';\n    node.style.top = '0';\n    node.style.left = '0';\n    node.style.opacity = '0';\n    node.style.pointerEvents = 'none';\n    this.doc.body.appendChild(node);\n    node.select();\n    try {\n      return this.doc.execCommand('copy');\n    } catch {\n      return false;\n    } finally {\n      this.doc.body.removeChild(node);\n    }\n  }\n}\n\nexport type { WrClipboardPermission } from './interfaces';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-collapse.mjs

@@ -0,0 +1,232 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { InjectionToken, input, model, inject, DestroyRef, computed, effect, ViewEncapsulation, Component, forwardRef, signal } from '@angular/core';
+import { randomId } from 'ngwr/utils';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Token a `<wr-collapse>` injects to register itself with — and notify of
+ * open events — its parent `<wr-collapse-group>`. Drives the accordion
+ * behaviour when the group has `accordion` enabled.
+ *
+ * @internal
+ */
+const WR_COLLAPSE_GROUP = new InjectionToken('WR_COLLAPSE_GROUP');
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Expandable panel with a clickable header. Two-way binds the `open`
+ * state. When wrapped in `<wr-collapse-group accordion>`, only one
+ * sibling can be open at a time.
+ *
+ * @example
+ * ```html
+ * <wr-collapse title="Section title">
+ *   Section body…
+ * </wr-collapse>
+ *
+ * <wr-collapse-group accordion>
+ *   <wr-collapse title="A">…</wr-collapse>
+ *   <wr-collapse title="B">…</wr-collapse>
+ * </wr-collapse-group>
+ * ```
+ *
+ * @see https://ngwr.dev/components/collapse
+ */
+class WrCollapse {
+    /** Header text. */
+    title = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    /** Two-way bindable open/closed state. @default false */
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Disable interaction. @default false */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Identity used by the parent group when tracking children. @internal */
+    id = { name: randomId('wr-collapse') };
+    /** DOM id for the body element, referenced by header's `aria-controls`. */
+    bodyId = `wr-collapse-body-${this.id.name}`;
+    group = inject(WR_COLLAPSE_GROUP, { optional: true });
+    destroyRef = inject(DestroyRef);
+    classes = computed(() => {
+        const parts = ['wr-collapse'];
+        if (this.open())
+            parts.push('wr-collapse--open');
+        if (this.disabled())
+            parts.push('wr-collapse--disabled');
+        return parts.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (this.group) {
+            this.group.register({ id: this.id, close: () => this.open.set(false) });
+            this.destroyRef.onDestroy(() => this.group?.unregister(this.id));
+            // Tell the group whenever we open — group decides whether to close siblings.
+            effect(() => {
+                if (this.open())
+                    this.group?.notifyOpened(this.id);
+            });
+        }
+    }
+    /** Open the panel. */
+    openPanel() {
+        if (this.disabled())
+            return;
+        this.open.set(true);
+    }
+    /** Close the panel. */
+    close() {
+        this.open.set(false);
+    }
+    /** Toggle the panel. */
+    toggle() {
+        if (this.disabled())
+            return;
+        this.open.update(v => !v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: WrCollapse, isStandalone: true, selector: "wr-collapse", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"wr-collapse__header\"\n  [attr.aria-expanded]=\"open()\"\n  [attr.aria-controls]=\"bodyId\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggle()\"\n>\n  <span class=\"wr-collapse__title\">{{ title() }}</span>\n  <svg\n    class=\"wr-icon__svg wr-collapse__chevron\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n</button>\n\n<div\n  class=\"wr-collapse__body\"\n  [attr.id]=\"bodyId\"\n  [class.wr-collapse__body--open]=\"open()\"\n  [attr.aria-hidden]=\"!open()\"\n  [attr.inert]=\"!open() ? '' : null\"\n>\n  <div class=\"wr-collapse__content\">\n    <div class=\"wr-collapse__inner\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrCollapse, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-collapse', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "<button\n  type=\"button\"\n  class=\"wr-collapse__header\"\n  [attr.aria-expanded]=\"open()\"\n  [attr.aria-controls]=\"bodyId\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggle()\"\n>\n  <span class=\"wr-collapse__title\">{{ title() }}</span>\n  <svg\n    class=\"wr-icon__svg wr-collapse__chevron\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n</button>\n\n<div\n  class=\"wr-collapse__body\"\n  [attr.id]=\"bodyId\"\n  [class.wr-collapse__body--open]=\"open()\"\n  [attr.aria-hidden]=\"!open()\"\n  [attr.inert]=\"!open() ? '' : null\"\n>\n  <div class=\"wr-collapse__content\">\n    <div class=\"wr-collapse__inner\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Visual + behavioral grouping of `<wr-collapse>` children. When
+ * `accordion` is true, opening one child closes the others.
+ *
+ * @see https://ngwr.dev/components/collapse
+ */
+class WrCollapseGroup {
+    /** When true, only one child may be open at a time. @default false */
+    accordion = input(false, { ...(ngDevMode ? { debugName: "accordion" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    members = new Map();
+    register(member) {
+        this.members.set(member.id, member);
+    }
+    unregister(memberId) {
+        this.members.delete(memberId);
+    }
+    notifyOpened(opener) {
+        if (!this.accordion())
+            return;
+        for (const [id, member] of this.members) {
+            if (id !== opener)
+                member.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrCollapseGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: WrCollapseGroup, isStandalone: true, selector: "wr-collapse-group", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-collapse-group" }, providers: [
+            {
+                provide: WR_COLLAPSE_GROUP,
+                // eslint-disable-next-line @angular-eslint/no-forward-ref
+                useExisting: forwardRef(() => WrCollapseGroup),
+            },
+        ], ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrCollapseGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-collapse-group',
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'wr-collapse-group' },
+                    providers: [
+                        {
+                            provide: WR_COLLAPSE_GROUP,
+                            // eslint-disable-next-line @angular-eslint/no-forward-ref
+                            useExisting: forwardRef(() => WrCollapseGroup),
+                        },
+                    ],
+                }]
+        }], propDecorators: { accordion: [{ type: i0.Input, args: [{ isSignal: true, alias: "accordion", required: false }] }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Accordion — a `<wr-collapse>` container that enforces single-open
+ * behavior: opening a child closes its siblings.
+ *
+ * Use `<wr-collapse-group>` when you only need visual grouping without
+ * the mutually-exclusive open semantics.
+ *
+ * @example
+ * ```html
+ * <wr-accordion>
+ *   <wr-collapse title="Profile">…</wr-collapse>
+ *   <wr-collapse title="Security">…</wr-collapse>
+ *   <wr-collapse title="Notifications">…</wr-collapse>
+ * </wr-accordion>
+ * ```
+ *
+ * @see https://ngwr.dev/components/collapse
+ */
+class WrAccordion {
+    /** Always behaves as an accordion. Provided for context-interface symmetry. */
+    accordion = signal(true).asReadonly();
+    members = new Map();
+    register(member) {
+        this.members.set(member.id, member);
+    }
+    unregister(memberId) {
+        this.members.delete(memberId);
+    }
+    notifyOpened(opener) {
+        for (const [id, member] of this.members) {
+            if (id !== opener)
+                member.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: WrAccordion, isStandalone: true, selector: "wr-accordion", host: { classAttribute: "wr-collapse-group wr-collapse-group--accordion" }, providers: [
+            {
+                provide: WR_COLLAPSE_GROUP,
+                // eslint-disable-next-line @angular-eslint/no-forward-ref
+                useExisting: forwardRef(() => WrAccordion),
+            },
+        ], ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-accordion',
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'wr-collapse-group wr-collapse-group--accordion' },
+                    providers: [
+                        {
+                            provide: WR_COLLAPSE_GROUP,
+                            // eslint-disable-next-line @angular-eslint/no-forward-ref
+                            useExisting: forwardRef(() => WrAccordion),
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WR_COLLAPSE_GROUP, WrAccordion, WrCollapse, WrCollapseGroup };
+//# sourceMappingURL=ngwr-collapse.mjs.map

package/fesm2022/ngwr-collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-collapse.mjs","sources":["../../../projects/lib/collapse/tokens/collapse-group.token.ts","../../../projects/lib/collapse/collapse.ts","../../../projects/lib/collapse/collapse.html","../../../projects/lib/collapse/collapse-group.ts","../../../projects/lib/collapse/accordion.ts","../../../projects/lib/collapse/ngwr-collapse.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * Contract a collapse uses to talk to its parent `<wr-collapse-group>`.\n *\n * @internal\n */\nexport interface WrCollapseGroupContext {\n  /** When true, only one child collapse may be open at a time. */\n  readonly accordion: Signal<boolean>;\n  /** Called by a child when it opens — closes siblings in accordion mode. */\n  notifyOpened(opener: object): void;\n  /** Register a child so the group can call `closeAll()` etc. */\n  register(member: { close(): void; readonly id: object }): void;\n  /** Unregister on destroy. */\n  unregister(memberId: object): void;\n}\n\n/**\n * Token a `<wr-collapse>` injects to register itself with — and notify of\n * open events — its parent `<wr-collapse-group>`. Drives the accordion\n * behaviour when the group has `accordion` enabled.\n *\n * @internal\n */\nexport const WR_COLLAPSE_GROUP = new InjectionToken<WrCollapseGroupContext>('WR_COLLAPSE_GROUP');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, DestroyRef, ViewEncapsulation, computed, effect, inject, input, model } from '@angular/core';\n\nimport { randomId } from 'ngwr/utils';\n\nimport { WR_COLLAPSE_GROUP } from './tokens';\n\n/**\n * Expandable panel with a clickable header. Two-way binds the `open`\n * state. When wrapped in `<wr-collapse-group accordion>`, only one\n * sibling can be open at a time.\n *\n * @example\n * ```html\n * <wr-collapse title=\"Section title\">\n *   Section body…\n * </wr-collapse>\n *\n * <wr-collapse-group accordion>\n *   <wr-collapse title=\"A\">…</wr-collapse>\n *   <wr-collapse title=\"B\">…</wr-collapse>\n * </wr-collapse-group>\n * ```\n *\n * @see https://ngwr.dev/components/collapse\n */\n@Component({\n  selector: 'wr-collapse',\n  templateUrl: './collapse.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n})\nexport class WrCollapse {\n  /** Header text. */\n  readonly title = input.required<string>();\n\n  /** Two-way bindable open/closed state. @default false */\n  readonly open = model<boolean>(false);\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Identity used by the parent group when tracking children. @internal */\n  readonly id = { name: randomId('wr-collapse') };\n\n  /** DOM id for the body element, referenced by header's `aria-controls`. */\n  protected readonly bodyId = `wr-collapse-body-${this.id.name}`;\n\n  private readonly group = inject(WR_COLLAPSE_GROUP, { optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-collapse'];\n    if (this.open()) parts.push('wr-collapse--open');\n    if (this.disabled()) parts.push('wr-collapse--disabled');\n    return parts.join(' ');\n  });\n\n  constructor() {\n    if (this.group) {\n      this.group.register({ id: this.id, close: () => this.open.set(false) });\n      this.destroyRef.onDestroy(() => this.group?.unregister(this.id));\n\n      // Tell the group whenever we open — group decides whether to close siblings.\n      effect(() => {\n        if (this.open()) this.group?.notifyOpened(this.id);\n      });\n    }\n  }\n\n  /** Open the panel. */\n  openPanel(): void {\n    if (this.disabled()) return;\n    this.open.set(true);\n  }\n\n  /** Close the panel. */\n  close(): void {\n    this.open.set(false);\n  }\n\n  /** Toggle the panel. */\n  toggle(): void {\n    if (this.disabled()) return;\n    this.open.update(v => !v);\n  }\n}\n","<button\n  type=\"button\"\n  class=\"wr-collapse__header\"\n  [attr.aria-expanded]=\"open()\"\n  [attr.aria-controls]=\"bodyId\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggle()\"\n>\n  <span class=\"wr-collapse__title\">{{ title() }}</span>\n  <svg\n    class=\"wr-icon__svg wr-collapse__chevron\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n</button>\n\n<div\n  class=\"wr-collapse__body\"\n  [attr.id]=\"bodyId\"\n  [class.wr-collapse__body--open]=\"open()\"\n  [attr.aria-hidden]=\"!open()\"\n  [attr.inert]=\"!open() ? '' : null\"\n>\n  <div class=\"wr-collapse__content\">\n    <div class=\"wr-collapse__inner\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, forwardRef, input } from '@angular/core';\n\nimport { WR_COLLAPSE_GROUP, type WrCollapseGroupContext } from './tokens';\n\ninterface Member {\n  close(): void;\n  readonly id: object;\n}\n\n/**\n * Visual + behavioral grouping of `<wr-collapse>` children. When\n * `accordion` is true, opening one child closes the others.\n *\n * @see https://ngwr.dev/components/collapse\n */\n@Component({\n  selector: 'wr-collapse-group',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-collapse-group' },\n  providers: [\n    {\n      provide: WR_COLLAPSE_GROUP,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrCollapseGroup),\n    },\n  ],\n})\nexport class WrCollapseGroup implements WrCollapseGroupContext {\n  /** When true, only one child may be open at a time. @default false */\n  readonly accordion = input(false, { transform: coerceBooleanProperty });\n\n  private readonly members = new Map<object, Member>();\n\n  register(member: Member): void {\n    this.members.set(member.id, member);\n  }\n\n  unregister(memberId: object): void {\n    this.members.delete(memberId);\n  }\n\n  notifyOpened(opener: object): void {\n    if (!this.accordion()) return;\n    for (const [id, member] of this.members) {\n      if (id !== opener) member.close();\n    }\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, forwardRef, signal } from '@angular/core';\n\nimport { WR_COLLAPSE_GROUP, type WrCollapseGroupContext } from './tokens';\n\ninterface Member {\n  close(): void;\n  readonly id: object;\n}\n\n/**\n * Accordion — a `<wr-collapse>` container that enforces single-open\n * behavior: opening a child closes its siblings.\n *\n * Use `<wr-collapse-group>` when you only need visual grouping without\n * the mutually-exclusive open semantics.\n *\n * @example\n * ```html\n * <wr-accordion>\n *   <wr-collapse title=\"Profile\">…</wr-collapse>\n *   <wr-collapse title=\"Security\">…</wr-collapse>\n *   <wr-collapse title=\"Notifications\">…</wr-collapse>\n * </wr-accordion>\n * ```\n *\n * @see https://ngwr.dev/components/collapse\n */\n@Component({\n  selector: 'wr-accordion',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-collapse-group wr-collapse-group--accordion' },\n  providers: [\n    {\n      provide: WR_COLLAPSE_GROUP,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrAccordion),\n    },\n  ],\n})\nexport class WrAccordion implements WrCollapseGroupContext {\n  /** Always behaves as an accordion. Provided for context-interface symmetry. */\n  readonly accordion = signal(true).asReadonly();\n\n  private readonly members = new Map<object, Member>();\n\n  register(member: Member): void {\n    this.members.set(member.id, member);\n  }\n\n  unregister(memberId: object): void {\n    this.members.delete(memberId);\n  }\n\n  notifyOpened(opener: object): void {\n    for (const [id, member] of this.members) {\n      if (id !== opener) member.close();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}