metag-sdk-ionic 1.2.11 → 1.3.0-security

package/dist/src/app/pages/id-vision/acuerdo-video/acuerdo-video.page.js

@@ -0,0 +1,640 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, ViewChild } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+import { SharedComponentsModule } from './shared-components.module';
+import { ScreenBrightness } from "@capacitor-community/screen-brightness";
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "./acuerdo-video-step-guide/acuerdo-video-step-guide.component";
+const _c0 = ["videoElement"];
+const _c1 = a0 => ({ "is-hidden": a0 });
+const _c2 = () => ({ color: "#16a34a" });
+const _c3 = () => ({ color: "#dc2626" });
+function AcuerdoVideoPage_section_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 5)(1, "div", 6)(2, "ion-button", 7);
+    i0.ɵɵlistener("click", function AcuerdoVideoPage_section_1_Template_ion_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeScreen()); });
+    i0.ɵɵelement(3, "ion-icon", 8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "h1", 9);
+    i0.ɵɵtext(5, " Acuerdo de video ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(6, "app-acuerdo-video-step-guide");
+    i0.ɵɵelementStart(7, "ion-button", 10);
+    i0.ɵɵlistener("click", function AcuerdoVideoPage_section_1_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.goToRecordingStep()); });
+    i0.ɵɵtext(8, " Estoy listo ");
+    i0.ɵɵelementEnd()();
+} }
+function AcuerdoVideoPage_section_2_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "ion-spinner", 29);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Preparando c\u00E1mara...");
+    i0.ɵɵelementEnd()();
+} }
+function AcuerdoVideoPage_section_2_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "span", 31);
+    i0.ɵɵelementStart(2, "span", 32);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("00:", ctx_r1.timeRemaining < 10 ? "0" + ctx_r1.timeRemaining : ctx_r1.timeRemaining, "");
+} }
+function AcuerdoVideoPage_section_2_div_10_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 35);
+    i0.ɵɵelement(2, "ion-spinner", 36);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function AcuerdoVideoPage_section_2_div_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelement(1, "ion-icon", 37);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("name", ctx_r1.validationState === "success" ? "checkmark-circle" : "close-circle")("ngStyle", ctx_r1.validationState === "success" ? i0.ɵɵpureFunction0(2, _c2) : i0.ɵɵpureFunction0(3, _c3));
+} }
+function AcuerdoVideoPage_section_2_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵtemplate(1, AcuerdoVideoPage_section_2_div_10_ng_container_1_Template, 3, 0, "ng-container", 34)(2, AcuerdoVideoPage_section_2_div_10_ng_template_2_Template, 2, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const resultState_r3 = i0.ɵɵreference(3);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.validationState === "validating")("ngIfElse", resultState_r3);
+} }
+function AcuerdoVideoPage_section_2_p_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 38);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.introPromptText);
+} }
+function AcuerdoVideoPage_section_2_ng_container_16_p_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 40);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const line_r4 = ctx.$implicit;
+    const i_r5 = ctx.index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.getLyricClass(i_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", line_r4, " ");
+} }
+function AcuerdoVideoPage_section_2_ng_container_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, AcuerdoVideoPage_section_2_ng_container_16_p_1_Template, 2, 2, "p", 39);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.scriptChunks);
+} }
+function AcuerdoVideoPage_section_2_div_17_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 43);
+} if (rf & 2) {
+    const bar_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("height", ctx_r1.getWaveHeight(bar_r6), "px");
+    i0.ɵɵproperty("ngClass", ctx_r1.getWaveClass(bar_r6));
+} }
+function AcuerdoVideoPage_section_2_div_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵtemplate(1, AcuerdoVideoPage_section_2_div_17_span_1_Template, 1, 3, "span", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.waveformBars);
+} }
+function AcuerdoVideoPage_section_2_div_19_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 44)(1, "ion-button", 45);
+    i0.ɵɵlistener("click", function AcuerdoVideoPage_section_2_div_19_Template_ion_button_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.goToStepOne()); });
+    i0.ɵɵtext(2, " Continuar ");
+    i0.ɵɵelementEnd()();
+} }
+function AcuerdoVideoPage_section_2_div_20_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "ion-button", 47);
+    i0.ɵɵlistener("click", function AcuerdoVideoPage_section_2_div_20_Template_ion_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.goToStepOne()); });
+    i0.ɵɵelement(2, "ion-icon", 48);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "ion-button", 49);
+    i0.ɵɵlistener("click", function AcuerdoVideoPage_section_2_div_20_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.isRecording ? ctx_r1.stopRecording() : ctx_r1.recordVideo()); });
+    i0.ɵɵelement(4, "ion-icon", 50);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "ion-button", 51);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.isInitializingCamera || !ctx_r1.isCameraReady || ctx_r1.isPreRecordingIntro);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("name", ctx_r1.isRecording ? "pause-outline" : "mic-outline");
+} }
+function AcuerdoVideoPage_section_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 11)(1, "header", 12)(2, "h1", 13);
+    i0.ɵɵtext(3, "Acuerdo de video");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 14)(5, "div", 15);
+    i0.ɵɵelement(6, "video", 16, 0);
+    i0.ɵɵtemplate(8, AcuerdoVideoPage_section_2_div_8_Template, 4, 0, "div", 17)(9, AcuerdoVideoPage_section_2_div_9_Template, 4, 1, "div", 18)(10, AcuerdoVideoPage_section_2_div_10_Template, 4, 2, "div", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 20)(12, "div", 21)(13, "span");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(15, AcuerdoVideoPage_section_2_p_15_Template, 2, 1, "p", 22)(16, AcuerdoVideoPage_section_2_ng_container_16_Template, 2, 1, "ng-container", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(17, AcuerdoVideoPage_section_2_div_17_Template, 2, 1, "div", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "footer", 25);
+    i0.ɵɵtemplate(19, AcuerdoVideoPage_section_2_div_19_Template, 3, 0, "div", 26)(20, AcuerdoVideoPage_section_2_div_20_Template, 6, 2, "div", 27);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", ctx_r1.isInitializingCamera || !ctx_r1.isCameraReady);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isRecording);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.validationState === "validating" || ctx_r1.validationState === "success" || ctx_r1.validationState === "error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1, ctx_r1.isRecording || ctx_r1.isPreRecordingIntro))("ngStyle", ctx_r1.getReadChipStyles());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.getReadChipMessage());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isPreRecordingIntro);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isRecording);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isRecording);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.validationState === "success");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isRecording && ctx_r1.validationState === "idle" || ctx_r1.validationState === "error");
+} }
+export class AcuerdoVideoPage {
+    constructor(navController, changeDetector) {
+        this.navController = navController;
+        this.changeDetector = changeDetector;
+        this.scriptText = 'Acepto los términos y condiciones del crédito que estoy solicitando en Fundación Génesis Empresarial.';
+        this.introPromptText = 'Repite lo siguiente...';
+        this.scriptChunks = [
+            'Acepto los términos y condiciones',
+            'del crédito que estoy solicitando',
+            'en Fundación Génesis Empresarial.'
+        ];
+        this.scriptWordCounts = this.scriptChunks.map((chunk) => this.countWords(chunk));
+        this.totalScriptWords = this.scriptWordCounts.reduce((total, count) => total + count, 0);
+        this.waveformBars = Array.from({ length: 28 }, (_, i) => i);
+        this.waveformPattern = [26, 34, 22, 40, 30, 18, 36, 24, 44, 28, 20, 38, 32, 16];
+        this.currentStep = 1;
+        this.currentScriptLine = this.scriptChunks[0];
+        this.activeScriptIndex = 0;
+        this.progressValue = 0;
+        this.isRecording = false;
+        this.timeRemaining = 30;
+        this.isInitializingCamera = false;
+        this.isCameraReady = false;
+        this.recordedVideoUrl = null;
+        this.lastRecordedFile = null;
+        this.validationState = 'idle';
+        this.isPreRecordingIntro = false;
+        this.recordingDurationSeconds = 15;
+        this.videoBitsPerSecond = 600000;
+        this.isIOS = false;
+        this.introAnimationDurationMs = 3000;
+        this.recordedChunks = [];
+        this.stream = null;
+        this.mediaRecorder = null;
+        this.defaultBrightness = 0;
+        this.logTag = '[AcuerdoVideoPage]';
+        this.isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+    }
+    ngAfterViewInit() {
+        // La cámara se inicializa al entrar al paso 2.
+    }
+    ionViewDidEnter() {
+        if (this.currentStep === 2) {
+            setTimeout(() => void this.initCamera(), 0);
+        }
+    }
+    ngOnDestroy() {
+        this.clearAllTimers();
+        this.stopCameraTracks();
+        this.clearRecordedVideoUrl();
+        this.restoreBrightness();
+    }
+    async goToRecordingStep() {
+        this.currentStep = 2;
+        this.changeDetector.detectChanges();
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        await this.initCamera();
+        this.boostBrightness();
+    }
+    async initCamera() {
+        if (this.stream || this.isInitializingCamera || !this.videoElement?.nativeElement)
+            return;
+        this.isInitializingCamera = true;
+        console.log(`${this.logTag} initCamera start`, {
+            ua: navigator.userAgent,
+            mediaDevices: !!navigator.mediaDevices,
+            hasGetUserMedia: !!navigator.mediaDevices?.getUserMedia,
+            hasMediaRecorder: typeof MediaRecorder !== 'undefined'
+        });
+        try {
+            if (typeof MediaRecorder === 'undefined') {
+                throw new Error('MediaRecorder no está soportado en este dispositivo/navegador');
+            }
+            const constraints = {
+                video: {
+                    width: { ideal: 1080 },
+                    height: { ideal: 1080 },
+                    facingMode: 'user'
+                },
+                audio: true
+            };
+            this.stream = await navigator.mediaDevices.getUserMedia(constraints);
+            const tracks = this.stream.getTracks().map((track) => ({
+                kind: track.kind,
+                label: track.label,
+                enabled: track.enabled,
+                muted: track.muted,
+                readyState: track.readyState
+            }));
+            console.log(`${this.logTag} getUserMedia success`, { tracks });
+            this.videoElement.nativeElement.srcObject = this.stream;
+            this.videoElement.nativeElement.muted = true;
+            this.videoElement.nativeElement.setAttribute('playsinline', 'true');
+            this.videoElement.nativeElement.onloadedmetadata = () => {
+                console.log(`${this.logTag} video metadata loaded`, {
+                    readyState: this.videoElement.nativeElement.readyState
+                });
+                this.isCameraReady = true;
+                this.changeDetector.detectChanges();
+            };
+            await this.videoElement.nativeElement.play();
+            console.log(`${this.logTag} video play success`);
+        }
+        catch (error) {
+            const err = error;
+            console.error(`${this.logTag} initCamera error`, {
+                name: err?.name,
+                message: err?.message,
+                code: err?.code,
+                full: error
+            });
+        }
+        finally {
+            this.isInitializingCamera = false;
+            console.log(`${this.logTag} initCamera end`, {
+                isCameraReady: this.isCameraReady,
+                hasStream: !!this.stream
+            });
+            this.changeDetector.detectChanges();
+        }
+    }
+    async recordVideo() {
+        if (this.isRecording || this.isPreRecordingIntro || !this.stream || !this.isCameraReady)
+            return;
+        this.isPreRecordingIntro = true;
+        this.changeDetector.detectChanges();
+        this.clearIntroTimer();
+        this.introTimeoutId = setTimeout(() => {
+            this.isPreRecordingIntro = false;
+            this.startVideoRecord();
+        }, this.introAnimationDurationMs);
+    }
+    startVideoRecord() {
+        if (!this.stream || this.isRecording)
+            return;
+        this.recordedChunks = [];
+        this.validationState = 'idle';
+        this.isRecording = true;
+        this.timeRemaining = this.recordingDurationSeconds;
+        this.progressValue = 0;
+        this.activeScriptIndex = 0;
+        this.currentScriptLine = this.scriptChunks[0];
+        this.changeDetector.detectChanges();
+        const mimeType = this.resolveMimeType();
+        console.log(`${this.logTag} startVideoRecord`, {
+            mimeType,
+            isIOS: this.isIOS
+        });
+        const options = mimeType
+            ? { mimeType, videoBitsPerSecond: this.videoBitsPerSecond }
+            : { videoBitsPerSecond: this.videoBitsPerSecond };
+        this.mediaRecorder = new MediaRecorder(this.stream, options);
+        this.mediaRecorder.ondataavailable = (event) => {
+            console.log(`${this.logTag} ondataavailable`, { size: event.data?.size ?? 0 });
+            if (event.data.size > 0)
+                this.recordedChunks.push(event.data);
+        };
+        this.mediaRecorder.onerror = (event) => {
+            console.error(`${this.logTag} mediaRecorder error`, event);
+        };
+        this.mediaRecorder.onstop = () => {
+            console.log(`${this.logTag} onstop`, { chunks: this.recordedChunks.length });
+            if (this.recordedChunks.length === 0)
+                return;
+            const outputType = mimeType || (this.isIOS ? 'video/mp4' : 'video/webm');
+            const extension = outputType.includes('mp4') ? 'mp4' : 'webm';
+            const videoBlob = new Blob(this.recordedChunks, { type: outputType });
+            const file = this.blobToFile(videoBlob, `acuerdo-video-test.${extension}`);
+            this.lastRecordedFile = file;
+            if (this.backFunction) {
+                void this.backFunction(file);
+                return;
+            }
+            this.clearRecordedVideoUrl();
+            this.recordedVideoUrl = URL.createObjectURL(videoBlob);
+            this.startValidationSimulation();
+            this.changeDetector.detectChanges();
+        };
+        this.mediaRecorder.start(100);
+        this.clearRecordingTimer();
+        this.recordingIntervalId = setInterval(() => {
+            this.timeRemaining--;
+            const elapsed = this.recordingDurationSeconds - this.timeRemaining;
+            const readingProgress = Math.min(elapsed / this.recordingDurationSeconds, 1);
+            this.progressValue = readingProgress;
+            this.activeScriptIndex = this.getScriptIndexByProgress(readingProgress);
+            this.currentScriptLine = this.scriptChunks[this.activeScriptIndex];
+            if (this.timeRemaining <= 0) {
+                this.stopRecording();
+            }
+            this.changeDetector.detectChanges();
+        }, 1000);
+    }
+    async stopRecording() {
+        if (this.mediaRecorder && this.isRecording) {
+            console.log(`${this.logTag} stopRecording`, { state: this.mediaRecorder.state });
+            this.mediaRecorder.stop();
+            this.isRecording = false;
+            this.clearRecordingTimer();
+            this.changeDetector.detectChanges();
+        }
+    }
+    async closeScreen() {
+        this.clearAllTimers();
+        await this.stopRecording();
+        this.stopCameraTracks();
+        if (this.closeRequested) {
+            await this.closeRequested();
+            return;
+        }
+        this.navController.back();
+    }
+    async goToStepOne() {
+        this.clearAllTimers();
+        await this.stopRecording();
+        this.stopCameraTracks();
+        this.clearRecordedVideoUrl();
+        this.validationState = 'idle';
+        this.progressValue = 0;
+        this.activeScriptIndex = 0;
+        this.currentScriptLine = this.scriptChunks[0];
+        this.timeRemaining = this.recordingDurationSeconds;
+        this.isCameraReady = false;
+        this.isInitializingCamera = false;
+        this.currentStep = 1;
+        this.changeDetector.detectChanges();
+        this.restoreBrightness();
+    }
+    retryFromError() {
+        this.validationState = 'idle';
+        this.progressValue = 0;
+        this.activeScriptIndex = 0;
+        this.currentScriptLine = this.scriptChunks[0];
+        this.timeRemaining = this.recordingDurationSeconds;
+        this.clearRecordedVideoUrl();
+        this.changeDetector.detectChanges();
+    }
+    resolveMimeType() {
+        if (typeof MediaRecorder === 'undefined' || typeof MediaRecorder.isTypeSupported !== 'function') {
+            return undefined;
+        }
+        const candidateTypes = this.isIOS
+            ? ['video/mp4', 'video/webm;codecs=vp9', 'video/webm']
+            : ['video/webm;codecs=vp9', 'video/webm', 'video/mp4'];
+        return candidateTypes.find((type) => MediaRecorder.isTypeSupported(type));
+    }
+    getScriptIndexByProgress(progress) {
+        const currentWord = Math.ceil(progress * this.totalScriptWords);
+        let accumulated = 0;
+        for (let index = 0; index < this.scriptWordCounts.length; index++) {
+            accumulated += this.scriptWordCounts[index];
+            if (currentWord <= accumulated)
+                return index;
+        }
+        return this.scriptChunks.length - 1;
+    }
+    getLyricClass(index) {
+        if (!this.isRecording)
+            return 'is-idle';
+        const diff = index - this.activeScriptIndex;
+        if (diff === 0)
+            return 'is-active';
+        if (diff === 1)
+            return 'is-next';
+        if (diff > 1)
+            return 'is-upcoming';
+        if (diff === -1)
+            return 'is-past-near';
+        return 'is-past';
+    }
+    getWaveHeight(index) {
+        return this.waveformPattern[index % this.waveformPattern.length];
+    }
+    getWaveClass(index) {
+        const activeBars = Math.floor(this.progressValue * this.waveformBars.length);
+        if (index < activeBars)
+            return 'is-filled';
+        if (index === activeBars && this.isRecording)
+            return 'is-current';
+        return 'is-pending';
+    }
+    getValidationMessage() {
+        if (this.validationState === 'validating') {
+            return 'Validando grabación...';
+        }
+        if (this.validationState === 'success') {
+            return 'Validación exitosa. Puedes regresar con el botón de atrás.';
+        }
+        if (this.validationState === 'error') {
+            return 'No se pudo validar. Puedes regresar con el botón de atrás.';
+        }
+        return '';
+    }
+    getReadChipMessage() {
+        if (this.validationState === 'success')
+            return 'Acuerdo validado exitosamente';
+        if (this.validationState === 'error')
+            return 'No se pudo validar el acuerdo.';
+        if (this.validationState === 'validating')
+            return 'Validando acuerdo...';
+        return 'Inicia la grabación y lee el acuerdo en voz alta';
+    }
+    getReadChipIcon() {
+        if (this.validationState === 'success')
+            return 'checkmark-circle';
+        if (this.validationState === 'error')
+            return 'close-circle';
+        if (this.validationState === 'validating')
+            return 'time-outline';
+        return 'alert-circle-outline';
+    }
+    getReadChipStyles() {
+        if (this.validationState === 'success') {
+            return {
+                color: '#166534',
+                background: '#dcfce7',
+                border: '1px solid #86efac'
+            };
+        }
+        if (this.validationState === 'error') {
+            return {
+                color: '#991b1b',
+                background: '#fee2e2',
+                border: '1px solid #fca5a5'
+            };
+        }
+        if (this.validationState === 'validating') {
+            return {
+                color: '#82298F',
+                background: '#fee2e2',
+                border: '1px solid #82298F'
+            };
+        }
+        return {};
+    }
+    getValidationStyles() {
+        if (this.validationState === 'success') {
+            return {
+                color: '#166534',
+                background: '#dcfce7',
+                border: '1px solid #86efac'
+            };
+        }
+        if (this.validationState === 'error') {
+            return {
+                color: '#991b1b',
+                background: '#fee2e2',
+                border: '1px solid #fca5a5'
+            };
+        }
+        return {
+            color: '#1e3a8a',
+            background: '#dbeafe',
+            border: '1px solid #93c5fd'
+        };
+    }
+    countWords(text) {
+        return text.trim().split(/\s+/).filter(Boolean).length;
+    }
+    blobToFile(blob, fileName) {
+        return new File([blob], fileName, { type: blob.type });
+    }
+    startValidationSimulation() {
+        this.clearValidationTimer();
+        this.validationState = 'validating';
+        this.validationTimeoutId = setTimeout(() => {
+            this.validationState = Math.random() > 0.35 ? 'success' : 'error';
+            this.changeDetector.detectChanges();
+        }, 1800);
+    }
+    stopCameraTracks() {
+        if (this.stream) {
+            this.stream.getTracks().forEach((track) => track.stop());
+            this.stream = null;
+        }
+    }
+    clearRecordingTimer() {
+        if (this.recordingIntervalId) {
+            clearInterval(this.recordingIntervalId);
+            this.recordingIntervalId = undefined;
+        }
+    }
+    clearAllTimers() {
+        this.clearRecordingTimer();
+        this.clearValidationTimer();
+        this.clearIntroTimer();
+    }
+    clearValidationTimer() {
+        if (this.validationTimeoutId) {
+            clearTimeout(this.validationTimeoutId);
+            this.validationTimeoutId = undefined;
+        }
+    }
+    clearIntroTimer() {
+        if (this.introTimeoutId) {
+            clearTimeout(this.introTimeoutId);
+            this.introTimeoutId = undefined;
+        }
+    }
+    clearRecordedVideoUrl() {
+        if (this.recordedVideoUrl) {
+            URL.revokeObjectURL(this.recordedVideoUrl);
+            this.recordedVideoUrl = null;
+        }
+    }
+    boostBrightness() {
+        try {
+            ScreenBrightness.getBrightness()
+                .then(async (brightness) => {
+                this.defaultBrightness = brightness.brightness;
+                await ScreenBrightness.setBrightness({ brightness: 1.0 });
+            });
+        }
+        catch { }
+    }
+    restoreBrightness() {
+        if (this.defaultBrightness === 0)
+            return;
+        try {
+            ScreenBrightness.setBrightness({ brightness: this.defaultBrightness }).then(() => null);
+        }
+        catch { }
+    }
+    static { this.ɵfac = function AcuerdoVideoPage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AcuerdoVideoPage)(i0.ɵɵdirectiveInject(i1.NavController), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AcuerdoVideoPage, selectors: [["app-acuerdo-video-test"]], viewQuery: function AcuerdoVideoPage_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.videoElement = _t.first);
+        } }, inputs: { backFunction: "backFunction", closeRequested: "closeRequested" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 3, consts: [["videoElement", ""], ["resultState", ""], [1, "sdk-metag-acuerdo-content", 3, "fullscreen"], ["class", "sdk-metag-step-one", 4, "ngIf"], ["class", "sdk-metag-step-two", 4, "ngIf"], [1, "sdk-metag-step-one"], [2, "width", "100%", "display", "flex", "justify-content", "flex-end"], ["fill", "clear", 2, "width", "42px", "height", "42px", "--padding-start", "0", "--padding-end", "0", "--border-radius", "50%", "--background", "#f3e8ff", "--background-hover", "#e9d5ff", "--background-activated", "#ddd6fe", "--color", "#82298F", 3, "click"], ["slot", "icon-only", "name", "close-outline"], [1, "sdk-metag-title", 2, "animation", "sdk-metag-lyric-rise .45s ease both"], ["expand", "block", 1, "sdk-metag-primary-btn", 2, "animation", "sdk-metag-lyric-rise .6s ease both", "animation-delay", ".24s", 3, "click"], [1, "sdk-metag-step-two"], [1, "sdk-metag-player-header"], [1, "sdk-metag-title"], [1, "sdk-metag-player-card"], [1, "sdk-metag-camera-frame"], ["autoplay", "", "muted", "", "playsinline", ""], ["class", "sdk-metag-camera-overlay", 4, "ngIf"], ["class", "sdk-metag-camera-recording-chip", 4, "ngIf"], ["style", "position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.34);backdrop-filter:blur(1px);", 4, "ngIf"], [1, "sdk-metag-lyrics-viewport"], [1, "sdk-metag-read-chip", 3, "ngClass", "ngStyle"], ["class", "sdk-metag-intro-line", 4, "ngIf"], [4, "ngIf"], ["class", "sdk-metag-waveform-progress", 4, "ngIf"], [1, "sdk-metag-player-footer"], ["style", "justify-items:center;margin-bottom:10px;", 4, "ngIf"], ["class", "sdk-metag-controls-row", 4, "ngIf"], [1, "sdk-metag-camera-overlay"], ["name", "crescent"], [1, "sdk-metag-camera-recording-chip"], [1, "sdk-metag-recording-dot"], [2, "margin-left", "10px"], [2, "position", "absolute", "inset", "0", "display", "flex", "align-items", "center", "justify-content", "center", "background", "rgba(15,23,42,.34)", "backdrop-filter", "blur(1px)"], [4, "ngIf", "ngIfElse"], [2, "width", "68%", "aspect-ratio", "1/1", "border-radius", "999px", "display", "grid", "place-items", "center"], ["name", "crescent", 2, "width", "72px", "height", "72px", "color", "#82298F"], [2, "font-size", "120px", "animation", "sdk-metag-lyric-rise 450ms ease both", 3, "name", "ngStyle"], [1, "sdk-metag-intro-line"], ["class", "sdk-metag-lyrics-line", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "sdk-metag-lyrics-line", 3, "ngClass"], [1, "sdk-metag-waveform-progress"], ["class", "sdk-metag-waveform-bar", 3, "ngClass", "height", 4, "ngFor", "ngForOf"], [1, "sdk-metag-waveform-bar", 3, "ngClass"], [2, "justify-items", "center", "margin-bottom", "10px"], ["expand", "block", "shape", "round", 1, "sdk-metag-primary-btn", 3, "click"], [1, "sdk-metag-controls-row"], ["fill", "clear", 1, "sdk-metag-record-btn", 2, "width", "50px !important", "height", "50px!important", 3, "click"], ["name", "chevron-back-outline"], [1, "sdk-metag-record-btn", 3, "click", "disabled"], ["slot", "icon-only", 3, "name"], ["fill", "clear", 2, "height", "50px", "width", "50px"]], template: function AcuerdoVideoPage_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "ion-content", 2);
+            i0.ɵɵtemplate(1, AcuerdoVideoPage_section_1_Template, 9, 0, "section", 3)(2, AcuerdoVideoPage_section_2_Template, 21, 13, "section", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("fullscreen", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.currentStep === 1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.currentStep === 2);
+        } }, dependencies: [CommonModule, i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, IonicModule, i1.IonButton, i1.IonContent, i1.IonIcon, i1.IonSpinner, SharedComponentsModule, i3.AcuerdoVideoStepGuideComponent], styles: [".sdk-metag-acuerdo-content[_ngcontent-%COMP%] {\n  --background: #fff;\n  --padding-top: 0;\n  --padding-bottom: 0;\n  --purple-primary: #82298f;\n  --orange-primary: #f38301;\n}\n\n.sdk-metag-step-one[_ngcontent-%COMP%] {\n  min-height: 85%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 20px;\n  padding: 28px 20px 24px;\n  background: #fff;\n}\n\n.sdk-metag-title[_ngcontent-%COMP%] {\n  margin: 0;\n  text-align: center;\n  color: #111827;\n  font-size: 24px;\n  font-weight: 700;\n}\n\n.sdk-metag-primary-btn[_ngcontent-%COMP%] {\n  --background: var(--purple-primary);\n  --background-hover: #6f237a;\n  --background-activated: #5c1c66;\n  --border-color: var(--purple-primary);\n  --color: #fff;\n  //--box-shadow: 0 12px 24px rgba(130, 41, 143, 0.28);\n  --border-radius: 999px;\n  font-weight: 600;\n  width: 80%;\n  margin-inline: auto;\n  //margin-top: 2rem;\n}\n\n.sdk-metag-step-two[_ngcontent-%COMP%] {\n  height: 75%;\n  //height: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  gap: 3rem;\n  padding: 3rem 16px 10px;\n  background: #fff;\n  position: relative;\n  isolation: isolate;\n  margin-top: 3rem;\n}\n\n.sdk-metag-player-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sdk-metag-player-card[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  border-radius: 24px;\n  background: #fff;\n  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.1);\n  padding: 16px 14px 14px;\n  position: relative;\n  z-index: 2;\n}\n\n.sdk-metag-camera-frame[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  border-radius: 20px;\n  overflow: hidden;\n  background: #0f172a;\n\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transform: scaleX(-1);\n  }\n}\n\n.sdk-metag-camera-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  place-items: center;\n  gap: 10px;\n  background: rgba(2, 6, 23, 0.64);\n  color: #fff;\n  font-size: 13px;\n  text-align: center;\n}\n\n.sdk-metag-camera-recording-chip[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  padding: 7px 12px;\n  border-radius: 999px;\n  border: 1px solid #fecaca;\n  background: rgba(255, 245, 245, 0.95);\n  color: #991b1b;\n  font-size: 12px;\n  font-weight: 700;\n  backdrop-filter: blur(1px);\n}\n\n.sdk-metag-lyrics-viewport[_ngcontent-%COMP%] {\n  margin: 4px 0 2px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 25px 0;\n}\n\n.sdk-metag-read-chip[_ngcontent-%COMP%] {\n  padding: 8px 12px;\n  border-radius: 999px;\n  border: 1px solid #fed7aa;\n  background: #fff7ed;\n  color: #c2410c;\n  font-weight: 600;\n  transition: opacity .22s ease;\n  font-size: 12px;\n}\n\n.sdk-metag-read-chip.is-hidden[_ngcontent-%COMP%] {\n  opacity: 0;\n  transform: translateY(-6px);\n  border-width: 0;\n}\n\n.sdk-metag-lyrics-line[_ngcontent-%COMP%] {\n  margin: 0;\n  width: 100%;\n  text-align: center;\n  color: #94a3b8;\n  font-size: 16px;\n  line-height: 1.25;\n  opacity: 0;\n  filter: blur(3px);\n  transform: translateY(28px) scale(0.985);\n  transition:\n    transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    opacity 420ms ease,\n    filter 420ms ease;\n}\n\n.sdk-metag-lyrics-line.is-active[_ngcontent-%COMP%] {\n  color: #0f172a;\n  font-weight: 700;\n  opacity: 1;\n  filter: blur(0);\n  transform: translateY(0) scale(1);\n  animation: _ngcontent-%COMP%_sdk-metag-lyric-rise 420ms ease;\n}\n\n.sdk-metag-lyrics-line.is-next[_ngcontent-%COMP%] {\n  color: #334155;\n  opacity: 0.72;\n  //filter: blur(0.4px);\n  transform: translateY(12px) scale(0.992);\n}\n\n.sdk-metag-lyrics-line.is-upcoming[_ngcontent-%COMP%] {\n  color: #475569;\n  opacity: 0.45;\n  //filter: blur(0.8px);\n  transform: translateY(24px) scale(0.985);\n}\n\n.sdk-metag-lyrics-line.is-past-near[_ngcontent-%COMP%] {\n  opacity: 0.55;\n  transform: translateY(-12px) scale(0.995);\n}\n\n.sdk-metag-lyrics-line.is-past[_ngcontent-%COMP%] {\n  opacity: 0.22;\n  transform: translateY(-22px) scale(0.985);\n}\n\n.sdk-metag-lyrics-line.is-idle[_ngcontent-%COMP%] {\n  opacity: 0;\n  filter: blur(3px);\n  transform: translateY(28px) scale(0.985);\n}\n\n.sdk-metag-intro-line[_ngcontent-%COMP%] {\n  margin: 0;\n  width: 100%;\n  text-align: center;\n  color: #0f172a;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.3;\n  animation: _ngcontent-%COMP%_sdk-metag-intro-fade-in-out 3s ease forwards;\n}\n\n@keyframes _ngcontent-%COMP%_sdk-metag-lyric-rise {\n  from {\n    opacity: 0.2;\n    filter: blur(2px);\n    transform: translateY(18px) scale(0.99);\n  }\n  to {\n    opacity: 1;\n    filter: blur(0);\n    transform: translateY(0) scale(1);\n  }\n}\n\n@keyframes _ngcontent-%COMP%_sdk-metag-intro-fade-in-out {\n  0% {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  25% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  70% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n}\n\n.sdk-metag-waveform-progress[_ngcontent-%COMP%] {\n  margin-top: 20px;\n  height: 46px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 75%;\n  align-self: center;\n}\n\n.sdk-metag-waveform-bar[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-width: 3px;\n  max-width: 8px;\n  border-radius: 999px;\n  background: #d1d5db;\n  opacity: 0.75;\n  transition:\n    background-color 220ms ease,\n    opacity 220ms ease;\n}\n\n.sdk-metag-waveform-bar.is-filled[_ngcontent-%COMP%] {\n  background: #10b981;\n  opacity: 1;\n}\n\n.sdk-metag-waveform-bar.is-current[_ngcontent-%COMP%] {\n  background: #22c55e;\n  opacity: 1;\n  animation: _ngcontent-%COMP%_sdk-metag-recording-pulse .55s ease-in-out infinite alternate;\n}\n\n.sdk-metag-waveform-bar.is-pending[_ngcontent-%COMP%] {\n  background: #cbd5e1;\n  opacity: 0.85;\n}\n\n.sdk-metag-player-footer[_ngcontent-%COMP%] {\n  position: relative;\n  z-index: 2;\n}\n\n.sdk-metag-controls-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n}\n\n.sdk-metag-recording-chip[_ngcontent-%COMP%] {\n  margin: 2px auto 10px;\n  display: flex;\n  align-items: center;\n  padding: 7px 12px;\n  border-radius: 999px;\n  border: 1px solid #fecaca;\n  background: #fff5f5;\n  color: #991b1b;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.sdk-metag-recording-dot[_ngcontent-%COMP%] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #ef4444;\n  animation: _ngcontent-%COMP%_sdk-metag-recording-pulse 1s ease-in-out infinite;\n}\n\n@keyframes _ngcontent-%COMP%_sdk-metag-recording-pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(0.72);\n    opacity: 0.45;\n  }\n}\n\n.sdk-metag-record-btn[_ngcontent-%COMP%] {\n  width: 68px;\n  height: 68px;\n  --padding-start: 0;\n  --padding-end: 0;\n  --border-radius: 50%;\n  --background: #111827;\n  --background-hover: #1f2937;\n  --background-activated: #0f172a;\n  --border-color: #111827;\n  --border-width: 2px;\n  --border-style: solid;\n  --color: #fff;\n  --box-shadow: 0 12px 24px rgba(15, 23, 42, 0.22);\n\n  ion-icon {\n    font-size: 28px;\n  }\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AcuerdoVideoPage, [{
+        type: Component,
+        args: [{ selector: 'app-acuerdo-video-test', standalone: true, imports: [CommonModule, IonicModule, SharedComponentsModule], template: "<ion-content class=\"sdk-metag-acuerdo-content\" [fullscreen]=\"true\">\n  <section *ngIf=\"currentStep === 1\" class=\"sdk-metag-step-one\">\n    <div style=\"width:100%;display:flex;justify-content:flex-end;\">\n      <ion-button\n        fill=\"clear\"\n        style=\"width:42px;height:42px;--padding-start:0;--padding-end:0;--border-radius:50%;--background:#f3e8ff;--background-hover:#e9d5ff;--background-activated:#ddd6fe;--color:#82298F;\"\n        (click)=\"closeScreen()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </div>\n\n    <h1\n      class=\"sdk-metag-title\"\n      style=\"animation:sdk-metag-lyric-rise .45s ease both;\">\n      Acuerdo de video\n    </h1>\n\n    <app-acuerdo-video-step-guide></app-acuerdo-video-step-guide>\n\n    <ion-button\n      class=\"sdk-metag-primary-btn\"\n      expand=\"block\"\n      style=\"animation:sdk-metag-lyric-rise .6s ease both;animation-delay:.24s;\"\n      (click)=\"goToRecordingStep()\">\n      Estoy listo\n    </ion-button>\n  </section>\n\n  <section *ngIf=\"currentStep === 2\" class=\"sdk-metag-step-two\">\n    <header class=\"sdk-metag-player-header\">\n      <h1 class=\"sdk-metag-title\">Acuerdo de video</h1>\n    </header>\n\n    <div class=\"sdk-metag-player-card\">\n      <div class=\"sdk-metag-camera-frame\">\n        <video #videoElement autoplay muted playsinline></video>\n        <div class=\"sdk-metag-camera-overlay\" *ngIf=\"isInitializingCamera || !isCameraReady\">\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          <span>Preparando c\u00E1mara...</span>\n        </div>\n        <div *ngIf=\"isRecording\" class=\"sdk-metag-camera-recording-chip\">\n          <span class=\"sdk-metag-recording-dot\"></span>\n          <span style=\"margin-left:10px;\">00:{{ timeRemaining < 10 ? '0' + timeRemaining : timeRemaining }}</span>\n        </div>\n\n        <div\n          *ngIf=\"validationState === 'validating' || validationState === 'success' || validationState === 'error'\"\n          style=\"position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.34);backdrop-filter:blur(1px);\">\n          <ng-container *ngIf=\"validationState === 'validating'; else resultState\">\n            <div style=\"width:68%;aspect-ratio:1/1;border-radius:999px;display:grid;place-items:center\">\n              <ion-spinner name=\"crescent\" style=\"width:72px;height:72px;color:#82298F;\"></ion-spinner>\n            </div>\n          </ng-container>\n          <ng-template #resultState>\n            <div style=\"width:68%;aspect-ratio:1/1;border-radius:999px;display:grid;place-items:center;\">\n              <ion-icon\n                [name]=\"validationState === 'success' ? 'checkmark-circle' : 'close-circle'\"\n                [ngStyle]=\"validationState === 'success' ? { color: '#16a34a' } : { color: '#dc2626' }\"\n                style=\"font-size:120px;animation:sdk-metag-lyric-rise 450ms ease both;\">\n              </ion-icon>\n            </div>\n          </ng-template>\n        </div>\n      </div>\n\n      <div class=\"sdk-metag-lyrics-viewport\">\n        <div class=\"sdk-metag-read-chip\" [ngClass]=\"{ 'is-hidden': isRecording || isPreRecordingIntro }\" [ngStyle]=\"getReadChipStyles()\">\n          <span>{{ getReadChipMessage() }}</span>\n        </div>\n        <p *ngIf=\"isPreRecordingIntro\" class=\"sdk-metag-intro-line\">{{ introPromptText }}</p>\n        <ng-container *ngIf=\"isRecording\">\n          <p\n            *ngFor=\"let line of scriptChunks; let i = index\"\n            class=\"sdk-metag-lyrics-line\"\n            [ngClass]=\"getLyricClass(i)\">\n            {{ line }}\n          </p>\n        </ng-container>\n      </div>\n\n      <div *ngIf=\"isRecording\" class=\"sdk-metag-waveform-progress\">\n        <span\n          *ngFor=\"let bar of waveformBars\"\n          class=\"sdk-metag-waveform-bar\"\n          [ngClass]=\"getWaveClass(bar)\"\n          [style.height.px]=\"getWaveHeight(bar)\">\n        </span>\n      </div>\n\n    </div>\n\n    <footer class=\"sdk-metag-player-footer\">\n      <div *ngIf=\"validationState === 'success'\" style=\"justify-items:center;margin-bottom:10px;\">\n        <ion-button class=\"sdk-metag-primary-btn\" expand=\"block\" shape=\"round\" (click)=\"goToStepOne()\">\n          Continuar\n        </ion-button>\n      </div>\n\n      <div class=\"sdk-metag-controls-row\" *ngIf=\"(!isRecording && validationState === 'idle') || validationState === 'error'\">\n        <ion-button\n          fill=\"clear\"\n          class=\"sdk-metag-record-btn\"\n          style=\"width: 50px !important; height: 50px!important;\"\n          (click)=\"goToStepOne()\">\n          <ion-icon name=\"chevron-back-outline\"></ion-icon>\n        </ion-button>\n\n        <ion-button\n          class=\"sdk-metag-record-btn\"\n          [disabled]=\"isInitializingCamera || !isCameraReady || isPreRecordingIntro\"\n          (click)=\"isRecording ? stopRecording() : recordVideo()\">\n          <ion-icon slot=\"icon-only\" [name]=\"isRecording ? 'pause-outline' : 'mic-outline'\"></ion-icon>\n        </ion-button>\n\n        <ion-button\n          fill=\"clear\"\n          style=\"height: 50px; width: 50px\">\n        </ion-button>\n      </div>\n    </footer>\n  </section>\n</ion-content>\n", styles: [".sdk-metag-acuerdo-content {\n  --background: #fff;\n  --padding-top: 0;\n  --padding-bottom: 0;\n  --purple-primary: #82298f;\n  --orange-primary: #f38301;\n}\n\n.sdk-metag-step-one {\n  min-height: 85%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 20px;\n  padding: 28px 20px 24px;\n  background: #fff;\n}\n\n.sdk-metag-title {\n  margin: 0;\n  text-align: center;\n  color: #111827;\n  font-size: 24px;\n  font-weight: 700;\n}\n\n.sdk-metag-primary-btn {\n  --background: var(--purple-primary);\n  --background-hover: #6f237a;\n  --background-activated: #5c1c66;\n  --border-color: var(--purple-primary);\n  --color: #fff;\n  //--box-shadow: 0 12px 24px rgba(130, 41, 143, 0.28);\n  --border-radius: 999px;\n  font-weight: 600;\n  width: 80%;\n  margin-inline: auto;\n  //margin-top: 2rem;\n}\n\n.sdk-metag-step-two {\n  height: 75%;\n  //height: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  gap: 3rem;\n  padding: 3rem 16px 10px;\n  background: #fff;\n  position: relative;\n  isolation: isolate;\n  margin-top: 3rem;\n}\n\n.sdk-metag-player-header {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sdk-metag-player-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 24px;\n  background: #fff;\n  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.1);\n  padding: 16px 14px 14px;\n  position: relative;\n  z-index: 2;\n}\n\n.sdk-metag-camera-frame {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  border-radius: 20px;\n  overflow: hidden;\n  background: #0f172a;\n\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transform: scaleX(-1);\n  }\n}\n\n.sdk-metag-camera-overlay {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  place-items: center;\n  gap: 10px;\n  background: rgba(2, 6, 23, 0.64);\n  color: #fff;\n  font-size: 13px;\n  text-align: center;\n}\n\n.sdk-metag-camera-recording-chip {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  padding: 7px 12px;\n  border-radius: 999px;\n  border: 1px solid #fecaca;\n  background: rgba(255, 245, 245, 0.95);\n  color: #991b1b;\n  font-size: 12px;\n  font-weight: 700;\n  backdrop-filter: blur(1px);\n}\n\n.sdk-metag-lyrics-viewport {\n  margin: 4px 0 2px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 25px 0;\n}\n\n.sdk-metag-read-chip {\n  padding: 8px 12px;\n  border-radius: 999px;\n  border: 1px solid #fed7aa;\n  background: #fff7ed;\n  color: #c2410c;\n  font-weight: 600;\n  transition: opacity .22s ease;\n  font-size: 12px;\n}\n\n.sdk-metag-read-chip.is-hidden {\n  opacity: 0;\n  transform: translateY(-6px);\n  border-width: 0;\n}\n\n.sdk-metag-lyrics-line {\n  margin: 0;\n  width: 100%;\n  text-align: center;\n  color: #94a3b8;\n  font-size: 16px;\n  line-height: 1.25;\n  opacity: 0;\n  filter: blur(3px);\n  transform: translateY(28px) scale(0.985);\n  transition:\n    transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    opacity 420ms ease,\n    filter 420ms ease;\n}\n\n.sdk-metag-lyrics-line.is-active {\n  color: #0f172a;\n  font-weight: 700;\n  opacity: 1;\n  filter: blur(0);\n  transform: translateY(0) scale(1);\n  animation: sdk-metag-lyric-rise 420ms ease;\n}\n\n.sdk-metag-lyrics-line.is-next {\n  color: #334155;\n  opacity: 0.72;\n  //filter: blur(0.4px);\n  transform: translateY(12px) scale(0.992);\n}\n\n.sdk-metag-lyrics-line.is-upcoming {\n  color: #475569;\n  opacity: 0.45;\n  //filter: blur(0.8px);\n  transform: translateY(24px) scale(0.985);\n}\n\n.sdk-metag-lyrics-line.is-past-near {\n  opacity: 0.55;\n  transform: translateY(-12px) scale(0.995);\n}\n\n.sdk-metag-lyrics-line.is-past {\n  opacity: 0.22;\n  transform: translateY(-22px) scale(0.985);\n}\n\n.sdk-metag-lyrics-line.is-idle {\n  opacity: 0;\n  filter: blur(3px);\n  transform: translateY(28px) scale(0.985);\n}\n\n.sdk-metag-intro-line {\n  margin: 0;\n  width: 100%;\n  text-align: center;\n  color: #0f172a;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.3;\n  animation: sdk-metag-intro-fade-in-out 3s ease forwards;\n}\n\n@keyframes sdk-metag-lyric-rise {\n  from {\n    opacity: 0.2;\n    filter: blur(2px);\n    transform: translateY(18px) scale(0.99);\n  }\n  to {\n    opacity: 1;\n    filter: blur(0);\n    transform: translateY(0) scale(1);\n  }\n}\n\n@keyframes sdk-metag-intro-fade-in-out {\n  0% {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  25% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  70% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n}\n\n.sdk-metag-waveform-progress {\n  margin-top: 20px;\n  height: 46px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 75%;\n  align-self: center;\n}\n\n.sdk-metag-waveform-bar {\n  flex: 1 1 auto;\n  min-width: 3px;\n  max-width: 8px;\n  border-radius: 999px;\n  background: #d1d5db;\n  opacity: 0.75;\n  transition:\n    background-color 220ms ease,\n    opacity 220ms ease;\n}\n\n.sdk-metag-waveform-bar.is-filled {\n  background: #10b981;\n  opacity: 1;\n}\n\n.sdk-metag-waveform-bar.is-current {\n  background: #22c55e;\n  opacity: 1;\n  animation: sdk-metag-recording-pulse .55s ease-in-out infinite alternate;\n}\n\n.sdk-metag-waveform-bar.is-pending {\n  background: #cbd5e1;\n  opacity: 0.85;\n}\n\n.sdk-metag-player-footer {\n  position: relative;\n  z-index: 2;\n}\n\n.sdk-metag-controls-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n}\n\n.sdk-metag-recording-chip {\n  margin: 2px auto 10px;\n  display: flex;\n  align-items: center;\n  padding: 7px 12px;\n  border-radius: 999px;\n  border: 1px solid #fecaca;\n  background: #fff5f5;\n  color: #991b1b;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.sdk-metag-recording-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #ef4444;\n  animation: sdk-metag-recording-pulse 1s ease-in-out infinite;\n}\n\n@keyframes sdk-metag-recording-pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(0.72);\n    opacity: 0.45;\n  }\n}\n\n.sdk-metag-record-btn {\n  width: 68px;\n  height: 68px;\n  --padding-start: 0;\n  --padding-end: 0;\n  --border-radius: 50%;\n  --background: #111827;\n  --background-hover: #1f2937;\n  --background-activated: #0f172a;\n  --border-color: #111827;\n  --border-width: 2px;\n  --border-style: solid;\n  --color: #fff;\n  --box-shadow: 0 12px 24px rgba(15, 23, 42, 0.22);\n\n  ion-icon {\n    font-size: 28px;\n  }\n}\n"] }]
+    }], () => [{ type: i1.NavController }, { type: i0.ChangeDetectorRef }], { videoElement: [{
+            type: ViewChild,
+            args: ['videoElement', { static: false }]
+        }], backFunction: [{
+            type: Input
+        }], closeRequested: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AcuerdoVideoPage, { className: "AcuerdoVideoPage" }); })();
+//# sourceMappingURL=acuerdo-video.page.js.map