npm - metag-sdk-ionic - Versions diffs - 1.2.11 → 1.3.0-gforms - Mend

metag-sdk-ionic 1.2.11 → 1.3.0-gforms

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"camera-with-overlay.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component.ts","../../../../../../../src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAET,YAAY,EACZ,KAAK,EAEL,MAAM,EACN,SAAS,EACT,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC~~;;;;;;;;ICVtC~~,~~AADF,mCAAoF,yBAItD;IAA1B,kMAAS,sBAAe,KAAC;IACzB,+BAAmD;IAEvD,AADE,iBAAiB,EACT;;ADkBd,~~MAAM,OAAO,0BAA0B;IAmBrC,YACU,QAAkB,EAClB,eAAgC,EAChC,gBAAkC;QAFlC,aAAQ,GAAR,QAAQ,CAAU;QAClB,oBAAe,GAAf,eAAe,CAAiB;QAChC,qBAAgB,GAAhB,gBAAgB,CAAkB;QAnB5C,8BAA8B;QACrB,UAAK,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,EAAE,CAAC;QACX,eAAU,GAAG,EAAE,CAAC;QAEf,mBAAc,GAAG,IAAI,YAAY,EAAQ,CAAC;QAEpD,oBAAoB;QACpB,WAAM,GAAuB,IAAI,CAAC;QAClC,cAAS,GAAG,IAAI,CAAC;QACjB,aAAQ,GAAc,EAAE,CAAC;QACzB,kBAAa,GAAkB,IAAI,CAAC;QACpC,qBAAgB,GAAG,CAAC,CAAC,CAAe,sCAAsC;QAEzD,aAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAM/E,CAAC;IAEL,oCAAoC;IAEpC,KAAK,CAAC,eAAe;QACnB,IAAI,IAAI,CAAC,QAAQ;YAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAc,2CAA2C;QACxF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAEvB,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACzE,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;~~IAClF~~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~~2HAtMU~~,0BAA0B;oEAA1B,0BAA0B;;;;;;;~~YC1BrC~~,AADF,~~sCAA0B~~,~~aACI;YAC1B~~,~~mFAAoF;YAWhF,~~AADF,~~AADF~~,~~8BAAyB~~,aACA,~~QAClB~~;YAAA,YAAW;YAChB,AADgB,iBAAI,EACd;YACN,~~4BAAmB~~;YAAA,YAAW;~~YAchC~~,~~AAdgC~~,iBAAI,~~EAc9B~~;~~YAQN~~,~~yBAAkC~~;~~YAGlC,+BAA8B~~;~~YAE5B~~,AADA~~,+BAAwD~~,~~eACkB~~;~~YAC5E~~,iBAAM;~~YAIJ~~,~~AADF,gCAA8B,sBAID~~;~~YAHf~~,~~kJAAS,~~kBAAc,KAAC;~~YAIlC~~,gCAA2C;YAE/C,AADE,~~iBAAa~~,EACT;~~YAGN~~,~~uCAEiC~~;~~YADrB~~,~~kJAAS,~~kBAAc,KAAC;~~YAElC~~,gCAA0C;~~YAGhD~~,AADE,AADE,~~iBAAa~~,EACT,EACM;;~~YA5D+C~~,~~eAAyB;YAAzB,8CAAyB;YAW3E,~~eAAW;YAAX,+BAAW;~~YAEG~~,eAAW;YAAX,+BAAW;~~YA2BzB~~,eAAkB;YAAlB,sDAAkB;;;~~iFDfhB~~,0BAA0B;cANtC,SAAS;2BACE,oBAAoB,iBAGf,iBAAiB,CAAC,QAAQ;sGAGd,YAAY;kBAAtC,SAAS;mBAAC,cAAc;YAGhB,KAAK;kBAAb,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,UAAU;kBAAlB,KAAK;YACG,aAAa;kBAArB,KAAK;YACI,cAAc;kBAAvB,MAAM;;kFARI,0BAA0B"}
1	+ {"version":3,"file":"camera-with-overlay.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component.ts","../../../../../../../src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component.html"],"names":[],"mappings":"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"}

package/dist/src/app/pages/id-vision/components/custom-slide/custom-slide.component.js CHANGED Viewed

