metag-sdk-ionic 1.2.11 → 1.3.0-gforms

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();
@@ -247,7 +247,7 @@ export class CamaraVideoSelfieComponent {
         };
         this.mediaRecorder.onerror = (event) => {
             console.error('Recorder error:', event);
-            alert('Error grabando video');
+            //alert('Error grabando video');
         };
         this.mediaRecorder.onstop = async () => {
             if (!this.recordedChunks.length)
@@ -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%] {\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background-color: #fff;\n}\n\n.video-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\nvideo[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n.progress-ring[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: rotate(-90deg);\n  \n\n}\n\n.progress-ring__circle[_ngcontent-%COMP%] {\n  fill: transparent;\n  stroke: purple;\n  stroke-width: 12;\n  stroke-dasharray: 945;\n  \n\n  stroke-dashoffset: 880;\n  \n\n  transition: stroke-dashoffset 12s linear;\n  \n\n}\n\n.progress-active[_ngcontent-%COMP%]   .progress-ring__circle[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_progress-animation 5s linear forwards;\n}\n\n@keyframes _ngcontent-%COMP%_progress-animation {\n  from {\n    stroke-dashoffset: 880;\n  }\n\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n.text-container[_ngcontent-%COMP%] {\n  height: 40px;\n  color: black;\n}\n\nion-header[_ngcontent-%COMP%] {\n  --background: #fff;\n  \n\n}\n\n.centered-title[_ngcontent-%COMP%] {\n  text-align: center;\n  width: 100%;\n  \n\n  font-weight: bold;\n}\n\n.fixed-footer[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 40px;\n  left: 0;\n  width: 100%;\n  padding: 10px;\n  background-color: #fff; // Color de fondo, opcional\n  // box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n\n\n  ion-button {\n    width: 90%;\n    max-width: 300px;\n    margin: 0 auto;\n    color: #fff;\n    font-weight: bold;\n    border-radius: 20px;\n\n    --background: #82298F;\n    --background-hover: #82298F;\n    --background-activated: #82298F;\n    --background-focused: #82298F;\n\n    --color: #fff;\n\n    --border-radius: 20px;\n    --border-color: #82298F;\n    ;\n    --border-style: solid;\n    --border-width: 1px;\n\n    --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\n\n    --ripple-color: #82298F;\n\n\n    &:hover {\n      background-color: #82298F;\n    }\n\n    &:active {\n      background-color: #82298F;\n    }\n  }\n}\n\n\n\n\n\nion-header[_ngcontent-%COMP%] {\n  --background: #fff;\n  \n\n  color: #000000;\n  \n\n}\n\nion-toolbar[_ngcontent-%COMP%] {\n  --ion-background-color: #fff !important;\n  --background: #ffffff !important;\n  --color: #000000 !important;\n}\n\n.centered-title[_ngcontent-%COMP%] {\n  flex: 1;\n  text-align: center;\n  \n\n  font-weight: bold;\n  color: #000000;\n  margin: 0;\n  \n\n}\n\nion-buttons[_ngcontent-%COMP%] {\n  justify-content: flex-end;\n  \n\n}\n\n.countdown-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.6);\n  \n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  padding: 0;\n  z-index: 1000;\n  \n\n  animation: _ngcontent-%COMP%_fadeIn 0.5s ease-out, _ngcontent-%COMP%_fadeOut 0.5s ease-out 2.5s;\n  \n\n  box-sizing: border-box;\n  border-radius: 0px;\n\n}\n\nion-content.custom-content[_ngcontent-%COMP%] {\n  --padding-top: 0;\n  --padding-bottom: 0;\n  margin: 0;\n  padding: 0;\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\n  height: 90vh; // Ajusta la altura para que junto con el margin sea 100%\n  --background: #ffffff;\n  background: #ffffff;\n}\n\n.countdown[_ngcontent-%COMP%] {\n  font-size: 100px;\n  font-weight: bold;\n  color: #fff;\n  animation: _ngcontent-%COMP%_scaleUp 0.5s ease-out, _ngcontent-%COMP%_scaleDown 0.5s ease-out 2.5s;\n  \n\n}\n\n\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes _ngcontent-%COMP%_fadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n\n\n@keyframes _ngcontent-%COMP%_scaleUp {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n@keyframes _ngcontent-%COMP%_scaleDown {\n  from {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  to {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}\n\n.red[_ngcontent-%COMP%] {\n  padding: 10px;\n  color: red;\n}\n\n.text-center[_ngcontent-%COMP%] {\n  text-align: center;\n  padding-left: 20%;\n  padding-right: 20%;\n  color: #333;\n}\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.8);\n  \n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  \n\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n\nion-spinner[_ngcontent-%COMP%] {\n  color: #fff;\n  width: 50px;\n  height: 50px;\n}\n\n.action-button[_ngcontent-%COMP%] {\n  width: 300px;\n  max-width: 300px;\n  margin: 25px auto;\n  --background: #82298F;\n  --color: #ffffff;\n  font-weight: bold;\n  --border-radius: 20px;\n  --box-shadow: none;\n}\n\n.action-button[_ngcontent-%COMP%]:hover {\n  --background: #82298F;\n}\n\n.action-button[_ngcontent-%COMP%]:active {\n  --background: #82298F;\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\">\n  <!-- Loading deshabilitado para evitar conflictos con loading principal -->\n  <!-- <div *ngIf=\"isLoading\" class=\"loading-overlay\">\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  </div> -->\n  <div *ngIf=\"countdown > 0\" class=\"countdown-overlay\">\n    <div class=\"countdown\">{{ countdown }}</div>\n  </div>\n  <!--<ion-header class=\"ion-no-border\">\n    <ion-toolbar>-->\n      <!-- <ion-title class=\"centered-title\">Video Selfie</ion-title> -->\n      <!--<ion-buttons slot=\"end\">\n        <ion-button (click)=\"closeOverlayVideo()\" [disabled]=\"!canStopRecording\">\n          <ion-icon name=\"close\" color=\"dark\"></ion-icon>\n        </ion-button>\n      </ion-buttons>\n    </ion-toolbar>\n  </ion-header>-->\n  <!-- Contenedor de la c\u00E1mara y progresi\u00F3n -->\n  <div class=\"camera-container\">\n    <div class=\"video-wrapper\">\n      <video #videoElement muted autoplay playsinline style=\"transform: scaleX(-1)\"></video>\n      <svg class=\"progress-ring\" #progressRing width=\"300\" height=\"300\">\n        <circle class=\"progress-ring__circle\" cx=\"150\" cy=\"150\" r=\"150\"/>\n      </svg>\n    </div>\n    <ion-label [ngClass]=\"{'red': isRecording}\">00:{{ timeRemaining < 10 ? '0' + timeRemaining : timeRemaining }}\n    </ion-label>\n    <p class=\"text-center\">Permanece quieto, con tu rostro en el centro del c\u00EDrculo.</p>\n    <!-- Botones de grabaci\u00F3n -->\n\n    <ion-button class=\"action-button\" *ngIf=\"!isRecording\" expand=\"block\" (click)=\"recordVideo()\">Iniciar Grabaci\u00F3n\n    </ion-button>\n    <ion-button class=\"action-button\" *ngIf=\"isRecording\" expand=\"block\" (click)=\"stopRecording()\" [disabled]=\"!canStopRecording\">Detener\n      Grabaci\u00F3n\n    </ion-button>\n  </div>\n  <ion-fab style=\"--background: none; --color: #fff; --box-shadow: none\" slot=\"fixed\" vertical=\"top\" horizontal=\"end\" (click)=\"closeOverlayVideo()\">\n    <ion-fab-button (click)=\"closeOverlayVideo()\" [disabled]=\"!canStopRecording\" style=\"--background: none; --color: #fff; --box-shadow: none\">\n      <ion-icon name=\"close-outline\"></ion-icon>\n    </ion-fab-button>\n  </ion-fab>\n</ion-content>\n", styles: [".camera-container {\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background-color: #fff;\n}\n\n.video-wrapper {\n  position: relative;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\nvideo {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n.progress-ring {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: rotate(-90deg);\n  /* Rotamos el c\u00EDrculo para que la animaci\u00F3n inicie desde arriba */\n}\n\n.progress-ring__circle {\n  fill: transparent;\n  stroke: purple;\n  stroke-width: 12;\n  stroke-dasharray: 945;\n  /* La circunferencia del c\u00EDrculo  880*/\n  stroke-dashoffset: 880;\n  /* Oculto por completo al inicio */\n  transition: stroke-dashoffset 12s linear;\n  /* Esto controlar\u00E1 el llenado progresivo */\n}\n\n.progress-active .progress-ring__circle {\n  animation: progress-animation 5s linear forwards;\n}\n\n@keyframes progress-animation {\n  from {\n    stroke-dashoffset: 880;\n  }\n\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n.text-container {\n  height: 40px;\n  color: black;\n}\n\nion-header {\n  --background: #fff;\n  /* Fondo blanco para el header */\n}\n\n.centered-title {\n  text-align: center;\n  width: 100%;\n  /* Asegura que el t\u00EDtulo est\u00E9 centrado */\n  font-weight: bold;\n}\n\n.fixed-footer {\n  position: fixed;\n  bottom: 40px;\n  left: 0;\n  width: 100%;\n  padding: 10px;\n  background-color: #fff; // Color de fondo, opcional\n  // box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n\n\n  ion-button {\n    width: 90%;\n    max-width: 300px;\n    margin: 0 auto;\n    color: #fff;\n    font-weight: bold;\n    border-radius: 20px;\n\n    --background: #82298F;\n    --background-hover: #82298F;\n    --background-activated: #82298F;\n    --background-focused: #82298F;\n\n    --color: #fff;\n\n    --border-radius: 20px;\n    --border-color: #82298F;\n    ;\n    --border-style: solid;\n    --border-width: 1px;\n\n    --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\n\n    --ripple-color: #82298F;\n\n\n    &:hover {\n      background-color: #82298F;\n    }\n\n    &:active {\n      background-color: #82298F;\n    }\n  }\n}\n\n\n\n\n\nion-header {\n  --background: #fff;\n  /* Fondo blanco */\n  color: #000000;\n  /* Texto negro */\n}\n\nion-toolbar {\n  --ion-background-color: #fff !important;\n  --background: #ffffff !important;\n  --color: #000000 !important;\n}\n\n.centered-title {\n  flex: 1;\n  text-align: center;\n  /* Centrar el t\u00EDtulo */\n  font-weight: bold;\n  color: #000000;\n  margin: 0;\n  /* Quita cualquier margen del t\u00EDtulo */\n}\n\nion-buttons {\n  justify-content: flex-end;\n  /* Alinea el bot\u00F3n a la derecha */\n}\n\n.countdown-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.6);\n  /* Fondo semi-transparente */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  padding: 0;\n  z-index: 1000;\n  /* Asegurarse de que est\u00E9 encima de otros elementos */\n  animation: fadeIn 0.5s ease-out, fadeOut 0.5s ease-out 2.5s;\n  /* Animaciones de entrada y salida */\n  box-sizing: border-box;\n  border-radius: 0px;\n\n}\n\nion-content.custom-content {\n  --padding-top: 0;\n  --padding-bottom: 0;\n  margin: 0;\n  padding: 0;\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\n  height: 90vh; // Ajusta la altura para que junto con el margin sea 100%\n  --background: #ffffff;\n  background: #ffffff;\n}\n\n.countdown {\n  font-size: 100px;\n  font-weight: bold;\n  color: #fff;\n  animation: scaleUp 0.5s ease-out, scaleDown 0.5s ease-out 2.5s;\n  /* Escalar en entrada y salida */\n}\n\n/* Animaci\u00F3n para desvanecer la superposici\u00F3n */\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n/* Animaci\u00F3n para escalar el n\u00FAmero */\n@keyframes scaleUp {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n@keyframes scaleDown {\n  from {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  to {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}\n\n.red {\n  padding: 10px;\n  color: red;\n}\n\n.text-center {\n  text-align: center;\n  padding-left: 20%;\n  padding-right: 20%;\n  color: #333;\n}\n\n.loading-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.8);\n  /* Fondo oscuro semi-transparente */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n\nion-spinner {\n  color: #fff;\n  width: 50px;\n  height: 50px;\n}\n\n.action-button {\n  width: 300px;\n  max-width: 300px;\n  margin: 25px auto;\n  --background: #82298F;\n  --color: #ffffff;\n  font-weight: bold;\n  --border-radius: 20px;\n  --box-shadow: none;\n}\n\n.action-button:hover {\n  --background: #82298F;\n}\n\n.action-button:active {\n  --background: #82298F;\n}\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']
@@ -402,5 +403,5 @@ export class CamaraVideoSelfieComponent {
         }], closeRequested: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CamaraVideoSelfieComponent, { className: "CamaraVideoSelfieComponent", filePath: "src\\app\\pages\\id-vision\\components\\camara-video-selfie\\camara-video-selfie.component.ts", lineNumber: 20 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CamaraVideoSelfieComponent, { className: "CamaraVideoSelfieComponent" }); })();
 //# sourceMappingURL=camara-video-selfie.component.js.map

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-security-block/camera-security-block.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CameraSecurityBlockComponent {
+    title: string;
+    description: string;
+    reason: string;
+    exitLabel: string;
+    exitPressed: EventEmitter<void>;
+    onExit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CameraSecurityBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CameraSecurityBlockComponent, "app-camera-security-block", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "reason": { "alias": "reason"; "required": false; }; "exitLabel": { "alias": "exitLabel"; "required": false; }; }, { "exitPressed": "exitPressed"; }, never, never, true, never>;
+}

