reneco-advanced-input-module 0.0.24 → 0.0.25

package/dist/esm/voice-input-module.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h as h$1 } from './index-jmc2yzBp.js';
+import { r as registerInstance, c as createEvent, h as h$1 } from './index-a7QWC-5I.js';
 
 const TRANSCRIPTION_MODELS = {
     openai: ['gpt-4o-transcribe', 'gpt-4o-mini-transcribe', 'whisper-1'],
@@ -4399,9 +4399,17 @@ const VoiceFormRecorder = class {
         this.audioRecorder = new AudioRecorderService();
     }
     componentWillLoad() {
-        this.initializeServices();
+        // Parse theme only so the skeleton can be styled correctly on first render.
+        // Full initialization runs in componentDidLoad() to give the skeleton time to paint.
+        try {
+            this.parsedTheme = this.theme ? JSON.parse(this.theme) : this.getDefaultTheme();
+        }
+        catch (_a) {
+            this.parsedTheme = this.getDefaultTheme();
+        }
     }
     componentDidLoad() {
+        this.initializeServices();
         this.isInitializing = false;
     }
     initializeServices() {
@@ -5213,7 +5221,8 @@ const VoiceFormRecorder = class {
         };
     }
     getContainerStyle() {
-        const c = this.parsedTheme.container || {};
+        var _a;
+        const c = ((_a = this.parsedTheme) === null || _a === void 0 ? void 0 : _a.container) || {};
         return {
             width: c.width || 'auto',
             height: c.height || 'auto',
@@ -5225,7 +5234,8 @@ const VoiceFormRecorder = class {
         };
     }
     getStatusStyle() {
-        const s = this.parsedTheme.statusText || {};
+        var _a;
+        const s = ((_a = this.parsedTheme) === null || _a === void 0 ? void 0 : _a.statusText) || {};
         return {
             color: s.color || '#1e293b',
             fontSize: s.fontSize || '14px'