@@ -14,15 +14,15 @@ export class CustomSlideComponent {
             i0.ɵɵproperty("src", ctx.image1, i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("src", ctx.image2, i0.ɵɵsanitizeUrl);
-        } }, styles: [".container[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: center; \n\r\n    align-items: center;    \n\r\n     height: 100%;           \n\r\n  }\r\n  \r\n  ion-row[_ngcontent-%COMP%] {\r\n    display: flex; \n\r\n    justify-content: space-between; \n\r\n  }\r\n  ion-col[_ngcontent-%COMP%] {\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  \r\n  ion-col[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\r\n    width: 100%; \n\r\n    height: auto; \n\r\n    object-fit: contain; \n\r\n  }"] }); }
+        } }, styles: [".container[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center; \n\n    align-items: center;    \n\n     height: 100%;           \n\n  }\n  \n  ion-row[_ngcontent-%COMP%] {\n    display: flex; \n\n    justify-content: space-between; \n\n  }\n  ion-col[_ngcontent-%COMP%] {\n    justify-content: center;\n    align-items: center;\n  }\n  \n  ion-col[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 100%; \n\n    height: auto; \n\n    object-fit: contain; \n\n  }"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomSlideComponent, [{
         type: Component,
-        args: [{ selector: 'app-custom-slide', standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"container\">\r\n  <ion-row>\r\n    <ion-col size=\"6\">\r\n      <img [src]=\"image1\" alt=\"Imagen 1\" />\r\n    </ion-col>\r\n    <ion-col size=\"6\">\r\n      <img [src]=\"image2\" alt=\"Imagen 2\" />\r\n    </ion-col>\r\n  </ion-row>\r\n</div>", styles: [".container {\r\n    display: flex;\r\n    justify-content: center; /* Centra las im\u00E1genes horizontalmente */\r\n    align-items: center;    /* Centra las im\u00E1genes verticalmente */\r\n     height: 100%;           /* Asegura que el contenedor ocupe todo el espacio */\r\n  }\r\n  \r\n  ion-row {\r\n    display: flex; /* Activa el layout de flexbox en el row */\r\n    justify-content: space-between; /* Separa las im\u00E1genes uniformemente */\r\n  }\r\n  ion-col {\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  \r\n  ion-col img {\r\n    width: 100%; /* Ajusta la imagen al ancho del contenedor */\r\n    height: auto; /* Mantiene la proporci\u00F3n de la imagen */\r\n    object-fit: contain; /* Asegura que la imagen no se deforme */\r\n  }\r\n  "] }]
+        args: [{ selector: 'app-custom-slide', standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"container\">\n  <ion-row>\n    <ion-col size=\"6\">\n      <img [src]=\"image1\" alt=\"Imagen 1\" />\n    </ion-col>\n    <ion-col size=\"6\">\n      <img [src]=\"image2\" alt=\"Imagen 2\" />\n    </ion-col>\n  </ion-row>\n</div>", styles: [".container {\n    display: flex;\n    justify-content: center; /* Centra las im\u00E1genes horizontalmente */\n    align-items: center;    /* Centra las im\u00E1genes verticalmente */\n     height: 100%;           /* Asegura que el contenedor ocupe todo el espacio */\n  }\n  \n  ion-row {\n    display: flex; /* Activa el layout de flexbox en el row */\n    justify-content: space-between; /* Separa las im\u00E1genes uniformemente */\n  }\n  ion-col {\n    justify-content: center;\n    align-items: center;\n  }\n  \n  ion-col img {\n    width: 100%; /* Ajusta la imagen al ancho del contenedor */\n    height: auto; /* Mantiene la proporci\u00F3n de la imagen */\n    object-fit: contain; /* Asegura que la imagen no se deforme */\n  }\n  "] }]
     }], null, { image1: [{
             type: Input
         }], image2: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomSlideComponent, { className: "CustomSlideComponent", filePath: "src\\app\\pages\\id-vision\\components\\custom-slide\\custom-slide.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomSlideComponent, { className: "CustomSlideComponent" }); })();
 //# sourceMappingURL=custom-slide.component.js.map

package/dist/src/app/pages/id-vision/components/direct-photo-selfie/direct-photo-selfie.component.js CHANGED Viewed

@@ -184,11 +184,11 @@ export class DirectPhotoSelfieComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(12);
             i0.ɵɵproperty("ngIf", ctx.showProgress);
-        } }, dependencies: [IonicModule, i1.IonButton, i1.IonButtons, i1.IonContent, i1.IonHeader, i1.IonIcon, i1.IonToolbar, CommonModule, i4.NgIf], styles: [".direct-photo-selfie-content[_ngcontent-%COMP%] {\r\n  --background: #000;\r\n  position: relative;\r\n  height: 90vh; // Ajusta la altura para dejar espacio al padre\r\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\r\n  overflow: hidden;\r\n}\r\n\r\n.camera-overlay[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 40px 20px 80px 20px;\r\n}\r\n\r\n.face-overlay[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.face-circle[_ngcontent-%COMP%] {\r\n  width: 280px;\r\n  height: 350px;\r\n  border: 3px solid rgba(255, 255, 255, 0.8);\r\n  border-radius: 50%;\r\n  position: relative;\r\n  \r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -3px;\r\n    left: -3px;\r\n    right: -3px;\r\n    bottom: -3px;\r\n    border: 2px solid rgba(0, 123, 255, 0.6);\r\n    border-radius: 50%;\r\n    animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\r\n  }\r\n}\r\n\r\n.face-guide-text[_ngcontent-%COMP%] {\r\n  margin-top: 20px;\r\n  text-align: center;\r\n  \r\n  p {\r\n    color: white;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\r\n  }\r\n}\r\n\r\n.camera-controls[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 300px;\r\n  padding: 0 20px;\r\n}\r\n\r\n.control-button[_ngcontent-%COMP%] {\r\n  --color: white;\r\n  --background: rgba(0, 0, 0, 0.5);\r\n  --border-radius: 50%;\r\n  width: 50px;\r\n  height: 50px;\r\n  \r\n  ion-icon {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n.capture-button[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  bottom: 20%;\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 50%;\r\n  background-color: purple;\r\n  color: white;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.capture-circle[_ngcontent-%COMP%] {\r\n  width: 70px;\r\n  height: 70px;\r\n  border: 4px solid white;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  transition: all 0.2s ease;\r\n  \r\n  &:active {\r\n    transform: scale(0.95);\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n}\r\n\r\n.progress-ring[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 10;\r\n}\r\n\r\n.progress-ring__svg[_ngcontent-%COMP%] {\r\n  width: 300px;\r\n  height: 300px;\r\n}\r\n\r\n.progress-ring__circle[_ngcontent-%COMP%] {\r\n  fill: transparent;\r\n  stroke: purple;\r\n  stroke-width: 10;\r\n  stroke-dasharray: 942; \n\r\n  stroke-dashoffset: 942; \n\r\n  transition: stroke-dashoffset 3s linear; \n\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.8);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 20;\r\n  \r\n  ion-spinner {\r\n    --color: #007bff;\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n  \r\n  p {\r\n    color: white;\r\n    margin-top: 16px;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n  }\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_pulse {\r\n  0% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    transform: scale(1.05);\r\n    opacity: 0.7;\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n//[_ngcontent-%COMP%]   Responsive[_ngcontent-%COMP%]   adjustments\r\n@media[_ngcontent-%COMP%]   (max-width[_ngcontent-%COMP%]:   375px)[_ngcontent-%COMP%] {\r\n  .face-circle {\r\n    width: 240px;\r\n    height: 300px;\r\n  }\r\n  \r\n  .camera-controls {\r\n    max-width: 280px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .face-circle[_ngcontent-%COMP%] {\r\n    width: 320px;\r\n    height: 400px;\r\n  }\r\n}"] }); }
+        } }, dependencies: [IonicModule, i1.IonButton, i1.IonButtons, i1.IonContent, i1.IonHeader, i1.IonIcon, i1.IonToolbar, CommonModule, i4.NgIf], styles: [".direct-photo-selfie-content[_ngcontent-%COMP%] {\n  --background: #000;\n  position: relative;\n  height: 90vh; // Ajusta la altura para dejar espacio al padre\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\n  overflow: hidden;\n}\n\n.camera-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  padding: 40px 20px 80px 20px;\n}\n\n.face-overlay[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.face-circle[_ngcontent-%COMP%] {\n  width: 280px;\n  height: 350px;\n  border: 3px solid rgba(255, 255, 255, 0.8);\n  border-radius: 50%;\n  position: relative;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    top: -3px;\n    left: -3px;\n    right: -3px;\n    bottom: -3px;\n    border: 2px solid rgba(0, 123, 255, 0.6);\n    border-radius: 50%;\n    animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\n  }\n}\n\n.face-guide-text[_ngcontent-%COMP%] {\n  margin-top: 20px;\n  text-align: center;\n  \n  p {\n    color: white;\n    font-size: 16px;\n    font-weight: 500;\n    margin: 0;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n  }\n}\n\n.camera-controls[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  max-width: 300px;\n  padding: 0 20px;\n}\n\n.control-button[_ngcontent-%COMP%] {\n  --color: white;\n  --background: rgba(0, 0, 0, 0.5);\n  --border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  \n  ion-icon {\n    font-size: 24px;\n  }\n}\n\n.capture-button[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: 20%;\n  width: 70px;\n  height: 70px;\n  border-radius: 50%;\n  background-color: purple;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.capture-circle[_ngcontent-%COMP%] {\n  width: 70px;\n  height: 70px;\n  border: 4px solid white;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.2);\n  transition: all 0.2s ease;\n  \n  &:active {\n    transform: scale(0.95);\n    background: rgba(255, 255, 255, 0.4);\n  }\n}\n\n.progress-ring[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n}\n\n.progress-ring__svg[_ngcontent-%COMP%] {\n  width: 300px;\n  height: 300px;\n}\n\n.progress-ring__circle[_ngcontent-%COMP%] {\n  fill: transparent;\n  stroke: purple;\n  stroke-width: 10;\n  stroke-dasharray: 942; \n\n  stroke-dashoffset: 942; \n\n  transition: stroke-dashoffset 3s linear; \n\n}\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 20;\n  \n  ion-spinner {\n    --color: #007bff;\n    width: 48px;\n    height: 48px;\n  }\n  \n  p {\n    color: white;\n    margin-top: 16px;\n    font-size: 16px;\n    font-weight: 500;\n  }\n}\n\n@keyframes _ngcontent-%COMP%_pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.7;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n//[_ngcontent-%COMP%]   Responsive[_ngcontent-%COMP%]   adjustments\n@media[_ngcontent-%COMP%]   (max-width[_ngcontent-%COMP%]:   375px)[_ngcontent-%COMP%] {\n  .face-circle {\n    width: 240px;\n    height: 300px;\n  }\n  \n  .camera-controls {\n    max-width: 280px;\n  }\n}\n\n@media (min-width: 768px) {\n  .face-circle[_ngcontent-%COMP%] {\n    width: 320px;\n    height: 400px;\n  }\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DirectPhotoSelfieComponent, [{
         type: Component,
-        args: [{ selector: 'app-direct-photo-selfie', standalone: true, imports: [IonicModule, CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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    \r\n    <ion-header class=\"ion-no-border\">\r\n      <ion-toolbar color=\"light\">\r\n        <ion-buttons slot=\"end\">\r\n          <ion-button (click)=\"closeRequestedFunction()\">\r\n            <ion-icon name=\"close\"></ion-icon>\r\n          </ion-button>\r\n        </ion-buttons>\r\n      </ion-toolbar>\r\n    </ion-header>\r\n  \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      </div>\r\n\r\n          <p class=\"text-center\">Permanece quieto, con tu rostro en el centro del circulo</p>\r\n          <!-- C\u00EDrculo progresivo alrededor del \u00E1rea de la c\u00E1mara -->\r\n          <div class=\"progress-ring\" *ngIf=\"showProgress\">\r\n            <svg class=\"progress-ring__svg\">\r\n              <circle class=\"progress-ring__circle\" cx=\"50%\" cy=\"50%\" r=\"48%\"></circle>\r\n            </svg>\r\n          </div>\r\n\r\n          <!-- Bot\u00F3n redondo para tomar foto -->\r\n          <div class=\"fixed-footer\">\r\n            <ion-button class=\"capture-button\" (click)=\"startProgressAndCapture()\">\r\n              <ion-icon name=\"camera\" slot=\"icon-only\"></ion-icon>\r\n            </ion-button>\r\n          </div>\r\n    </div>\r\n  </ion-content>", styles: [".direct-photo-selfie-content {\r\n  --background: #000;\r\n  position: relative;\r\n  height: 90vh; // Ajusta la altura para dejar espacio al padre\r\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\r\n  overflow: hidden;\r\n}\r\n\r\n.camera-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 40px 20px 80px 20px;\r\n}\r\n\r\n.face-overlay {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.face-circle {\r\n  width: 280px;\r\n  height: 350px;\r\n  border: 3px solid rgba(255, 255, 255, 0.8);\r\n  border-radius: 50%;\r\n  position: relative;\r\n  \r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -3px;\r\n    left: -3px;\r\n    right: -3px;\r\n    bottom: -3px;\r\n    border: 2px solid rgba(0, 123, 255, 0.6);\r\n    border-radius: 50%;\r\n    animation: pulse 2s ease-in-out infinite;\r\n  }\r\n}\r\n\r\n.face-guide-text {\r\n  margin-top: 20px;\r\n  text-align: center;\r\n  \r\n  p {\r\n    color: white;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\r\n  }\r\n}\r\n\r\n.camera-controls {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 300px;\r\n  padding: 0 20px;\r\n}\r\n\r\n.control-button {\r\n  --color: white;\r\n  --background: rgba(0, 0, 0, 0.5);\r\n  --border-radius: 50%;\r\n  width: 50px;\r\n  height: 50px;\r\n  \r\n  ion-icon {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n.capture-button {\r\n  position: absolute;\r\n  bottom: 20%;\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 50%;\r\n  background-color: purple;\r\n  color: white;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.capture-circle {\r\n  width: 70px;\r\n  height: 70px;\r\n  border: 4px solid white;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  transition: all 0.2s ease;\r\n  \r\n  &:active {\r\n    transform: scale(0.95);\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n}\r\n\r\n.progress-ring {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 10;\r\n}\r\n\r\n.progress-ring__svg {\r\n  width: 300px;\r\n  height: 300px;\r\n}\r\n\r\n.progress-ring__circle {\r\n  fill: transparent;\r\n  stroke: purple;\r\n  stroke-width: 10;\r\n  stroke-dasharray: 942; /* Circunferencia del c\u00EDrculo */\r\n  stroke-dashoffset: 942; /* Oculto al inicio */\r\n  transition: stroke-dashoffset 3s linear; /* Duraci\u00F3n de la animaci\u00F3n */\r\n}\r\n\r\n.loading-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.8);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 20;\r\n  \r\n  ion-spinner {\r\n    --color: #007bff;\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n  \r\n  p {\r\n    color: white;\r\n    margin-top: 16px;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    transform: scale(1.05);\r\n    opacity: 0.7;\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n// Responsive adjustments\r\n@media (max-width: 375px) {\r\n  .face-circle {\r\n    width: 240px;\r\n    height: 300px;\r\n  }\r\n  \r\n  .camera-controls {\r\n    max-width: 280px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .face-circle {\r\n    width: 320px;\r\n    height: 400px;\r\n  }\r\n}"] }]
+        args: [{ selector: 'app-direct-photo-selfie', standalone: true, imports: [IonicModule, CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"light\" 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    \n    <ion-header class=\"ion-no-border\">\n      <ion-toolbar color=\"light\">\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"closeRequestedFunction()\">\n            <ion-icon name=\"close\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n  \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      </div>\n\n          <p class=\"text-center\">Permanece quieto, con tu rostro en el centro del circulo</p>\n          <!-- C\u00EDrculo progresivo alrededor del \u00E1rea de la c\u00E1mara -->\n          <div class=\"progress-ring\" *ngIf=\"showProgress\">\n            <svg class=\"progress-ring__svg\">\n              <circle class=\"progress-ring__circle\" cx=\"50%\" cy=\"50%\" r=\"48%\"></circle>\n            </svg>\n          </div>\n\n          <!-- Bot\u00F3n redondo para tomar foto -->\n          <div class=\"fixed-footer\">\n            <ion-button class=\"capture-button\" (click)=\"startProgressAndCapture()\">\n              <ion-icon name=\"camera\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n          </div>\n    </div>\n  </ion-content>", styles: [".direct-photo-selfie-content {\n  --background: #000;\n  position: relative;\n  height: 90vh; // Ajusta la altura para dejar espacio al padre\n  margin-top: 10vh; // Levanta el contenido un 10% desde el tope\n  overflow: hidden;\n}\n\n.camera-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  padding: 40px 20px 80px 20px;\n}\n\n.face-overlay {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.face-circle {\n  width: 280px;\n  height: 350px;\n  border: 3px solid rgba(255, 255, 255, 0.8);\n  border-radius: 50%;\n  position: relative;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    top: -3px;\n    left: -3px;\n    right: -3px;\n    bottom: -3px;\n    border: 2px solid rgba(0, 123, 255, 0.6);\n    border-radius: 50%;\n    animation: pulse 2s ease-in-out infinite;\n  }\n}\n\n.face-guide-text {\n  margin-top: 20px;\n  text-align: center;\n  \n  p {\n    color: white;\n    font-size: 16px;\n    font-weight: 500;\n    margin: 0;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n  }\n}\n\n.camera-controls {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  max-width: 300px;\n  padding: 0 20px;\n}\n\n.control-button {\n  --color: white;\n  --background: rgba(0, 0, 0, 0.5);\n  --border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  \n  ion-icon {\n    font-size: 24px;\n  }\n}\n\n.capture-button {\n  position: absolute;\n  bottom: 20%;\n  width: 70px;\n  height: 70px;\n  border-radius: 50%;\n  background-color: purple;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.capture-circle {\n  width: 70px;\n  height: 70px;\n  border: 4px solid white;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.2);\n  transition: all 0.2s ease;\n  \n  &:active {\n    transform: scale(0.95);\n    background: rgba(255, 255, 255, 0.4);\n  }\n}\n\n.progress-ring {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n}\n\n.progress-ring__svg {\n  width: 300px;\n  height: 300px;\n}\n\n.progress-ring__circle {\n  fill: transparent;\n  stroke: purple;\n  stroke-width: 10;\n  stroke-dasharray: 942; /* Circunferencia del c\u00EDrculo */\n  stroke-dashoffset: 942; /* Oculto al inicio */\n  transition: stroke-dashoffset 3s linear; /* Duraci\u00F3n de la animaci\u00F3n */\n}\n\n.loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 20;\n  \n  ion-spinner {\n    --color: #007bff;\n    width: 48px;\n    height: 48px;\n  }\n  \n  p {\n    color: white;\n    margin-top: 16px;\n    font-size: 16px;\n    font-weight: 500;\n  }\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.7;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n// Responsive adjustments\n@media (max-width: 375px) {\n  .face-circle {\n    width: 240px;\n    height: 300px;\n  }\n  \n  .camera-controls {\n    max-width: 280px;\n  }\n}\n\n@media (min-width: 768px) {\n  .face-circle {\n    width: 320px;\n    height: 400px;\n  }\n}"] }]
     }], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.DomSanitizer }, { type: i3.ModalDpiServices }], { videoElement: [{
             type: ViewChild,
             args: ['videoElement']
@@ -201,5 +201,5 @@ export class DirectPhotoSelfieComponent {
         }], closeRequested: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DirectPhotoSelfieComponent, { className: "DirectPhotoSelfieComponent", filePath: "src\\app\\pages\\id-vision\\components\\direct-photo-selfie\\direct-photo-selfie.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DirectPhotoSelfieComponent, { className: "DirectPhotoSelfieComponent" }); })();
 //# sourceMappingURL=direct-photo-selfie.component.js.map

package/dist/src/app/pages/id-vision/components/message-modal/message-modal.component.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ionic/angular";
 import * as i2 from "@angular/common";
@@ -76,7 +76,7 @@ export class MessageModalComponent {
         this.variant = 'dpi';
         this.message = '';
         this.errorMessages = [];
-        this.fallbackMessage = 'Ha sucedido un error al realizar el proceso.';
+        this.fallbackMessage = 'No se pudo realizar el proceso.';
     }
     closeModal() {
         this.modalCtrl.dismiss();
@@ -108,11 +108,11 @@ export class MessageModalComponent {
             i0.ɵɵtextInterpolate(ctx.title);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.hasErrors)("ngIfElse", showMessage_r4);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, i1.IonButton, i1.IonContent], styles: ["#custom-modal-error[_ngcontent-%COMP%] {\r\n    --background: transparent !important; // Para que el fondo del ion-content sea transparente\r\n  }\r\n  \r\n  .modal-wrapper-error[_ngcontent-%COMP%] {\r\n    background-color: #fff;\r\n    margin: auto;\r\n    margin-top: 50%;\r\n    width: 80%;\r\n    max-width: 320px;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    padding: 20px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n  }\r\n  \r\n  .modal-icon[_ngcontent-%COMP%] {\r\n    font-size: 3rem;\r\n    color: var(--orange-primary);\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  \n\r\n  .modal-title[_ngcontent-%COMP%] {\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    color: #333;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  \n\r\n  .modal-message[_ngcontent-%COMP%] {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n.error-list[_ngcontent-%COMP%] {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin-bottom: 16px;\r\n    text-align: left;\r\n    color: #666;\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .error-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .modal-button-error[_ngcontent-%COMP%] {\r\n    // --background: #F8AA00; \n\r\n    // --color: #fff;\r\n    // --border-radius: 4px;\r\n        //   max-width: 300px; // anteriormente 300\r\n        width: auto;\r\n        margin: 0 auto;\r\n        background-color: #ffcc00;\r\n        color: #ffffff;\r\n        font-weight: bold;\r\n        border-radius: 20px;\r\n    \r\n        --background: var(--orange-primary);\r\n        --background-hover: var(--orange-secondary);\r\n        --background-activated: var(--orange-secondary);\r\n        --background-focused: var(--orange-secondary);\r\n      \r\n        --color: var(--orange-primary);\r\n      \r\n        --border-radius: 20px;\r\n        --border-color: var(--orange-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(--orange-secondary);\r\n      \r\n    \r\n        &:hover {\r\n          background-color: #ffb300;\r\n        }\r\n    \r\n        &:active {\r\n          background-color: #e6a800;\r\n        }\r\n      \r\n  }"] }); }
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, i1.IonButton, i1.IonContent], styles: ["#custom-modal-error[_ngcontent-%COMP%] {\n    --background: transparent !important; // Para que el fondo del ion-content sea transparente\n  }\n  \n  .modal-wrapper-error[_ngcontent-%COMP%] {\n    background-color: #fff;\n    margin: auto;\n    margin-top: 50%;\n    width: 80%;\n    max-width: 320px;\n    border-radius: 8px;\n    text-align: center;\n    padding: 20px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n  }\n  \n  .modal-icon[_ngcontent-%COMP%] {\n    font-size: 3rem;\n    color: var(--orange-primary);\n    margin-bottom: 8px;\n  }\n  \n  \n\n  .modal-title[_ngcontent-%COMP%] {\n    font-size: 1.2rem;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 8px;\n  }\n  \n  \n\n  .modal-message[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    color: #666;\n    margin-bottom: 16px;\n  }\n  \n.error-list[_ngcontent-%COMP%] {\n    list-style-type: disc;\n    padding-left: 20px;\n    margin-bottom: 16px;\n    text-align: left;\n    color: #666;\n    font-size: 1rem;\n  }\n  \n  .error-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n  }\n\n  .modal-button-error[_ngcontent-%COMP%] {\n    // --background: #F8AA00; \n\n    // --color: #fff;\n    // --border-radius: 4px;\n        //   max-width: 300px; // anteriormente 300\n        width: auto;\n        margin: 0 auto;\n        background-color: #ffcc00;\n        color: #ffffff;\n        font-weight: bold;\n        border-radius: 20px;\n    \n        --background: var(--orange-primary);\n        --background-hover: var(--orange-secondary);\n        --background-activated: var(--orange-secondary);\n        --background-focused: var(--orange-secondary);\n      \n        --color: var(--orange-primary);\n      \n        --border-radius: 20px;\n        --border-color: var(--orange-primary);\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: var(--orange-secondary);\n      \n    \n        &:hover {\n          background-color: #ffb300;\n        }\n    \n        &:active {\n          background-color: #e6a800;\n        }\n      \n  }"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageModalComponent, [{
         type: Component,
-        args: [{ selector: 'app-modal-error', template: "<ion-content id=\"custom-modal-error\">\r\n  <div class=\"modal-wrapper-error\">\r\n    <ng-container [ngSwitch]=\"variant\">\r\n      <ng-container *ngSwitchCase=\"'dpi'\">\r\n        <img src=\"assets/imagesIdvision/icons/dpi-error.svg\" alt=\"Icono DPI\" class=\"modal-icon\" />\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'video'\">\r\n        <img src=\"assets/imagesIdvision/icons/video-error.svg\" alt=\"Icono Video\" class=\"modal-icon\" />\r\n      </ng-container>\r\n      <ng-container *ngSwitchDefault>\r\n        <img src=\"assets/imagesIdvision/icons/dpi-error.svg\" alt=\"Icono DPI\" class=\"modal-icon\" />\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <h2 class=\"modal-title\">{{ title }}</h2>\r\n\r\n    <div *ngIf=\"hasErrors; else showMessage\">\r\n      <ul class=\"error-list\">\r\n        <li *ngFor=\"let error of errorMessages\">{{ error }}</li>\r\n      </ul>\r\n    </div>\r\n\r\n    <ng-template #showMessage>\r\n      <p class=\"modal-message\">{{ effectiveMessage }}</p>\r\n    </ng-template>\r\n\r\n    <ion-button (click)=\"closeModal()\" expand=\"block\" class=\"modal-button-error\">\r\n      Ok\r\n    </ion-button>\r\n  </div>\r\n</ion-content>\r\n", styles: ["#custom-modal-error {\r\n    --background: transparent !important; // Para que el fondo del ion-content sea transparente\r\n  }\r\n  \r\n  .modal-wrapper-error {\r\n    background-color: #fff;\r\n    margin: auto;\r\n    margin-top: 50%;\r\n    width: 80%;\r\n    max-width: 320px;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    padding: 20px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n  }\r\n  \r\n  .modal-icon {\r\n    font-size: 3rem;\r\n    color: var(--orange-primary);\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  /* T\u00EDtulo */\r\n  .modal-title {\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    color: #333;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  /* Mensaje */\r\n  .modal-message {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n.error-list {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin-bottom: 16px;\r\n    text-align: left;\r\n    color: #666;\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .error-list li {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .modal-button-error {\r\n    // --background: #F8AA00; /* Mismo color del \u00EDcono */\r\n    // --color: #fff;\r\n    // --border-radius: 4px;\r\n        //   max-width: 300px; // anteriormente 300\r\n        width: auto;\r\n        margin: 0 auto;\r\n        background-color: #ffcc00;\r\n        color: #ffffff;\r\n        font-weight: bold;\r\n        border-radius: 20px;\r\n    \r\n        --background: var(--orange-primary);\r\n        --background-hover: var(--orange-secondary);\r\n        --background-activated: var(--orange-secondary);\r\n        --background-focused: var(--orange-secondary);\r\n      \r\n        --color: var(--orange-primary);\r\n      \r\n        --border-radius: 20px;\r\n        --border-color: var(--orange-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(--orange-secondary);\r\n      \r\n    \r\n        &:hover {\r\n          background-color: #ffb300;\r\n        }\r\n    \r\n        &:active {\r\n          background-color: #e6a800;\r\n        }\r\n      \r\n  }\r\n  "] }]
+        args: [{ selector: 'app-modal-error', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content id=\"custom-modal-error\">\n  <div class=\"modal-wrapper-error\">\n    <ng-container [ngSwitch]=\"variant\">\n      <ng-container *ngSwitchCase=\"'dpi'\">\n        <img src=\"assets/imagesIdvision/icons/dpi-error.svg\" alt=\"Icono DPI\" class=\"modal-icon\" />\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'video'\">\n        <img src=\"assets/imagesIdvision/icons/video-error.svg\" alt=\"Icono Video\" class=\"modal-icon\" />\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <img src=\"assets/imagesIdvision/icons/dpi-error.svg\" alt=\"Icono DPI\" class=\"modal-icon\" />\n      </ng-container>\n    </ng-container>\n\n    <h2 class=\"modal-title\">{{ title }}</h2>\n\n    <div *ngIf=\"hasErrors; else showMessage\">\n      <ul class=\"error-list\">\n        <li *ngFor=\"let error of errorMessages\">{{ error }}</li>\n      </ul>\n    </div>\n\n    <ng-template #showMessage>\n      <p class=\"modal-message\">{{ effectiveMessage }}</p>\n    </ng-template>\n\n    <ion-button (click)=\"closeModal()\" expand=\"block\" class=\"modal-button-error\">\n      Ok\n    </ion-button>\n  </div>\n</ion-content>\n", styles: ["#custom-modal-error {\n    --background: transparent !important; // Para que el fondo del ion-content sea transparente\n  }\n  \n  .modal-wrapper-error {\n    background-color: #fff;\n    margin: auto;\n    margin-top: 50%;\n    width: 80%;\n    max-width: 320px;\n    border-radius: 8px;\n    text-align: center;\n    padding: 20px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n  }\n  \n  .modal-icon {\n    font-size: 3rem;\n    color: var(--orange-primary);\n    margin-bottom: 8px;\n  }\n  \n  /* T\u00EDtulo */\n  .modal-title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 8px;\n  }\n  \n  /* Mensaje */\n  .modal-message {\n    font-size: 1rem;\n    color: #666;\n    margin-bottom: 16px;\n  }\n  \n.error-list {\n    list-style-type: disc;\n    padding-left: 20px;\n    margin-bottom: 16px;\n    text-align: left;\n    color: #666;\n    font-size: 1rem;\n  }\n  \n  .error-list li {\n    margin-bottom: 8px;\n  }\n\n  .modal-button-error {\n    // --background: #F8AA00; /* Mismo color del \u00EDcono */\n    // --color: #fff;\n    // --border-radius: 4px;\n        //   max-width: 300px; // anteriormente 300\n        width: auto;\n        margin: 0 auto;\n        background-color: #ffcc00;\n        color: #ffffff;\n        font-weight: bold;\n        border-radius: 20px;\n    \n        --background: var(--orange-primary);\n        --background-hover: var(--orange-secondary);\n        --background-activated: var(--orange-secondary);\n        --background-focused: var(--orange-secondary);\n      \n        --color: var(--orange-primary);\n      \n        --border-radius: 20px;\n        --border-color: var(--orange-primary);\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: var(--orange-secondary);\n      \n    \n        &:hover {\n          background-color: #ffb300;\n        }\n    \n        &:active {\n          background-color: #e6a800;\n        }\n      \n  }\n  "] }]
     }], () => [{ type: i1.ModalController }], { title: [{
             type: Input
         }], variant: [{
@@ -122,5 +122,5 @@ export class MessageModalComponent {
         }], errors: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageModalComponent, { className: "MessageModalComponent", filePath: "src\\app\\pages\\id-vision\\components\\message-modal\\message-modal.component.ts", lineNumber: 9 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageModalComponent, { className: "MessageModalComponent" }); })();
 //# sourceMappingURL=message-modal.component.js.map

package/dist/src/app/pages/id-vision/components/message-modal/message-modal.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-modal.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/message-modal/message-modal.component.ts","../../../../../../../src/app/pages/id-vision/components/message-modal/message-modal.component.html"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;;~~ICG3C~~,6BAAoC;IAClC,yBAA0F;;;;IAE5F,6BAAsC;IACpC,0BAA8F;;;;IAEhG,6BAA+B;IAC7B,yBAA0F;;;;IAQ1F,0BAAwC;IAAA,YAAW;IAAA,iBAAK;;;IAAhB,cAAW;IAAX,8BAAW;;;IADrD,AADF,2BAAyC,aAChB;IACrB,2EAAwC;IAE5C,AADE,iBAAK,EACD;;;IAFoB,eAAgB;IAAhB,8CAAgB;;;IAKxC,6BAAyB;IAAA,YAAsB;IAAA,iBAAI;;;IAA1B,cAAsB;IAAtB,6CAAsB;;~~ADfrD~~,MAAM,OAAO,qBAAqB;IAShC,IACI,MAAM,CAAC,KAA2C;QACpD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,uBAAuB;YACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACxE,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM;gBACjC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;oBACpB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;oBAC3D,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;gBAChB,CAAC,CAAC,EAAE,CAAC;QACT,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,gBAAgB;QAClB,+DAA+D;QAC/D,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACtC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;IAC7C,CAAC;IAED,YAAoB,SAA0B;QAA1B,cAAS,GAAT,SAAS,CAAiB;QAnCrC,UAAK,GAAW,EAAE,CAAC;QACnB,YAAO,GAAoB,KAAK,CAAC;QAEjC,YAAO,GAAW,EAAE,CAAC;QAEvB,kBAAa,GAAa,EAAE,CAAC;QACnB,oBAAe,GAAG,~~8CAA8C~~,CAAC;~~IA6BjC~~,CAAC;IAElD,UAAU;QACR,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;sHAxCU,qBAAqB;oEAArB,qBAAqB;;~~YCPhC~~,AADF,sCAAqC,aACF;YAC/B,gCAAmC;YAOjC,AAHA,AAHA,wFAAoC,2EAGE,2EAGP;;YAKjC,6BAAwB;YAAA,YAAW;YAAA,iBAAK;YAQxC,AANA,sEAAyC,0GAMf;YAI1B,sCAA6E;YAAjE,6IAAS,gBAAY,KAAC;YAChC,qBACF;YAEJ,AADE,AADE,iBAAa,EACT,EACM;;;YA5BI,eAAoB;YAApB,sCAAoB;YACjB,cAAmB;YAAnB,oCAAmB;YAGnB,cAAqB;YAArB,sCAAqB;YAQd,eAAW;YAAX,+BAAW;YAE7B,cAAiB;YAAA,AAAjB,oCAAiB,4BAAgB;;;~~iFDR9B~~,qBAAqB;~~cALjC~~,SAAS;2BACE,iBAAiB;~~gDAKlB~~,KAAK;kBAAb,KAAK;YACG,OAAO;kBAAf,KAAK;YAEG,OAAO;kBAAf,KAAK;YAMF,MAAM;kBADT,KAAK;;kFATK,qBAAqB"}
1	+ {"version":3,"file":"message-modal.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/message-modal/message-modal.component.ts","../../../../../../../src/app/pages/id-vision/components/message-modal/message-modal.component.html"],"names":[],"mappings":"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"}

