@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs

@@ -1,195 +1,354 @@
-import * as i0 from '@angular/core';
-import { signal, Injectable, inject, input, computed, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, NgModule, computed, effect, inject, input, signal } from "@angular/core";
 const DEFAULT_AUDIO_WAVEFORM_CONFIG = {
-    barCount: 5,
-    smoothing: 0.55,
-    fftSize: 256,
+	barCount: 5,
+	smoothing: .55,
+	fftSize: 256
 };
-/** Per-bar colors for the 5-bar waveform (left to right) */
-const AUDIO_WAVEFORM_BAR_COLORS = ['#C065D0', '#A86FDA', '#9078E3', '#7882EC', '#6889F3'];
-
-class AudioWaveformService {
-    constructor() {
-        this.ctx = null;
-        this.analyser = null;
-        this.source = null;
-        this.stream = null;
-        this.raf = null;
-        this.bars = signal([], ...(ngDevMode ? [{ debugName: "bars" }] : /* istanbul ignore next */ []));
-        this.active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    }
-    async start(barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount, smoothing = DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing) {
-        if (this.active()) {
-            return;
-        }
-        try {
-            this.stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-            this.ctx = new AudioContext();
-            this.analyser = this.ctx.createAnalyser();
-            this.analyser.fftSize = DEFAULT_AUDIO_WAVEFORM_CONFIG.fftSize;
-            this.analyser.smoothingTimeConstant = smoothing;
-            this.source = this.ctx.createMediaStreamSource(this.stream);
-            this.source.connect(this.analyser);
-            this.active.set(true);
-            const data = new Uint8Array(this.analyser.frequencyBinCount);
-            // Focus on the lower ~60% of bins where speech energy concentrates
-            const speechBinCount = Math.max(1, Math.floor(data.length * 0.6));
-            const analyserRef = this.analyser;
-            const tick = () => {
-                analyserRef.getByteFrequencyData(data);
-                // RMS (root mean square) of speech-range bins — represents perceived loudness,
-                // unlike peak which saturates on any single spike
-                let sumSq = 0;
-                for (let i = 0; i < speechBinCount; i++) {
-                    const v = data[i] / 255;
-                    sumSq += v * v;
-                }
-                const rms = Math.sqrt(sumSq / speechBinCount);
-                // Power curve keeps quiet→loud variation visible. Gain multiplier ensures
-                // loud speech reaches full bar height. Clamped to [0, 1].
-                const amplitude = Math.min(1, Math.pow(rms, 0.55) * 1.5);
-                const values = this.createSymmetricBars(barCount, amplitude);
-                this.bars.set(values);
-                this.raf = requestAnimationFrame(tick);
-            };
-            tick();
-        }
-        catch (e) {
-            console.error('[AudioWaveform] Mic access denied:', e);
-        }
-    }
-    stop() {
-        if (this.raf !== null) {
-            cancelAnimationFrame(this.raf);
-        }
-        this.source?.disconnect();
-        this.analyser?.disconnect();
-        this.stream?.getTracks().forEach(t => t.stop());
-        if (this.ctx && this.ctx.state !== 'closed') {
-            void this.ctx.close();
-        }
-        this.ctx = null;
-        this.analyser = null;
-        this.source = null;
-        this.stream = null;
-        this.raf = null;
-        this.active.set(false);
-        this.bars.set([]);
-    }
-    ngOnDestroy() {
-        this.stop();
-    }
-    /**
-     * Creates a symmetric bar distribution where middle bars are highest.
-     * Uses a bell-curve-like pattern centered at the middle bar.
-     */
-    createSymmetricBars(barCount, amplitude) {
-        const center = (barCount - 1) / 2;
-        const maxDistance = center;
-        return Array.from({ length: barCount }, (_, i) => {
-            const distance = Math.abs(i - center);
-            // Weight decreases as distance from center increases
-            // Using a quadratic falloff for smoother appearance
-            const weight = 1 - (distance / maxDistance) * 0.65;
-            return amplitude * weight;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class AudioWaveformComponent {
-    constructor() {
-        this.waveformService = inject(AudioWaveformService);
-        this.barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount;
-        this.width = input(40, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-        this.height = input(22, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
-        this.gap = input(3, ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
-        this.minScale = input(0.08, ...(ngDevMode ? [{ debugName: "minScale" }] : /* istanbul ignore next */ []));
-        this.smoothing = input(DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing, ...(ngDevMode ? [{ debugName: "smoothing" }] : /* istanbul ignore next */ []));
-        /**
-         * When provided, the component operates in controlled mode —
-         * it renders externally-supplied bar values instead of managing the mic itself.
-         */
-        this.bars = input(null, ...(ngDevMode ? [{ debugName: "bars" }] : /* istanbul ignore next */ []));
-        /** Mirror of `bars` for controlled mode; required when `bars` is set. */
-        this.active = input(null, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-        this.controlled = computed(() => this.active() !== null, ...(ngDevMode ? [{ debugName: "controlled" }] : /* istanbul ignore next */ []));
-        this.effectiveBars = computed(() => {
-            if (this.controlled()) {
-                return this.bars() ?? [];
-            }
-            return this.waveformService.bars();
-        }, ...(ngDevMode ? [{ debugName: "effectiveBars" }] : /* istanbul ignore next */ []));
-        this.effectiveActive = computed(() => {
-            if (this.controlled()) {
-                return this.active() ?? false;
-            }
-            return this.waveformService.active();
-        }, ...(ngDevMode ? [{ debugName: "effectiveActive" }] : /* istanbul ignore next */ []));
-        this.barWidth = computed(() => {
-            const count = this.barCount;
-            return (this.width() - this.gap() * (count - 1)) / count;
-        }, ...(ngDevMode ? [{ debugName: "barWidth" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            if (!this.controlled()) {
-                void this.waveformService.start(this.barCount, this.smoothing());
-            }
-        });
-    }
-    barHeight(value) {
-        const h = this.height();
-        const min = this.minScale();
-        return h * (min + value * (1 - min));
-    }
-    barRadius() {
-        return this.barWidth() / 2;
-    }
-    barValue(index) {
-        const bars = this.effectiveBars();
-        return bars[index] ?? 0;
-    }
-    barColor(index) {
-        return AUDIO_WAVEFORM_BAR_COLORS[index] ?? AUDIO_WAVEFORM_BAR_COLORS[0];
-    }
-    /** Returns the x-offset for a bar so the shared CSS gradient aligns correctly. */
-    barOffset(index) {
-        return (this.barWidth() + this.gap()) * index;
-    }
-    ngOnDestroy() {
-        if (!this.controlled()) {
-            this.waveformService.stop();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: AudioWaveformComponent, isStandalone: true, selector: "ui-audio-waveform", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, minScale: { classPropertyName: "minScale", publicName: "minScale", isSignal: true, isRequired: false, transformFunction: null }, smoothing: { classPropertyName: "smoothing", publicName: "smoothing", isSignal: true, isRequired: false, transformFunction: null }, bars: { classPropertyName: "bars", publicName: "bars", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"waveform\"\n  [style.width.px]=\"width()\"\n  [style.height.px]=\"height()\"\n  [style.gap.px]=\"gap()\"\n  role=\"img\"\n  [attr.aria-label]=\"effectiveActive() ? 'Audio waveform active' : 'Audio waveform inactive'\"\n>\n  @for (item of effectiveBars(); track $index) {\n    <div\n      class=\"waveform-bar\"\n      [style.width.px]=\"barWidth()\"\n      [style.height.px]=\"barHeight(barValue($index))\"\n      [style.border-radius.px]=\"barRadius()\"\n      [style.background-color]=\"barColor($index)\"\n    ></div>\n  }\n</div>\n", styles: [".waveform{display:inline-flex;align-items:center}.waveform-bar{flex-shrink:0;transition:height 80ms ease-out}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-audio-waveform', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<div\n  class=\"waveform\"\n  [style.width.px]=\"width()\"\n  [style.height.px]=\"height()\"\n  [style.gap.px]=\"gap()\"\n  role=\"img\"\n  [attr.aria-label]=\"effectiveActive() ? 'Audio waveform active' : 'Audio waveform inactive'\"\n>\n  @for (item of effectiveBars(); track $index) {\n    <div\n      class=\"waveform-bar\"\n      [style.width.px]=\"barWidth()\"\n      [style.height.px]=\"barHeight(barValue($index))\"\n      [style.border-radius.px]=\"barRadius()\"\n      [style.background-color]=\"barColor($index)\"\n    ></div>\n  }\n</div>\n", styles: [".waveform{display:inline-flex;align-items:center}.waveform-bar{flex-shrink:0;transition:height 80ms ease-out}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], minScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "minScale", required: false }] }], smoothing: [{ type: i0.Input, args: [{ isSignal: true, alias: "smoothing", required: false }] }], bars: [{ type: i0.Input, args: [{ isSignal: true, alias: "bars", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }] } });
-
-class AudioWaveformModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformModule, imports: [AudioWaveformComponent], exports: [AudioWaveformComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AudioWaveformModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [AudioWaveformComponent],
-                    exports: [AudioWaveformComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const AUDIO_WAVEFORM_BAR_COLORS = [
+	"#C065D0",
+	"#A86FDA",
+	"#9078E3",
+	"#7882EC",
+	"#6889F3"
+];
+var AudioWaveformService = class AudioWaveformService {
+	constructor() {
+		this.ctx = null;
+		this.analyser = null;
+		this.source = null;
+		this.stream = null;
+		this.raf = null;
+		this.bars = signal([], ...ngDevMode ? [{ debugName: "bars" }] : /* istanbul ignore next */ []);
+		this.active = signal(false, ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+	}
+	async start(barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount, smoothing = DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing) {
+		if (this.active()) return;
+		try {
+			this.stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+			this.ctx = new AudioContext();
+			this.analyser = this.ctx.createAnalyser();
+			this.analyser.fftSize = DEFAULT_AUDIO_WAVEFORM_CONFIG.fftSize;
+			this.analyser.smoothingTimeConstant = smoothing;
+			this.source = this.ctx.createMediaStreamSource(this.stream);
+			this.source.connect(this.analyser);
+			this.active.set(true);
+			const data = new Uint8Array(this.analyser.frequencyBinCount);
+			const speechBinCount = Math.max(1, Math.floor(data.length * .6));
+			const analyserRef = this.analyser;
+			const tick = () => {
+				analyserRef.getByteFrequencyData(data);
+				let sumSq = 0;
+				for (let i = 0; i < speechBinCount; i++) {
+					const v = data[i] / 255;
+					sumSq += v * v;
+				}
+				const rms = Math.sqrt(sumSq / speechBinCount);
+				const amplitude = Math.min(1, Math.pow(rms, .55) * 1.5);
+				const values = this.createSymmetricBars(barCount, amplitude);
+				this.bars.set(values);
+				this.raf = requestAnimationFrame(tick);
+			};
+			tick();
+		} catch (e) {
+			console.error("[AudioWaveform] Mic access denied:", e);
+		}
+	}
+	stop() {
+		if (this.raf !== null) cancelAnimationFrame(this.raf);
+		this.source?.disconnect();
+		this.analyser?.disconnect();
+		this.stream?.getTracks().forEach((t) => t.stop());
+		if (this.ctx && this.ctx.state !== "closed") this.ctx.close();
+		this.ctx = null;
+		this.analyser = null;
+		this.source = null;
+		this.stream = null;
+		this.raf = null;
+		this.active.set(false);
+		this.bars.set([]);
+	}
+	ngOnDestroy() {
+		this.stop();
+	}
+	createSymmetricBars(barCount, amplitude) {
+		const center = (barCount - 1) / 2;
+		const maxDistance = center;
+		return Array.from({ length: barCount }, (_, i) => {
+			return amplitude * (1 - Math.abs(i - center) / maxDistance * .65);
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AudioWaveformService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AudioWaveformService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AudioWaveformService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var AudioWaveformComponent = class AudioWaveformComponent {
+	constructor() {
+		this.waveformService = inject(AudioWaveformService);
+		this.barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount;
+		this.width = input(40, ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+		this.height = input(22, ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+		this.gap = input(3, ...ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []);
+		this.minScale = input(.08, ...ngDevMode ? [{ debugName: "minScale" }] : /* istanbul ignore next */ []);
+		this.smoothing = input(DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing, ...ngDevMode ? [{ debugName: "smoothing" }] : /* istanbul ignore next */ []);
+		this.bars = input(null, ...ngDevMode ? [{ debugName: "bars" }] : /* istanbul ignore next */ []);
+		this.active = input(null, ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+		this.controlled = computed(() => this.active() !== null, ...ngDevMode ? [{ debugName: "controlled" }] : /* istanbul ignore next */ []);
+		this.effectiveBars = computed(() => {
+			if (this.controlled()) return this.bars() ?? [];
+			return this.waveformService.bars();
+		}, ...ngDevMode ? [{ debugName: "effectiveBars" }] : /* istanbul ignore next */ []);
+		this.effectiveActive = computed(() => {
+			if (this.controlled()) return this.active() ?? false;
+			return this.waveformService.active();
+		}, ...ngDevMode ? [{ debugName: "effectiveActive" }] : /* istanbul ignore next */ []);
+		this.barWidth = computed(() => {
+			const count = this.barCount;
+			return (this.width() - this.gap() * (count - 1)) / count;
+		}, ...ngDevMode ? [{ debugName: "barWidth" }] : /* istanbul ignore next */ []);
+		effect(() => {
+			if (!this.controlled()) this.waveformService.start(this.barCount, this.smoothing());
+		});
+	}
+	barHeight(value) {
+		const h = this.height();
+		const min = this.minScale();
+		return h * (min + value * (1 - min));
+	}
+	barRadius() {
+		return this.barWidth() / 2;
+	}
+	barValue(index) {
+		return this.effectiveBars()[index] ?? 0;
+	}
+	barColor(index) {
+		return AUDIO_WAVEFORM_BAR_COLORS[index] ?? AUDIO_WAVEFORM_BAR_COLORS[0];
+	}
+	barOffset(index) {
+		return (this.barWidth() + this.gap()) * index;
+	}
+	ngOnDestroy() {
+		if (!this.controlled()) this.waveformService.stop();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AudioWaveformComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: AudioWaveformComponent,
+			isStandalone: true,
+			selector: "ui-audio-waveform",
+			inputs: {
+				width: {
+					classPropertyName: "width",
+					publicName: "width",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				height: {
+					classPropertyName: "height",
+					publicName: "height",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				gap: {
+					classPropertyName: "gap",
+					publicName: "gap",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				minScale: {
+					classPropertyName: "minScale",
+					publicName: "minScale",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				smoothing: {
+					classPropertyName: "smoothing",
+					publicName: "smoothing",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				bars: {
+					classPropertyName: "bars",
+					publicName: "bars",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				active: {
+					classPropertyName: "active",
+					publicName: "active",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			ngImport: i0,
+			template: "<div\n  class=\"waveform\"\n  [style.width.px]=\"width()\"\n  [style.height.px]=\"height()\"\n  [style.gap.px]=\"gap()\"\n  role=\"img\"\n  [attr.aria-label]=\"effectiveActive() ? 'Audio waveform active' : 'Audio waveform inactive'\"\n>\n  @for (item of effectiveBars(); track $index) {\n    <div\n      class=\"waveform-bar\"\n      [style.width.px]=\"barWidth()\"\n      [style.height.px]=\"barHeight(barValue($index))\"\n      [style.border-radius.px]=\"barRadius()\"\n      [style.background-color]=\"barColor($index)\"\n    ></div>\n  }\n</div>\n",
+			styles: [".waveform{display:inline-flex;align-items:center}.waveform-bar{flex-shrink:0;transition:height 80ms ease-out}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AudioWaveformComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-audio-waveform",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [],
+			template: "<div\n  class=\"waveform\"\n  [style.width.px]=\"width()\"\n  [style.height.px]=\"height()\"\n  [style.gap.px]=\"gap()\"\n  role=\"img\"\n  [attr.aria-label]=\"effectiveActive() ? 'Audio waveform active' : 'Audio waveform inactive'\"\n>\n  @for (item of effectiveBars(); track $index) {\n    <div\n      class=\"waveform-bar\"\n      [style.width.px]=\"barWidth()\"\n      [style.height.px]=\"barHeight(barValue($index))\"\n      [style.border-radius.px]=\"barRadius()\"\n      [style.background-color]=\"barColor($index)\"\n    ></div>\n  }\n</div>\n",
+			styles: [".waveform{display:inline-flex;align-items:center}.waveform-bar{flex-shrink:0;transition:height 80ms ease-out}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		gap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "gap",
+				required: false
+			}]
+		}],
+		minScale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minScale",
+				required: false
+			}]
+		}],
+		smoothing: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "smoothing",
+				required: false
+			}]
+		}],
+		bars: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "bars",
+				required: false
+			}]
+		}],
+		active: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "active",
+				required: false
+			}]
+		}]
+	}
+});
+var AudioWaveformModule = class AudioWaveformModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AudioWaveformModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AudioWaveformModule,
+			imports: [AudioWaveformComponent],
+			exports: [AudioWaveformComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AudioWaveformModule
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AudioWaveformModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [AudioWaveformComponent],
+			exports: [AudioWaveformComponent]
+		}]
+	}]
+});
 export { AUDIO_WAVEFORM_BAR_COLORS, AudioWaveformComponent, AudioWaveformModule, AudioWaveformService, DEFAULT_AUDIO_WAVEFORM_CONFIG };
-//# sourceMappingURL=testgorilla-tgo-ui-components-audio-waveform.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-audio-waveform.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-audio-waveform.mjs","sources":["../../../components/audio-waveform/audio-waveform.model.ts","../../../components/audio-waveform/audio-waveform.service.ts","../../../components/audio-waveform/audio-waveform.component.ts","../../../components/audio-waveform/audio-waveform.component.html","../../../components/audio-waveform/audio-waveform.module.ts","../../../components/audio-waveform/testgorilla-tgo-ui-components-audio-waveform.ts"],"sourcesContent":["export interface AudioWaveformConfig {\n  barCount: number;\n  smoothing: number;\n  fftSize: number;\n}\n\nexport const DEFAULT_AUDIO_WAVEFORM_CONFIG: AudioWaveformConfig = {\n  barCount: 5,\n  smoothing: 0.55,\n  fftSize: 256,\n};\n\n/** Per-bar colors for the 5-bar waveform (left to right) */\nexport const AUDIO_WAVEFORM_BAR_COLORS: string[] = ['#C065D0', '#A86FDA', '#9078E3', '#7882EC', '#6889F3'];\n","import { Injectable, OnDestroy, signal } from '@angular/core';\n\nimport { DEFAULT_AUDIO_WAVEFORM_CONFIG } from './audio-waveform.model';\n\n@Injectable({ providedIn: 'root' })\nexport class AudioWaveformService implements OnDestroy {\n  private ctx: AudioContext | null = null;\n  private analyser: AnalyserNode | null = null;\n  private source: MediaStreamAudioSourceNode | null = null;\n  private stream: MediaStream | null = null;\n  private raf: number | null = null;\n\n  readonly bars = signal<number[]>([]);\n  readonly active = signal<boolean>(false);\n\n  async start(\n    barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount,\n    smoothing = DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing\n  ): Promise<void> {\n    if (this.active()) {\n      return;\n    }\n\n    try {\n      this.stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      this.ctx = new AudioContext();\n      this.analyser = this.ctx.createAnalyser();\n      this.analyser.fftSize = DEFAULT_AUDIO_WAVEFORM_CONFIG.fftSize;\n      this.analyser.smoothingTimeConstant = smoothing;\n      this.source = this.ctx.createMediaStreamSource(this.stream);\n      this.source.connect(this.analyser);\n      this.active.set(true);\n\n      const data = new Uint8Array(this.analyser.frequencyBinCount);\n      // Focus on the lower ~60% of bins where speech energy concentrates\n      const speechBinCount = Math.max(1, Math.floor(data.length * 0.6));\n\n      const analyserRef = this.analyser;\n      const tick = (): void => {\n        analyserRef.getByteFrequencyData(data);\n\n        // RMS (root mean square) of speech-range bins — represents perceived loudness,\n        // unlike peak which saturates on any single spike\n        let sumSq = 0;\n        for (let i = 0; i < speechBinCount; i++) {\n          const v = data[i] / 255;\n          sumSq += v * v;\n        }\n        const rms = Math.sqrt(sumSq / speechBinCount);\n\n        // Power curve keeps quiet→loud variation visible. Gain multiplier ensures\n        // loud speech reaches full bar height. Clamped to [0, 1].\n        const amplitude = Math.min(1, Math.pow(rms, 0.55) * 1.5);\n\n        const values = this.createSymmetricBars(barCount, amplitude);\n        this.bars.set(values);\n        this.raf = requestAnimationFrame(tick);\n      };\n      tick();\n    } catch (e) {\n      console.error('[AudioWaveform] Mic access denied:', e);\n    }\n  }\n\n  stop(): void {\n    if (this.raf !== null) {\n      cancelAnimationFrame(this.raf);\n    }\n    this.source?.disconnect();\n    this.analyser?.disconnect();\n    this.stream?.getTracks().forEach(t => t.stop());\n    if (this.ctx && this.ctx.state !== 'closed') {\n      void this.ctx.close();\n    }\n    this.ctx = null;\n    this.analyser = null;\n    this.source = null;\n    this.stream = null;\n    this.raf = null;\n    this.active.set(false);\n    this.bars.set([]);\n  }\n\n  ngOnDestroy(): void {\n    this.stop();\n  }\n\n  /**\n   * Creates a symmetric bar distribution where middle bars are highest.\n   * Uses a bell-curve-like pattern centered at the middle bar.\n   */\n  private createSymmetricBars(barCount: number, amplitude: number): number[] {\n    const center = (barCount - 1) / 2;\n    const maxDistance = center;\n\n    return Array.from({ length: barCount }, (_, i) => {\n      const distance = Math.abs(i - center);\n      // Weight decreases as distance from center increases\n      // Using a quadratic falloff for smoother appearance\n      const weight = 1 - (distance / maxDistance) * 0.65;\n      return amplitude * weight;\n    });\n  }\n}\n","import { Component, ChangeDetectionStrategy, OnDestroy, computed, effect, inject, input } from '@angular/core';\n\nimport { DEFAULT_AUDIO_WAVEFORM_CONFIG, AUDIO_WAVEFORM_BAR_COLORS } from './audio-waveform.model';\nimport { AudioWaveformService } from './audio-waveform.service';\n\n@Component({\n  selector: 'ui-audio-waveform',\n  templateUrl: './audio-waveform.component.html',\n  styleUrls: ['./audio-waveform.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n})\nexport class AudioWaveformComponent implements OnDestroy {\n  private readonly waveformService = inject(AudioWaveformService);\n\n  readonly barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount;\n  readonly width = input<number>(40);\n  readonly height = input<number>(22);\n  readonly gap = input<number>(3);\n  readonly minScale = input<number>(0.08);\n  readonly smoothing = input<number>(DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing);\n\n  /**\n   * When provided, the component operates in controlled mode —\n   * it renders externally-supplied bar values instead of managing the mic itself.\n   */\n  readonly bars = input<number[] | null>(null);\n\n  /** Mirror of `bars` for controlled mode; required when `bars` is set. */\n  readonly active = input<boolean | null>(null);\n\n  readonly controlled = computed(() => this.active() !== null);\n\n  readonly effectiveBars = computed(() => {\n    if (this.controlled()) {\n      return this.bars() ?? [];\n    }\n    return this.waveformService.bars();\n  });\n\n  readonly effectiveActive = computed(() => {\n    if (this.controlled()) {\n      return this.active() ?? false;\n    }\n    return this.waveformService.active();\n  });\n\n  readonly barWidth = computed(() => {\n    const count = this.barCount;\n    return (this.width() - this.gap() * (count - 1)) / count;\n  });\n\n  constructor() {\n    effect(() => {\n      if (!this.controlled()) {\n        void this.waveformService.start(this.barCount, this.smoothing());\n      }\n    });\n  }\n\n  barHeight(value: number): number {\n    const h = this.height();\n    const min = this.minScale();\n    return h * (min + value * (1 - min));\n  }\n\n  barRadius(): number {\n    return this.barWidth() / 2;\n  }\n\n  barValue(index: number): number {\n    const bars = this.effectiveBars();\n    return bars[index] ?? 0;\n  }\n\n  barColor(index: number): string {\n    return AUDIO_WAVEFORM_BAR_COLORS[index] ?? AUDIO_WAVEFORM_BAR_COLORS[0];\n  }\n\n  /** Returns the x-offset for a bar so the shared CSS gradient aligns correctly. */\n  barOffset(index: number): number {\n    return (this.barWidth() + this.gap()) * index;\n  }\n\n  ngOnDestroy(): void {\n    if (!this.controlled()) {\n      this.waveformService.stop();\n    }\n  }\n}\n","<div\n  class=\"waveform\"\n  [style.width.px]=\"width()\"\n  [style.height.px]=\"height()\"\n  [style.gap.px]=\"gap()\"\n  role=\"img\"\n  [attr.aria-label]=\"effectiveActive() ? 'Audio waveform active' : 'Audio waveform inactive'\"\n>\n  @for (item of effectiveBars(); track $index) {\n    <div\n      class=\"waveform-bar\"\n      [style.width.px]=\"barWidth()\"\n      [style.height.px]=\"barHeight(barValue($index))\"\n      [style.border-radius.px]=\"barRadius()\"\n      [style.background-color]=\"barColor($index)\"\n    ></div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { AudioWaveformComponent } from './audio-waveform.component';\n\n@NgModule({\n  imports: [AudioWaveformComponent],\n  exports: [AudioWaveformComponent],\n})\nexport class AudioWaveformModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-audio-waveform.mjs","names":[],"sources":["../../../components/audio-waveform/audio-waveform.model.ts","../../../components/audio-waveform/audio-waveform.service.ts","../../../components/audio-waveform/audio-waveform.component.ts","../../../components/audio-waveform/audio-waveform.component.html","../../../components/audio-waveform/audio-waveform.module.ts"],"sourcesContent":["export interface AudioWaveformConfig {\n  barCount: number;\n  smoothing: number;\n  fftSize: number;\n}\n\nexport const DEFAULT_AUDIO_WAVEFORM_CONFIG: AudioWaveformConfig = {\n  barCount: 5,\n  smoothing: 0.55,\n  fftSize: 256,\n};\n\n/** Per-bar colors for the 5-bar waveform (left to right) */\nexport const AUDIO_WAVEFORM_BAR_COLORS: string[] = ['#C065D0', '#A86FDA', '#9078E3', '#7882EC', '#6889F3'];\n","import { Injectable, OnDestroy, signal } from '@angular/core';\n\nimport { DEFAULT_AUDIO_WAVEFORM_CONFIG } from './audio-waveform.model';\n\n@Injectable({ providedIn: 'root' })\nexport class AudioWaveformService implements OnDestroy {\n  private ctx: AudioContext | null = null;\n  private analyser: AnalyserNode | null = null;\n  private source: MediaStreamAudioSourceNode | null = null;\n  private stream: MediaStream | null = null;\n  private raf: number | null = null;\n\n  readonly bars = signal<number[]>([]);\n  readonly active = signal<boolean>(false);\n\n  async start(\n    barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount,\n    smoothing = DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing\n  ): Promise<void> {\n    if (this.active()) {\n      return;\n    }\n\n    try {\n      this.stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      this.ctx = new AudioContext();\n      this.analyser = this.ctx.createAnalyser();\n      this.analyser.fftSize = DEFAULT_AUDIO_WAVEFORM_CONFIG.fftSize;\n      this.analyser.smoothingTimeConstant = smoothing;\n      this.source = this.ctx.createMediaStreamSource(this.stream);\n      this.source.connect(this.analyser);\n      this.active.set(true);\n\n      const data = new Uint8Array(this.analyser.frequencyBinCount);\n      // Focus on the lower ~60% of bins where speech energy concentrates\n      const speechBinCount = Math.max(1, Math.floor(data.length * 0.6));\n\n      const analyserRef = this.analyser;\n      const tick = (): void => {\n        analyserRef.getByteFrequencyData(data);\n\n        // RMS (root mean square) of speech-range bins — represents perceived loudness,\n        // unlike peak which saturates on any single spike\n        let sumSq = 0;\n        for (let i = 0; i < speechBinCount; i++) {\n          const v = data[i] / 255;\n          sumSq += v * v;\n        }\n        const rms = Math.sqrt(sumSq / speechBinCount);\n\n        // Power curve keeps quiet→loud variation visible. Gain multiplier ensures\n        // loud speech reaches full bar height. Clamped to [0, 1].\n        const amplitude = Math.min(1, Math.pow(rms, 0.55) * 1.5);\n\n        const values = this.createSymmetricBars(barCount, amplitude);\n        this.bars.set(values);\n        this.raf = requestAnimationFrame(tick);\n      };\n      tick();\n    } catch (e) {\n      console.error('[AudioWaveform] Mic access denied:', e);\n    }\n  }\n\n  stop(): void {\n    if (this.raf !== null) {\n      cancelAnimationFrame(this.raf);\n    }\n    this.source?.disconnect();\n    this.analyser?.disconnect();\n    this.stream?.getTracks().forEach(t => t.stop());\n    if (this.ctx && this.ctx.state !== 'closed') {\n      void this.ctx.close();\n    }\n    this.ctx = null;\n    this.analyser = null;\n    this.source = null;\n    this.stream = null;\n    this.raf = null;\n    this.active.set(false);\n    this.bars.set([]);\n  }\n\n  ngOnDestroy(): void {\n    this.stop();\n  }\n\n  /**\n   * Creates a symmetric bar distribution where middle bars are highest.\n   * Uses a bell-curve-like pattern centered at the middle bar.\n   */\n  private createSymmetricBars(barCount: number, amplitude: number): number[] {\n    const center = (barCount - 1) / 2;\n    const maxDistance = center;\n\n    return Array.from({ length: barCount }, (_, i) => {\n      const distance = Math.abs(i - center);\n      // Weight decreases as distance from center increases\n      // Using a quadratic falloff for smoother appearance\n      const weight = 1 - (distance / maxDistance) * 0.65;\n      return amplitude * weight;\n    });\n  }\n}\n","import { Component, ChangeDetectionStrategy, OnDestroy, computed, effect, inject, input } from '@angular/core';\n\nimport { DEFAULT_AUDIO_WAVEFORM_CONFIG, AUDIO_WAVEFORM_BAR_COLORS } from './audio-waveform.model';\nimport { AudioWaveformService } from './audio-waveform.service';\n\n@Component({\n  selector: 'ui-audio-waveform',\n  templateUrl: './audio-waveform.component.html',\n  styleUrls: ['./audio-waveform.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n})\nexport class AudioWaveformComponent implements OnDestroy {\n  private readonly waveformService = inject(AudioWaveformService);\n\n  readonly barCount = DEFAULT_AUDIO_WAVEFORM_CONFIG.barCount;\n  readonly width = input<number>(40);\n  readonly height = input<number>(22);\n  readonly gap = input<number>(3);\n  readonly minScale = input<number>(0.08);\n  readonly smoothing = input<number>(DEFAULT_AUDIO_WAVEFORM_CONFIG.smoothing);\n\n  /**\n   * When provided, the component operates in controlled mode —\n   * it renders externally-supplied bar values instead of managing the mic itself.\n   */\n  readonly bars = input<number[] | null>(null);\n\n  /** Mirror of `bars` for controlled mode; required when `bars` is set. */\n  readonly active = input<boolean | null>(null);\n\n  readonly controlled = computed(() => this.active() !== null);\n\n  readonly effectiveBars = computed(() => {\n    if (this.controlled()) {\n      return this.bars() ?? [];\n    }\n    return this.waveformService.bars();\n  });\n\n  readonly effectiveActive = computed(() => {\n    if (this.controlled()) {\n      return this.active() ?? false;\n    }\n    return this.waveformService.active();\n  });\n\n  readonly barWidth = computed(() => {\n    const count = this.barCount;\n    return (this.width() - this.gap() * (count - 1)) / count;\n  });\n\n  constructor() {\n    effect(() => {\n      if (!this.controlled()) {\n        void this.waveformService.start(this.barCount, this.smoothing());\n      }\n    });\n  }\n\n  barHeight(value: number): number {\n    const h = this.height();\n    const min = this.minScale();\n    return h * (min + value * (1 - min));\n  }\n\n  barRadius(): number {\n    return this.barWidth() / 2;\n  }\n\n  barValue(index: number): number {\n    const bars = this.effectiveBars();\n    return bars[index] ?? 0;\n  }\n\n  barColor(index: number): string {\n    return AUDIO_WAVEFORM_BAR_COLORS[index] ?? AUDIO_WAVEFORM_BAR_COLORS[0];\n  }\n\n  /** Returns the x-offset for a bar so the shared CSS gradient aligns correctly. */\n  barOffset(index: number): number {\n    return (this.barWidth() + this.gap()) * index;\n  }\n\n  ngOnDestroy(): void {\n    if (!this.controlled()) {\n      this.waveformService.stop();\n    }\n  }\n}\n","<div\n  class=\"waveform\"\n  [style.width.px]=\"width()\"\n  [style.height.px]=\"height()\"\n  [style.gap.px]=\"gap()\"\n  role=\"img\"\n  [attr.aria-label]=\"effectiveActive() ? 'Audio waveform active' : 'Audio waveform inactive'\"\n>\n  @for (item of effectiveBars(); track $index) {\n    <div\n      class=\"waveform-bar\"\n      [style.width.px]=\"barWidth()\"\n      [style.height.px]=\"barHeight(barValue($index))\"\n      [style.border-radius.px]=\"barRadius()\"\n      [style.background-color]=\"barColor($index)\"\n    ></div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { AudioWaveformComponent } from './audio-waveform.component';\n\n@NgModule({\n  imports: [AudioWaveformComponent],\n  exports: [AudioWaveformComponent],\n})\nexport class AudioWaveformModule {}\n"],"mappings":"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"}