@ghchinoy/lit-audio-ui 0.5.1 → 0.6.0

package/dist/components/providers/ui-audio-provider.js

@@ -1,15 +1,12 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
-import { LitElement as t, css as n, html as r } from "lit";
-import { customElement as i, property as a, query as o, state as s } from "lit/decorators.js";
-import { provide as c } from "@lit/context";
-var l = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, u = class extends t {
-	constructor() {
-		super(...arguments), this.src = "", this.items = [], this.autoAdvance = !0, this.loop = !1, this._animationFrameId = 0, this.state = {
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+import { clearCache as n } from "../../node_modules/@chenglou/pretext/dist/layout.js";
+import { LitElement as r, css as i, html as a } from "lit";
+import { customElement as o, property as s, query as c, state as l } from "lit/decorators.js";
+import { provide as u } from "@lit/context";
+var d = class extends r {
+	constructor(...e) {
+		super(...e), this.src = "", this.items = [], this.autoAdvance = !0, this._animationFrameId = 0, this.state = {
 			src: "",
 			isPlaying: !1,
 			isBuffering: !1,
@@ -17,7 +14,6 @@ var l = function(e, t, n, r) {
 			duration: 0,
 			volume: 1,
 			muted: !1,
-			loop: !1,
 			items: [],
 			currentIndex: -1,
 			autoAdvance: !0,
@@ -35,7 +31,7 @@ var l = function(e, t, n, r) {
 		};
 	}
 	static {
-		this.styles = n`
+		this.styles = i`
     :host {
       display: contents; /* We are completely invisible, just wrapping children */
     }
@@ -44,12 +40,14 @@ var l = function(e, t, n, r) {
     }
   `;
 	}
+	clearTextCache() {
+		n();
+	}
 	render() {
-		return r`
+		return a`
       <audio
         crossorigin="anonymous"
         src="${this.src}"
-        ?loop="${this.loop}"
         preload="metadata"
         @loadedmetadata="${this._handleLoadedMetadata}"
         @ended="${this._handleEnded}"
@@ -69,7 +67,7 @@ var l = function(e, t, n, r) {
 			src: this.src,
 			currentTime: 0,
 			error: void 0
-		}), e.has("items") && (this._updateState({ items: this.items }), this.items.length > 0 && !this.src && this.state.currentIndex === -1 && this.select(0)), e.has("autoAdvance") && this._updateState({ autoAdvance: this.autoAdvance }), e.has("loop") && this._updateState({ loop: this.loop });
+		}), e.has("items") && (this._updateState({ items: this.items }), this.items.length > 0 && !this.src && this.state.currentIndex === -1 && this.select(0)), e.has("autoAdvance") && this._updateState({ autoAdvance: this.autoAdvance });
 	}
 	updated(e) {
 		e.has("src") && this._audioEl && (this._audioEl.load(), this.state.isPlaying && setTimeout(() => {
@@ -147,10 +145,7 @@ var l = function(e, t, n, r) {
 		this._updateState({ duration: this._audioEl.duration });
 	}
 	_handleEnded() {
-		this.dispatchEvent(new CustomEvent("ended", {
-			bubbles: !0,
-			composed: !0
-		})), this.autoAdvance && this.items.length > 0 ? this.next() : (this._updateState({
+		this.autoAdvance && this.items.length > 0 ? this.next() : (this._updateState({
 			isPlaying: !1,
 			currentTime: 0
 		}), this._audioEl.currentTime = 0);
@@ -183,5 +178,5 @@ var l = function(e, t, n, r) {
 		this._animationFrameId = requestAnimationFrame(e);
 	}
 };
-l([a({ type: String })], u.prototype, "src", void 0), l([a({ type: Array })], u.prototype, "items", void 0), l([a({ type: Boolean })], u.prototype, "autoAdvance", void 0), l([a({ type: Boolean })], u.prototype, "loop", void 0), l([o("audio")], u.prototype, "_audioEl", void 0), l([c({ context: e }), s()], u.prototype, "state", void 0), u = l([i("ui-audio-provider")], u);
-export { u as UiAudioProvider };
+t([s({ type: String })], d.prototype, "src", void 0), t([s({ type: Array })], d.prototype, "items", void 0), t([s({ type: Boolean })], d.prototype, "autoAdvance", void 0), t([c("audio")], d.prototype, "_audioEl", void 0), t([u({ context: e }), l()], d.prototype, "state", void 0), d = t([o("ui-audio-provider")], d);
+export { d as UiAudioProvider };

package/dist/components/providers/ui-speech-provider.js

@@ -1,16 +1,12 @@
-import { createMockAnalyser as e } from "../../utils/audio-utils.js";
-import { speechContext as t } from "../../utils/speech-context.js";
-import { LitElement as n, css as r, html as i } from "lit";
-import { customElement as a, property as o, state as s } from "lit/decorators.js";
-import { provide as c } from "@lit/context";
-var l = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, u = class extends n {
-	constructor() {
-		super(...arguments), this._context = {
+import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+import { createMockAnalyser as t } from "../../utils/audio-utils.js";
+import { speechContext as n } from "../../utils/speech-context.js";
+import { LitElement as r, css as i, html as a } from "lit";
+import { customElement as o, property as s, state as c } from "lit/decorators.js";
+import { provide as l } from "@lit/context";
+var u = class extends r {
+	constructor(...e) {
+		super(...e), this._context = {
 			state: "idle",
 			transcript: "",
 			partialTranscript: "",
@@ -30,7 +26,7 @@ var l = function(e, t, n, r) {
 		];
 	}
 	static {
-		this.styles = r`
+		this.styles = i`
     :host {
       display: contents;
     }
@@ -50,7 +46,7 @@ var l = function(e, t, n, r) {
 				return;
 			}
 			try {
-				if (this._updateContext({ state: "connecting" }), this.simulation) this._analyser = e();
+				if (this._updateContext({ state: "connecting" }), this.simulation) this._analyser = t();
 				else {
 					let e = { audio: !0 };
 					this.deviceId && (e.audio = { deviceId: { exact: this.deviceId } }), this._stream = await navigator.mediaDevices.getUserMedia(e), this._audioCtx ||= new (window.AudioContext || window.webkitAudioContext)();
@@ -131,8 +127,8 @@ var l = function(e, t, n, r) {
 		}));
 	}
 	render() {
-		return i`<slot></slot>`;
+		return a`<slot></slot>`;
 	}
 };
-l([c({ context: t }), s()], u.prototype, "_context", void 0), l([o({ type: String })], u.prototype, "state", void 0), l([o({ type: Boolean })], u.prototype, "simulation", void 0), l([o({ type: Boolean })], u.prototype, "manual", void 0), l([o({ type: String })], u.prototype, "transcript", void 0), l([o({ type: String })], u.prototype, "partialTranscript", void 0), l([o({ type: String })], u.prototype, "deviceId", void 0), u = l([a("ui-speech-provider")], u);
+e([l({ context: n }), c()], u.prototype, "_context", void 0), e([s({ type: String })], u.prototype, "state", void 0), e([s({ type: Boolean })], u.prototype, "simulation", void 0), e([s({ type: Boolean })], u.prototype, "manual", void 0), e([s({ type: String })], u.prototype, "transcript", void 0), e([s({ type: String })], u.prototype, "partialTranscript", void 0), e([s({ type: String })], u.prototype, "deviceId", void 0), u = e([o("ui-speech-provider")], u);
 export { u as UiSpeechProvider };

package/dist/index.js

@@ -2,40 +2,40 @@ import { audioPlayerContext as e } from "./utils/audio-context.js";
 import { UiAudioPlayButton as t } from "./components/atoms/ui-audio-play-button.js";
 import { UiAudioNextButton as n } from "./components/atoms/ui-audio-next-button.js";
 import { UiAudioPrevButton as r } from "./components/atoms/ui-audio-prev-button.js";
-import { applyCanvasEdgeFade as i, createAudioAnalyser as a, createMockAnalyser as o, formatAudioTime as s, generateRandomAudioData as c, getNormalizedFrequencyData as l } from "./utils/audio-utils.js";
-import { UiAudioProgressSlider as u } from "./components/atoms/ui-audio-progress-slider.js";
-import { UiAudioTimeDisplay as d } from "./components/atoms/ui-audio-time-display.js";
-import { UiAudioPlayerError as f } from "./components/atoms/ui-audio-player-error.js";
-import { UiTimedText as p } from "./components/atoms/ui-timed-text.js";
-import { UiAudioVolumeSlider as m } from "./components/atoms/ui-audio-volume-slider.js";
-import { speechContext as h } from "./utils/speech-context.js";
-import { UiSpeechRecordButton as g } from "./components/atoms/ui-speech-record-button.js";
-import { UiSpeechCancelButton as _ } from "./components/atoms/ui-speech-cancel-button.js";
-import { UiLiveWaveform as v } from "./components/molecules/ui-live-waveform.js";
-import { UiVoiceWaveform as y } from "./components/atoms/ui-voice-waveform.js";
-import { UiShimmeringText as b } from "./components/atoms/ui-shimmering-text.js";
-import { UiMessageBubble as x } from "./components/atoms/ui-message-bubble.js";
-import { UiTypingDot as S } from "./components/atoms/ui-typing-dot.js";
-import { UiWaveform as C } from "./components/molecules/ui-waveform.js";
-import { UiScrollingWaveform as w } from "./components/molecules/ui-scrolling-waveform.js";
-import { UiSpectrumVisualizer as T } from "./components/molecules/ui-spectrum-visualizer.js";
-import { UiMicSelector as E } from "./components/molecules/ui-mic-selector.js";
-import { UiVoicePicker as D } from "./components/molecules/ui-voice-picker.js";
-import { UiSpeechPreview as O } from "./components/molecules/ui-speech-preview.js";
-import { UiOrb as k } from "./components/molecules/ui-orb.js";
-import { UiMovingGradient as A } from "./components/molecules/ui-moving-gradient.js";
-import { Ui3dFlip as j } from "./components/molecules/ui-3d-flip.js";
-import { UiPlaylist as M } from "./components/molecules/ui-playlist.js";
-import { UiShowcaseCard as N } from "./components/molecules/ui-showcase-card.js";
-import { UiVoiceButton as P } from "./components/molecules/ui-voice-button.js";
-import { UiVoicePill as F } from "./components/molecules/ui-voice-pill.js";
-import { UiSpeechProvider as I } from "./components/providers/ui-speech-provider.js";
-import { UiConversationBar as L } from "./components/molecules/ui-conversation-bar.js";
-import { ScreamVoiceButton as R } from "./components/molecules/scream-voice-button.js";
-import { UiTypingIndicator as z } from "./components/molecules/ui-typing-indicator.js";
-import { UiChatItem as B } from "./components/molecules/ui-chat-item.js";
-import { UiChatList as V } from "./components/molecules/ui-chat-list.js";
-import { UiAudioProvider as H } from "./components/providers/ui-audio-provider.js";
-import { UiAudioPlayer as U } from "./components/organisms/ui-audio-player.js";
+import { applyCanvasEdgeFade as i, computeAudioPeaks as a, createAudioAnalyser as o, createMockAnalyser as s, formatAudioTime as c, generateRandomAudioData as l, getNormalizedFrequencyData as u } from "./utils/audio-utils.js";
+import { UiAudioProgressSlider as d } from "./components/atoms/ui-audio-progress-slider.js";
+import { UiAudioTimeDisplay as f } from "./components/atoms/ui-audio-time-display.js";
+import { UiAudioPlayerError as p } from "./components/atoms/ui-audio-player-error.js";
+import { UiTimedText as m } from "./components/atoms/ui-timed-text.js";
+import { UiAudioVolumeSlider as h } from "./components/atoms/ui-audio-volume-slider.js";
+import { speechContext as g } from "./utils/speech-context.js";
+import { UiSpeechRecordButton as _ } from "./components/atoms/ui-speech-record-button.js";
+import { UiSpeechCancelButton as v } from "./components/atoms/ui-speech-cancel-button.js";
+import { UiLiveWaveform as y } from "./components/molecules/ui-live-waveform.js";
+import { UiVoiceWaveform as b } from "./components/atoms/ui-voice-waveform.js";
+import { UiShimmeringText as x } from "./components/atoms/ui-shimmering-text.js";
+import { UiMessageBubble as S } from "./components/atoms/ui-message-bubble.js";
+import { UiTypingDot as C } from "./components/atoms/ui-typing-dot.js";
+import { UiWaveform as w } from "./components/molecules/ui-waveform.js";
+import { UiScrollingWaveform as T } from "./components/molecules/ui-scrolling-waveform.js";
+import { UiSpectrumVisualizer as E } from "./components/molecules/ui-spectrum-visualizer.js";
+import { UiMicSelector as D } from "./components/molecules/ui-mic-selector.js";
+import { UiVoicePicker as O } from "./components/molecules/ui-voice-picker.js";
+import { UiSpeechPreview as k } from "./components/molecules/ui-speech-preview.js";
+import { UiOrb as A } from "./components/molecules/ui-orb.js";
+import { UiMovingGradient as j } from "./components/molecules/ui-moving-gradient.js";
+import { Ui3dFlip as M } from "./components/molecules/ui-3d-flip.js";
+import { UiPlaylist as N } from "./components/molecules/ui-playlist.js";
+import { UiShowcaseCard as P } from "./components/molecules/ui-showcase-card.js";
+import { UiVoiceButton as F } from "./components/molecules/ui-voice-button.js";
+import { UiVoicePill as I } from "./components/molecules/ui-voice-pill.js";
+import { UiSpeechProvider as L } from "./components/providers/ui-speech-provider.js";
+import { UiConversationBar as R } from "./components/molecules/ui-conversation-bar.js";
+import { ScreamVoiceButton as z } from "./components/molecules/scream-voice-button.js";
+import { UiTypingIndicator as B } from "./components/molecules/ui-typing-indicator.js";
+import { UiChatItem as V } from "./components/molecules/ui-chat-item.js";
+import { UiChatList as H } from "./components/molecules/ui-chat-list.js";
+import { UiAudioProvider as U } from "./components/providers/ui-audio-provider.js";
+import { UiAudioPlayer as W } from "./components/organisms/ui-audio-player.js";
 import "@material/web/icon/icon.js";
-export { R as ScreamVoiceButton, j as Ui3dFlip, n as UiAudioNextButton, t as UiAudioPlayButton, U as UiAudioPlayer, f as UiAudioPlayerError, r as UiAudioPrevButton, u as UiAudioProgressSlider, H as UiAudioProvider, d as UiAudioTimeDisplay, m as UiAudioVolumeSlider, B as UiChatItem, V as UiChatList, L as UiConversationBar, v as UiLiveWaveform, x as UiMessageBubble, E as UiMicSelector, A as UiMovingGradient, k as UiOrb, M as UiPlaylist, w as UiScrollingWaveform, b as UiShimmeringText, N as UiShowcaseCard, T as UiSpectrumVisualizer, _ as UiSpeechCancelButton, O as UiSpeechPreview, I as UiSpeechProvider, g as UiSpeechRecordButton, p as UiTimedText, S as UiTypingDot, z as UiTypingIndicator, P as UiVoiceButton, D as UiVoicePicker, F as UiVoicePill, y as UiVoiceWaveform, C as UiWaveform, i as applyCanvasEdgeFade, e as audioPlayerContext, a as createAudioAnalyser, o as createMockAnalyser, s as formatAudioTime, c as generateRandomAudioData, l as getNormalizedFrequencyData, h as speechContext };
+export { z as ScreamVoiceButton, M as Ui3dFlip, n as UiAudioNextButton, t as UiAudioPlayButton, W as UiAudioPlayer, p as UiAudioPlayerError, r as UiAudioPrevButton, d as UiAudioProgressSlider, U as UiAudioProvider, f as UiAudioTimeDisplay, h as UiAudioVolumeSlider, V as UiChatItem, H as UiChatList, R as UiConversationBar, y as UiLiveWaveform, S as UiMessageBubble, D as UiMicSelector, j as UiMovingGradient, A as UiOrb, N as UiPlaylist, T as UiScrollingWaveform, x as UiShimmeringText, P as UiShowcaseCard, E as UiSpectrumVisualizer, v as UiSpeechCancelButton, k as UiSpeechPreview, L as UiSpeechProvider, _ as UiSpeechRecordButton, m as UiTimedText, C as UiTypingDot, B as UiTypingIndicator, F as UiVoiceButton, O as UiVoicePicker, I as UiVoicePill, b as UiVoiceWaveform, w as UiWaveform, i as applyCanvasEdgeFade, e as audioPlayerContext, a as computeAudioPeaks, o as createAudioAnalyser, s as createMockAnalyser, c as formatAudioTime, l as generateRandomAudioData, u as getNormalizedFrequencyData, g as speechContext };