package/dist/src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.d.ts CHANGED Viewed

@@ -29,6 +29,7 @@ export declare class PhotoSelfieCameraComponent implements AfterViewInit, OnDest
     showProgress: boolean;
     timeRemaining: number;
     maxRecordingTime: number;
+    private defaultBrightness;
     constructor(platform: Platform, modalController: ModalController, sanitizer: DomSanitizer, modalDpiServices: ModalDpiServices, cdRef: ChangeDetectorRef, // Agregado para detectar cambios
     renderer: Renderer2);
     ngOnDestroy(): Promise<void>;
@@ -43,6 +44,8 @@ export declare class PhotoSelfieCameraComponent implements AfterViewInit, OnDest
     closeOverlay(): void;
     closeRequestedFunction(): void;
     resumeCamera(): void;
+    private boostBrightness;
+    private restoreBrightness;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhotoSelfieCameraComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PhotoSelfieCameraComponent, "app-photo-selfie-camera", never, { "text1": { "alias": "text1"; "required": false; }; "text2": { "alias": "text2"; "required": false; }; "onTakePicture": { "alias": "onTakePicture"; "required": false; }; "closeRequested": { "alias": "closeRequested"; "required": false; }; }, {}, never, never, false, never>;
 }

package/dist/src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
 import { Camera } from '@capacitor/camera';
