metag-sdk-ionic 1.2.11-dev-0.17 → 1.2.11-mar-01

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 export * from './src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component';
 export * from './src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component';
-export * from './src/app/pages/id-vision/components/custom-slide/custom-slide.component';
 export * from './src/app/pages/id-vision/id-vision.component';
 export * from './src/app/pages/id-vision/id-vision.module';
 export * from './src/app/pages/id-vision/services/dpi/dpi-service.service';

package/dist/index.js

@@ -1,7 +1,6 @@
 // Exportar componentes
 export * from './src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component';
 export * from './src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component';
-export * from './src/app/pages/id-vision/components/custom-slide/custom-slide.component';
 export * from './src/app/pages/id-vision/id-vision.component';
 export * from './src/app/pages/id-vision/id-vision.module';
 // Exportar servicios

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,cAAc,wFAAwF,CAAC;AACvG,cAAc,wFAAwF,CAAC;AACvG,cAAc,0EAA0E,CAAC;AACzF,cAAc,+CAA+C,CAAC;AAC9D,cAAc,4CAA4C,CAAC;AAC3D,qBAAqB;AACrB,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,+EAA+E,CAAC;AAC9F,cAAc,8EAA8E,CAAC;AAC7F,cAAc,oEAAoE,CAAC;AAInF,oCAAoC;AACpC,qFAAqF;AACrF,kCAAkC;AAClC,qCAAqC;AAErC,qFAAqF;AACrF,0FAA0F;AAC1F,kFAAkF;AAClF,wFAAwF;AAExF,mBAAmB;AACnB,YAAY;AACZ,sDAAsD;AAEtD,oDAAoD;AACpD,kDAAkD;AAClD,6DAA6D;AAC7D,oEAAoE;AACpE,iBAAiB;AACjB,+EAA+E;AAC/E,UAAU;AAEV,mDAAmD;AACnD,+DAA+D;AAC/D,+DAA+D;AAC/D,yEAAyE;AACzE,iBAAiB;AACjB,mFAAmF;AACnF,UAAU;AACV,wBAAwB;AACxB,iEAAiE;AACjE,QAAQ;AACR,UAAU;AACV,WAAW;AACX,iFAAiF;AACjF,IAAI;AAGJ,gCAAgC;AAChC,mCAAmC;AAEnC,WAAW;AACX,6EAA6E;AAC7E,wFAAwF;AACxF,2EAA2E;AAC3E,sFAAsF;AAEtF,yCAAyC;AACzC,iBAAiB;AACjB,UAAU;AACV,0DAA0D;AAC1D,6CAA6C;AAC7C,wFAAwF;AACxF,gBAAgB;AAChB,QAAQ;AAER,0DAA0D;AAC1D,8CAA8C;AAC9C,yDAAyD;AACzD,2EAA2E;AAE3E,yDAAyD;AACzD,2DAA2D;AAC3D,2DAA2D;AAC3D,mFAAmF;AACnF,oBAAoB;AACpB,qEAAqE;AACrE,MAAM;AACN,QAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,cAAc,wFAAwF,CAAC;AACvG,cAAc,wFAAwF,CAAC;AACvG,cAAc,+CAA+C,CAAC;AAC9D,cAAc,4CAA4C,CAAC;AAC3D,qBAAqB;AACrB,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,+EAA+E,CAAC;AAC9F,cAAc,8EAA8E,CAAC;AAC7F,cAAc,oEAAoE,CAAC;AAInF,oCAAoC;AACpC,qFAAqF;AACrF,kCAAkC;AAClC,qCAAqC;AAErC,qFAAqF;AACrF,0FAA0F;AAC1F,kFAAkF;AAClF,wFAAwF;AAExF,mBAAmB;AACnB,YAAY;AACZ,sDAAsD;AAEtD,oDAAoD;AACpD,kDAAkD;AAClD,6DAA6D;AAC7D,oEAAoE;AACpE,iBAAiB;AACjB,+EAA+E;AAC/E,UAAU;AAEV,mDAAmD;AACnD,+DAA+D;AAC/D,+DAA+D;AAC/D,yEAAyE;AACzE,iBAAiB;AACjB,mFAAmF;AACnF,UAAU;AACV,wBAAwB;AACxB,iEAAiE;AACjE,QAAQ;AACR,UAAU;AACV,WAAW;AACX,iFAAiF;AACjF,IAAI;AAGJ,gCAAgC;AAChC,mCAAmC;AAEnC,WAAW;AACX,6EAA6E;AAC7E,wFAAwF;AACxF,2EAA2E;AAC3E,sFAAsF;AAEtF,yCAAyC;AACzC,iBAAiB;AACjB,UAAU;AACV,0DAA0D;AAC1D,6CAA6C;AAC7C,wFAAwF;AACxF,gBAAgB;AAChB,QAAQ;AAER,0DAA0D;AAC1D,8CAA8C;AAC9C,yDAAyD;AACzD,2EAA2E;AAE3E,yDAAyD;AACzD,2DAA2D;AAC3D,2DAA2D;AAC3D,mFAAmF;AACnF,oBAAoB;AACpB,qEAAqE;AACrE,MAAM;AACN,QAAQ"}

package/dist/src/app/app-routing.module.js