package/dist/src/app/pages/id-vision/components/camera-security-block/camera-security-block.component.js

@@ -0,0 +1,66 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+import * as i2 from "@angular/common";
+function CameraSecurityBlockComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "p");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.reason);
+} }
+export class CameraSecurityBlockComponent {
+    constructor() {
+        this.title = 'Bloqueo por seguridad';
+        this.description = 'No puedes continuar con el proceso de validación.';
+        this.reason = '';
+        this.exitLabel = 'Salir';
+        this.exitPressed = new EventEmitter();
+    }
+    onExit() {
+        this.exitPressed.emit();
+    }
+    static { this.ɵfac = function CameraSecurityBlockComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CameraSecurityBlockComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CameraSecurityBlockComponent, selectors: [["app-camera-security-block"]], inputs: { title: "title", description: "description", reason: "reason", exitLabel: "exitLabel" }, outputs: { exitPressed: "exitPressed" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 11, vars: 3, consts: [[1, "sdk-metag-security-screen"], ["aria-hidden", "true", 1, "sdk-metag-security-icon-shell"], [1, "sdk-metag-security-ripple", "sdk-metag-security-ripple--outer"], [1, "sdk-metag-security-ripple", "sdk-metag-security-ripple--inner"], [1, "sdk-metag-security-icon-core"], ["name", "lock-closed-outline"], [1, "sdk-metag-security-title"], ["class", "sdk-metag-security-reason", 4, "ngIf"], ["expand", "block", 1, "sdk-metag-security-exit-button", 3, "click"], [1, "sdk-metag-security-reason"]], template: function CameraSecurityBlockComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "section", 0)(1, "div", 1);
+            i0.ɵɵelement(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵelement(5, "ion-icon", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "h1", 6);
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(8, CameraSecurityBlockComponent_div_8_Template, 3, 1, "div", 7);
+            i0.ɵɵelementStart(9, "ion-button", 8);
+            i0.ɵɵlistener("click", function CameraSecurityBlockComponent_Template_ion_button_click_9_listener() { return ctx.onExit(); });
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.title);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.reason);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.exitLabel, " ");
+        } }, dependencies: [IonicModule, i1.IonButton, i1.IonIcon, CommonModule, i2.NgIf], styles: [".sdk-metag-security-screen[_ngcontent-%COMP%] {\n  min-height: 100vh;\n  width: 100%;\n  background: #ffffff;\n  padding: 72px 24px 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  color: #1f1f1f;\n}\n\n.sdk-metag-security-icon-shell[_ngcontent-%COMP%] {\n  position: relative;\n  width: 180px;\n  height: 180px;\n  margin-bottom: 28px;\n  display: grid;\n  place-items: center;\n}\n\n.sdk-metag-security-ripple[_ngcontent-%COMP%] {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(146, 20, 36, 0.08);\n}\n\n.sdk-metag-security-ripple--outer[_ngcontent-%COMP%] {\n  width: 168px;\n  height: 168px;\n  animation: _ngcontent-%COMP%_sdk-metag-security-pulse 2.2s ease-in-out infinite;\n}\n\n.sdk-metag-security-ripple--inner[_ngcontent-%COMP%] {\n  width: 132px;\n  height: 132px;\n  animation: _ngcontent-%COMP%_sdk-metag-security-pulse 2.2s ease-in-out infinite 0.2s;\n}\n\n.sdk-metag-security-icon-core[_ngcontent-%COMP%] {\n  width: 96px;\n  height: 96px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  background: linear-gradient(160deg, #901628 0%, #c8324a 100%);\n  color: #ffffff;\n  z-index: 1;\n}\n\n.sdk-metag-security-icon-core[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%] {\n  font-size: 44px;\n}\n\n.sdk-metag-security-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  color: #83172a;\n}\n\n.sdk-metag-security-description[_ngcontent-%COMP%] {\n  margin: 12px 0 0;\n  max-width: 320px;\n  font-size: 16px;\n  line-height: 1.45;\n  color: #404040;\n}\n\n.sdk-metag-security-reason[_ngcontent-%COMP%] {\n  margin-top: 30px;\n  width: min(100%, 360px);\n  border-radius: 16px;\n  border: 1px solid #f0d4d9;\n  background: #fff7f8;\n  padding: 14px 16px;\n  text-align: left;\n}\n\n.sdk-metag-security-reason-label[_ngcontent-%COMP%] {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #83172a;\n}\n\n.sdk-metag-security-reason[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: #4a4a4a;\n  line-height: 1.45;\n}\n\n.sdk-metag-security-exit-button[_ngcontent-%COMP%] {\n  margin-top: auto;\n  width: min(100%, 360px);\n  --background: #921424;\n  --background-hover: #7f1320;\n  --background-activated: #7f1320;\n  --color: #ffffff;\n  --border-radius: 28px;\n  --box-shadow: none;\n  font-weight: 600;\n  min-height: 52px;\n}\n\n@keyframes _ngcontent-%COMP%_sdk-metag-security-pulse {\n  0% {\n    transform: scale(0.92);\n    opacity: 0.35;\n  }\n  70% {\n    transform: scale(1);\n    opacity: 0.7;\n  }\n  100% {\n    transform: scale(0.92);\n    opacity: 0.35;\n  }\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CameraSecurityBlockComponent, [{
+        type: Component,
+        args: [{ selector: 'app-camera-security-block', standalone: true, imports: [IonicModule, CommonModule], encapsulation: ViewEncapsulation.Emulated, template: "<section class=\"sdk-metag-security-screen\">\n  <div class=\"sdk-metag-security-icon-shell\" aria-hidden=\"true\">\n    <div class=\"sdk-metag-security-ripple sdk-metag-security-ripple--outer\"></div>\n    <div class=\"sdk-metag-security-ripple sdk-metag-security-ripple--inner\"></div>\n    <div class=\"sdk-metag-security-icon-core\">\n      <ion-icon name=\"lock-closed-outline\"></ion-icon>\n    </div>\n  </div>\n\n  <h1 class=\"sdk-metag-security-title\">{{ title }}</h1>\n  <!--<p class=\"sdk-metag-security-description\">{{ description }}</p>-->\n\n  <div class=\"sdk-metag-security-reason\" *ngIf=\"reason\">\n    <!--<span class=\"sdk-metag-security-reason-label\">Motivo</span>-->\n    <p>{{ reason }}</p>\n  </div>\n\n  <ion-button expand=\"block\" class=\"sdk-metag-security-exit-button\" (click)=\"onExit()\">\n    {{ exitLabel }}\n  </ion-button>\n</section>\n", styles: [".sdk-metag-security-screen {\n  min-height: 100vh;\n  width: 100%;\n  background: #ffffff;\n  padding: 72px 24px 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  color: #1f1f1f;\n}\n\n.sdk-metag-security-icon-shell {\n  position: relative;\n  width: 180px;\n  height: 180px;\n  margin-bottom: 28px;\n  display: grid;\n  place-items: center;\n}\n\n.sdk-metag-security-ripple {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(146, 20, 36, 0.08);\n}\n\n.sdk-metag-security-ripple--outer {\n  width: 168px;\n  height: 168px;\n  animation: sdk-metag-security-pulse 2.2s ease-in-out infinite;\n}\n\n.sdk-metag-security-ripple--inner {\n  width: 132px;\n  height: 132px;\n  animation: sdk-metag-security-pulse 2.2s ease-in-out infinite 0.2s;\n}\n\n.sdk-metag-security-icon-core {\n  width: 96px;\n  height: 96px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  background: linear-gradient(160deg, #901628 0%, #c8324a 100%);\n  color: #ffffff;\n  z-index: 1;\n}\n\n.sdk-metag-security-icon-core ion-icon {\n  font-size: 44px;\n}\n\n.sdk-metag-security-title {\n  margin: 0;\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  color: #83172a;\n}\n\n.sdk-metag-security-description {\n  margin: 12px 0 0;\n  max-width: 320px;\n  font-size: 16px;\n  line-height: 1.45;\n  color: #404040;\n}\n\n.sdk-metag-security-reason {\n  margin-top: 30px;\n  width: min(100%, 360px);\n  border-radius: 16px;\n  border: 1px solid #f0d4d9;\n  background: #fff7f8;\n  padding: 14px 16px;\n  text-align: left;\n}\n\n.sdk-metag-security-reason-label {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #83172a;\n}\n\n.sdk-metag-security-reason p {\n  margin: 0;\n  font-size: 14px;\n  color: #4a4a4a;\n  line-height: 1.45;\n}\n\n.sdk-metag-security-exit-button {\n  margin-top: auto;\n  width: min(100%, 360px);\n  --background: #921424;\n  --background-hover: #7f1320;\n  --background-activated: #7f1320;\n  --color: #ffffff;\n  --border-radius: 28px;\n  --box-shadow: none;\n  font-weight: 600;\n  min-height: 52px;\n}\n\n@keyframes sdk-metag-security-pulse {\n  0% {\n    transform: scale(0.92);\n    opacity: 0.35;\n  }\n  70% {\n    transform: scale(1);\n    opacity: 0.7;\n  }\n  100% {\n    transform: scale(0.92);\n    opacity: 0.35;\n  }\n}\n"] }]
+    }], null, { title: [{
+            type: Input
+        }], description: [{
+            type: Input
+        }], reason: [{
+            type: Input
+        }], exitLabel: [{
+            type: Input
+        }], exitPressed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CameraSecurityBlockComponent, { className: "CameraSecurityBlockComponent" }); })();
+//# sourceMappingURL=camera-security-block.component.js.map