+import { ScreenBrightness } from '@capacitor-community/screen-brightness';
 import { Capacitor } from '@capacitor/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ionic/angular";
@@ -8,6 +9,16 @@ import * as i3 from "../../services/modal-services/modal-dpi-services";
 import * as i4 from "@angular/common";
 const _c0 = ["videoElement"];
 const _c1 = ["progressRing"];
+function PhotoSelfieCameraComponent_p_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵtext(1, "Permanece quieto, con tu rostro dentro del circulo");
+    i0.ɵɵelementEnd();
+} }
+function PhotoSelfieCameraComponent_p_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵtext(1, "Espera un momento...");
+    i0.ɵɵelementEnd();
+} }
 function PhotoSelfieCameraComponent_div_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17)(1, "div", 18)(2, "span", 19);
     i0.ɵɵtext(3);
@@ -18,7 +29,6 @@ function PhotoSelfieCameraComponent_div_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.countdown);
 } }
 export class PhotoSelfieCameraComponent {
-    // overlaySrc: String = '';
     constructor(platform, modalController, sanitizer, modalDpiServices, cdRef, // Agregado para detectar cambios
     renderer // Agregado para manipular clases
     ) {
@@ -40,18 +50,22 @@ export class PhotoSelfieCameraComponent {
         this.showProgress = false;
         this.timeRemaining = 0;
         this.maxRecordingTime = 3000; // 3 segundos
+        // overlaySrc: String = '';
+        this.defaultBrightness = 0;
         console.log('🏗️ PhotoSelfieCamera: Constructor ejecutado');
         this.isAndroid = this.platform.is('android');
         this.isIOS = this.platform.is('ios');
     }
     async ngOnDestroy() {
         this.stopCamera();
+        this.restoreBrightness();
     }
     async ngAfterViewInit() {
         console.log('🔍 PhotoSelfieCamera inicializado');
         console.log('🔍 closeRequested callback:', this.closeRequested ? 'DEFINIDO ✅' : 'NO DEFINIDO ❌');
         if (this.isAndroid || this.isIOS) {
             await this.requestPermissions();
+            await this.boostBrightness();
         }
         await this.initCamera();
         this.isLoading = false;
@@ -204,6 +218,31 @@ export class PhotoSelfieCameraComponent {
             });
         }
     }