@@ -3,13 +3,9 @@ import { PreloadAllModules, RouterModule } from '@angular/router';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 const routes = [
-    {
-        path: 'home',
-        loadChildren: () => import('./home/home.module').then(m => m.HomePageModule)
-    },
     {
         path: '',
-        redirectTo: 'home',
+        redirectTo: 'id-vision',
         pathMatch: 'full'
     },
     { path: 'id-vision', loadComponent: () => import('./pages/id-vision/id-vision.component').then(m => m.IdVisionComponent) }

package/dist/src/app/app-routing.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-routing.module.js","sourceRoot":"","sources":["../../../src/app/app-routing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAU,MAAM,iBAAiB,CAAC;;;AAG1E,MAAM,MAAM,GAAW;IACrB;QACE,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;KAC9E;IACD;QACE,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;KAClB;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,uCAAuC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE;CAC3H,CAAC;AAQF,MAAM,OAAO,gBAAgB;iHAAhB,gBAAgB;mEAAhB,gBAAgB;uEAJzB,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC,EAE/D,YAAY;;iFAEX,gBAAgB;cAN5B,QAAQ;eAAC;gBACR,OAAO,EAAE;oBACP,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;iBACxE;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;wFACY,gBAAgB,0CAFjB,YAAY"}
+{"version":3,"file":"app-routing.module.js","sourceRoot":"","sources":["../../../src/app/app-routing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAU,MAAM,iBAAiB,CAAC;;;AAE1E,MAAM,MAAM,GAAW;IACrB;QACE,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,WAAW;QACvB,SAAS,EAAE,MAAM;KAClB;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,uCAAuC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE;CAC3H,CAAC;AAQF,MAAM,OAAO,gBAAgB;iHAAhB,gBAAgB;mEAAhB,gBAAgB;uEAJzB,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC,EAE/D,YAAY;;iFAEX,gBAAgB;cAN5B,QAAQ;eAAC;gBACR,OAAO,EAAE;oBACP,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;iBACxE;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;wFACY,gBAAgB,0CAFjB,YAAY"}

package/dist/src/app/app.module.d.ts

@@ -13,10 +13,9 @@ import * as i11 from "@angular/common";
 import * as i12 from "./app-routing.module";
 import * as i13 from "@ionic/storage-angular";
 import * as i14 from "./pages/id-vision/id-vision.component";
-import * as i15 from "./pages/id-vision/components/custom-slide/custom-slide.component";
-import * as i16 from "@angular/common/http";
+import * as i15 from "@angular/common/http";
 export declare class AppModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppModule, [typeof i1.AppComponent, typeof i2.CustomButtonComponent, typeof i3.CameraWithOverlayComponent, typeof i4.CamaraVideoSelfieComponent, typeof i5.PhotoSelfieCameraComponent, typeof i6.CamaraAcuerdoVideoComponent, typeof i7.SimpleAcuerdoVideoComponent, typeof i8.MessageModalComponent], [typeof i9.BrowserModule, typeof i10.IonicModule, typeof i11.CommonModule, typeof i12.AppRoutingModule, typeof i13.IonicStorageModule, typeof i14.IdVisionComponent, typeof i15.CustomSlideComponent, typeof i16.HttpClientModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppModule, [typeof i1.AppComponent, typeof i2.CustomButtonComponent, typeof i3.CameraWithOverlayComponent, typeof i4.CamaraVideoSelfieComponent, typeof i5.PhotoSelfieCameraComponent, typeof i6.CamaraAcuerdoVideoComponent, typeof i7.SimpleAcuerdoVideoComponent, typeof i8.MessageModalComponent], [typeof i9.BrowserModule, typeof i10.IonicModule, typeof i11.CommonModule, typeof i12.AppRoutingModule, typeof i13.IonicStorageModule, typeof i14.IdVisionComponent, typeof i15.HttpClientModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppModule>;
 }

package/dist/src/app/app.module.js

@@ -11,7 +11,6 @@ import { CameraWithOverlayComponent } from './pages/id-vision/components/camera-
 import { CamaraVideoSelfieComponent } from './pages/id-vision/components/camara-video-selfie/camara-video-selfie.component';
 import { HttpClientModule, provideHttpClient } from '@angular/common/http';
 import { IonicStorageModule } from '@ionic/storage-angular';
-import { CustomSlideComponent } from './pages/id-vision/components/custom-slide/custom-slide.component';
 import { DpiService } from './pages/id-vision/services/dpi/dpi-service.service';
 import { PhotoSelfieCameraComponent } from './pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component';
 import { CamaraAcuerdoVideoComponent } from './pages/id-vision/components/camara-acuerdo-video/camara-acuerdo.video.component';
@@ -28,13 +27,12 @@ export class AppModule {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppModule, [{
         type: NgModule,
         args: [{
-                declarations: [AppComponent, CustomButtonComponent, CameraWithOverlayComponent, CamaraVideoSelfieComponent /*,CustomSlideComponent, IdVisionComponent*/, PhotoSelfieCameraComponent, CamaraAcuerdoVideoComponent, SimpleAcuerdoVideoComponent, MessageModalComponent],
-                imports: [BrowserModule, IonicModule.forRoot(), CommonModule, AppRoutingModule, IonicStorageModule.forRoot(), IdVisionComponent, CustomSlideComponent, HttpClientModule
-                ],
+                declarations: [AppComponent, CustomButtonComponent, CameraWithOverlayComponent, CamaraVideoSelfieComponent, PhotoSelfieCameraComponent, CamaraAcuerdoVideoComponent, SimpleAcuerdoVideoComponent, MessageModalComponent],
+                imports: [BrowserModule, IonicModule.forRoot(), CommonModule, AppRoutingModule, IonicStorageModule.forRoot(), IdVisionComponent, HttpClientModule],
                 exports: [],
                 providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, provideHttpClient(), DpiService],
                 bootstrap: [AppComponent],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppModule, { declarations: [AppComponent, CustomButtonComponent, CameraWithOverlayComponent, CamaraVideoSelfieComponent /*,CustomSlideComponent, IdVisionComponent*/, PhotoSelfieCameraComponent, CamaraAcuerdoVideoComponent, SimpleAcuerdoVideoComponent, MessageModalComponent], imports: [BrowserModule, i1.IonicModule, CommonModule, AppRoutingModule, i2.IonicStorageModule, IdVisionComponent, CustomSlideComponent, HttpClientModule] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppModule, { declarations: [AppComponent, CustomButtonComponent, CameraWithOverlayComponent, CamaraVideoSelfieComponent, PhotoSelfieCameraComponent, CamaraAcuerdoVideoComponent, SimpleAcuerdoVideoComponent, MessageModalComponent], imports: [BrowserModule, i1.IonicModule, CommonModule, AppRoutingModule, i2.IonicStorageModule, IdVisionComponent, HttpClientModule] }); })();
 //# sourceMappingURL=app.module.js.map

package/dist/src/app/app.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.module.js","sourceRoot":"","sources":["../../../src/app/app.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAE,0BAA0B,EAAE,MAAM,gFAAgF,CAAC;AAC5H,OAAO,EAAE,0BAA0B,EAAE,MAAM,gFAAgF,CAAC;AAC5H,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAC;AACxG,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gFAAgF,CAAC;AAC5H,OAAO,EAAE,2BAA2B,EAAE,MAAM,kFAAkF,CAAC;AAC/H,OAAO,EAAE,2BAA2B,EAAE,MAAM,kFAAkF,CAAC;AAC/H,OAAO,EAAE,qBAAqB,EAAE,MAAM,oEAAoE,CAAC;;;;AAU3G,MAAM,OAAO,SAAS;0GAAT,SAAS;mEAAT,SAAS,cAFR,YAAY;wEADb,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,iBAAiB,EAAE,EAAE,UAAU,CAAC,YAHjG,aAAa,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,EAAE,EAAE,iBAAiB,EAAwB,gBAAgB;;iFAM5J,SAAS;cARrB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,0BAA0B,CAAC,4CAA4C,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,qBAAqB,CAAC;gBACrQ,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,EAAE,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,gBAAgB;iBACtK;gBACD,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,iBAAiB,EAAE,EAAE,UAAU,CAAC;gBAC3G,SAAS,EAAE,CAAC,YAAY,CAAC;aAC1B;;wFACY,SAAS,mBAPL,YAAY,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,0BAA0B,CAAC,4CAA4C,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,qBAAqB,aAC1P,aAAa,kBAAyB,YAAY,EAAE,gBAAgB,yBAAgC,iBAAiB,EAAE,oBAAoB,EAAE,gBAAgB"}
+{"version":3,"file":"app.module.js","sourceRoot":"","sources":["../../../src/app/app.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAE,0BAA0B,EAAE,MAAM,gFAAgF,CAAC;AAC5H,OAAO,EAAE,0BAA0B,EAAE,MAAM,gFAAgF,CAAC;AAC5H,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gFAAgF,CAAC;AAC5H,OAAO,EAAE,2BAA2B,EAAE,MAAM,kFAAkF,CAAC;AAC/H,OAAO,EAAE,2BAA2B,EAAE,MAAM,kFAAkF,CAAC;AAC/H,OAAO,EAAE,qBAAqB,EAAE,MAAM,oEAAoE,CAAC;;;;AAS3G,MAAM,OAAO,SAAS;0GAAT,SAAS;mEAAT,SAAS,cAFR,YAAY;wEADb,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,iBAAiB,EAAE,EAAE,UAAU,CAAC,YAFjG,aAAa,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,EAAE,EAAE,iBAAiB,EAAE,gBAAgB;;iFAKtI,SAAS;cAPrB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,qBAAqB,CAAC;gBACxN,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;gBAClJ,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,iBAAiB,EAAE,EAAE,UAAU,CAAC;gBAC3G,SAAS,EAAE,CAAC,YAAY,CAAC;aAC1B;;wFACY,SAAS,mBANL,YAAY,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,qBAAqB,aAC7M,aAAa,kBAAyB,YAAY,EAAE,gBAAgB,yBAAgC,iBAAiB,EAAE,gBAAgB"}

package/dist/src/app/home/home.page.js

@@ -1,33 +1,33 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@ionic/angular";
-export class HomePage {
-    constructor() { }
-    static { this.ɵfac = function HomePage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HomePage)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomePage, selectors: [["app-home"]], decls: 16, vars: 2, consts: [[3, "translucent"], [3, "fullscreen"], ["collapse", "condense"], ["size", "large"], ["id", "container"], ["target", "_blank", "rel", "noopener noreferrer", "href", "https://ionicframework.com/docs/components"]], template: function HomePage_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "ion-header", 0)(1, "ion-toolbar")(2, "ion-title");
-            i0.ɵɵtext(3, " Blank ");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(4, "ion-content", 1)(5, "ion-header", 2)(6, "ion-toolbar")(7, "ion-title", 3);
-            i0.ɵɵtext(8, "Blank");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(9, "div", 4)(10, "strong");
-            i0.ɵɵtext(11, "Ready to create an app?");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "p");
-            i0.ɵɵtext(13, "Start with Ionic ");
-            i0.ɵɵelementStart(14, "a", 5);
-            i0.ɵɵtext(15, "UI Components");
-            i0.ɵɵelementEnd()()()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("translucent", true);
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("fullscreen", true);
-        } }, dependencies: [i1.IonContent, i1.IonHeader, i1.IonTitle, i1.IonToolbar], styles: ["#container[_ngcontent-%COMP%] {\r\n  text-align: center;\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n#container[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\r\n  font-size: 20px;\r\n  line-height: 26px;\r\n}\r\n\r\n#container[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n\r\n  color: #8c8c8c;\r\n\r\n  margin: 0;\r\n}\r\n\r\n#container[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\r\n  text-decoration: none;\r\n}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomePage, [{
-        type: Component,
-        args: [{ selector: 'app-home', template: "<ion-header [translucent]=\"true\">\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      Blank\r\n    </ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content [fullscreen]=\"true\">\r\n  <ion-header collapse=\"condense\">\r\n    <ion-toolbar>\r\n      <ion-title size=\"large\">Blank</ion-title>\r\n    </ion-toolbar>\r\n  </ion-header>\r\n\r\n  <div id=\"container\">\r\n    <strong>Ready to create an app?</strong>\r\n    <p>Start with Ionic <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://ionicframework.com/docs/components\">UI Components</a></p>\r\n  </div>\r\n</ion-content>\r\n", styles: ["#container {\r\n  text-align: center;\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n#container strong {\r\n  font-size: 20px;\r\n  line-height: 26px;\r\n}\r\n\r\n#container p {\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n\r\n  color: #8c8c8c;\r\n\r\n  margin: 0;\r\n}\r\n\r\n#container a {\r\n  text-decoration: none;\r\n}"] }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HomePage, { className: "HomePage", filePath: "src\\app\\home\\home.page.ts", lineNumber: 8 }); })();
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+export class HomePage {
+    constructor() { }
+    static { this.ɵfac = function HomePage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HomePage)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomePage, selectors: [["app-home"]], decls: 16, vars: 2, consts: [[3, "translucent"], [3, "fullscreen"], ["collapse", "condense"], ["size", "large"], ["id", "container"], ["target", "_blank", "rel", "noopener noreferrer", "href", "https://ionicframework.com/docs/components"]], template: function HomePage_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "ion-header", 0)(1, "ion-toolbar")(2, "ion-title");
+            i0.ɵɵtext(3, " Blank ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(4, "ion-content", 1)(5, "ion-header", 2)(6, "ion-toolbar")(7, "ion-title", 3);
+            i0.ɵɵtext(8, "Blank");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(9, "div", 4)(10, "strong");
+            i0.ɵɵtext(11, "Ready to create an app?");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "p");
+            i0.ɵɵtext(13, "Start with Ionic ");
+            i0.ɵɵelementStart(14, "a", 5);
+            i0.ɵɵtext(15, "UI Components");
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("translucent", true);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("fullscreen", true);
+        } }, dependencies: [i1.IonContent, i1.IonHeader, i1.IonTitle, i1.IonToolbar], styles: ["#container[_ngcontent-%COMP%] {\n  text-align: center;\n\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n#container[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 26px;\n}\n\n#container[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 16px;\n  line-height: 22px;\n\n  color: #8c8c8c;\n\n  margin: 0;\n}\n\n#container[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  text-decoration: none;\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomePage, [{
+        type: Component,
+        args: [{ selector: 'app-home', template: "<ion-header [translucent]=\"true\">\n  <ion-toolbar>\n    <ion-title>\n      Blank\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content [fullscreen]=\"true\">\n  <ion-header collapse=\"condense\">\n    <ion-toolbar>\n      <ion-title size=\"large\">Blank</ion-title>\n    </ion-toolbar>\n  </ion-header>\n\n  <div id=\"container\">\n    <strong>Ready to create an app?</strong>\n    <p>Start with Ionic <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://ionicframework.com/docs/components\">UI Components</a></p>\n  </div>\n</ion-content>\n", styles: ["#container {\n  text-align: center;\n\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n#container strong {\n  font-size: 20px;\n  line-height: 26px;\n}\n\n#container p {\n  font-size: 16px;\n  line-height: 22px;\n\n  color: #8c8c8c;\n\n  margin: 0;\n}\n\n#container a {\n  text-decoration: none;\n}"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HomePage, { className: "HomePage" }); })();
 //# sourceMappingURL=home.page.js.map

package/dist/src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component.js

@@ -13,7 +13,7 @@ const _c0 = ["videoElement"];
 const _c1 = ["progressRing"];
 const _c2 = a0 => ({ "red": a0 });
 function CamaraVideoSelfieComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19)(1, "div", 20);
+    i0.ɵɵelementStart(0, "div", 16)(1, "div", 17);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -21,18 +21,18 @@ function CamaraVideoSelfieComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.countdown);
 } }
-function CamaraVideoSelfieComponent_ion_button_19_Template(rf, ctx) { if (rf & 1) {
+function CamaraVideoSelfieComponent_ion_button_13_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 21);
-    i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_ion_button_19_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.recordVideo()); });
-    i0.ɵɵtext(1, "Iniciar Grabaci\u00F3n");
+    i0.ɵɵelementStart(0, "ion-button", 18);
+    i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_ion_button_13_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.recordVideo()); });
+    i0.ɵɵtext(1, "Iniciar Grabaci\u00F3n ");
     i0.ɵɵelementEnd();
 } }
