metag-sdk-ionic 1.2.11-dev-0.1 → 1.2.11-dev-0.3
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.
package/dist/src/app/pages/id-vision/components/camera-with-overlay/camera-with-overlay.component.js
CHANGED
|
@@ -6,12 +6,17 @@ import * as i1 from "@ionic/angular";
|
|
|
6
6
|
import * as i2 from "../../services/modal-services/modal-dpi-services";
|
|
7
7
|
import * as i3 from "@angular/common";
|
|
8
8
|
const _c0 = ["videoElement"];
|
|
9
|
-
function
|
|
9
|
+
function CameraWithOverlayComponent_ion_button_15_Template(rf, ctx) { if (rf & 1) {
|
|
10
10
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
11
|
-
i0.ɵɵelementStart(0, "ion-
|
|
12
|
-
i0.ɵɵlistener("click", function
|
|
13
|
-
i0.ɵɵelement(
|
|
14
|
-
i0.ɵɵelementEnd()
|
|
11
|
+
i0.ɵɵelementStart(0, "ion-button", 18);
|
|
12
|
+
i0.ɵɵlistener("click", function CameraWithOverlayComponent_ion_button_15_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleRearCam()); });
|
|
13
|
+
i0.ɵɵelement(1, "ion-icon", 20);
|
|
14
|
+
i0.ɵɵelementEnd();
|
|
15
|
+
} }
|
|
16
|
+
function CameraWithOverlayComponent_p_16_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
+
i0.ɵɵelementStart(0, "p", 21);
|
|
18
|
+
i0.ɵɵtext(1, "Enfoque");
|
|
19
|
+
i0.ɵɵelementEnd();
|
|
15
20
|
} }
|
|
16
21
|
export class CameraWithOverlayComponent {
|
|
17
22
|
constructor(platform, modalController, modaldpiServices) {
|
|
@@ -192,42 +197,45 @@ export class CameraWithOverlayComponent {
|
|
|
192
197
|
} if (rf & 2) {
|
|
193
198
|
let _t;
|
|
194
199
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.videoElement = _t.first);
|
|
195
|
-
} }, inputs: { text1: "text1", text2: "text2", overlaySrc: "overlaySrc", onTakePicture: "onTakePicture" }, outputs: { closeRequested: "closeRequested" }, decls:
|
|
200
|
+
} }, inputs: { text1: "text1", text2: "text2", overlaySrc: "overlaySrc", onTakePicture: "onTakePicture" }, outputs: { closeRequested: "closeRequested" }, decls: 23, vars: 5, consts: [["videoElement", ""], ["color", "dark"], [1, "sdk-metag-camera-overlay"], [1, "sdk-metag-header-text"], [1, "sdk-metag-text-help"], [1, "sdk-metag-country"], [1, "sdk-metag-visible-window"], [1, "sdk-metag-camera-container"], ["autoplay", "", "muted", "", "playsinline", ""], ["alt", "Overlay", 1, "sdk-metag-overlay-frame", "sdk-metag-blink-image", 3, "src"], [1, "sdk-metag-controls-container"], [1, "sdk-metag-control-left"], ["fill", "clear", "class", "sdk-metag-control-button", 3, "click", 4, "ngIf"], ["class", "sdk-metag-control-label", 4, "ngIf"], [1, "sdk-metag-control-center"], ["shape", "round", 1, "sdk-metag-capture-button", 3, "click"], ["name", "camera-outline", 1, "sdk-metag-camera-icon"], [1, "sdk-metag-control-right"], ["fill", "clear", 1, "sdk-metag-control-button", 3, "click"], ["name", "close-outline"], ["name", "camera-reverse-outline"], [1, "sdk-metag-control-label"]], template: function CameraWithOverlayComponent_Template(rf, ctx) { if (rf & 1) {
|
|
196
201
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
197
|
-
i0.ɵɵelementStart(0, "ion-content", 1)(1, "div", 2);
|
|
198
|
-
i0.ɵɵ
|
|
199
|
-
i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "p");
|
|
200
|
-
i0.ɵɵtext(6);
|
|
202
|
+
i0.ɵɵelementStart(0, "ion-content", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "p");
|
|
203
|
+
i0.ɵɵtext(5);
|
|
201
204
|
i0.ɵɵelementEnd()();
|
|
202
|
-
i0.ɵɵelementStart(
|
|
203
|
-
i0.ɵɵtext(
|
|
205
|
+
i0.ɵɵelementStart(6, "p", 5);
|
|
206
|
+
i0.ɵɵtext(7);
|
|
204
207
|
i0.ɵɵelementEnd()();
|
|
205
|
-
i0.ɵɵelement(
|
|
206
|
-
i0.ɵɵelementStart(
|
|
207
|
-
i0.ɵɵelement(
|
|
208
|
+
i0.ɵɵelement(8, "div", 6);
|
|
209
|
+
i0.ɵɵelementStart(9, "div", 7);
|
|
210
|
+
i0.ɵɵelement(10, "video", 8, 0)(12, "img", 9);
|
|
211
|
+
i0.ɵɵelementEnd();
|
|
212
|
+
i0.ɵɵelementStart(13, "div", 10)(14, "div", 11);
|
|
213
|
+
i0.ɵɵtemplate(15, CameraWithOverlayComponent_ion_button_15_Template, 2, 0, "ion-button", 12)(16, CameraWithOverlayComponent_p_16_Template, 2, 0, "p", 13);
|
|
208
214
|
i0.ɵɵelementEnd();
|
|
209
|
-
i0.ɵɵelementStart(
|
|
210
|
-
i0.ɵɵlistener("click", function
|
|
211
|
-
i0.ɵɵelement(
|
|
215
|
+
i0.ɵɵelementStart(17, "div", 14)(18, "ion-button", 15);
|
|
216
|
+
i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.capturePhoto()); });
|
|
217
|
+
i0.ɵɵelement(19, "ion-icon", 16);
|
|
212
218
|
i0.ɵɵelementEnd()();
|
|
213
|
-
i0.ɵɵelementStart(17, "ion-button",
|
|
214
|
-
i0.ɵɵlistener("click", function
|
|
215
|
-
i0.ɵɵelement(
|
|
216
|
-
i0.ɵɵelementEnd()()();
|
|
219
|
+
i0.ɵɵelementStart(20, "div", 17)(21, "ion-button", 18);
|
|
220
|
+
i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
|
|
221
|
+
i0.ɵɵelement(22, "ion-icon", 19);
|
|
222
|
+
i0.ɵɵelementEnd()()()()();
|
|
217
223
|
} if (rf & 2) {
|
|
218
|
-
i0.ɵɵadvance(
|
|
219
|
-
i0.ɵɵproperty("ngIf", ctx.rearCams.length > 1);
|
|
220
|
-
i0.ɵɵadvance(4);
|
|
224
|
+
i0.ɵɵadvance(5);
|
|
221
225
|
i0.ɵɵtextInterpolate(ctx.text1);
|
|
222
226
|
i0.ɵɵadvance(2);
|
|
223
227
|
i0.ɵɵtextInterpolate(ctx.text2);
|
|
224
228
|
i0.ɵɵadvance(5);
|
|
225
229
|
i0.ɵɵproperty("src", ctx.overlaySrc, i0.ɵɵsanitizeUrl);
|
|
226
|
-
|
|
230
|
+
i0.ɵɵadvance(3);
|
|
231
|
+
i0.ɵɵproperty("ngIf", ctx.rearCams.length > 1);
|
|
232
|
+
i0.ɵɵadvance();
|
|
233
|
+
i0.ɵɵproperty("ngIf", ctx.rearCams.length > 1);
|
|
234
|
+
} }, dependencies: [i3.NgIf, i1.IonButton, i1.IonContent, i1.IonIcon], styles: ["ion-content[_ngcontent-%COMP%] {\r\n --background: black;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n}\r\n\r\n.sdk-metag-blink-image[_ngcontent-%COMP%] {\r\n animation: _ngcontent-%COMP%_blink 3s infinite;\r\n}\r\n\r\n@keyframes _ngcontent-%COMP%_blink {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.sdk-metag-modal-container[_ngcontent-%COMP%] {\r\n max-width: 400px;\r\n}\r\n\r\n.sdk-metag-camera-overlay[_ngcontent-%COMP%] {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.sdk-metag-camera-container[_ngcontent-%COMP%] {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n\r\n video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n}\r\n\r\n.sdk-metag-overlay-frame[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 86%;\r\n max-height: 90%;\r\n z-index: 9;\r\n}\r\n\r\n.sdk-metag-header-text[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 50px;\r\n width: 100%;\r\n text-align: center;\r\n color: white;\r\n z-index: 15;\r\n\r\n p {\r\n margin: 0;\r\n font-size: 18px;\r\n }\r\n\r\n .sdk-metag-country {\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n.sdk-metag-visible-window[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 313px;\r\n height: 500px;\r\n max-width: 90%;\r\n max-height: 90%;\r\n background: transparent;\r\n border: 2px solid white;\r\n border-radius: 10px;\r\n z-index: 10;\r\n box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.sdk-metag-text-help[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n display: inline-block;\r\n background-color: white;\r\n padding: 15px;\r\n border-radius: 5px;\r\n color: black;\r\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n animation: _ngcontent-%COMP%_popIn 1s ease-in-out;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n}\r\n\r\n//[_ngcontent-%COMP%] ========================================\r\n//[_ngcontent-%COMP%] NUEVO[_ngcontent-%COMP%] DISE\u00D1O[_ngcontent-%COMP%] DE[_ngcontent-%COMP%] CONTROLES\r\n//[_ngcontent-%COMP%] ========================================\r\n.sdk-metag-controls-container[_ngcontent-%COMP%] {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: flex-end;\r\n padding: 0 30px;\r\n z-index: 15;\r\n gap: 10px;\r\n}\r\n\r\n//[_ngcontent-%COMP%] Bot\u00F3n[_ngcontent-%COMP%] izquierda[_ngcontent-%COMP%]: Cambiar[_ngcontent-%COMP%] c\u00E1mara[_ngcontent-%COMP%] + label[_ngcontent-%COMP%] \"Enfoque\"\r\n.sdk-metag-control-left[_ngcontent-%COMP%] {\r\n flex: 0 0 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n min-height: 80px;\r\n}\r\n\r\n.sdk-metag-control-button[_ngcontent-%COMP%] {\r\n --color: white;\r\n --padding-start: 0;\r\n --padding-end: 0;\r\n margin: 0;\r\n width: 55px;\r\n height: 55px;\r\n \r\n ion-icon {\r\n font-size: 35px;\r\n }\r\n}\r\n\r\n.sdk-metag-control-label[_ngcontent-%COMP%] {\r\n color: white;\r\n font-size: 13px;\r\n margin-top: 2px;\r\n margin-bottom: 0;\r\n text-align: center;\r\n font-weight: 500;\r\n}\r\n\r\n//[_ngcontent-%COMP%] Bot\u00F3n[_ngcontent-%COMP%] central[_ngcontent-%COMP%]: Capturar[_ngcontent-%COMP%] foto[_ngcontent-%COMP%] (m\u00E1s[_ngcontent-%COMP%] grande)\r\n.sdk-metag-control-center[_ngcontent-%COMP%] {\r\n flex: 0 0 85px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n}\r\n\r\n.sdk-metag-capture-button[_ngcontent-%COMP%] {\r\n width: 85px;\r\n height: 85px;\r\n border-radius: 50%;\r\n margin: 0;\r\n --padding-start: 0;\r\n --padding-end: 0;\r\n\r\n --background: var(--purple-primary, #82298F);\r\n --background-hover: var(--purple-secondary, #2b0d30);\r\n --background-activated: var(--purple-secondary, #2b0d30);\r\n --background-focused: var(--purple-secondary, #2b0d30);\r\n --color: white;\r\n --border-color: white;\r\n --border-style: solid;\r\n --border-width: 3px;\r\n --box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);\r\n --ripple-color: var(--purple-secondary, #2b0d30);\r\n}\r\n\r\n.sdk-metag-camera-icon[_ngcontent-%COMP%] {\r\n font-size: 40px;\r\n}\r\n\r\n//[_ngcontent-%COMP%] Bot\u00F3n[_ngcontent-%COMP%] derecha[_ngcontent-%COMP%]: Cerrar\r\n.sdk-metag-control-right[_ngcontent-%COMP%] {\r\n flex: 0 0 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n min-height: 80px;\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_popIn {\r\n 0% {\r\n transform: scale(0.8); \n\r\n opacity: 0; \n\r\n }\r\n 50% {\r\n transform: scale(1.1); \n\r\n opacity: 1; \n\r\n }\r\n 100% {\r\n transform: scale(1); \n\r\n }\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.8); \n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000; \n\r\n}\r\n\r\nion-spinner[_ngcontent-%COMP%] {\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n\r\n\r\n.camera-select[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(0, 0, 0, 0.7);\r\n padding: 0.5rem;\r\n border-radius: 0.5rem;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n color: white;\r\n\r\n label {\r\n margin-right: 0.5rem;\r\n font-size: 14px;\r\n }\r\n\r\n select {\r\n background: transparent;\r\n color: white;\r\n border: 1px solid white;\r\n border-radius: 0.3rem;\r\n font-size: 14px;\r\n padding: 0.2rem;\r\n }\r\n}\r\n\r\n.buttonfabCameraChange[_ngcontent-%COMP%] {\r\n --background: rgba(0, 0, 0, 0.6);\r\n --color: #fff;\r\n //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n \n\r\n \n\r\n}"] }); }
|
|
227
235
|
}
|
|
228
236
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CameraWithOverlayComponent, [{
|
|
229
237
|
type: Component,
|
|
230
|
-
args: [{ selector: 'app-camera-overlay', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"dark\">\r\n <div class=\"
|
|
238
|
+
args: [{ selector: 'app-camera-overlay', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"dark\">\r\n <div class=\"sdk-metag-camera-overlay\">\r\n <!-- \u25B8 Encabezado ---------------------------------------------------- -->\r\n <div class=\"sdk-metag-header-text\">\r\n <div class=\"sdk-metag-text-help\">\r\n <p>{{ text1 }}</p>\r\n </div>\r\n <p class=\"sdk-metag-country\">{{ text2 }}</p>\r\n </div> \r\n\r\n <!-- \u25B8 Capa oscura con recorte (tu ventana de enfoque) --------------- -->\r\n <div class=\"sdk-metag-visible-window\"></div>\r\n\r\n <!-- \u25B8 Contenedor del v\u00EDdeo + overlay -------------------------------- -->\r\n <div class=\"sdk-metag-camera-container\">\r\n <video #videoElement autoplay muted playsinline></video>\r\n <img [src]=\"overlaySrc\" alt=\"Overlay\" class=\"sdk-metag-overlay-frame sdk-metag-blink-image\" />\r\n </div>\r\n\r\n <!-- \u25B8 Controles inferiores: Izquierda (cambiar c\u00E1mara), Centro (capturar), Derecha (cerrar) -->\r\n <div class=\"sdk-metag-controls-container\">\r\n <!-- Bot\u00F3n izquierda: Cambiar c\u00E1mara -->\r\n <div class=\"sdk-metag-control-left\">\r\n <ion-button *ngIf=\"rearCams.length > 1\" \r\n fill=\"clear\" \r\n class=\"sdk-metag-control-button\"\r\n (click)=\"toggleRearCam()\">\r\n <ion-icon name=\"camera-reverse-outline\"></ion-icon>\r\n </ion-button>\r\n <p class=\"sdk-metag-control-label\" *ngIf=\"rearCams.length > 1\">Enfoque</p>\r\n </div>\r\n\r\n <!-- Bot\u00F3n central: Capturar foto -->\r\n <div class=\"sdk-metag-control-center\">\r\n <ion-button (click)=\"capturePhoto()\"\r\n class=\"sdk-metag-capture-button\"\r\n shape=\"round\">\r\n <ion-icon name=\"camera-outline\" class=\"sdk-metag-camera-icon\"></ion-icon>\r\n </ion-button>\r\n </div>\r\n\r\n <!-- Bot\u00F3n derecha: Cerrar -->\r\n <div class=\"sdk-metag-control-right\">\r\n <ion-button fill=\"clear\" \r\n class=\"sdk-metag-control-button\"\r\n (click)=\"closeOverlay()\">\r\n <ion-icon name=\"close-outline\"></ion-icon>\r\n </ion-button>\r\n </div>\r\n </div>\r\n </div>\r\n</ion-content>\r\n", styles: ["ion-content {\r\n --background: black;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n}\r\n\r\n.sdk-metag-blink-image {\r\n animation: blink 3s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.sdk-metag-modal-container {\r\n max-width: 400px;\r\n}\r\n\r\n.sdk-metag-camera-overlay {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.sdk-metag-camera-container {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n\r\n video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n}\r\n\r\n.sdk-metag-overlay-frame {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 86%;\r\n max-height: 90%;\r\n z-index: 9;\r\n}\r\n\r\n.sdk-metag-header-text {\r\n position: absolute;\r\n top: 50px;\r\n width: 100%;\r\n text-align: center;\r\n color: white;\r\n z-index: 15;\r\n\r\n p {\r\n margin: 0;\r\n font-size: 18px;\r\n }\r\n\r\n .sdk-metag-country {\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n.sdk-metag-visible-window {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 313px;\r\n height: 500px;\r\n max-width: 90%;\r\n max-height: 90%;\r\n background: transparent;\r\n border: 2px solid white;\r\n border-radius: 10px;\r\n z-index: 10;\r\n box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.sdk-metag-text-help p {\r\n display: inline-block;\r\n background-color: white;\r\n padding: 15px;\r\n border-radius: 5px;\r\n color: black;\r\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n animation: popIn 1s ease-in-out;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n}\r\n\r\n// ========================================\r\n// NUEVO DISE\u00D1O DE CONTROLES\r\n// ========================================\r\n.sdk-metag-controls-container {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: flex-end;\r\n padding: 0 30px;\r\n z-index: 15;\r\n gap: 10px;\r\n}\r\n\r\n// Bot\u00F3n izquierda: Cambiar c\u00E1mara + label \"Enfoque\"\r\n.sdk-metag-control-left {\r\n flex: 0 0 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n min-height: 80px;\r\n}\r\n\r\n.sdk-metag-control-button {\r\n --color: white;\r\n --padding-start: 0;\r\n --padding-end: 0;\r\n margin: 0;\r\n width: 55px;\r\n height: 55px;\r\n \r\n ion-icon {\r\n font-size: 35px;\r\n }\r\n}\r\n\r\n.sdk-metag-control-label {\r\n color: white;\r\n font-size: 13px;\r\n margin-top: 2px;\r\n margin-bottom: 0;\r\n text-align: center;\r\n font-weight: 500;\r\n}\r\n\r\n// Bot\u00F3n central: Capturar foto (m\u00E1s grande)\r\n.sdk-metag-control-center {\r\n flex: 0 0 85px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n}\r\n\r\n.sdk-metag-capture-button {\r\n width: 85px;\r\n height: 85px;\r\n border-radius: 50%;\r\n margin: 0;\r\n --padding-start: 0;\r\n --padding-end: 0;\r\n\r\n --background: var(--purple-primary, #82298F);\r\n --background-hover: var(--purple-secondary, #2b0d30);\r\n --background-activated: var(--purple-secondary, #2b0d30);\r\n --background-focused: var(--purple-secondary, #2b0d30);\r\n --color: white;\r\n --border-color: white;\r\n --border-style: solid;\r\n --border-width: 3px;\r\n --box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);\r\n --ripple-color: var(--purple-secondary, #2b0d30);\r\n}\r\n\r\n.sdk-metag-camera-icon {\r\n font-size: 40px;\r\n}\r\n\r\n// Bot\u00F3n derecha: Cerrar\r\n.sdk-metag-control-right {\r\n flex: 0 0 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n min-height: 80px;\r\n}\r\n\r\n/* Definimos la animaci\u00F3n \"popIn\" */\r\n@keyframes popIn {\r\n 0% {\r\n transform: scale(0.8); /* Comienza m\u00E1s peque\u00F1o */\r\n opacity: 0; /* Empieza invisible */\r\n }\r\n 50% {\r\n transform: scale(1.1); /* Crece un poco m\u00E1s de lo normal */\r\n opacity: 1; /* Se hace visible */\r\n }\r\n 100% {\r\n transform: scale(1); /* Vuelve a su tama\u00F1o normal */\r\n }\r\n}\r\n\r\n.loading-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.8); /* Fondo oscuro semi-transparente */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000; /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\r\n}\r\n\r\nion-spinner {\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n\r\n\r\n.camera-select {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(0, 0, 0, 0.7);\r\n padding: 0.5rem;\r\n border-radius: 0.5rem;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n color: white;\r\n\r\n label {\r\n margin-right: 0.5rem;\r\n font-size: 14px;\r\n }\r\n\r\n select {\r\n background: transparent;\r\n color: white;\r\n border: 1px solid white;\r\n border-radius: 0.3rem;\r\n font-size: 14px;\r\n padding: 0.2rem;\r\n }\r\n}\r\n\r\n.buttonfabCameraChange {\r\n --background: rgba(0, 0, 0, 0.6);\r\n --color: #fff;\r\n //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n /* ajusta posici\u00F3n extra si lo necesitas */\r\n /* margin-top: 8px; margin-left: 8px; */\r\n}\r\n"] }]
|
|
231
239
|
}], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.ModalDpiServices }], { videoElement: [{
|
|
232
240
|
type: ViewChild,
|
|
233
241
|
args: ['videoElement']
|
|
@@ -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;;;;;;;;
|
|
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/package.json
CHANGED