package/dist/src/app/pages/id-vision/components/camera-security-block/camera-security-block.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera-security-block.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/camera-security-block/camera-security-block.component.ts","../../../../../../../src/app/pages/id-vision/components/camera-security-block/camera-security-block.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;;;;ICYzC,AAFF,8BAAsD,QAEjD;IAAA,YAAY;IACjB,AADiB,iBAAI,EACf;;;IADD,eAAY;IAAZ,mCAAY;;ADFnB,MAAM,OAAO,4BAA4B;IARzC;QASW,UAAK,GAAG,uBAAuB,CAAC;QAChC,gBAAW,GAAG,mDAAmD,CAAC;QAClE,WAAM,GAAG,EAAE,CAAC;QACZ,cAAS,GAAG,OAAO,CAAC;QACnB,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAKlD;IAHC,MAAM;QACJ,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;6HATU,4BAA4B;oEAA5B,4BAA4B;YCXvC,AADF,kCAA2C,aACqB;YAE5D,AADA,yBAA8E,aACA;YAC9E,8BAA0C;YACxC,8BAAgD;YAEpD,AADE,iBAAM,EACF;YAEN,6BAAqC;YAAA,YAAW;YAAA,iBAAK;YAGrD,6EAAsD;YAKtD,qCAAqF;YAAnB,6GAAS,YAAQ,IAAC;YAClF,aACF;YACF,AADE,iBAAa,EACL;;YAX6B,eAAW;YAAX,+BAAW;YAGR,cAAY;YAAZ,iCAAY;YAMlD,eACF;YADE,8CACF;4BDZU,WAAW,4BAAE,YAAY;;iFAKxB,4BAA4B;cARxC,SAAS;2BACE,2BAA2B,cACzB,IAAI,WACP,CAAC,WAAW,EAAE,YAAY,CAAC,iBAGrB,iBAAiB,CAAC,QAAQ;gBAGhC,KAAK;kBAAb,KAAK;YACG,WAAW;kBAAnB,KAAK;YACG,MAAM;kBAAd,KAAK;YACG,SAAS;kBAAjB,KAAK;YACI,WAAW;kBAApB,MAAM;;kFALI,4BAA4B"}

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