-function CamaraVideoSelfieComponent_ion_button_20_Template(rf, ctx) { if (rf & 1) {
+function CamaraVideoSelfieComponent_ion_button_14_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 22);
-    i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_ion_button_20_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stopRecording()); });
-    i0.ɵɵtext(1, "Detener Grabaci\u00F3n");
+    i0.ɵɵelementStart(0, "ion-button", 19);
+    i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_ion_button_14_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stopRecording()); });
+    i0.ɵɵtext(1, "Detener Grabaci\u00F3n ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -345,48 +345,49 @@ export class CamaraVideoSelfieComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.videoElement = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.progressRing = _t.first);
-        } }, inputs: { text1: "text1", text2: "text2", backFunction: "backFunction" }, outputs: { closeRequested: "closeRequested" }, decls: 21, vars: 8, consts: [["videoElement", ""], ["progressRing", ""], ["color", "light", 1, "custom-content"], ["class", "countdown-overlay", 4, "ngIf"], [1, "ion-no-border"], ["color", "light"], ["slot", "end"], [3, "click", "disabled"], ["name", "close", "color", "dark"], [1, "camera-container"], [1, "video-wrapper"], ["muted", "", "autoplay", "", "playsinline", "", 2, "transform", "scaleX(-1)"], ["width", "300", "height", "300", 1, "progress-ring"], ["cx", "150", "cy", "150", "r", "150", 1, "progress-ring__circle"], [3, "ngClass"], [1, "text-center"], [1, "fixed-footer"], ["class", "button-grabar", "expand", "block", 3, "click", 4, "ngIf"], ["expand", "block", 3, "disabled", "click", 4, "ngIf"], [1, "countdown-overlay"], [1, "countdown"], ["expand", "block", 1, "button-grabar", 3, "click"], ["expand", "block", 3, "click", "disabled"]], template: function CamaraVideoSelfieComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { text1: "text1", text2: "text2", backFunction: "backFunction" }, outputs: { closeRequested: "closeRequested" }, decls: 18, vars: 8, consts: [["videoElement", ""], ["progressRing", ""], [1, "custom-content"], ["class", "countdown-overlay", 4, "ngIf"], [1, "camera-container"], [1, "video-wrapper"], ["muted", "", "autoplay", "", "playsinline", "", 2, "transform", "scaleX(-1)"], ["width", "300", "height", "300", 1, "progress-ring"], ["cx", "150", "cy", "150", "r", "150", 1, "progress-ring__circle"], [3, "ngClass"], [1, "text-center"], ["class", "action-button", "expand", "block", 3, "click", 4, "ngIf"], ["class", "action-button", "expand", "block", 3, "disabled", "click", 4, "ngIf"], ["slot", "fixed", "vertical", "top", "horizontal", "end", 2, "--background", "none", "--color", "#fff", "--box-shadow", "none", 3, "click"], [2, "--background", "none", "--color", "#fff", "--box-shadow", "none", 3, "click", "disabled"], ["name", "close-outline"], [1, "countdown-overlay"], [1, "countdown"], ["expand", "block", 1, "action-button", 3, "click"], ["expand", "block", 1, "action-button", 3, "click", "disabled"]], template: function CamaraVideoSelfieComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "ion-content", 2);
             i0.ɵɵtemplate(1, CamaraVideoSelfieComponent_div_1_Template, 3, 1, "div", 3);
