metag-sdk-ionic 1.2.11-dev-0.1 → 1.2.11-dev-0.2
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,13 +6,20 @@ 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_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
10
10
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
11
|
-
i0.ɵɵelementStart(0, "
|
|
12
|
-
i0.ɵɵlistener("click", function
|
|
13
|
-
i0.ɵɵ
|
|
11
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
12
|
+
i0.ɵɵlistener("click", function CameraWithOverlayComponent_div_14_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleRearCam()); });
|
|
13
|
+
i0.ɵɵelementStart(1, "ion-button", 17);
|
|
14
|
+
i0.ɵɵelement(2, "ion-icon", 20);
|
|
15
|
+
i0.ɵɵelementEnd();
|
|
16
|
+
i0.ɵɵelementStart(3, "p", 21);
|
|
17
|
+
i0.ɵɵtext(4, "Enfoque");
|
|
14
18
|
i0.ɵɵelementEnd()();
|
|
15
19
|
} }
|
|
20
|
+
function CameraWithOverlayComponent_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
21
|
+
i0.ɵɵelement(0, "div", 22);
|
|
22
|
+
} }
|
|
16
23
|
export class CameraWithOverlayComponent {
|
|
17
24
|
constructor(platform, modalController, modaldpiServices) {
|
|
18
25
|
this.platform = platform;
|
|
@@ -192,42 +199,45 @@ export class CameraWithOverlayComponent {
|
|
|
192
199
|
} if (rf & 2) {
|
|
193
200
|
let _t;
|
|
194
201
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.videoElement = _t.first);
|
|
195
|
-
} }, inputs: { text1: "text1", text2: "text2", overlaySrc: "overlaySrc", onTakePicture: "onTakePicture" }, outputs: { closeRequested: "closeRequested" }, decls:
|
|
202
|
+
} }, inputs: { text1: "text1", text2: "text2", overlaySrc: "overlaySrc", onTakePicture: "onTakePicture" }, outputs: { closeRequested: "closeRequested" }, decls: 22, 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"], ["class", "sdk-metag-control-left", 3, "click", 4, "ngIf"], ["class", "sdk-metag-control-left", 4, "ngIf"], [1, "sdk-metag-control-center"], ["shape", "round", "expand", "block", 1, "sdk-metag-capture-button", 3, "click"], ["name", "camera-outline", 1, "sdk-metag-camera-icon"], [1, "sdk-metag-control-right", 3, "click"], ["fill", "clear", 1, "sdk-metag-control-button"], ["name", "close-outline"], [1, "sdk-metag-control-left", 3, "click"], ["name", "camera-reverse-outline"], [1, "sdk-metag-control-label"], [1, "sdk-metag-control-left"]], template: function CameraWithOverlayComponent_Template(rf, ctx) { if (rf & 1) {
|
|
196
203
|
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);
|
|
204
|
+
i0.ɵɵelementStart(0, "ion-content", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "p");
|
|
205
|
+
i0.ɵɵtext(5);
|
|
201
206
|
i0.ɵɵelementEnd()();
|
|
202
|
-
i0.ɵɵelementStart(
|
|
203
|
-
i0.ɵɵtext(
|
|
207
|
+
i0.ɵɵelementStart(6, "p", 5);
|
|
208
|
+
i0.ɵɵtext(7);
|
|
204
209
|
i0.ɵɵelementEnd()();
|
|
205
|
-
i0.ɵɵelement(
|
|
206
|
-
i0.ɵɵelementStart(
|
|
207
|
-
i0.ɵɵelement(
|
|
210
|
+
i0.ɵɵelement(8, "div", 6);
|
|
211
|
+
i0.ɵɵelementStart(9, "div", 7);
|
|
212
|
+
i0.ɵɵelement(10, "video", 8, 0)(12, "img", 9);
|
|
208
213
|
i0.ɵɵelementEnd();
|
|
209
|
-
i0.ɵɵelementStart(
|
|
210
|
-
i0.ɵɵ
|
|
211
|
-
i0.ɵɵ
|
|
212
|
-
i0.ɵɵ
|
|
213
|
-
i0.ɵɵelementStart(17, "ion-button", 14);
|
|
214
|
-
i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
|
|
214
|
+
i0.ɵɵelementStart(13, "div", 10);
|
|
215
|
+
i0.ɵɵtemplate(14, CameraWithOverlayComponent_div_14_Template, 5, 0, "div", 11)(15, CameraWithOverlayComponent_div_15_Template, 1, 0, "div", 12);
|
|
216
|
+
i0.ɵɵelementStart(16, "div", 13)(17, "ion-button", 14);
|
|
217
|
+
i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_ion_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.capturePhoto()); });
|
|
215
218
|
i0.ɵɵelement(18, "ion-icon", 15);
|
|
216
|
-
i0.ɵɵelementEnd()()
|
|
219
|
+
i0.ɵɵelementEnd()();
|
|
220
|
+
i0.ɵɵelementStart(19, "div", 16);
|
|
221
|
+
i0.ɵɵlistener("click", function CameraWithOverlayComponent_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
|
|
222
|
+
i0.ɵɵelementStart(20, "ion-button", 17);
|
|
223
|
+
i0.ɵɵelement(21, "ion-icon", 18);
|
|
224
|
+
i0.ɵɵelementEnd()()()()();
|
|
217
225
|
} if (rf & 2) {
|
|
218
|
-
i0.ɵɵadvance(
|
|
219
|
-
i0.ɵɵproperty("ngIf", ctx.rearCams.length > 1);
|
|
220
|
-
i0.ɵɵadvance(4);
|
|
226
|
+
i0.ɵɵadvance(5);
|
|
221
227
|
i0.ɵɵtextInterpolate(ctx.text1);
|
|
222
228
|
i0.ɵɵadvance(2);
|
|
223
229
|
i0.ɵɵtextInterpolate(ctx.text2);
|
|
224
230
|
i0.ɵɵadvance(5);
|
|
225
231
|
i0.ɵɵproperty("src", ctx.overlaySrc, i0.ɵɵsanitizeUrl);
|
|
226
|
-
|
|
232
|
+
i0.ɵɵadvance(2);
|
|
233
|
+
i0.ɵɵproperty("ngIf", ctx.rearCams.length > 1);
|
|
234
|
+
i0.ɵɵadvance();
|
|
235
|
+
i0.ɵɵproperty("ngIf", ctx.rearCams.length <= 1);
|
|
236
|
+
} }, 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: 30px;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n padding: 0 20px;\r\n z-index: 15;\r\n}\r\n\r\n//[_ngcontent-%COMP%] Bot\u00F3n[_ngcontent-%COMP%] izquierda[_ngcontent-%COMP%]: Cambiar[_ngcontent-%COMP%] c\u00E1mara[_ngcontent-%COMP%] + label[_ngcontent-%COMP%] \"Enfoque\"\r\n.sdk-metag-control-left[_ngcontent-%COMP%] {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.sdk-metag-control-button[_ngcontent-%COMP%] {\r\n --color: white;\r\n font-size: 32px;\r\n margin: 0;\r\n padding: 0;\r\n width: 50px;\r\n height: 50px;\r\n \r\n ion-icon {\r\n font-size: 32px;\r\n }\r\n}\r\n\r\n.sdk-metag-control-label[_ngcontent-%COMP%] {\r\n color: white;\r\n font-size: 14px;\r\n margin-top: 5px;\r\n margin-bottom: 0;\r\n text-align: center;\r\n}\r\n\r\n//[_ngcontent-%COMP%] Bot\u00F3n[_ngcontent-%COMP%] central[_ngcontent-%COMP%]: Capturar[_ngcontent-%COMP%] foto[_ngcontent-%COMP%] (m\u00E1s[_ngcontent-%COMP%] grande)\r\n.sdk-metag-control-center[_ngcontent-%COMP%] {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.sdk-metag-capture-button[_ngcontent-%COMP%] {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n margin: 0;\r\n\r\n --background: var(--purple-primary, #82298F);\r\n --background-hover: var(--purple-secondary, #2b0d30);\r\n --background-activated: var(--purple-secondary, #2b0d30);\r\n --background-focused: var(--purple-secondary, #2b0d30);\r\n --color: white;\r\n --border-color: white;\r\n --border-style: solid;\r\n --border-width: 3px;\r\n --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n --ripple-color: var(--purple-secondary, #2b0d30);\r\n}\r\n\r\n.sdk-metag-camera-icon[_ngcontent-%COMP%] {\r\n font-size: 36px;\r\n}\r\n\r\n//[_ngcontent-%COMP%] Bot\u00F3n[_ngcontent-%COMP%] derecha[_ngcontent-%COMP%]: Cerrar\r\n.sdk-metag-control-right[_ngcontent-%COMP%] {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n\n\r\n@keyframes _ngcontent-%COMP%_popIn {\r\n 0% {\r\n transform: scale(0.8); \n\r\n opacity: 0; \n\r\n }\r\n 50% {\r\n transform: scale(1.1); \n\r\n opacity: 1; \n\r\n }\r\n 100% {\r\n transform: scale(1); \n\r\n }\r\n}\r\n\r\n.loading-overlay[_ngcontent-%COMP%] {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.8); \n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000; \n\r\n}\r\n\r\nion-spinner[_ngcontent-%COMP%] {\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n\r\n\r\n.camera-select[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(0, 0, 0, 0.7);\r\n padding: 0.5rem;\r\n border-radius: 0.5rem;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n color: white;\r\n\r\n label {\r\n margin-right: 0.5rem;\r\n font-size: 14px;\r\n }\r\n\r\n select {\r\n background: transparent;\r\n color: white;\r\n border: 1px solid white;\r\n border-radius: 0.3rem;\r\n font-size: 14px;\r\n padding: 0.2rem;\r\n }\r\n}\r\n\r\n.buttonfabCameraChange[_ngcontent-%COMP%] {\r\n --background: rgba(0, 0, 0, 0.6);\r\n --color: #fff;\r\n //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n \n\r\n \n\r\n}"] }); }
|
|
227
237
|
}
|
|
228
238
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CameraWithOverlayComponent, [{
|
|
229
239
|
type: Component,
|
|
230
|
-
args: [{ selector: 'app-camera-overlay', encapsulation: ViewEncapsulation.Emulated, template: "<ion-content color=\"dark\">\r\n <div class=\"
|
|
240
|
+
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\" *ngIf=\"rearCams.length > 1\" (click)=\"toggleRearCam()\">\r\n <ion-button fill=\"clear\" class=\"sdk-metag-control-button\">\r\n <ion-icon name=\"camera-reverse-outline\"></ion-icon>\r\n </ion-button>\r\n <p class=\"sdk-metag-control-label\">Enfoque</p>\r\n </div>\r\n <div class=\"sdk-metag-control-left\" *ngIf=\"rearCams.length <= 1\">\r\n <!-- Espacio vac\u00EDo cuando no hay m\u00FAltiples c\u00E1maras -->\r\n </div>\r\n\r\n <!-- Bot\u00F3n central: Capturar foto -->\r\n <div class=\"sdk-metag-control-center\">\r\n <ion-button (click)=\"capturePhoto()\"\r\n class=\"sdk-metag-capture-button\"\r\n shape=\"round\"\r\n expand=\"block\">\r\n <ion-icon name=\"camera-outline\" class=\"sdk-metag-camera-icon\"></ion-icon>\r\n </ion-button>\r\n </div>\r\n\r\n <!-- Bot\u00F3n derecha: Cerrar -->\r\n <div class=\"sdk-metag-control-right\" (click)=\"closeOverlay()\">\r\n <ion-button fill=\"clear\" class=\"sdk-metag-control-button\">\r\n <ion-icon name=\"close-outline\"></ion-icon>\r\n </ion-button>\r\n </div>\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: 30px;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n padding: 0 20px;\r\n z-index: 15;\r\n}\r\n\r\n// Bot\u00F3n izquierda: Cambiar c\u00E1mara + label \"Enfoque\"\r\n.sdk-metag-control-left {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.sdk-metag-control-button {\r\n --color: white;\r\n font-size: 32px;\r\n margin: 0;\r\n padding: 0;\r\n width: 50px;\r\n height: 50px;\r\n \r\n ion-icon {\r\n font-size: 32px;\r\n }\r\n}\r\n\r\n.sdk-metag-control-label {\r\n color: white;\r\n font-size: 14px;\r\n margin-top: 5px;\r\n margin-bottom: 0;\r\n text-align: center;\r\n}\r\n\r\n// Bot\u00F3n central: Capturar foto (m\u00E1s grande)\r\n.sdk-metag-control-center {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.sdk-metag-capture-button {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n margin: 0;\r\n\r\n --background: var(--purple-primary, #82298F);\r\n --background-hover: var(--purple-secondary, #2b0d30);\r\n --background-activated: var(--purple-secondary, #2b0d30);\r\n --background-focused: var(--purple-secondary, #2b0d30);\r\n --color: white;\r\n --border-color: white;\r\n --border-style: solid;\r\n --border-width: 3px;\r\n --box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.25);\r\n --ripple-color: var(--purple-secondary, #2b0d30);\r\n}\r\n\r\n.sdk-metag-camera-icon {\r\n font-size: 36px;\r\n}\r\n\r\n// Bot\u00F3n derecha: Cerrar\r\n.sdk-metag-control-right {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n/* Definimos la animaci\u00F3n \"popIn\" */\r\n@keyframes popIn {\r\n 0% {\r\n transform: scale(0.8); /* Comienza m\u00E1s peque\u00F1o */\r\n opacity: 0; /* Empieza invisible */\r\n }\r\n 50% {\r\n transform: scale(1.1); /* Crece un poco m\u00E1s de lo normal */\r\n opacity: 1; /* Se hace visible */\r\n }\r\n 100% {\r\n transform: scale(1); /* Vuelve a su tama\u00F1o normal */\r\n }\r\n}\r\n\r\n.loading-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.8); /* Fondo oscuro semi-transparente */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000; /* Aseg\u00FArate de que est\u00E9 por encima del contenido */\r\n}\r\n\r\nion-spinner {\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n\r\n\r\n.camera-select {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(0, 0, 0, 0.7);\r\n padding: 0.5rem;\r\n border-radius: 0.5rem;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n color: white;\r\n\r\n label {\r\n margin-right: 0.5rem;\r\n font-size: 14px;\r\n }\r\n\r\n select {\r\n background: transparent;\r\n color: white;\r\n border: 1px solid white;\r\n border-radius: 0.3rem;\r\n font-size: 14px;\r\n padding: 0.2rem;\r\n }\r\n}\r\n\r\n.buttonfabCameraChange {\r\n --background: rgba(0, 0, 0, 0.6);\r\n --color: #fff;\r\n //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n /* ajusta posici\u00F3n extra si lo necesitas */\r\n /* margin-top: 8px; margin-left: 8px; */\r\n}\r\n"] }]
|
|
231
241
|
}], () => [{ type: i1.Platform }, { type: i1.ModalController }, { type: i2.ModalDpiServices }], { videoElement: [{
|
|
232
242
|
type: ViewChild,
|
|
233
243
|
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