@@ -4,15 +4,7 @@ import { Capacitor } from '@capacitor/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ionic/angular";
 import * as i2 from "../../services/modal-services/modal-dpi-services";
-import * as i3 from "@angular/common";
 const _c0 = ["videoElement"];
-function CameraWithOverlayComponent_ion_fab_2_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-fab", 16)(1, "ion-fab-button", 17);
-    i0.ɵɵlistener("click", function CameraWithOverlayComponent_ion_fab_2_Template_ion_fab_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleRearCam()); });
-    i0.ɵɵelement(2, "ion-icon", 18);
-    i0.ɵɵelementEnd()();
-} }
 export class CameraWithOverlayComponent {
     constructor(platform, modalController, modaldpiServices) {
         this.platform = platform;
@@ -39,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();
@@ -192,42 +185,40 @@ 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: 19, vars: 4, consts: [["videoElement", ""], ["color", "dark"], [1, "camera-overlay"], ["vertical", "top", "horizontal", "start", "slot", "fixed", 4, "ngIf"], [1, "header-text"], [1, "text-help"], [1, "country"], [1, "visible-window"], [1, "camera-container"], ["autoplay", "", "muted", "", "playsinline", ""], ["alt", "Overlay", 1, "overlay-frame", "blink-image", 3, "src"], [1, "button-container"], ["shape", "round", "expand", "block", 1, "capture-button", 3, "click"], ["name", "camera-outline"], ["fill", "clear", 1, "close-button", 3, "click"], ["name", "close-outline"], ["vertical", "top", "horizontal", "start", "slot", "fixed"], ["size", "small", 1, "buttonfabCameraChange", 3, "click"], ["name", "camera-reverse-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);
-            i0.ɵɵtemplate(2, CameraWithOverlayComponent_ion_fab_2_Template, 3, 0, "ion-fab", 3);
-            i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "p");
-            i0.ɵɵtext(6);
+            i0.ɵɵelementStart(0, "ion-content", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "p");
+            i0.ɵɵtext(5);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(7, "p", 6);
-            i0.ɵɵtext(8);
+            i0.ɵɵelementStart(6, "p", 5);
+            i0.ɵɵtext(7);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelement(9, "div", 7);
-            i0.ɵɵelementStart(10, "div", 8);
-            i0.ɵɵelement(11, "video", 9, 0)(13, "img", 10);
+            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(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.capturePhoto()); });
-            i0.ɵɵelement(16, "ion-icon", 13);
+            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(17, "ion-button", 14);
-            i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
-            i0.ɵɵelement(18, "ion-icon", 15);
-            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(2);
-            i0.ɵɵproperty("ngIf", ctx.rearCams.length > 1);
-            i0.ɵɵadvance(4);
+            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);
-        } }, dependencies: [i3.NgIf, i1.IonButton, 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\r\n\r\n.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.modal-container[_ngcontent-%COMP%] {\r\n  max-width: 400px; // Ajusta el valor seg\u00FAn tus necesidades\r\n\r\n}\r\n\r\n.camera-overlay[_ngcontent-%COMP%] {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.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.overlay-frame[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  max-width: 86%;\r\n  max-height: 90%;\r\n  z-index: 9;\r\n}\r\n\r\n.header-text[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50px;\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  .country {\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.button-container[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 10;\r\n}\r\n\r\n.capture-button[_ngcontent-%COMP%] {\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 50%;\r\n\r\n\r\n  --background: var(--purple-primary);\r\n    --background-hover: var(--purple-secondary);\r\n    --background-activated: var(--purple-secondary);\r\n    --background-focused: var(--purple-secondary);\r\n  \r\n    --color: white;\r\n  \r\n    --border-color: var(--purple-primary);\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: var(--purple-secondary);\r\n}\r\n\r\n.close-button[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 14px;\r\n  right: 20px;\r\n  color: white;\r\n  z-index: 10;\r\n}\r\n\r\n.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: 70%; \n\r\n  // height: 45%; \n\r\n\r\n  width: 313px;\r\n  height: 500px;\r\n\r\n  max-width: 90%;\r\n  max-height: 90%;\r\n  background: transparent;\r\n  border: 2px solid white; \n\r\n  border-radius: 10px; \n\r\n  z-index: 10; \n\r\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65); \n\r\n}\r\n.text-help[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{\r\n  display: inline-block; \n\r\n  background-color: white; \n\r\n  padding:15px; \n\r\n  border-radius: 5px; \n\r\n  color: black; \n\r\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); \n\r\n  animation: _ngcontent-%COMP%_popIn 1s ease-in-out; \n\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n\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}"] }); }
+        } }, dependencies: [i1.IonContent, i1.IonFab, i1.IonFabButton, i1.IonIcon], styles: ["ion-content[_ngcontent-%COMP%] {\n  --background: black;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n}\n\n.sdk-metag-blink-image[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_blink 3s infinite;\n}\n\n@keyframes _ngcontent-%COMP%_blink {\n  0%   { opacity: 1; }\n  50%  { opacity: 0; }\n  100% { opacity: 1; }\n}\n\n.sdk-metag-modal-container[_ngcontent-%COMP%] {\n  max-width: 400px;\n}\n\n.sdk-metag-camera-overlay[_ngcontent-%COMP%] {\n  position: relative;\n  //width: 100vw;\n  width: 100%;\n  //height: 100vh;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n}\n\n.sdk-metag-camera-container[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.sdk-metag-overlay-frame[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(180deg);\n  max-width: 86%;\n  max-height: 90%;\n  z-index: 9;\n}\n\n.sdk-metag-header-text[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 60px;\n  width: 100%;\n  text-align: center;\n  color: white;\n  z-index: 15;\n\n  p {\n    margin: 0;\n    font-size: 18px;\n  }\n\n  .sdk-metag-country {\n    font-weight: bold;\n  }\n}\n\n.sdk-metag-visible-window[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 313px;\n  height: 500px;\n  max-width: 90%;\n  max-height: 90%;\n  background: transparent;\n  border: 2px solid white;\n  border-radius: 10px;\n  z-index: 10;\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\n}\n\n.sdk-metag-text-help[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  display: inline-block;\n  background-color: white;\n  padding: 10px;\n  border-radius: 5px;\n  color: black;\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  animation: _ngcontent-%COMP%_popIn 1s ease-in-out;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n//[_ngcontent-%COMP%]   ========================================\n//[_ngcontent-%COMP%]   NUEVO[_ngcontent-%COMP%]   DISE\u00D1O[_ngcontent-%COMP%]   DE[_ngcontent-%COMP%]   CONTROLES\n//[_ngcontent-%COMP%]   ========================================\n.sdk-metag-controls-container[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: 30px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  padding: 0 20px;\n  z-index: 15;\n}\n\n//[_ngcontent-%COMP%]   Bot\u00F3n[_ngcontent-%COMP%]   izquierda[_ngcontent-%COMP%]:   Cambiar[_ngcontent-%COMP%]   c\u00E1mara[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   \"Enfoque\"\n.sdk-metag-control-left[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.sdk-metag-control-button[_ngcontent-%COMP%] {\n  --color: white;\n  font-size: 32px;\n  margin: 0;\n  padding: 0;\n  width: 50px;\n  height: 50px;\n\n  ion-icon {\n    font-size: 32px;\n  }\n}\n\n.sdk-metag-control-label[_ngcontent-%COMP%] {\n  color: white;\n  font-size: 14px;\n  margin-top: 5px;\n  margin-bottom: 0;\n  text-align: center;\n}\n\n//[_ngcontent-%COMP%]   Bot\u00F3n[_ngcontent-%COMP%]   central[_ngcontent-%COMP%]:   Capturar[_ngcontent-%COMP%]   foto[_ngcontent-%COMP%]   (m\u00E1s[_ngcontent-%COMP%]   grande)\n.sdk-metag-control-center[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.sdk-metag-capture-button[_ngcontent-%COMP%] {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  margin: 0;\n\n  --background: var(--purple-primary, #82298F);\n  --background-hover: var(--purple-secondary, #2b0d30);\n  --background-activated: var(--purple-secondary, #2b0d30);\n  --background-focused: var(--purple-secondary, #2b0d30);\n  --color: white;\n  --border-color: white;\n  --border-style: solid;\n  --border-width: 3px;\n  --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\n  --ripple-color: var(--purple-secondary, #2b0d30);\n}\n\n.sdk-metag-camera-icon[_ngcontent-%COMP%] {\n  font-size: 36px;\n}\n\n//[_ngcontent-%COMP%]   Bot\u00F3n[_ngcontent-%COMP%]   derecha[_ngcontent-%COMP%]:   Cerrar\n.sdk-metag-control-right[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n\n\n@keyframes _ngcontent-%COMP%_popIn {\n  0% {\n    transform: scale(0.8); \n\n    opacity: 0; \n\n  }\n  50% {\n    transform: scale(1.1); \n\n    opacity: 1; \n\n  }\n  100% {\n    transform: scale(1); \n\n  }\n}\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8); \n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000; \n\n}\n\nion-spinner[_ngcontent-%COMP%] {\n  color: white;\n  width: 50px;\n  height: 50px;\n}\n\n\n\n.camera-select[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  background: rgba(0, 0, 0, 0.7);\n  padding: 0.5rem;\n  border-radius: 0.5rem;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  color: white;\n\n  label {\n    margin-right: 0.5rem;\n    font-size: 14px;\n  }\n\n  select {\n    background: transparent;\n    color: white;\n    border: 1px solid white;\n    border-radius: 0.3rem;\n    font-size: 14px;\n    padding: 0.2rem;\n  }\n}\n\n.buttonfabCameraChange[_ngcontent-%COMP%] {\n  --background: rgba(0, 0, 0, 0.6);\n  --color: #fff;\n  //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n  \n\n  \n\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=\"camera-overlay\">\r\n    <ion-fab vertical=\"top\" horizontal=\"start\" slot=\"fixed\" *ngIf=\"rearCams.length > 1\">\r\n      <ion-fab-button\r\n        class=\"buttonfabCameraChange\"\r\n        size=\"small\"\r\n        (click)=\"toggleRearCam()\">\r\n        <ion-icon name=\"camera-reverse-outline\"></ion-icon>\r\n      </ion-fab-button>\r\n    </ion-fab>\r\n    <!-- \u25B8 Encabezado ---------------------------------------------------- -->\r\n    <div class=\"header-text\">\r\n      <div class=\"text-help\">\r\n        <p>{{ text1 }}</p>\r\n      </div>\r\n      <p class=\"country\">{{ text2 }}</p>\r\n\r\n      <!-- \u25B8 Selector de c\u00E1maras traseras (solo se muestra si hay varias) -->\r\n      <!-- <ion-item  class=\"cam-picker\" lines=\"none\">\r\n        <ion-label>Elegir c\u00E1mara</ion-label>\r\n        <ion-select interface=\"popover\"\r\n                    [value]=\"selectedCamId\"\r\n                    (ionChange)=\"onSelectCam($event)\">\r\n          <ion-select-option *ngFor=\"let cam of rearCams\"\r\n                             [value]=\"cam.deviceId\">\r\n            {{ cam.label }}\r\n          </ion-select-option>\r\n        </ion-select>\r\n      </ion-item>-->\r\n    </div> \r\n\r\n    <!-- \u25B8 Loader 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\r\n    <!-- \u25B8 Capa oscura con recorte (tu ventana de enfoque) --------------- -->\r\n    <div class=\"visible-window\"></div>\r\n\r\n    <!-- \u25B8 Contenedor del v\u00EDdeo + overlay -------------------------------- -->\r\n    <div class=\"camera-container\">\r\n      <video #videoElement autoplay muted playsinline></video>\r\n      <img [src]=\"overlaySrc\" alt=\"Overlay\" class=\"overlay-frame blink-image\" />\r\n    </div>\r\n\r\n    <!-- \u25B8 Bot\u00F3n de captura ---------------------------------------------- -->\r\n    <div class=\"button-container\">\r\n      <ion-button (click)=\"capturePhoto()\"\r\n                  class=\"capture-button\"\r\n                  shape=\"round\"\r\n                  expand=\"block\">\r\n        <ion-icon name=\"camera-outline\"></ion-icon>\r\n      </ion-button>\r\n    </div>\r\n\r\n    <!-- \u25B8 Bot\u00F3n de cerrar ------------------------------------------------ -->\r\n    <ion-button fill=\"clear\"\r\n                (click)=\"closeOverlay()\"\r\n                class=\"close-button\">\r\n      <ion-icon name=\"close-outline\"></ion-icon>\r\n    </ion-button>\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\r\n\r\n.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.modal-container {\r\n  max-width: 400px; // Ajusta el valor seg\u00FAn tus necesidades\r\n\r\n}\r\n\r\n.camera-overlay {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.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.overlay-frame {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  max-width: 86%;\r\n  max-height: 90%;\r\n  z-index: 9;\r\n}\r\n\r\n.header-text {\r\n  position: absolute;\r\n  top: 50px;\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  .country {\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.button-container {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 10;\r\n}\r\n\r\n.capture-button {\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 50%;\r\n\r\n\r\n  --background: var(--purple-primary);\r\n    --background-hover: var(--purple-secondary);\r\n    --background-activated: var(--purple-secondary);\r\n    --background-focused: var(--purple-secondary);\r\n  \r\n    --color: white;\r\n  \r\n    --border-color: var(--purple-primary);\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: var(--purple-secondary);\r\n}\r\n\r\n.close-button {\r\n  position: absolute;\r\n  top: 14px;\r\n  right: 20px;\r\n  color: white;\r\n  z-index: 10;\r\n}\r\n\r\n.visible-window {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  // width: 70%; /* Ajusta el tama\u00F1o del cuadro */\r\n  // height: 45%; /* Ajusta el tama\u00F1o del cuadro */\r\n\r\n  width: 313px;\r\n  height: 500px;\r\n\r\n  max-width: 90%;\r\n  max-height: 90%;\r\n  background: transparent;\r\n  border: 2px solid white; /* Color y grosor del borde */\r\n  border-radius: 10px; /* Ajusta para redondear las esquinas */\r\n  z-index: 10; /* Aseg\u00FArate de que est\u00E9 encima del overlay oscuro */\r\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65); /* Oscurece fuera del cuadro */\r\n}\r\n.text-help  p{\r\n  display: inline-block; /* Hace que solo el texto ocupe espacio */\r\n  background-color: white; /* Color de fondo del texto */\r\n  padding:15px; /* Espaciado interno para una mejor visualizaci\u00F3n */\r\n  border-radius: 5px; /* Opcional, para esquinas redondeadas */\r\n  color: black; /* Color del texto */\r\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra leve */\r\n  animation: popIn 1s ease-in-out; /* Agrega la animaci\u00F3n al aparecer */\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n\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"] }]
+        args: [{ selector: 'app-camera-overlay', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"dark\">\n  <div class=\"sdk-metag-camera-overlay\">\n    <!-- \u25B8 Encabezado ---------------------------------------------------- -->\n    <div class=\"sdk-metag-header-text\">\n      <div class=\"sdk-metag-text-help\">\n        <p>{{ text1 }}</p>\n      </div>\n      <p class=\"sdk-metag-country\">{{ text2 }}</p>\n    </div>\n\n    <!-- \u25B8 Capa oscura con recorte (tu ventana de enfoque) --------------- -->\n    <!--<div class=\"sdk-metag-visible-window\"></div>-->\n\n    <!-- \u25B8 Contenedor del v\u00EDdeo + overlay -------------------------------- -->\n    <div class=\"sdk-metag-camera-container\" (tap)=\"toggleRearCam()\">\n      <video #videoElement autoplay muted playsinline></video>\n      <img [src]=\"overlaySrc\" alt=\"Overlay\" class=\"sdk-metag-overlay-frame sdk-metag-blink-image\" />\n    </div>\n\n    <!-- \u25B8 Controles inferiores: Izquierda (cambiar c\u00E1mara), Centro (capturar), Derecha (cerrar) -->\n    <!--<div class=\"sdk-metag-controls-container\">-->\n      <!-- Bot\u00F3n izquierda: Cambiar c\u00E1mara -->\n      <!--<div class=\"sdk-metag-control-left\" *ngIf=\"rearCams.length > 1\" (click)=\"toggleRearCam()\">\n        <ion-button fill=\"clear\" class=\"sdk-metag-control-button\">\n          <ion-icon name=\"camera-reverse-outline\"></ion-icon>\n        </ion-button>\n        <p class=\"sdk-metag-control-label\">Enfoque</p>\n      </div>-->\n    <!--  <div class=\"sdk-metag-control-left\" *ngIf=\"rearCams.length <= 1\">\n       Espacio vac\u00EDo cuando no hay m\u00FAltiples c\u00E1maras\n      </div>-->\n\n      <!-- Bot\u00F3n central: Capturar foto -->\n      <!--<div class=\"sdk-metag-control-center\">\n        <ion-button (click)=\"capturePhoto()\"\n                    class=\"sdk-metag-capture-button\"\n                    shape=\"round\"\n                    expand=\"block\">\n          <ion-icon name=\"camera-outline\" class=\"sdk-metag-camera-icon\"></ion-icon>\n        </ion-button>\n      </div>-->\n\n      <!-- Bot\u00F3n derecha: Cerrar -->\n      <!--<div class=\"sdk-metag-control-right\" (click)=\"closeOverlay()\">\n        <ion-button fill=\"clear\" class=\"sdk-metag-control-button\">\n          <ion-icon name=\"close-outline\"></ion-icon>\n        </ion-button>\n      </div></div>-->\n\n    <ion-fab style=\"--background: #82298F; --color: #fff; --box-shadow: none\" slot=\"fixed\" vertical=\"bottom\" horizontal=\"center\" (click)=\"capturePhoto()\">\n      <ion-fab-button style=\"--background: #82298F; --color: #fff; --box-shadow: none\">\n        <ion-icon name=\"camera-outline\"></ion-icon>\n      </ion-fab-button>\n    </ion-fab>\n    <ion-fab style=\"--background: none; --color: #fff; --box-shadow: none\" slot=\"fixed\" vertical=\"top\" horizontal=\"end\" (click)=\"closeOverlay()\">\n      <ion-fab-button style=\"--background: none; --color: #fff; --box-shadow: none\">\n        <ion-icon name=\"close-outline\"></ion-icon>\n      </ion-fab-button>\n    </ion-fab>\n  </div>\n</ion-content>\n", styles: ["ion-content {\n  --background: black;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n}\n\n.sdk-metag-blink-image {\n  animation: blink 3s infinite;\n}\n\n@keyframes blink {\n  0%   { opacity: 1; }\n  50%  { opacity: 0; }\n  100% { opacity: 1; }\n}\n\n.sdk-metag-modal-container {\n  max-width: 400px;\n}\n\n.sdk-metag-camera-overlay {\n  position: relative;\n  //width: 100vw;\n  width: 100%;\n  //height: 100vh;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n}\n\n.sdk-metag-camera-container {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.sdk-metag-overlay-frame {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(180deg);\n  max-width: 86%;\n  max-height: 90%;\n  z-index: 9;\n}\n\n.sdk-metag-header-text {\n  position: absolute;\n  top: 60px;\n  width: 100%;\n  text-align: center;\n  color: white;\n  z-index: 15;\n\n  p {\n    margin: 0;\n    font-size: 18px;\n  }\n\n  .sdk-metag-country {\n    font-weight: bold;\n  }\n}\n\n.sdk-metag-visible-window {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 313px;\n  height: 500px;\n  max-width: 90%;\n  max-height: 90%;\n  background: transparent;\n  border: 2px solid white;\n  border-radius: 10px;\n  z-index: 10;\n  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\n}\n\n.sdk-metag-text-help p {\n  display: inline-block;\n  background-color: white;\n  padding: 10px;\n  border-radius: 5px;\n  color: black;\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  animation: popIn 1s ease-in-out;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n// ========================================\n// NUEVO DISE\u00D1O DE CONTROLES\n// ========================================\n.sdk-metag-controls-container {\n  position: absolute;\n  bottom: 30px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  padding: 0 20px;\n  z-index: 15;\n}\n\n// Bot\u00F3n izquierda: Cambiar c\u00E1mara + label \"Enfoque\"\n.sdk-metag-control-left {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.sdk-metag-control-button {\n  --color: white;\n  font-size: 32px;\n  margin: 0;\n  padding: 0;\n  width: 50px;\n  height: 50px;\n\n  ion-icon {\n    font-size: 32px;\n  }\n}\n\n.sdk-metag-control-label {\n  color: white;\n  font-size: 14px;\n  margin-top: 5px;\n  margin-bottom: 0;\n  text-align: center;\n}\n\n// Bot\u00F3n central: Capturar foto (m\u00E1s grande)\n.sdk-metag-control-center {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.sdk-metag-capture-button {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  margin: 0;\n\n  --background: var(--purple-primary, #82298F);\n  --background-hover: var(--purple-secondary, #2b0d30);\n  --background-activated: var(--purple-secondary, #2b0d30);\n  --background-focused: var(--purple-secondary, #2b0d30);\n  --color: white;\n  --border-color: white;\n  --border-style: solid;\n  --border-width: 3px;\n  --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\n  --ripple-color: var(--purple-secondary, #2b0d30);\n}\n\n.sdk-metag-camera-icon {\n  font-size: 36px;\n}\n\n// Bot\u00F3n derecha: Cerrar\n.sdk-metag-control-right {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n/* Definimos la animaci\u00F3n \"popIn\" */\n@keyframes popIn {\n  0% {\n    transform: scale(0.8); /* Comienza m\u00E1s peque\u00F1o */\n    opacity: 0; /* Empieza invisible */\n  }\n  50% {\n    transform: scale(1.1); /* Crece un poco m\u00E1s de lo normal */\n    opacity: 1; /* Se hace visible */\n  }\n  100% {\n    transform: scale(1); /* Vuelve a su tama\u00F1o normal */\n  }\n}\n\n.loading-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8); /* Fondo oscuro semi-transparente */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000; /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\n}\n\nion-spinner {\n  color: white;\n  width: 50px;\n  height: 50px;\n}\n\n\n\n.camera-select {\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  background: rgba(0, 0, 0, 0.7);\n  padding: 0.5rem;\n  border-radius: 0.5rem;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  color: white;\n\n  label {\n    margin-right: 0.5rem;\n    font-size: 14px;\n  }\n\n  select {\n    background: transparent;\n    color: white;\n    border: 1px solid white;\n    border-radius: 0.3rem;\n    font-size: 14px;\n    padding: 0.2rem;\n  }\n}\n\n.buttonfabCameraChange {\n  --background: rgba(0, 0, 0, 0.6);\n  --color: #fff;\n  //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n  /* ajusta posici\u00F3n extra si lo necesitas */\n  /* margin-top: 8px; margin-left: 8px; */\n}\n"] }]
     }], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.ModalDpiServices }], { videoElement: [{
             type: ViewChild,
             args: ['videoElement']
@@ -242,5 +233,5 @@ export class CameraWithOverlayComponent {
         }], closeRequested: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CameraWithOverlayComponent, { className: "CameraWithOverlayComponent", filePath: "src\\app\\pages\\id-vision\\components\\camera-with-overlay\\camera-with-overlay.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CameraWithOverlayComponent, { className: "CameraWithOverlayComponent" }); })();
 //# sourceMappingURL=camera-with-overlay.component.js.map