-            i0.ɵɵelementStart(2, "ion-header", 4)(3, "ion-toolbar", 5)(4, "ion-buttons", 6)(5, "ion-button", 7);
-            i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_Template_ion_button_click_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlayVideo()); });
-            i0.ɵɵelement(6, "ion-icon", 8);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(7, "div", 9)(8, "div", 10);
-            i0.ɵɵelement(9, "video", 11, 0);
+            i0.ɵɵelementStart(2, "div", 4)(3, "div", 5);
+            i0.ɵɵelement(4, "video", 6, 0);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(11, "svg", 12, 1);
-            i0.ɵɵelement(13, "circle", 13);
+            i0.ɵɵelementStart(6, "svg", 7, 1);
+            i0.ɵɵelement(8, "circle", 8);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(14, "ion-label", 14);
-            i0.ɵɵtext(15);
+            i0.ɵɵelementStart(9, "ion-label", 9);
+            i0.ɵɵtext(10);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "p", 15);
-            i0.ɵɵtext(17, "Permanece quieto, con tu rostro en el centro del c\u00EDrculo.");
+            i0.ɵɵelementStart(11, "p", 10);
+            i0.ɵɵtext(12, "Permanece quieto, con tu rostro en el centro del c\u00EDrculo.");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "div", 16);
-            i0.ɵɵtemplate(19, CamaraVideoSelfieComponent_ion_button_19_Template, 2, 0, "ion-button", 17)(20, CamaraVideoSelfieComponent_ion_button_20_Template, 2, 1, "ion-button", 18);
+            i0.ɵɵtemplate(13, CamaraVideoSelfieComponent_ion_button_13_Template, 2, 0, "ion-button", 11)(14, CamaraVideoSelfieComponent_ion_button_14_Template, 2, 1, "ion-button", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "ion-fab", 13);
+            i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_Template_ion_fab_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlayVideo()); });
+            i0.ɵɵelementStart(16, "ion-fab-button", 14);
+            i0.ɵɵlistener("click", function CamaraVideoSelfieComponent_Template_ion_fab_button_click_16_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlayVideo()); });
+            i0.ɵɵelement(17, "ion-icon", 15);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.countdown > 0);
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("disabled", !ctx.canStopRecording);
-            i0.ɵɵadvance(9);
+            i0.ɵɵadvance(8);
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2, ctx.isRecording));
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1("00:", ctx.timeRemaining < 10 ? "0" + ctx.timeRemaining : ctx.timeRemaining, "");
-            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate1("00:", ctx.timeRemaining < 10 ? "0" + ctx.timeRemaining : ctx.timeRemaining, " ");
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", !ctx.isRecording);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isRecording);
-        } }, dependencies: [i5.NgClass, i5.NgIf, i1.IonButton, i1.IonButtons, i1.IonContent, i1.IonHeader, i1.IonIcon, i1.IonLabel, i1.IonToolbar], styles: [".camera-container[_ngcontent-%COMP%] {\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70%;\r\n  background-color: #fff;\r\n}\r\n\r\n.video-wrapper[_ngcontent-%COMP%] {\r\n  position: relative;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n}\r\n\r\nvideo[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n.progress-ring[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transform: rotate(-90deg);\r\n  \n\r\n}\r\n\r\n.progress-ring__circle[_ngcontent-%COMP%] {\r\n  fill: transparent;\r\n  stroke: purple;\r\n  stroke-width: 12;\r\n  stroke-dasharray: 945;\r\n  \n\r\n  stroke-dashoffset: 880;\r\n  \n\r\n  transition: stroke-dashoffset 12s linear;\r\n  \n\r\n}\r\n\r\n.progress-active[_ngcontent-%COMP%]   .progress-ring__circle[_ngcontent-%COMP%] {\r\n  animation: _ngcontent-%COMP%_progress-animation 5s linear forwards;\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_progress-animation {\r\n  from {\r\n    stroke-dashoffset: 880;\r\n  }\r\n\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n.text-container[_ngcontent-%COMP%] {\r\n  height: 40px;\r\n  color: black;\r\n}\r\n\r\nion-header[_ngcontent-%COMP%] {\r\n  --background: #fff;\r\n  \n\r\n}\r\n\r\n.centered-title[_ngcontent-%COMP%] {\r\n  text-align: center;\r\n  width: 100%;\r\n  \n\r\n  font-weight: bold;\r\n}\r\n\r\n.fixed-footer[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  bottom: 40px;\r\n  left: 0;\r\n  width: 100%;\r\n  padding: 10px;\r\n  background-color: #fff; // Color de fondo, opcional\r\n  // box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\r\n\r\n\r\n  ion-button {\r\n    width: 90%;\r\n    max-width: 300px;\r\n    margin: 0 auto;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    border-radius: 20px;\r\n\r\n    --background: #82298F;\r\n    --background-hover: #82298F;\r\n    --background-activated: #82298F;\r\n    --background-focused: #82298F;\r\n\r\n    --color: #fff;\r\n\r\n    --border-radius: 20px;\r\n    --border-color: #82298F;\r\n    ;\r\n    --border-style: solid;\r\n    --border-width: 1px;\r\n\r\n    --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n\r\n    --ripple-color: #82298F;\r\n\r\n\r\n    &:hover {\r\n      background-color: #82298F;\r\n    }\r\n\r\n    &:active {\r\n      background-color: #82298F;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\nion-header[_ngcontent-%COMP%] {\r\n  --background: #fff;\r\n  \n\r\n  color: #000000;\r\n  \n\r\n}\r\n\r\nion-toolbar[_ngcontent-%COMP%] {\r\n  --ion-background-color: #fff !important;\r\n  --background: #ffffff !important;\r\n  --color: #000000 !important;\r\n}\r\n\r\n.centered-title[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  text-align: center;\r\n  \n\r\n  font-weight: bold;\r\n  color: #000000;\r\n  margin: 0;\r\n  \n\r\n}\r\n\r\nion-buttons[_ngcontent-%COMP%] {\r\n  justify-content: flex-end;\r\n  \n\r\n}\r\n\r\n.countdown-overlay[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  \n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  z-index: 1000;\r\n  \n\r\n  animation: _ngcontent-%COMP%_fadeIn 0.5s ease-out, _ngcontent-%COMP%_fadeOut 0.5s ease-out 2.5s;\r\n  \n\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n\r\n}\r\n\r\nion-content.custom-content[_ngcontent-%COMP%] {\r\n  --padding-top: 0;\r\n  --padding-bottom: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\r\n  height: 90vh; // Ajusta la altura para que junto con el margin sea 100%\r\n}\r\n\r\n.countdown[_ngcontent-%COMP%] {\r\n  font-size: 100px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  animation: _ngcontent-%COMP%_scaleUp 0.5s ease-out, _ngcontent-%COMP%_scaleDown 0.5s ease-out 2.5s;\r\n  \n\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_scaleUp {\r\n  from {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_scaleDown {\r\n  from {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.red[_ngcontent-%COMP%] {\r\n  padding: 10px;\r\n  color: red;\r\n}\r\n\r\n.text-center[_ngcontent-%COMP%] {\r\n  text-align: center;\r\n  padding-left: 20%;\r\n  padding-right: 20%;\r\n  color: #333;\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  \n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  \n\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n}\r\n\r\nion-spinner[_ngcontent-%COMP%] {\r\n  color: #fff;\r\n  width: 50px;\r\n  height: 50px;\r\n}"] }); }
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", !ctx.canStopRecording);
+        } }, dependencies: [i5.NgClass, i5.NgIf, i1.IonButton, i1.IonContent, i1.IonFab, i1.IonFabButton, i1.IonIcon, i1.IonLabel], styles: [".camera-container[_ngcontent-%COMP%] {\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n  background-color: #fff;\r\n}\r\n\r\n.video-wrapper[_ngcontent-%COMP%] {\r\n  position: relative;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n}\r\n\r\nvideo[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n.progress-ring[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transform: rotate(-90deg);\r\n  \n\r\n}\r\n\r\n.progress-ring__circle[_ngcontent-%COMP%] {\r\n  fill: transparent;\r\n  stroke: purple;\r\n  stroke-width: 12;\r\n  stroke-dasharray: 945;\r\n  \n\r\n  stroke-dashoffset: 880;\r\n  \n\r\n  transition: stroke-dashoffset 12s linear;\r\n  \n\r\n}\r\n\r\n.progress-active[_ngcontent-%COMP%]   .progress-ring__circle[_ngcontent-%COMP%] {\r\n  animation: _ngcontent-%COMP%_progress-animation 5s linear forwards;\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_progress-animation {\r\n  from {\r\n    stroke-dashoffset: 880;\r\n  }\r\n\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n.text-container[_ngcontent-%COMP%] {\r\n  height: 40px;\r\n  color: black;\r\n}\r\n\r\nion-header[_ngcontent-%COMP%] {\r\n  --background: #fff;\r\n  \n\r\n}\r\n\r\n.centered-title[_ngcontent-%COMP%] {\r\n  text-align: center;\r\n  width: 100%;\r\n  \n\r\n  font-weight: bold;\r\n}\r\n\r\n.fixed-footer[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  bottom: 40px;\r\n  left: 0;\r\n  width: 100%;\r\n  padding: 10px;\r\n  background-color: #fff; // Color de fondo, opcional\r\n  // box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\r\n\r\n\r\n  ion-button {\r\n    width: 90%;\r\n    max-width: 300px;\r\n    margin: 0 auto;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    border-radius: 20px;\r\n\r\n    --background: #82298F;\r\n    --background-hover: #82298F;\r\n    --background-activated: #82298F;\r\n    --background-focused: #82298F;\r\n\r\n    --color: #fff;\r\n\r\n    --border-radius: 20px;\r\n    --border-color: #82298F;\r\n    ;\r\n    --border-style: solid;\r\n    --border-width: 1px;\r\n\r\n    --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n\r\n    --ripple-color: #82298F;\r\n\r\n\r\n    &:hover {\r\n      background-color: #82298F;\r\n    }\r\n\r\n    &:active {\r\n      background-color: #82298F;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\nion-header[_ngcontent-%COMP%] {\r\n  --background: #fff;\r\n  \n\r\n  color: #000000;\r\n  \n\r\n}\r\n\r\nion-toolbar[_ngcontent-%COMP%] {\r\n  --ion-background-color: #fff !important;\r\n  --background: #ffffff !important;\r\n  --color: #000000 !important;\r\n}\r\n\r\n.centered-title[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  text-align: center;\r\n  \n\r\n  font-weight: bold;\r\n  color: #000000;\r\n  margin: 0;\r\n  \n\r\n}\r\n\r\nion-buttons[_ngcontent-%COMP%] {\r\n  justify-content: flex-end;\r\n  \n\r\n}\r\n\r\n.countdown-overlay[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  \n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  z-index: 1000;\r\n  \n\r\n  animation: _ngcontent-%COMP%_fadeIn 0.5s ease-out, _ngcontent-%COMP%_fadeOut 0.5s ease-out 2.5s;\r\n  \n\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n\r\n}\r\n\r\nion-content.custom-content[_ngcontent-%COMP%] {\r\n  --padding-top: 0;\r\n  --padding-bottom: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\r\n  height: 90vh; // Ajusta la altura para que junto con el margin sea 100%\r\n  --background: #ffffff;\r\n  background: #ffffff;\r\n}\r\n\r\n.countdown[_ngcontent-%COMP%] {\r\n  font-size: 100px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  animation: _ngcontent-%COMP%_scaleUp 0.5s ease-out, _ngcontent-%COMP%_scaleDown 0.5s ease-out 2.5s;\r\n  \n\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_scaleUp {\r\n  from {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_scaleDown {\r\n  from {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.red[_ngcontent-%COMP%] {\r\n  padding: 10px;\r\n  color: red;\r\n}\r\n\r\n.text-center[_ngcontent-%COMP%] {\r\n  text-align: center;\r\n  padding-left: 20%;\r\n  padding-right: 20%;\r\n  color: #333;\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  \n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  \n\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n}\r\n\r\nion-spinner[_ngcontent-%COMP%] {\r\n  color: #fff;\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n.action-button[_ngcontent-%COMP%] {\r\n  width: 300px;\r\n  max-width: 300px;\r\n  margin: 25px auto;\r\n  --background: #82298F;\r\n  --color: #ffffff;\r\n  font-weight: bold;\r\n  --border-radius: 20px;\r\n  --box-shadow: none;\r\n}\r\n\r\n.action-button[_ngcontent-%COMP%]:hover {\r\n  --background: #82298F;\r\n}\r\n\r\n.action-button[_ngcontent-%COMP%]:active {\r\n  --background: #82298F;\r\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CamaraVideoSelfieComponent, [{
         type: Component,
-        args: [{ selector: 'app-camara-video-selfie', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"light\" class=\"custom-content\">\r\n  <!-- Loading deshabilitado para evitar conflictos con loading principal -->\r\n  <!-- <div *ngIf=\"isLoading\" class=\"loading-overlay\">\r\n    <ion-spinner name=\"crescent\"></ion-spinner>\r\n  </div> --> \r\n  <div *ngIf=\"countdown > 0\" class=\"countdown-overlay\">\r\n    <div class=\"countdown\">{{ countdown }}</div>\r\n  </div>\r\n  <ion-header class=\"ion-no-border\">\r\n    <ion-toolbar color=\"light\">\r\n      <!-- <ion-title class=\"centered-title\">Video Selfie</ion-title> -->\r\n      <ion-buttons slot=\"end\">\r\n        <ion-button (click)=\"closeOverlayVideo()\" [disabled]=\"!canStopRecording\">\r\n          <ion-icon name=\"close\" color=\"dark\"></ion-icon>\r\n        </ion-button>\r\n      </ion-buttons>\r\n    </ion-toolbar>\r\n  </ion-header>\r\n  <!-- Contenedor de la c\u00E1mara y progresi\u00F3n -->\r\n  <div class=\"camera-container\">\r\n    <div class=\"video-wrapper\">\r\n      <video #videoElement muted autoplay playsinline style=\"transform: scaleX(-1)\"></video>\r\n      <svg class=\"progress-ring\" #progressRing width=\"300\" height=\"300\">\r\n        <circle class=\"progress-ring__circle\" cx=\"150\" cy=\"150\" r=\"150\" />\r\n      </svg>\r\n    </div>\r\n    <ion-label [ngClass]=\"{'red': isRecording}\">00:{{ timeRemaining < 10 ? '0' + timeRemaining : timeRemaining\r\n        }}</ion-label>\r\n        <p class=\"text-center\">Permanece quieto, con tu rostro en el centro del c\u00EDrculo.</p>\r\n        <!-- Botones de grabaci\u00F3n -->\r\n        <div class=\"fixed-footer\">\r\n          <ion-button class=\"button-grabar\" *ngIf=\"!isRecording\" expand=\"block\" (click)=\"recordVideo()\">Iniciar Grabaci\u00F3n</ion-button>\r\n          <ion-button *ngIf=\"isRecording\" expand=\"block\" (click)=\"stopRecording()\" [disabled]=\"!canStopRecording\">Detener\r\n            Grabaci\u00F3n</ion-button>\r\n        </div>\r\n  </div>\r\n</ion-content>", styles: [".camera-container {\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70%;\r\n  background-color: #fff;\r\n}\r\n\r\n.video-wrapper {\r\n  position: relative;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n}\r\n\r\nvideo {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n.progress-ring {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transform: rotate(-90deg);\r\n  /* Rotamos el c\u00EDrculo para que la animaci\u00F3n inicie desde arriba */\r\n}\r\n\r\n.progress-ring__circle {\r\n  fill: transparent;\r\n  stroke: purple;\r\n  stroke-width: 12;\r\n  stroke-dasharray: 945;\r\n  /* La circunferencia del c\u00EDrculo  880*/\r\n  stroke-dashoffset: 880;\r\n  /* Oculto por completo al inicio */\r\n  transition: stroke-dashoffset 12s linear;\r\n  /* Esto controlar\u00E1 el llenado progresivo */\r\n}\r\n\r\n.progress-active .progress-ring__circle {\r\n  animation: progress-animation 5s linear forwards;\r\n}\r\n\r\n@keyframes progress-animation {\r\n  from {\r\n    stroke-dashoffset: 880;\r\n  }\r\n\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n.text-container {\r\n  height: 40px;\r\n  color: black;\r\n}\r\n\r\nion-header {\r\n  --background: #fff;\r\n  /* Fondo blanco para el header */\r\n}\r\n\r\n.centered-title {\r\n  text-align: center;\r\n  width: 100%;\r\n  /* Asegura que el t\u00EDtulo est\u00E9 centrado */\r\n  font-weight: bold;\r\n}\r\n\r\n.fixed-footer {\r\n  position: fixed;\r\n  bottom: 40px;\r\n  left: 0;\r\n  width: 100%;\r\n  padding: 10px;\r\n  background-color: #fff; // Color de fondo, opcional\r\n  // box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\r\n\r\n\r\n  ion-button {\r\n    width: 90%;\r\n    max-width: 300px;\r\n    margin: 0 auto;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    border-radius: 20px;\r\n\r\n    --background: #82298F;\r\n    --background-hover: #82298F;\r\n    --background-activated: #82298F;\r\n    --background-focused: #82298F;\r\n\r\n    --color: #fff;\r\n\r\n    --border-radius: 20px;\r\n    --border-color: #82298F;\r\n    ;\r\n    --border-style: solid;\r\n    --border-width: 1px;\r\n\r\n    --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n\r\n    --ripple-color: #82298F;\r\n\r\n\r\n    &:hover {\r\n      background-color: #82298F;\r\n    }\r\n\r\n    &:active {\r\n      background-color: #82298F;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\nion-header {\r\n  --background: #fff;\r\n  /* Fondo blanco */\r\n  color: #000000;\r\n  /* Texto negro */\r\n}\r\n\r\nion-toolbar {\r\n  --ion-background-color: #fff !important;\r\n  --background: #ffffff !important;\r\n  --color: #000000 !important;\r\n}\r\n\r\n.centered-title {\r\n  flex: 1;\r\n  text-align: center;\r\n  /* Centrar el t\u00EDtulo */\r\n  font-weight: bold;\r\n  color: #000000;\r\n  margin: 0;\r\n  /* Quita cualquier margen del t\u00EDtulo */\r\n}\r\n\r\nion-buttons {\r\n  justify-content: flex-end;\r\n  /* Alinea el bot\u00F3n a la derecha */\r\n}\r\n\r\n.countdown-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  /* Fondo semi-transparente */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  z-index: 1000;\r\n  /* Asegurarse de que est\u00E9 encima de otros elementos */\r\n  animation: fadeIn 0.5s ease-out, fadeOut 0.5s ease-out 2.5s;\r\n  /* Animaciones de entrada y salida */\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n\r\n}\r\n\r\nion-content.custom-content {\r\n  --padding-top: 0;\r\n  --padding-bottom: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\r\n  height: 90vh; // Ajusta la altura para que junto con el margin sea 100%\r\n}\r\n\r\n.countdown {\r\n  font-size: 100px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  animation: scaleUp 0.5s ease-out, scaleDown 0.5s ease-out 2.5s;\r\n  /* Escalar en entrada y salida */\r\n}\r\n\r\n/* Animaci\u00F3n para desvanecer la superposici\u00F3n */\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* Animaci\u00F3n para escalar el n\u00FAmero */\r\n@keyframes scaleUp {\r\n  from {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes scaleDown {\r\n  from {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.red {\r\n  padding: 10px;\r\n  color: red;\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n  padding-left: 20%;\r\n  padding-right: 20%;\r\n  color: #333;\r\n}\r\n\r\n.loading-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  /* Fondo oscuro semi-transparente */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n}\r\n\r\nion-spinner {\r\n  color: #fff;\r\n  width: 50px;\r\n  height: 50px;\r\n}"] }]
+        args: [{ selector: 'app-camara-video-selfie', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content class=\"custom-content\">\r\n  <!-- Loading deshabilitado para evitar conflictos con loading principal -->\r\n  <!-- <div *ngIf=\"isLoading\" class=\"loading-overlay\">\r\n    <ion-spinner name=\"crescent\"></ion-spinner>\r\n  </div> -->\r\n  <div *ngIf=\"countdown > 0\" class=\"countdown-overlay\">\r\n    <div class=\"countdown\">{{ countdown }}</div>\r\n  </div>\r\n  <!--<ion-header class=\"ion-no-border\">\r\n    <ion-toolbar>-->\r\n      <!-- <ion-title class=\"centered-title\">Video Selfie</ion-title> -->\r\n      <!--<ion-buttons slot=\"end\">\r\n        <ion-button (click)=\"closeOverlayVideo()\" [disabled]=\"!canStopRecording\">\r\n          <ion-icon name=\"close\" color=\"dark\"></ion-icon>\r\n        </ion-button>\r\n      </ion-buttons>\r\n    </ion-toolbar>\r\n  </ion-header>-->\r\n  <!-- Contenedor de la c\u00E1mara y progresi\u00F3n -->\r\n  <div class=\"camera-container\">\r\n    <div class=\"video-wrapper\">\r\n      <video #videoElement muted autoplay playsinline style=\"transform: scaleX(-1)\"></video>\r\n      <svg class=\"progress-ring\" #progressRing width=\"300\" height=\"300\">\r\n        <circle class=\"progress-ring__circle\" cx=\"150\" cy=\"150\" r=\"150\"/>\r\n      </svg>\r\n    </div>\r\n    <ion-label [ngClass]=\"{'red': isRecording}\">00:{{ timeRemaining < 10 ? '0' + timeRemaining : timeRemaining }}\r\n    </ion-label>\r\n    <p class=\"text-center\">Permanece quieto, con tu rostro en el centro del c\u00EDrculo.</p>\r\n    <!-- Botones de grabaci\u00F3n -->\r\n\r\n    <ion-button class=\"action-button\" *ngIf=\"!isRecording\" expand=\"block\" (click)=\"recordVideo()\">Iniciar Grabaci\u00F3n\r\n    </ion-button>\r\n    <ion-button class=\"action-button\" *ngIf=\"isRecording\" expand=\"block\" (click)=\"stopRecording()\" [disabled]=\"!canStopRecording\">Detener\r\n      Grabaci\u00F3n\r\n    </ion-button>\r\n  </div>\r\n  <ion-fab style=\"--background: none; --color: #fff; --box-shadow: none\" slot=\"fixed\" vertical=\"top\" horizontal=\"end\" (click)=\"closeOverlayVideo()\">\r\n    <ion-fab-button (click)=\"closeOverlayVideo()\" [disabled]=\"!canStopRecording\" style=\"--background: none; --color: #fff; --box-shadow: none\">\r\n      <ion-icon name=\"close-outline\"></ion-icon>\r\n    </ion-fab-button>\r\n  </ion-fab>\r\n</ion-content>\r\n", styles: [".camera-container {\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n  background-color: #fff;\r\n}\r\n\r\n.video-wrapper {\r\n  position: relative;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n}\r\n\r\nvideo {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n.progress-ring {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transform: rotate(-90deg);\r\n  /* Rotamos el c\u00EDrculo para que la animaci\u00F3n inicie desde arriba */\r\n}\r\n\r\n.progress-ring__circle {\r\n  fill: transparent;\r\n  stroke: purple;\r\n  stroke-width: 12;\r\n  stroke-dasharray: 945;\r\n  /* La circunferencia del c\u00EDrculo  880*/\r\n  stroke-dashoffset: 880;\r\n  /* Oculto por completo al inicio */\r\n  transition: stroke-dashoffset 12s linear;\r\n  /* Esto controlar\u00E1 el llenado progresivo */\r\n}\r\n\r\n.progress-active .progress-ring__circle {\r\n  animation: progress-animation 5s linear forwards;\r\n}\r\n\r\n@keyframes progress-animation {\r\n  from {\r\n    stroke-dashoffset: 880;\r\n  }\r\n\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n.text-container {\r\n  height: 40px;\r\n  color: black;\r\n}\r\n\r\nion-header {\r\n  --background: #fff;\r\n  /* Fondo blanco para el header */\r\n}\r\n\r\n.centered-title {\r\n  text-align: center;\r\n  width: 100%;\r\n  /* Asegura que el t\u00EDtulo est\u00E9 centrado */\r\n  font-weight: bold;\r\n}\r\n\r\n.fixed-footer {\r\n  position: fixed;\r\n  bottom: 40px;\r\n  left: 0;\r\n  width: 100%;\r\n  padding: 10px;\r\n  background-color: #fff; // Color de fondo, opcional\r\n  // box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\r\n\r\n\r\n  ion-button {\r\n    width: 90%;\r\n    max-width: 300px;\r\n    margin: 0 auto;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    border-radius: 20px;\r\n\r\n    --background: #82298F;\r\n    --background-hover: #82298F;\r\n    --background-activated: #82298F;\r\n    --background-focused: #82298F;\r\n\r\n    --color: #fff;\r\n\r\n    --border-radius: 20px;\r\n    --border-color: #82298F;\r\n    ;\r\n    --border-style: solid;\r\n    --border-width: 1px;\r\n\r\n    --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n\r\n    --ripple-color: #82298F;\r\n\r\n\r\n    &:hover {\r\n      background-color: #82298F;\r\n    }\r\n\r\n    &:active {\r\n      background-color: #82298F;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\nion-header {\r\n  --background: #fff;\r\n  /* Fondo blanco */\r\n  color: #000000;\r\n  /* Texto negro */\r\n}\r\n\r\nion-toolbar {\r\n  --ion-background-color: #fff !important;\r\n  --background: #ffffff !important;\r\n  --color: #000000 !important;\r\n}\r\n\r\n.centered-title {\r\n  flex: 1;\r\n  text-align: center;\r\n  /* Centrar el t\u00EDtulo */\r\n  font-weight: bold;\r\n  color: #000000;\r\n  margin: 0;\r\n  /* Quita cualquier margen del t\u00EDtulo */\r\n}\r\n\r\nion-buttons {\r\n  justify-content: flex-end;\r\n  /* Alinea el bot\u00F3n a la derecha */\r\n}\r\n\r\n.countdown-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  /* Fondo semi-transparente */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  z-index: 1000;\r\n  /* Asegurarse de que est\u00E9 encima de otros elementos */\r\n  animation: fadeIn 0.5s ease-out, fadeOut 0.5s ease-out 2.5s;\r\n  /* Animaciones de entrada y salida */\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n\r\n}\r\n\r\nion-content.custom-content {\r\n  --padding-top: 0;\r\n  --padding-bottom: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\r\n  height: 90vh; // Ajusta la altura para que junto con el margin sea 100%\r\n  --background: #ffffff;\r\n  background: #ffffff;\r\n}\r\n\r\n.countdown {\r\n  font-size: 100px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  animation: scaleUp 0.5s ease-out, scaleDown 0.5s ease-out 2.5s;\r\n  /* Escalar en entrada y salida */\r\n}\r\n\r\n/* Animaci\u00F3n para desvanecer la superposici\u00F3n */\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* Animaci\u00F3n para escalar el n\u00FAmero */\r\n@keyframes scaleUp {\r\n  from {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes scaleDown {\r\n  from {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  to {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.red {\r\n  padding: 10px;\r\n  color: red;\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n  padding-left: 20%;\r\n  padding-right: 20%;\r\n  color: #333;\r\n}\r\n\r\n.loading-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  /* Fondo oscuro semi-transparente */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  border-radius: 0px;\r\n}\r\n\r\nion-spinner {\r\n  color: #fff;\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n.action-button {\r\n  width: 300px;\r\n  max-width: 300px;\r\n  margin: 25px auto;\r\n  --background: #82298F;\r\n  --color: #ffffff;\r\n  font-weight: bold;\r\n  --border-radius: 20px;\r\n  --box-shadow: none;\r\n}\r\n\r\n.action-button:hover {\r\n  --background: #82298F;\r\n}\r\n\r\n.action-button:active {\r\n  --background: #82298F;\r\n}\r\n"] }]
     }], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.DomSanitizer }, { type: i0.Renderer2 }, { type: i1.AlertController }, { type: i0.ChangeDetectorRef }, { type: i3.ModalVideoSelfieServices }, { type: i4.ModalDpiServices }], { videoElement: [{
             type: ViewChild,
             args: ['videoElement']

package/dist/src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"camara-video-selfie.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component.ts","../../../../../../../src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"camara-video-selfie.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component.ts","../../../../../../../src/app/pages/id-vision/components/camara-video-selfie/camara-video-selfie.component.html"],"names":[],"mappings":"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"}

package/dist/src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component.js

@@ -31,6 +31,7 @@ export class CameraWithOverlayComponent {
         this.isLoading = false;
         this.modaldpiServices.closeOverlay$.subscribe(() => this.closeOverlay());
         this.modaldpiServices.resumeCameraSubject$.subscribe(() => this.resumeCamera());
+        this.toggleRearCam();
     }
     ngOnDestroy() {
         this.stopCamera();
@@ -184,7 +185,7 @@ export class CameraWithOverlayComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.videoElement = _t.first);
-        } }, inputs: { text1: "text1", text2: "text2", overlaySrc: "overlaySrc", onTakePicture: "onTakePicture" }, outputs: { closeRequested: "closeRequested" }, decls: 27, vars: 4, consts: [["videoElement", ""], ["color", "dark"], [1, "sdk-metag-camera-overlay"], [1, "sdk-metag-header-text"], [1, "sdk-metag-text-help"], [1, "sdk-metag-country"], [1, "sdk-metag-visible-window"], [1, "sdk-metag-camera-container"], ["autoplay", "", "muted", "", "playsinline", ""], ["alt", "Overlay", 1, "sdk-metag-overlay-frame", "sdk-metag-blink-image", 3, "src"], [1, "sdk-metag-controls-container", 2, "position", "absolute", "bottom", "40px", "left", "0", "right", "0", "width", "100%", "display", "flex", "flex-direction", "row", "justify-content", "space-around", "align-items", "flex-end", "padding", "0 40px", "z-index", "20"], [1, "sdk-metag-control-left", 2, "display", "flex", "flex-direction", "column", "align-items", "center", "width", "70px"], ["fill", "clear", 1, "sdk-metag-control-button", 3, "click", "disabled"], ["name", "camera-reverse-outline"], [1, "sdk-metag-control-label", 2, "color", "white", "font-size", "12px", "margin", "0"], [1, "sdk-metag-control-center", 2, "display", "flex", "flex-direction", "column", "align-items", "center", "width", "90px"], ["shape", "round", 1, "sdk-metag-capture-button", 3, "click"], ["name", "camera-outline", 1, "sdk-metag-camera-icon"], [1, "sdk-metag-control-right", 2, "display", "flex", "flex-direction", "column", "align-items", "center", "width", "70px"], ["fill", "clear", 1, "sdk-metag-control-button", 3, "click"], ["name", "close-outline"]], template: function CameraWithOverlayComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { text1: "text1", text2: "text2", overlaySrc: "overlaySrc", onTakePicture: "onTakePicture" }, outputs: { closeRequested: "closeRequested" }, decls: 18, vars: 3, consts: [["videoElement", ""], ["color", "dark"], [1, "sdk-metag-camera-overlay"], [1, "sdk-metag-header-text"], [1, "sdk-metag-text-help"], [1, "sdk-metag-country"], [1, "sdk-metag-camera-container", 3, "tap"], ["autoplay", "", "muted", "", "playsinline", ""], ["alt", "Overlay", 1, "sdk-metag-overlay-frame", "sdk-metag-blink-image", 3, "src"], ["slot", "fixed", "vertical", "bottom", "horizontal", "center", 2, "--background", "#82298F", "--color", "#fff", "--box-shadow", "none", 3, "click"], [2, "--background", "#82298F", "--color", "#fff", "--box-shadow", "none"], ["name", "camera-outline"], ["slot", "fixed", "vertical", "top", "horizontal", "end", 2, "--background", "none", "--color", "#fff", "--box-shadow", "none", 3, "click"], [2, "--background", "none", "--color", "#fff", "--box-shadow", "none"], ["name", "close-outline"]], template: function CameraWithOverlayComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "ion-content", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "p");
             i0.ɵɵtext(5);