+    async boostBrightness() {
+        try {
+            console.log('[PhotoSelfieCamera] boostBrightness start');
+            const brightness = await ScreenBrightness.getBrightness();
+            this.defaultBrightness = brightness.brightness;
+            console.log('[PhotoSelfieCamera] current brightness', this.defaultBrightness);
+            await ScreenBrightness.setBrightness({ brightness: 1.0 });
+            console.log('[PhotoSelfieCamera] brightness set to 1.0');
+        }
+        catch (error) {
+            console.log('[PhotoSelfieCamera] boostBrightness error', error);
+        }
+    }
+    async restoreBrightness() {
+        if (this.defaultBrightness === 0)
+            return;
+        try {
+            console.log('[PhotoSelfieCamera] restoreBrightness start', this.defaultBrightness);
+            await ScreenBrightness.setBrightness({ brightness: this.defaultBrightness });
+            console.log('[PhotoSelfieCamera] brightness restored');
+        }
+        catch (error) {
+            console.log('[PhotoSelfieCamera] restoreBrightness error', error);
+        }
+    }
     static { this.ɵfac = function PhotoSelfieCameraComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhotoSelfieCameraComponent)(i0.ɵɵdirectiveInject(i1.Platform), i0.ɵɵdirectiveInject(i1.ModalController), i0.ɵɵdirectiveInject(i2.DomSanitizer), i0.ɵɵdirectiveInject(i3.ModalDpiServices), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhotoSelfieCameraComponent, selectors: [["app-photo-selfie-camera"]], viewQuery: function PhotoSelfieCameraComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
@@ -212,37 +251,41 @@ export class PhotoSelfieCameraComponent {
             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", onTakePicture: "onTakePicture", closeRequested: "closeRequested" }, decls: 19, vars: 3, consts: [["videoElement", ""], ["progressRing", ""], ["color", "light", 1, "custom-content"], [1, "ion-no-border"], ["color", "light"], ["slot", "end"], [3, "click"], ["name", "close"], [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"], [1, "text-center"], ["class", "countdown-overlay", 4, "ngIf"], [1, "fixed-footer"], ["expand", "block", 3, "click"], [1, "countdown-overlay"], [1, "countdown-circle"], [1, "countdown-number"]], template: function PhotoSelfieCameraComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { text1: "text1", text2: "text2", onTakePicture: "onTakePicture", closeRequested: "closeRequested" }, decls: 19, vars: 4, consts: [["videoElement", ""], ["progressRing", ""], ["color", "light", 1, "custom-content"], [1, "camera-container"], [2, "width", "100%", "display", "flex", "justify-content", "flex-end"], ["fill", "clear", 2, "width", "42px", "height", "42px", "--padding-start", "0", "--padding-end", "0", "--border-radius", "50%", "--background", "#f3e8ff", "--background-hover", "#e9d5ff", "--background-activated", "#ddd6fe", "--color", "#82298F", 3, "click"], ["slot", "icon-only", "name", "close-outline"], [1, "sdk-metag-title", 2, "color", "#000", "animation", "sdk-metag-lyric-rise .45s ease both"], [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"], ["class", "text-center", 4, "ngIf"], ["class", "countdown-overlay", 4, "ngIf"], [1, "fixed-footer"], ["expand", "block", 3, "click", "disabled"], [1, "text-center"], [1, "countdown-overlay"], [1, "countdown-circle"], [1, "countdown-number"]], template: function PhotoSelfieCameraComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ion-content", 2)(1, "ion-header", 3)(2, "ion-toolbar", 4)(3, "ion-buttons", 5)(4, "ion-button", 6);
-            i0.ɵɵlistener("click", function PhotoSelfieCameraComponent_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeRequestedFunction()); });
-            i0.ɵɵelement(5, "ion-icon", 7);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(6, "div", 8)(7, "div", 9);
-            i0.ɵɵelement(8, "video", 10, 0);
+            i0.ɵɵelementStart(0, "ion-content", 2)(1, "div", 3)(2, "div", 4)(3, "ion-button", 5);
+            i0.ɵɵlistener("click", function PhotoSelfieCameraComponent_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeRequestedFunction()); });
+            i0.ɵɵelement(4, "ion-icon", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "h1", 7);
+            i0.ɵɵtext(6, " Foto Selfie ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 8);
+            i0.ɵɵelement(8, "video", 9, 0);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(10, "svg", 11, 1);
-            i0.ɵɵelement(12, "circle", 12);
+            i0.ɵɵelementStart(10, "svg", 10, 1);
+            i0.ɵɵelement(12, "circle", 11);
             i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(13, PhotoSelfieCameraComponent_p_13_Template, 2, 0, "p", 12)(14, PhotoSelfieCameraComponent_p_14_Template, 2, 0, "p", 12)(15, PhotoSelfieCameraComponent_div_15_Template, 4, 1, "div", 13);
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(13, "p", 13);
-            i0.ɵɵtext(14, "Permanece quieto, con tu rostro en el centro del circulo");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(15, PhotoSelfieCameraComponent_div_15_Template, 4, 1, "div", 14);
-            i0.ɵɵelementStart(16, "div", 15)(17, "ion-button", 16);
+            i0.ɵɵelementStart(16, "div", 14)(17, "ion-button", 15);
             i0.ɵɵlistener("click", function PhotoSelfieCameraComponent_Template_ion_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.capturePhoto()); });
             i0.ɵɵtext(18, " Tomar Fotograf\u00EDa ");
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(15);
-            i0.ɵɵproperty("ngIf", ctx.showCountdown);
+            i0.ɵɵadvance(13);
+            i0.ɵɵproperty("ngIf", !ctx.isCapturing);
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("hidden", ctx.isCapturing);
-        } }, dependencies: [i4.NgIf, i1.IonButton, i1.IonButtons, i1.IonContent, i1.IonHeader, i1.IonIcon, 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: white;\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\n  video[_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 3s 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 3s 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    to {\r\n      stroke-dashoffset: 0;\r\n    }\r\n  }\r\n  \r\n  //[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   //[_ngcontent-%COMP%]  {\r\n  //   color: #ffffff;\r\n  //   font-weight: 50px;\r\n  //   border-radius: 20px;\r\n  //   margin-top: 20px;\r\n  //   //width: 90%;\r\n  //   //max-width: 300px;\r\n  //   align-self: center;\r\n  //   text-transform: none;\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: var(--purple-primary);\r\n  \r\n  //   --border-radius: 20px;\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  //   --padding-top: 10px;\r\n  //   --padding-bottom: 10px;\r\n  // }\r\n  \r\n  .text-container[_ngcontent-%COMP%] {\r\n    height: 40px;\r\n    color: black;\r\n  }\r\n  \r\n  ion-header[_ngcontent-%COMP%] {\r\n    --background: #ffffff; \n\r\n  }\r\n  \r\n  \r\n  \r\n  .centered-title[_ngcontent-%COMP%] {\r\n    text-align: center;\r\n    width: 100%; \n\r\n    font-weight: bold;\r\n  }\r\n  \r\n  .fixed-footer[_ngcontent-%COMP%] {\r\n    position: fixed;\r\n    bottom: 10vh; // Sube el bot\u00F3n un 10% desde abajo\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 10px;\r\n    background-color: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  \r\n    ion-button {\r\n      width: 90%;\r\n      max-width: 300px;\r\n      margin: 0 auto;\r\n      background-color: #ffcc00;\r\n      color: #ffffff;\r\n      font-weight: bold;\r\n      border-radius: 20px;\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: var(--purple-primary);\r\n    \r\n      --border-radius: 20px;\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      &:hover {\r\n        background-color: #ffb300;\r\n      }\r\n\r\n      &:active {\r\n        background-color: #e6a800;\r\n      }\r\n    }\r\n\r\n    // Clase para ocultar el bot\u00F3n durante la captura\r\n    &.hidden {\r\n      display: none;\r\n    }\r\n  }  \r\n  ion-header[_ngcontent-%COMP%] {\r\n    --background: #ffffff; \n\r\n    color: #000000; \n\r\n  }\r\n  \r\n  ion-toolbar[_ngcontent-%COMP%] {\r\n    --ion-background-color: #ffffff !important;\r\n    --background: #ffffff !important;\r\n    color: #000000;\r\n  }\r\n  \r\n  \r\n  ion-header[_ngcontent-%COMP%] {\r\n    --background: #ffffff; \n\r\n  }\r\n  \r\n  ion-toolbar[_ngcontent-%COMP%] {\r\n    --ion-background-color: #ffffff !important;\r\n    --background: #ffffff !important;\r\n    color: #000000;\r\n    display: flex;\r\n    justify-content: space-between; \n\r\n    align-items: center;\r\n  }\r\n  \r\n  .centered-title[_ngcontent-%COMP%] {\r\n    flex: 1;\r\n    text-align: center; \n\r\n    font-weight: bold;\r\n    color: #000000;\r\n    margin: 0; \n\r\n  }\r\n  \r\n  ion-buttons[_ngcontent-%COMP%] {\r\n    justify-content: flex-end; \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); \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; \n\r\n    animation: _ngcontent-%COMP%_fadeIn 0.5s ease-out, _ngcontent-%COMP%_fadeOut 0.5s ease-out 2.5s; \n\r\n    box-sizing: border-box;\r\n    border-radius: 0px;\r\n  \r\n  }\r\n  \r\n  ion-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: white;\r\n    animation: _ngcontent-%COMP%_scaleUp 0.5s ease-out, _ngcontent-%COMP%_scaleDown 0.5s ease-out 2.5s; \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    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    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    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    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); \n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000; \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\n  ion-spinner[_ngcontent-%COMP%] {\r\n    color: white;\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n  \r\n  //[_ngcontent-%COMP%]   Estilos[_ngcontent-%COMP%]   para[_ngcontent-%COMP%]   el[_ngcontent-%COMP%]   c\u00EDrculo[_ngcontent-%COMP%]   morado[_ngcontent-%COMP%]   con[_ngcontent-%COMP%]   cuenta[_ngcontent-%COMP%]   regresiva\r\n[_ngcontent-%COMP%]   .countdown-overlay[_ngcontent-%COMP%] {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n  }\r\n  \r\n  .countdown-circle[_ngcontent-%COMP%] {\r\n    width: 200px;\r\n    height: 200px;\r\n    border: 10px solid purple;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n  }\r\n  \r\n  .countdown-number[_ngcontent-%COMP%] {\r\n    font-size: 3rem;\r\n    font-weight: bold;\r\n    color: purple;\r\n  }\r\n  \r\n  //[_ngcontent-%COMP%]   Estilos[_ngcontent-%COMP%]   para[_ngcontent-%COMP%]   el[_ngcontent-%COMP%]   bot\u00F3n[_ngcontent-%COMP%]   redondo[_ngcontent-%COMP%]   de[_ngcontent-%COMP%]   tomar[_ngcontent-%COMP%]   foto\r\n[_ngcontent-%COMP%]   .capture-button[_ngcontent-%COMP%] {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    background-color: purple;\r\n    color: white;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n    margin: 0 auto;\r\n  }"] }); }
+            i0.ɵɵproperty("ngIf", ctx.isCapturing);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showCountdown);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.isCapturing);
+        } }, dependencies: [i4.NgIf, i1.IonButton, i1.IonContent, i1.IonIcon], styles: [".camera-container[_ngcontent-%COMP%] {\n    padding: 20px 20px 24px;\n    gap: 20px;\n    //margin-top: 1rem;\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: white;\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\n  video[_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 3s linear;\n    \n\n  }\n\n  .progress-active[_ngcontent-%COMP%]   .progress-ring__circle[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_progress-animation 3s linear forwards;\n  }\n\n  @keyframes _ngcontent-%COMP%_progress-animation {\n    from {\n      stroke-dashoffset: 880;\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  //[_ngcontent-%COMP%]   div\n[_ngcontent-%COMP%]   //[_ngcontent-%COMP%]  {\n  //   color: #ffffff;\n  //   font-weight: 50px;\n  //   border-radius: 20px;\n  //   margin-top: 20px;\n  //   //width: 90%;\n  //   //max-width: 300px;\n  //   align-self: center;\n  //   text-transform: none;\n\n  //   --background: var(--purple-primary);\n  //   --background-hover: var(--purple-secondary);\n  //   --background-activated: var(--purple-secondary);\n  //   --background-focused: var(--purple-secondary);\n\n  //   --color: var(--purple-primary);\n\n  //   --border-radius: 20px;\n  //   --border-color: var(--purple-primary);\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: var(--purple-secondary);\n\n\n  //   --padding-top: 10px;\n  //   --padding-bottom: 10px;\n  // }\n\n  .text-container[_ngcontent-%COMP%] {\n    height: 40px;\n    color: black;\n  }\n\n  ion-header[_ngcontent-%COMP%] {\n    --background: #ffffff; \n\n  }\n\n\n\n  .centered-title[_ngcontent-%COMP%] {\n    text-align: center;\n    width: 100%; \n\n    font-weight: bold;\n  }\n\n  .fixed-footer[_ngcontent-%COMP%] {\n    //position: fixed;\n    bottom: 10vh; // Sube el bot\u00F3n un 10% desde abajo\n    left: 0;\n    width: 100%;\n    padding: 10px;\n    background-color: #fff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ion-button {\n      width: 90%;\n      max-width: 300px;\n      margin: 0 auto;\n      background-color: #ffcc00;\n      color: #ffffff;\n      font-weight: bold;\n      border-radius: 20px;\n\n      --background: var(--purple-primary);\n      --background-hover: var(--purple-secondary);\n      --background-activated: var(--purple-secondary);\n      --background-focused: var(--purple-secondary);\n\n      --color: var(--purple-primary);\n\n      --border-radius: 20px;\n      --border-color: var(--purple-primary);\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: var(--purple-secondary);\n\n      &:hover {\n        background-color: #ffb300;\n      }\n\n      &:active {\n        background-color: #e6a800;\n      }\n    }\n\n    // Clase para ocultar el bot\u00F3n durante la captura\n    &.hidden {\n      display: none;\n    }\n  }\n  ion-header[_ngcontent-%COMP%] {\n    --background: #ffffff; \n\n    color: #000000; \n\n  }\n\n  ion-toolbar[_ngcontent-%COMP%] {\n    --ion-background-color: #ffffff !important;\n    --background: #ffffff !important;\n    color: #000000;\n  }\n\n\n  ion-header[_ngcontent-%COMP%] {\n    --background: #ffffff; \n\n  }\n\n  ion-toolbar[_ngcontent-%COMP%] {\n    --ion-background-color: #ffffff !important;\n    --background: #ffffff !important;\n    color: #000000;\n    display: flex;\n    justify-content: space-between; \n\n    align-items: center;\n  }\n\n  .centered-title[_ngcontent-%COMP%] {\n    flex: 1;\n    text-align: center; \n\n    font-weight: bold;\n    color: #000000;\n    margin: 0; \n\n  }\n\n  ion-buttons[_ngcontent-%COMP%] {\n    justify-content: flex-end; \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    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    z-index: 1000; \n\n    animation: _ngcontent-%COMP%_fadeIn 0.5s ease-out, _ngcontent-%COMP%_fadeOut 0.5s ease-out 2.5s; \n\n    box-sizing: border-box;\n    border-radius: 0px;\n\n  }\n\n  ion-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  }\n\n  .countdown[_ngcontent-%COMP%] {\n    font-size: 100px;\n    font-weight: bold;\n    color: white;\n    animation: _ngcontent-%COMP%_scaleUp 0.5s ease-out, _ngcontent-%COMP%_scaleDown 0.5s ease-out 2.5s; \n\n  }\n\n  \n\n  @keyframes _ngcontent-%COMP%_fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes _ngcontent-%COMP%_fadeOut {\n    from {\n      opacity: 1;\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    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    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    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000; \n\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    border-radius: 0px;\n  }\n\n  ion-spinner[_ngcontent-%COMP%] {\n    color: white;\n    width: 50px;\n    height: 50px;\n  }\n\n  //[_ngcontent-%COMP%]   Estilos[_ngcontent-%COMP%]   para[_ngcontent-%COMP%]   el[_ngcontent-%COMP%]   c\u00EDrculo[_ngcontent-%COMP%]   morado[_ngcontent-%COMP%]   con[_ngcontent-%COMP%]   cuenta[_ngcontent-%COMP%]   regresiva\n[_ngcontent-%COMP%]   .countdown-overlay[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 10;\n  }\n\n  .countdown-circle[_ngcontent-%COMP%] {\n    width: 200px;\n    height: 200px;\n    border: 10px solid purple;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.8);\n  }\n\n  .countdown-number[_ngcontent-%COMP%] {\n    font-size: 3rem;\n    font-weight: bold;\n    color: purple;\n  }\n\n  //[_ngcontent-%COMP%]   Estilos[_ngcontent-%COMP%]   para[_ngcontent-%COMP%]   el[_ngcontent-%COMP%]   bot\u00F3n[_ngcontent-%COMP%]   redondo[_ngcontent-%COMP%]   de[_ngcontent-%COMP%]   tomar[_ngcontent-%COMP%]   foto\n[_ngcontent-%COMP%]   .capture-button[_ngcontent-%COMP%] {\n    width: 70px;\n    height: 70px;\n    border-radius: 50%;\n    background-color: purple;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    margin: 0 auto;\n  }"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhotoSelfieCameraComponent, [{
         type: Component,
-        args: [{ selector: 'app-photo-selfie-camera', 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\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)=\"closeRequestedFunction()\">\r\n          <ion-icon name=\"close\"></ion-icon>\r\n        </ion-button>\r\n      </ion-buttons>\r\n    </ion-toolbar>\r\n  </ion-header>\r\n\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\r\n    <p class=\"text-center\">Permanece quieto, con tu rostro en el centro del circulo</p>\r\n    <!-- Efecto de c\u00EDrculo morado con cuenta regresiva -->\r\n    <div class=\"countdown-overlay\" *ngIf=\"showCountdown\">\r\n      <div class=\"countdown-circle\">\r\n        <span class=\"countdown-number\">{{ countdown }}</span>\r\n      </div>\r\n    </div>\r\n    <!-- Bot\u00F3n expandido y centrado para tomar foto -->\r\n    <div class=\"fixed-footer\" [class.hidden]=\"isCapturing\">\r\n      <ion-button expand=\"block\" (click)=\"capturePhoto()\">\r\n        Tomar Fotograf\u00EDa\r\n      </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: white;\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\n  video {\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 */\r\n    stroke-dashoffset: 880;\r\n    /* Oculto por completo al inicio */\r\n    transition: stroke-dashoffset 3s 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 3s linear forwards;\r\n  }\r\n  \r\n  @keyframes progress-animation {\r\n    from {\r\n      stroke-dashoffset: 880;\r\n    }\r\n    to {\r\n      stroke-dashoffset: 0;\r\n    }\r\n  }\r\n  \r\n  // div \r\n  //  {\r\n  //   color: #ffffff;\r\n  //   font-weight: 50px;\r\n  //   border-radius: 20px;\r\n  //   margin-top: 20px;\r\n  //   //width: 90%;\r\n  //   //max-width: 300px;\r\n  //   align-self: center;\r\n  //   text-transform: none;\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: var(--purple-primary);\r\n  \r\n  //   --border-radius: 20px;\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  //   --padding-top: 10px;\r\n  //   --padding-bottom: 10px;\r\n  // }\r\n  \r\n  .text-container {\r\n    height: 40px;\r\n    color: black;\r\n  }\r\n  \r\n  ion-header {\r\n    --background: #ffffff; /* Fondo blanco para el header */\r\n  }\r\n  \r\n  \r\n  \r\n  .centered-title {\r\n    text-align: center;\r\n    width: 100%; /* 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: 10vh; // Sube el bot\u00F3n un 10% desde abajo\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 10px;\r\n    background-color: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  \r\n    ion-button {\r\n      width: 90%;\r\n      max-width: 300px;\r\n      margin: 0 auto;\r\n      background-color: #ffcc00;\r\n      color: #ffffff;\r\n      font-weight: bold;\r\n      border-radius: 20px;\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: var(--purple-primary);\r\n    \r\n      --border-radius: 20px;\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      &:hover {\r\n        background-color: #ffb300;\r\n      }\r\n\r\n      &:active {\r\n        background-color: #e6a800;\r\n      }\r\n    }\r\n\r\n    // Clase para ocultar el bot\u00F3n durante la captura\r\n    &.hidden {\r\n      display: none;\r\n    }\r\n  }  \r\n  ion-header {\r\n    --background: #ffffff; /* Fondo blanco */\r\n    color: #000000; /* Texto negro */\r\n  }\r\n  \r\n  ion-toolbar {\r\n    --ion-background-color: #ffffff !important;\r\n    --background: #ffffff !important;\r\n    color: #000000;\r\n  }\r\n  \r\n  \r\n  ion-header {\r\n    --background: #ffffff; /* Fondo blanco */\r\n  }\r\n  \r\n  ion-toolbar {\r\n    --ion-background-color: #ffffff !important;\r\n    --background: #ffffff !important;\r\n    color: #000000;\r\n    display: flex;\r\n    justify-content: space-between; /* Espacio entre t\u00EDtulo y bot\u00F3n */\r\n    align-items: center;\r\n  }\r\n  \r\n  .centered-title {\r\n    flex: 1;\r\n    text-align: center; /* Centrar el t\u00EDtulo */\r\n    font-weight: bold;\r\n    color: #000000;\r\n    margin: 0; /* Quita cualquier margen del t\u00EDtulo */\r\n  }\r\n  \r\n  ion-buttons {\r\n    justify-content: flex-end; /* Alinea el bot\u00F3n a la derecha */\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); /* 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; /* Asegurarse de que est\u00E9 encima de otros elementos */\r\n    animation: fadeIn 0.5s ease-out, fadeOut 0.5s ease-out 2.5s; /* Animaciones de entrada y salida */\r\n    box-sizing: border-box;\r\n    border-radius: 0px;\r\n  \r\n  }\r\n  \r\n  ion-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: white;\r\n    animation: scaleUp 0.5s ease-out, scaleDown 0.5s ease-out 2.5s; /* 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    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    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    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    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); /* 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    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    border-radius: 0px;\r\n  }\r\n  \r\n  ion-spinner {\r\n    color: white;\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n  \r\n  // Estilos para el c\u00EDrculo morado con cuenta regresiva\r\n  .countdown-overlay {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n  }\r\n  \r\n  .countdown-circle {\r\n    width: 200px;\r\n    height: 200px;\r\n    border: 10px solid purple;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n  }\r\n  \r\n  .countdown-number {\r\n    font-size: 3rem;\r\n    font-weight: bold;\r\n    color: purple;\r\n  }\r\n  \r\n  // Estilos para el bot\u00F3n redondo de tomar foto\r\n  .capture-button {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    background-color: purple;\r\n    color: white;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n    margin: 0 auto;\r\n  }"] }]
+        args: [{ selector: 'app-photo-selfie-camera', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"light\" 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\n  <!--<ion-header class=\"ion-no-border\">\n    <ion-toolbar color=\"light\">\n      <ion-title class=\"centered-title\">Video Selfie</ion-title> -->\n      <!--<ion-buttons slot=\"end\">\n        <ion-button (click)=\"closeRequestedFunction()\">\n          <ion-icon name=\"close\"></ion-icon>\n        </ion-button>\n      </ion-buttons>\n    </ion-toolbar>\n  </ion-header>-->\n\n\n  <!-- Contenedor de la c\u00E1mara y progresi\u00F3n -->\n  <div class=\"camera-container\">\n\n    <div style=\"width:100%;display:flex;justify-content:flex-end;\">\n      <ion-button\n        fill=\"clear\"\n        style=\"width:42px;height:42px;--padding-start:0;--padding-end:0;--border-radius:50%;--background:#f3e8ff;--background-hover:#e9d5ff;--background-activated:#ddd6fe;--color:#82298F;\"\n        (click)=\"closeRequestedFunction()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </div>\n\n    <h1\n      class=\"sdk-metag-title\"\n      style=\"color: #000; animation:sdk-metag-lyric-rise .45s ease both;\">\n      Foto Selfie\n    </h1>\n\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\n    <p *ngIf=\"!isCapturing\" class=\"text-center\">Permanece quieto, con tu rostro dentro del circulo</p>\n    <p *ngIf=\"isCapturing\" class=\"text-center\">Espera un momento...</p>\n\n    <!-- Efecto de c\u00EDrculo morado con cuenta regresiva -->\n    <div class=\"countdown-overlay\" *ngIf=\"showCountdown\">\n      <div class=\"countdown-circle\">\n        <span class=\"countdown-number\">{{ countdown }}</span>\n      </div>\n    </div>\n    <!-- Bot\u00F3n expandido y centrado para tomar foto -->\n    <!--<div class=\"fixed-footer\" [class.hidden]=\"isCapturing\">-->\n    <div class=\"fixed-footer\">\n      <ion-button [disabled]=\"isCapturing\" expand=\"block\" (click)=\"capturePhoto()\">\n        Tomar Fotograf\u00EDa\n      </ion-button>\n    </div>\n  </div>\n</ion-content>\n", styles: [".camera-container {\n    padding: 20px 20px 24px;\n    gap: 20px;\n    //margin-top: 1rem;\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: white;\n  }\n\n  .video-wrapper {\n    position: relative;\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    overflow: hidden;\n  }\n\n  video {\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 */\n    stroke-dashoffset: 880;\n    /* Oculto por completo al inicio */\n    transition: stroke-dashoffset 3s linear;\n    /* Esto controlar\u00E1 el llenado progresivo */\n  }\n\n  .progress-active .progress-ring__circle {\n    animation: progress-animation 3s linear forwards;\n  }\n\n  @keyframes progress-animation {\n    from {\n      stroke-dashoffset: 880;\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  // div\n  //  {\n  //   color: #ffffff;\n  //   font-weight: 50px;\n  //   border-radius: 20px;\n  //   margin-top: 20px;\n  //   //width: 90%;\n  //   //max-width: 300px;\n  //   align-self: center;\n  //   text-transform: none;\n\n  //   --background: var(--purple-primary);\n  //   --background-hover: var(--purple-secondary);\n  //   --background-activated: var(--purple-secondary);\n  //   --background-focused: var(--purple-secondary);\n\n  //   --color: var(--purple-primary);\n\n  //   --border-radius: 20px;\n  //   --border-color: var(--purple-primary);\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: var(--purple-secondary);\n\n\n  //   --padding-top: 10px;\n  //   --padding-bottom: 10px;\n  // }\n\n  .text-container {\n    height: 40px;\n    color: black;\n  }\n\n  ion-header {\n    --background: #ffffff; /* Fondo blanco para el header */\n  }\n\n\n\n  .centered-title {\n    text-align: center;\n    width: 100%; /* Asegura que el t\u00EDtulo est\u00E9 centrado */\n    font-weight: bold;\n  }\n\n  .fixed-footer {\n    //position: fixed;\n    bottom: 10vh; // Sube el bot\u00F3n un 10% desde abajo\n    left: 0;\n    width: 100%;\n    padding: 10px;\n    background-color: #fff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ion-button {\n      width: 90%;\n      max-width: 300px;\n      margin: 0 auto;\n      background-color: #ffcc00;\n      color: #ffffff;\n      font-weight: bold;\n      border-radius: 20px;\n\n      --background: var(--purple-primary);\n      --background-hover: var(--purple-secondary);\n      --background-activated: var(--purple-secondary);\n      --background-focused: var(--purple-secondary);\n\n      --color: var(--purple-primary);\n\n      --border-radius: 20px;\n      --border-color: var(--purple-primary);\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: var(--purple-secondary);\n\n      &:hover {\n        background-color: #ffb300;\n      }\n\n      &:active {\n        background-color: #e6a800;\n      }\n    }\n\n    // Clase para ocultar el bot\u00F3n durante la captura\n    &.hidden {\n      display: none;\n    }\n  }\n  ion-header {\n    --background: #ffffff; /* Fondo blanco */\n    color: #000000; /* Texto negro */\n  }\n\n  ion-toolbar {\n    --ion-background-color: #ffffff !important;\n    --background: #ffffff !important;\n    color: #000000;\n  }\n\n\n  ion-header {\n    --background: #ffffff; /* Fondo blanco */\n  }\n\n  ion-toolbar {\n    --ion-background-color: #ffffff !important;\n    --background: #ffffff !important;\n    color: #000000;\n    display: flex;\n    justify-content: space-between; /* Espacio entre t\u00EDtulo y bot\u00F3n */\n    align-items: center;\n  }\n\n  .centered-title {\n    flex: 1;\n    text-align: center; /* Centrar el t\u00EDtulo */\n    font-weight: bold;\n    color: #000000;\n    margin: 0; /* Quita cualquier margen del t\u00EDtulo */\n  }\n\n  ion-buttons {\n    justify-content: flex-end; /* Alinea el bot\u00F3n a la derecha */\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); /* Fondo semi-transparente */\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    z-index: 1000; /* Asegurarse de que est\u00E9 encima de otros elementos */\n    animation: fadeIn 0.5s ease-out, fadeOut 0.5s ease-out 2.5s; /* Animaciones de entrada y salida */\n    box-sizing: border-box;\n    border-radius: 0px;\n\n  }\n\n  ion-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  }\n\n  .countdown {\n    font-size: 100px;\n    font-weight: bold;\n    color: white;\n    animation: scaleUp 0.5s ease-out, scaleDown 0.5s ease-out 2.5s; /* 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    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes fadeOut {\n    from {\n      opacity: 1;\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    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    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); /* 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    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    border-radius: 0px;\n  }\n\n  ion-spinner {\n    color: white;\n    width: 50px;\n    height: 50px;\n  }\n\n  // Estilos para el c\u00EDrculo morado con cuenta regresiva\n  .countdown-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 10;\n  }\n\n  .countdown-circle {\n    width: 200px;\n    height: 200px;\n    border: 10px solid purple;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.8);\n  }\n\n  .countdown-number {\n    font-size: 3rem;\n    font-weight: bold;\n    color: purple;\n  }\n\n  // Estilos para el bot\u00F3n redondo de tomar foto\n  .capture-button {\n    width: 70px;\n    height: 70px;\n    border-radius: 50%;\n    background-color: purple;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    margin: 0 auto;\n  }\n"] }]
     }], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.DomSanitizer }, { type: i3.ModalDpiServices }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], { videoElement: [{
             type: ViewChild,
             args: ['videoElement']
@@ -258,5 +301,5 @@ export class PhotoSelfieCameraComponent {
         }], closeRequested: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhotoSelfieCameraComponent, { className: "PhotoSelfieCameraComponent", filePath: "src\\app\\pages\\id-vision\\components\\photo-selfie-camera\\photo-selfie-camera.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhotoSelfieCameraComponent, { className: "PhotoSelfieCameraComponent" }); })();
 //# sourceMappingURL=photo-selfie-camera.component.js.map

package/dist/src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"photo-selfie-camera.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.ts","../../../../../../../src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAoC,SAAS,EAAc,KAAK,EAAwB,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEnJ,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;~~AAK3C~~,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;~~ICuBpC~~,AADF,AADF,+BAAqD,cACrB,eACG;IAAA,YAAe;IAElD,AADE,AADgD,iBAAO,EACjD,EACF;;;IAF6B,eAAe;IAAf,sCAAe;;~~ADdtD~~,MAAM,OAAO,0BAA0B;~~IA4BrC~~,~~2BAA2B;IAE3B,~~YACU,QAAkB,EAClB,eAAgC,EAChC,SAAuB,EACvB,gBAAkC,EAClC,KAAwB,EAAE,iCAAiC;IAC3D,QAAmB,CAAC,iCAAiC;;QALrD,aAAQ,GAAR,QAAQ,CAAU;QAClB,oBAAe,GAAf,eAAe,CAAiB;QAChC,cAAS,GAAT,SAAS,CAAc;QACvB,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,UAAK,GAAL,KAAK,CAAmB;QACxB,aAAQ,GAAR,QAAQ,CAAW;~~QAhCpB~~,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QAI5B,kBAAa,GAAmB,IAAI,CAAC;QACrC,WAAM,GAAuB,IAAI,CAAC;QAKlC,cAAS,GAAY,IAAI,CAAC;QAC1B,kBAAa,GAAY,KAAK,CAAC;QAC/B,cAAS,GAAW,CAAC,CAAC;QACtB,gBAAW,GAAY,KAAK,CAAC;QAG7B,qBAAgB,GAAkB,IAAI,CAAC;QAEvC,iBAAY,GAAY,KAAK,CAAC;QAE9B,kBAAa,GAAW,CAAC,CAAC;QAC1B,qBAAgB,GAAW,IAAI,CAAC,CAAC,aAAa;~~QAY5C~~,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC;QAC5D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,UAAU,EAAE,CAAC;~~IACpB~~,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;QACjD,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QAEjG,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACjC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;~~QAClC~~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~~2HAtOU~~,0BAA0B;oEAA1B,0BAA0B;;;;;;;;;~~YCN/B~~,AADF,AAFF,~~AADF~~,~~AANF,~~sCAAkD,~~oBAMd~~,~~qBACL~~,~~qBAED,oBACyB~~;YAAnC,iJAAS,4BAAwB,KAAC;~~YAC5C~~,~~8BAAkC~~;~~YAI1C~~,AADE,~~AADE,AADE,~~iBAAa,~~EACD~~,~~EACF~~,~~EACH~~;~~YAIX~~,~~AADF~~,~~8BAA8B,aACD~~;YACzB~~,+BAAsF~~;;YACtF,mCAAkE;YAChE,~~8BAAkE~~;~~YAEtE~~,AADE,iBAAM,EACF~~;;YAEN,8BAAuB~~;~~YAAA~~,~~yEAAwD;YAAA~~,~~iBAAI;YAEnF~~,~~8EAAqD;YAOnD~~,AADF,~~gCAAuD~~,~~sBACD~~;YAAzB,kJAAS,kBAAc,KAAC;~~YACjD~~,wCACF;YAGN,AADE,AADE,AADE,iBAAa,EACT,EACF,EACM;;~~YAZsB~~,~~gBAAmB~~;YAAnB,wCAAmB;~~YAMzB~~,~~cAA4B~~;~~YAA5B~~,~~yCAA4B~~;;;~~iFDlB7C~~,0BAA0B;cANtC,SAAS;2BACE,yBAAyB,iBAGpB,iBAAiB,CAAC,QAAQ;yLAGd,YAAY;kBAAtC,SAAS;mBAAC,cAAc;YACqB,YAAY;kBAAzD,SAAS;mBAAC,cAAc,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAEnC,KAAK;kBAAb,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,aAAa;kBAArB,KAAK;YACG,cAAc;kBAAtB,KAAK;;kFAPK,0BAA0B"}
1	+ {"version":3,"file":"photo-selfie-camera.component.js","sourceRoot":"","sources":["../../../../../../../src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.ts","../../../../../../../src/app/pages/id-vision/components/photo-selfie-camera/photo-selfie-camera.component.html"],"names":[],"mappings":"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"}