@@ -192,42 +193,32 @@ export class CameraWithOverlayComponent {
             i0.ɵɵelementStart(6, "p", 5);
             i0.ɵɵtext(7);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelement(8, "div", 6);
-            i0.ɵɵelementStart(9, "div", 7);
-            i0.ɵɵelement(10, "video", 8, 0)(12, "img", 9);
+            i0.ɵɵelementStart(8, "div", 6);
+            i0.ɵɵlistener("tap", function CameraWithOverlayComponent_Template_div_tap_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleRearCam()); });
+            i0.ɵɵelement(9, "video", 7, 0)(11, "img", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 10)(14, "div", 11)(15, "ion-button", 12);
-            i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleRearCam()); });
-            i0.ɵɵelement(16, "ion-icon", 13);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "p", 14);
-            i0.ɵɵtext(18, "Enfoque");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(19, "div", 15)(20, "ion-button", 16);
-            i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_20_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.capturePhoto()); });
-            i0.ɵɵelement(21, "ion-icon", 17);
+            i0.ɵɵelementStart(12, "ion-fab", 9);
+            i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_fab_click_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.capturePhoto()); });
+            i0.ɵɵelementStart(13, "ion-fab-button", 10);
+            i0.ɵɵelement(14, "ion-icon", 11);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(22, "div", 18)(23, "ion-button", 19);
-            i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_23_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
-            i0.ɵɵelement(24, "ion-icon", 20);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "p", 14);
-            i0.ɵɵtext(26, "Cerrar");
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(15, "ion-fab", 12);
+            i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_fab_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
+            i0.ɵɵelementStart(16, "ion-fab-button", 13);
+            i0.ɵɵelement(17, "ion-icon", 14);
+            i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(ctx.text1);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx.text2);
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("src", ctx.overlaySrc, i0.ɵɵsanitizeUrl);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("disabled", ctx.rearCams.length <= 1);
-        } }, dependencies: [i1.IonButton, i1.IonContent, i1.IonIcon], styles: ["ion-content[_ngcontent-%COMP%] {\r\n  --background: black;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.sdk-metag-camera-overlay[_ngcontent-%COMP%] {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: black;\r\n  overflow: hidden;\r\n}\r\n\r\n.sdk-metag-camera-container[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n\r\n  video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n.sdk-metag-overlay-frame[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: auto;\r\n  height: 58%;\r\n  max-width: 85%;\r\n  z-index: 9;\r\n  pointer-events: none;\r\n}\r\n\r\n.sdk-metag-blink-image[_ngcontent-%COMP%] {\r\n  animation: _ngcontent-%COMP%_blink 3s infinite;\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_blink {\r\n  0%   { opacity: 1; }\r\n  50%  { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n.sdk-metag-visible-window[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 82%;\r\n  max-width: 280px;\r\n  height: 58%;\r\n  max-height: 439px;\r\n  background: transparent;\r\n  border: 2px solid white;\r\n  border-radius: 10px;\r\n  z-index: 10;\r\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\r\n  pointer-events: none;\r\n}\r\n\r\n.sdk-metag-header-text[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 2%;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  text-align: center;\r\n  color: white;\r\n  z-index: 15;\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .sdk-metag-country {\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.sdk-metag-text-help[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n  display: inline-block;\r\n  background-color: white;\r\n  padding: 15px;\r\n  border-radius: 5px;\r\n  color: black;\r\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n  animation: _ngcontent-%COMP%_popIn 1s ease-in-out;\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n}\r\n\r\n//[_ngcontent-%COMP%]   ========================================\r\n//[_ngcontent-%COMP%]   CONTROLES[_ngcontent-%COMP%]   EN[_ngcontent-%COMP%]   LA[_ngcontent-%COMP%]   PARTE[_ngcontent-%COMP%]   INFERIOR\r\n//[_ngcontent-%COMP%]   ========================================\r\n.sdk-metag-controls-container[_ngcontent-%COMP%] {\r\n  position: absolute !important;\r\n  bottom: 40px !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  justify-content: space-around !important;\r\n  align-items: flex-end !important;\r\n  padding: 0 40px !important;\r\n  z-index: 20 !important;\r\n  box-sizing: border-box !important;\r\n  gap: 0 !important;\r\n}\r\n\r\n.sdk-metag-control-left[_ngcontent-%COMP%], \r\n.sdk-metag-control-right[_ngcontent-%COMP%] {\r\n  flex: 0 0 auto !important;\r\n  width: 80px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  justify-content: flex-end !important;\r\n}\r\n\r\n.sdk-metag-control-center[_ngcontent-%COMP%] {\r\n  flex: 0 0 auto !important;\r\n  width: 100px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  justify-content: flex-end !important;\r\n}\r\n\r\n.sdk-metag-control-button[_ngcontent-%COMP%] {\r\n  --color: white !important;\r\n  --padding-start: 0 !important;\r\n  --padding-end: 0 !important;\r\n  margin: 0 0 5px 0 !important;\r\n  width: 60px !important;\r\n  height: 60px !important;\r\n  \r\n  ion-icon {\r\n    font-size: 36px !important;\r\n  }\r\n  \r\n  &:disabled,\r\n  &[disabled] {\r\n    --color: rgba(255, 255, 255, 0.3) !important;\r\n    opacity: 0.4 !important;\r\n    pointer-events: none !important;\r\n  }\r\n}\r\n\r\n.sdk-metag-control-label[_ngcontent-%COMP%] {\r\n  color: white !important;\r\n  font-size: 12px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  text-align: center !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n.sdk-metag-capture-button[_ngcontent-%COMP%] {\r\n  width: 85px !important;\r\n  height: 85px !important;\r\n  border-radius: 50% !important;\r\n  margin: 0 !important;\r\n  --padding-start: 0 !important;\r\n  --padding-end: 0 !important;\r\n\r\n  --background: var(--purple-primary, #82298F) !important;\r\n  --background-hover: var(--purple-secondary, #2b0d30) !important;\r\n  --background-activated: var(--purple-secondary, #2b0d30) !important;\r\n  --color: white !important;\r\n  --border-color: white !important;\r\n  --border-style: solid !important;\r\n  --border-width: 3px !important;\r\n  --box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n.sdk-metag-camera-icon[_ngcontent-%COMP%] {\r\n  font-size: 40px !important;\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_popIn {\r\n  0% {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n  50% {\r\n    transform: scale(1.1);\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n}\r\n\r\nion-spinner[_ngcontent-%COMP%] {\r\n  color: white;\r\n  width: 50px;\r\n  height: 50px;\r\n}"] }); }
+        } }, dependencies: [i1.IonContent, i1.IonFab, i1.IonFabButton, i1.IonIcon], styles: ["ion-content[_ngcontent-%COMP%] {\r\n  --background: black;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100vh;\r\n}\r\n\r\n.sdk-metag-blink-image[_ngcontent-%COMP%] {\r\n  animation: _ngcontent-%COMP%_blink 3s infinite;\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_blink {\r\n  0%   { opacity: 1; }\r\n  50%  { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n.sdk-metag-modal-container[_ngcontent-%COMP%] {\r\n  max-width: 400px;\r\n}\r\n\r\n.sdk-metag-camera-overlay[_ngcontent-%COMP%] {\r\n  position: relative;\r\n  //width: 100vw;\r\n  width: 100%;\r\n  //height: 100vh;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.sdk-metag-camera-container[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n\r\n  video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n.sdk-metag-overlay-frame[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%) rotate(180deg);\r\n  max-width: 86%;\r\n  max-height: 90%;\r\n  z-index: 9;\r\n}\r\n\r\n.sdk-metag-header-text[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 60px;\r\n  width: 100%;\r\n  text-align: center;\r\n  color: white;\r\n  z-index: 15;\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .sdk-metag-country {\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.sdk-metag-visible-window[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 313px;\r\n  height: 500px;\r\n  max-width: 90%;\r\n  max-height: 90%;\r\n  background: transparent;\r\n  border: 2px solid white;\r\n  border-radius: 10px;\r\n  z-index: 10;\r\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.sdk-metag-text-help[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n  display: inline-block;\r\n  background-color: white;\r\n  padding: 10px;\r\n  border-radius: 5px;\r\n  color: black;\r\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n  animation: _ngcontent-%COMP%_popIn 1s ease-in-out;\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n}\r\n\r\n//[_ngcontent-%COMP%]   ========================================\r\n//[_ngcontent-%COMP%]   NUEVO[_ngcontent-%COMP%]   DISE\u00D1O[_ngcontent-%COMP%]   DE[_ngcontent-%COMP%]   CONTROLES\r\n//[_ngcontent-%COMP%]   ========================================\r\n.sdk-metag-controls-container[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  padding: 0 20px;\r\n  z-index: 15;\r\n}\r\n\r\n//[_ngcontent-%COMP%]   Bot\u00F3n[_ngcontent-%COMP%]   izquierda[_ngcontent-%COMP%]:   Cambiar[_ngcontent-%COMP%]   c\u00E1mara[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   \"Enfoque\"\r\n.sdk-metag-control-left[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.sdk-metag-control-button[_ngcontent-%COMP%] {\r\n  --color: white;\r\n  font-size: 32px;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  ion-icon {\r\n    font-size: 32px;\r\n  }\r\n}\r\n\r\n.sdk-metag-control-label[_ngcontent-%COMP%] {\r\n  color: white;\r\n  font-size: 14px;\r\n  margin-top: 5px;\r\n  margin-bottom: 0;\r\n  text-align: center;\r\n}\r\n\r\n//[_ngcontent-%COMP%]   Bot\u00F3n[_ngcontent-%COMP%]   central[_ngcontent-%COMP%]:   Capturar[_ngcontent-%COMP%]   foto[_ngcontent-%COMP%]   (m\u00E1s[_ngcontent-%COMP%]   grande)\r\n.sdk-metag-control-center[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.sdk-metag-capture-button[_ngcontent-%COMP%] {\r\n  width: 80px;\r\n  height: 80px;\r\n  border-radius: 50%;\r\n  margin: 0;\r\n\r\n  --background: var(--purple-primary, #82298F);\r\n  --background-hover: var(--purple-secondary, #2b0d30);\r\n  --background-activated: var(--purple-secondary, #2b0d30);\r\n  --background-focused: var(--purple-secondary, #2b0d30);\r\n  --color: white;\r\n  --border-color: white;\r\n  --border-style: solid;\r\n  --border-width: 3px;\r\n  --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n  --ripple-color: var(--purple-secondary, #2b0d30);\r\n}\r\n\r\n.sdk-metag-camera-icon[_ngcontent-%COMP%] {\r\n  font-size: 36px;\r\n}\r\n\r\n//[_ngcontent-%COMP%]   Bot\u00F3n[_ngcontent-%COMP%]   derecha[_ngcontent-%COMP%]:   Cerrar\r\n.sdk-metag-control-right[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_popIn {\r\n  0% {\r\n    transform: scale(0.8); \n\r\n    opacity: 0; \n\r\n  }\r\n  50% {\r\n    transform: scale(1.1); \n\r\n    opacity: 1; \n\r\n  }\r\n  100% {\r\n    transform: scale(1); \n\r\n  }\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.8); \n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000; \n\r\n}\r\n\r\nion-spinner[_ngcontent-%COMP%] {\r\n  color: white;\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n\r\n\r\n.camera-select[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 1rem;\r\n  left: 1rem;\r\n  background: rgba(0, 0, 0, 0.7);\r\n  padding: 0.5rem;\r\n  border-radius: 0.5rem;\r\n  z-index: 999;\r\n  display: flex;\r\n  align-items: center;\r\n  color: white;\r\n\r\n  label {\r\n    margin-right: 0.5rem;\r\n    font-size: 14px;\r\n  }\r\n\r\n  select {\r\n    background: transparent;\r\n    color: white;\r\n    border: 1px solid white;\r\n    border-radius: 0.3rem;\r\n    font-size: 14px;\r\n    padding: 0.2rem;\r\n  }\r\n}\r\n\r\n.buttonfabCameraChange[_ngcontent-%COMP%] {\r\n  --background: rgba(0, 0, 0, 0.6);\r\n  --color: #fff;\r\n  //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n  \n\r\n  \n\r\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CameraWithOverlayComponent, [{
         type: Component,
-        args: [{ selector: 'app-camera-overlay', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"dark\">\r\n  <div class=\"sdk-metag-camera-overlay\">\r\n    <!-- \u25B8 Encabezado ---------------------------------------------------- -->\r\n    <div class=\"sdk-metag-header-text\">\r\n      <div class=\"sdk-metag-text-help\">\r\n        <p>{{ text1 }}</p>\r\n      </div>\r\n      <p class=\"sdk-metag-country\">{{ text2 }}</p>\r\n    </div>\r\n\r\n    <!-- \u25B8 Capa oscura con recorte (tu ventana de enfoque) --------------- -->\r\n    <div class=\"sdk-metag-visible-window\"></div>\r\n\r\n    <!-- \u25B8 Contenedor del v\u00EDdeo + overlay -------------------------------- -->\r\n    <div class=\"sdk-metag-camera-container\">\r\n      <video #videoElement autoplay muted playsinline></video>\r\n      <img [src]=\"overlaySrc\" alt=\"Overlay\" class=\"sdk-metag-overlay-frame sdk-metag-blink-image\" />\r\n    </div>\r\n    <!-- \u25B8 Controles inferiores: Izquierda (cambiar c\u00E1mara), Centro (capturar), Derecha (cerrar) -->\r\n    <div class=\"sdk-metag-controls-container\"\r\n      style=\"position: absolute; bottom: 40px; left: 0; right: 0; width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-end; padding: 0 40px; z-index: 20;\">\r\n      <!-- Bot\u00F3n izquierda: Cambiar c\u00E1mara -->\r\n      <div class=\"sdk-metag-control-left\"\r\n        style=\"display: flex; flex-direction: column; align-items: center; width: 70px;\">\r\n        <ion-button fill=\"clear\" class=\"sdk-metag-control-button\" [disabled]=\"rearCams.length <= 1\"\r\n          (click)=\"toggleRearCam()\">\r\n          <ion-icon name=\"camera-reverse-outline\"></ion-icon>\r\n        </ion-button>\r\n        <p class=\"sdk-metag-control-label\" style=\"color: white; font-size: 12px; margin: 0;\">Enfoque</p>\r\n      </div>\r\n      <!-- Bot\u00F3n central: Capturar foto -->\r\n      <div class=\"sdk-metag-control-center\"\r\n        style=\"display: flex; flex-direction: column; align-items: center; width: 90px;\">\r\n        <ion-button (click)=\"capturePhoto()\" class=\"sdk-metag-capture-button\" shape=\"round\">\r\n          <ion-icon name=\"camera-outline\" class=\"sdk-metag-camera-icon\"></ion-icon>\r\n        </ion-button>\r\n      </div>\r\n      <!-- Bot\u00F3n derecha: Cerrar -->\r\n      <div class=\"sdk-metag-control-right\"\r\n        style=\"display: flex; flex-direction: column; align-items: center; width: 70px;\">\r\n        <ion-button fill=\"clear\" class=\"sdk-metag-control-button\" (click)=\"closeOverlay()\">\r\n          <ion-icon name=\"close-outline\"></ion-icon>\r\n        </ion-button>\r\n        <p class=\"sdk-metag-control-label\" style=\"color: white; font-size: 12px; margin: 0;\">Cerrar</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ion-content>", styles: ["ion-content {\r\n  --background: black;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.sdk-metag-camera-overlay {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: black;\r\n  overflow: hidden;\r\n}\r\n\r\n.sdk-metag-camera-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n\r\n  video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n.sdk-metag-overlay-frame {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: auto;\r\n  height: 58%;\r\n  max-width: 85%;\r\n  z-index: 9;\r\n  pointer-events: none;\r\n}\r\n\r\n.sdk-metag-blink-image {\r\n  animation: blink 3s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0%   { opacity: 1; }\r\n  50%  { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n.sdk-metag-visible-window {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 82%;\r\n  max-width: 280px;\r\n  height: 58%;\r\n  max-height: 439px;\r\n  background: transparent;\r\n  border: 2px solid white;\r\n  border-radius: 10px;\r\n  z-index: 10;\r\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\r\n  pointer-events: none;\r\n}\r\n\r\n.sdk-metag-header-text {\r\n  position: absolute;\r\n  top: 2%;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  text-align: center;\r\n  color: white;\r\n  z-index: 15;\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .sdk-metag-country {\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.sdk-metag-text-help p {\r\n  display: inline-block;\r\n  background-color: white;\r\n  padding: 15px;\r\n  border-radius: 5px;\r\n  color: black;\r\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n  animation: popIn 1s ease-in-out;\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n}\r\n\r\n// ========================================\r\n// CONTROLES EN LA PARTE INFERIOR\r\n// ========================================\r\n.sdk-metag-controls-container {\r\n  position: absolute !important;\r\n  bottom: 40px !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  justify-content: space-around !important;\r\n  align-items: flex-end !important;\r\n  padding: 0 40px !important;\r\n  z-index: 20 !important;\r\n  box-sizing: border-box !important;\r\n  gap: 0 !important;\r\n}\r\n\r\n.sdk-metag-control-left,\r\n.sdk-metag-control-right {\r\n  flex: 0 0 auto !important;\r\n  width: 80px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  justify-content: flex-end !important;\r\n}\r\n\r\n.sdk-metag-control-center {\r\n  flex: 0 0 auto !important;\r\n  width: 100px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  justify-content: flex-end !important;\r\n}\r\n\r\n.sdk-metag-control-button {\r\n  --color: white !important;\r\n  --padding-start: 0 !important;\r\n  --padding-end: 0 !important;\r\n  margin: 0 0 5px 0 !important;\r\n  width: 60px !important;\r\n  height: 60px !important;\r\n  \r\n  ion-icon {\r\n    font-size: 36px !important;\r\n  }\r\n  \r\n  &:disabled,\r\n  &[disabled] {\r\n    --color: rgba(255, 255, 255, 0.3) !important;\r\n    opacity: 0.4 !important;\r\n    pointer-events: none !important;\r\n  }\r\n}\r\n\r\n.sdk-metag-control-label {\r\n  color: white !important;\r\n  font-size: 12px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  text-align: center !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n.sdk-metag-capture-button {\r\n  width: 85px !important;\r\n  height: 85px !important;\r\n  border-radius: 50% !important;\r\n  margin: 0 !important;\r\n  --padding-start: 0 !important;\r\n  --padding-end: 0 !important;\r\n\r\n  --background: var(--purple-primary, #82298F) !important;\r\n  --background-hover: var(--purple-secondary, #2b0d30) !important;\r\n  --background-activated: var(--purple-secondary, #2b0d30) !important;\r\n  --color: white !important;\r\n  --border-color: white !important;\r\n  --border-style: solid !important;\r\n  --border-width: 3px !important;\r\n  --box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n.sdk-metag-camera-icon {\r\n  font-size: 40px !important;\r\n}\r\n\r\n@keyframes popIn {\r\n  0% {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n  50% {\r\n    transform: scale(1.1);\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.loading-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n}\r\n\r\nion-spinner {\r\n  color: white;\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n"] }]
+        args: [{ selector: 'app-camera-overlay', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"dark\">\r\n  <div class=\"sdk-metag-camera-overlay\">\r\n    <!-- \u25B8 Encabezado ---------------------------------------------------- -->\r\n    <div class=\"sdk-metag-header-text\">\r\n      <div class=\"sdk-metag-text-help\">\r\n        <p>{{ text1 }}</p>\r\n      </div>\r\n      <p class=\"sdk-metag-country\">{{ text2 }}</p>\r\n    </div>\r\n\r\n    <!-- \u25B8 Capa oscura con recorte (tu ventana de enfoque) --------------- -->\r\n    <!--<div class=\"sdk-metag-visible-window\"></div>-->\r\n\r\n    <!-- \u25B8 Contenedor del v\u00EDdeo + overlay -------------------------------- -->\r\n    <div class=\"sdk-metag-camera-container\" (tap)=\"toggleRearCam()\">\r\n      <video #videoElement autoplay muted playsinline></video>\r\n      <img [src]=\"overlaySrc\" alt=\"Overlay\" class=\"sdk-metag-overlay-frame sdk-metag-blink-image\" />\r\n    </div>\r\n\r\n    <!-- \u25B8 Controles inferiores: Izquierda (cambiar c\u00E1mara), Centro (capturar), Derecha (cerrar) -->\r\n    <!--<div class=\"sdk-metag-controls-container\">-->\r\n      <!-- Bot\u00F3n izquierda: Cambiar c\u00E1mara -->\r\n      <!--<div class=\"sdk-metag-control-left\" *ngIf=\"rearCams.length > 1\" (click)=\"toggleRearCam()\">\r\n        <ion-button fill=\"clear\" class=\"sdk-metag-control-button\">\r\n          <ion-icon name=\"camera-reverse-outline\"></ion-icon>\r\n        </ion-button>\r\n        <p class=\"sdk-metag-control-label\">Enfoque</p>\r\n      </div>-->\r\n    <!--  <div class=\"sdk-metag-control-left\" *ngIf=\"rearCams.length <= 1\">\r\n       Espacio vac\u00EDo cuando no hay m\u00FAltiples c\u00E1maras\r\n      </div>-->\r\n\r\n      <!-- Bot\u00F3n central: Capturar foto -->\r\n      <!--<div class=\"sdk-metag-control-center\">\r\n        <ion-button (click)=\"capturePhoto()\"\r\n                    class=\"sdk-metag-capture-button\"\r\n                    shape=\"round\"\r\n                    expand=\"block\">\r\n          <ion-icon name=\"camera-outline\" class=\"sdk-metag-camera-icon\"></ion-icon>\r\n        </ion-button>\r\n      </div>-->\r\n\r\n      <!-- Bot\u00F3n derecha: Cerrar -->\r\n      <!--<div class=\"sdk-metag-control-right\" (click)=\"closeOverlay()\">\r\n        <ion-button fill=\"clear\" class=\"sdk-metag-control-button\">\r\n          <ion-icon name=\"close-outline\"></ion-icon>\r\n        </ion-button>\r\n      </div></div>-->\r\n\r\n    <ion-fab style=\"--background: #82298F; --color: #fff; --box-shadow: none\" slot=\"fixed\" vertical=\"bottom\" horizontal=\"center\" (click)=\"capturePhoto()\">\r\n      <ion-fab-button style=\"--background: #82298F; --color: #fff; --box-shadow: none\">\r\n        <ion-icon name=\"camera-outline\"></ion-icon>\r\n      </ion-fab-button>\r\n    </ion-fab>\r\n    <ion-fab style=\"--background: none; --color: #fff; --box-shadow: none\" slot=\"fixed\" vertical=\"top\" horizontal=\"end\" (click)=\"closeOverlay()\">\r\n      <ion-fab-button style=\"--background: none; --color: #fff; --box-shadow: none\">\r\n        <ion-icon name=\"close-outline\"></ion-icon>\r\n      </ion-fab-button>\r\n    </ion-fab>\r\n  </div>\r\n</ion-content>\r\n", styles: ["ion-content {\r\n  --background: black;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100vh;\r\n}\r\n\r\n.sdk-metag-blink-image {\r\n  animation: blink 3s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0%   { opacity: 1; }\r\n  50%  { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n.sdk-metag-modal-container {\r\n  max-width: 400px;\r\n}\r\n\r\n.sdk-metag-camera-overlay {\r\n  position: relative;\r\n  //width: 100vw;\r\n  width: 100%;\r\n  //height: 100vh;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.sdk-metag-camera-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n\r\n  video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n.sdk-metag-overlay-frame {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%) rotate(180deg);\r\n  max-width: 86%;\r\n  max-height: 90%;\r\n  z-index: 9;\r\n}\r\n\r\n.sdk-metag-header-text {\r\n  position: absolute;\r\n  top: 60px;\r\n  width: 100%;\r\n  text-align: center;\r\n  color: white;\r\n  z-index: 15;\r\n\r\n  p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .sdk-metag-country {\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.sdk-metag-visible-window {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 313px;\r\n  height: 500px;\r\n  max-width: 90%;\r\n  max-height: 90%;\r\n  background: transparent;\r\n  border: 2px solid white;\r\n  border-radius: 10px;\r\n  z-index: 10;\r\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.sdk-metag-text-help p {\r\n  display: inline-block;\r\n  background-color: white;\r\n  padding: 10px;\r\n  border-radius: 5px;\r\n  color: black;\r\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n  animation: popIn 1s ease-in-out;\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n}\r\n\r\n// ========================================\r\n// NUEVO DISE\u00D1O DE CONTROLES\r\n// ========================================\r\n.sdk-metag-controls-container {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  padding: 0 20px;\r\n  z-index: 15;\r\n}\r\n\r\n// Bot\u00F3n izquierda: Cambiar c\u00E1mara + label \"Enfoque\"\r\n.sdk-metag-control-left {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.sdk-metag-control-button {\r\n  --color: white;\r\n  font-size: 32px;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  ion-icon {\r\n    font-size: 32px;\r\n  }\r\n}\r\n\r\n.sdk-metag-control-label {\r\n  color: white;\r\n  font-size: 14px;\r\n  margin-top: 5px;\r\n  margin-bottom: 0;\r\n  text-align: center;\r\n}\r\n\r\n// Bot\u00F3n central: Capturar foto (m\u00E1s grande)\r\n.sdk-metag-control-center {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.sdk-metag-capture-button {\r\n  width: 80px;\r\n  height: 80px;\r\n  border-radius: 50%;\r\n  margin: 0;\r\n\r\n  --background: var(--purple-primary, #82298F);\r\n  --background-hover: var(--purple-secondary, #2b0d30);\r\n  --background-activated: var(--purple-secondary, #2b0d30);\r\n  --background-focused: var(--purple-secondary, #2b0d30);\r\n  --color: white;\r\n  --border-color: white;\r\n  --border-style: solid;\r\n  --border-width: 3px;\r\n  --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n  --ripple-color: var(--purple-secondary, #2b0d30);\r\n}\r\n\r\n.sdk-metag-camera-icon {\r\n  font-size: 36px;\r\n}\r\n\r\n// Bot\u00F3n derecha: Cerrar\r\n.sdk-metag-control-right {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n\r\n/* Definimos la animaci\u00F3n \"popIn\" */\r\n@keyframes popIn {\r\n  0% {\r\n    transform: scale(0.8); /* Comienza m\u00E1s peque\u00F1o */\r\n    opacity: 0; /* Empieza invisible */\r\n  }\r\n  50% {\r\n    transform: scale(1.1); /* Crece un poco m\u00E1s de lo normal */\r\n    opacity: 1; /* Se hace visible */\r\n  }\r\n  100% {\r\n    transform: scale(1); /* Vuelve a su tama\u00F1o normal */\r\n  }\r\n}\r\n\r\n.loading-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.8); /* Fondo oscuro semi-transparente */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000; /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\r\n}\r\n\r\nion-spinner {\r\n  color: white;\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n\r\n\r\n.camera-select {\r\n  position: absolute;\r\n  top: 1rem;\r\n  left: 1rem;\r\n  background: rgba(0, 0, 0, 0.7);\r\n  padding: 0.5rem;\r\n  border-radius: 0.5rem;\r\n  z-index: 999;\r\n  display: flex;\r\n  align-items: center;\r\n  color: white;\r\n\r\n  label {\r\n    margin-right: 0.5rem;\r\n    font-size: 14px;\r\n  }\r\n\r\n  select {\r\n    background: transparent;\r\n    color: white;\r\n    border: 1px solid white;\r\n    border-radius: 0.3rem;\r\n    font-size: 14px;\r\n    padding: 0.2rem;\r\n  }\r\n}\r\n\r\n.buttonfabCameraChange {\r\n  --background: rgba(0, 0, 0, 0.6);\r\n  --color: #fff;\r\n  //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n  /* ajusta posici\u00F3n extra si lo necesitas */\r\n  /* margin-top: 8px; margin-left: 8px; */\r\n}\r\n"] }]
     }], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.ModalDpiServices }], { videoElement: [{
             type: ViewChild,
             args: ['videoElement']