@unissey-web/web-components 5.3.0-beta.1 → 5.3.0-beta.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/full-capture.js +10 -4
- package/dist/index.d.ts +3 -2
- package/dist/index.js +2 -2
- package/dist/picture-recorder.js +1 -1
- package/dist/reference-capture.js +11 -5
- package/dist/selfie-capture.js +10 -4
- package/dist/video-recorder-38ffc30c.js +1480 -0
- package/dist/video-recorder.js +1 -1
- package/package.json +2 -2
- package/dist/video-recorder-90ae4475.js +0 -1482
package/dist/full-capture.js
CHANGED
|
@@ -3,7 +3,7 @@ import { selfieCaptureStrings } from './selfie-capture.js';
|
|
|
3
3
|
import { referenceCaptureStrings } from './reference-capture.js';
|
|
4
4
|
import './button.js';
|
|
5
5
|
import './en-57f1198e.js';
|
|
6
|
-
import './video-recorder-
|
|
6
|
+
import './video-recorder-38ffc30c.js';
|
|
7
7
|
import './_commonjsHelpers-02146103.js';
|
|
8
8
|
import './variables-0db5ef1b.js';
|
|
9
9
|
import './video-record-directions.js';
|
|
@@ -12,7 +12,7 @@ import './image-capture-directions.js';
|
|
|
12
12
|
import './file-upload.js';
|
|
13
13
|
import './picture-recorder.js';
|
|
14
14
|
|
|
15
|
-
var _templateObject, _templateObject2;
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12;
|
|
16
16
|
var FullCapture = /*#__PURE__*/function (_LitElement) {
|
|
17
17
|
function FullCapture() {
|
|
18
18
|
var _this;
|
|
@@ -78,17 +78,23 @@ var FullCapture = /*#__PURE__*/function (_LitElement) {
|
|
|
78
78
|
value: function handleBack() {
|
|
79
79
|
this.captureStep = "reference";
|
|
80
80
|
}
|
|
81
|
+
}, {
|
|
82
|
+
key: "getSlottedContent",
|
|
83
|
+
value: function getSlottedContent(slotName) {
|
|
84
|
+
var slot = this.querySelector("[slot=\"".concat(slotName, "\"]"));
|
|
85
|
+
return slot ? slot : null;
|
|
86
|
+
}
|
|
81
87
|
}, {
|
|
82
88
|
key: "renderReferenceStep",
|
|
83
89
|
value: function renderReferenceStep() {
|
|
84
90
|
var _this$strings$referen, _this$strings$referen2, _this$strings$referen3;
|
|
85
|
-
return x(_templateObject || (_templateObject = _taggedTemplateLiteral([" <uni-reference-capture\n @reference=\"", "\"\n @recorderReady=\"", "\"\n @activeChallenge=\"", "\"\n recorder-options=\"", "\"\n strings=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n <slot name=\"reference-directions\" slot=\"directions\">\n <uni-image-capture-directions\n strings=\"", "\"\n ></uni-image-capture-directions>\n </slot>\n\n <slot name=\"reference-action-button\" slot=\"action-button\"></slot>\n\n
|
|
91
|
+
return x(_templateObject || (_templateObject = _taggedTemplateLiteral([" <uni-reference-capture\n @reference=\"", "\"\n @recorderReady=\"", "\"\n @activeChallenge=\"", "\"\n recorder-options=\"", "\"\n strings=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n <slot name=\"reference-directions\" slot=\"directions\">\n <uni-image-capture-directions\n strings=\"", "\"\n ></uni-image-capture-directions>\n </slot>\n\n <slot name=\"reference-action-button\" slot=\"action-button\"></slot>\n\n ", "\n ", "\n ", "\n </uni-reference-capture>"])), this.handleReference, this.handleRecoderReady, this.handleReferenceActiveChallenge, JSON.stringify(this.recorderOptions), JSON.stringify((_this$strings$referen = this.strings.reference) !== null && _this$strings$referen !== void 0 ? _this$strings$referen : referenceCaptureStrings), this.hideReferenceCaptureBtn, this.disableDebugMode, JSON.stringify((_this$strings$referen2 = (_this$strings$referen3 = this.strings.reference) === null || _this$strings$referen3 === void 0 ? void 0 : _this$strings$referen3.directions) !== null && _this$strings$referen2 !== void 0 ? _this$strings$referen2 : referenceCaptureStrings.directions), this.getSlottedContent("ac-top-hints") ? x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<slot name=\"ac-top-hints\" slot=\"ac-top-hints\"></slot>"]))) : x(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-face-hints") ? x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["<slot name=\"ac-face-hints\" slot=\"ac-face-hints\"></slot>"]))) : x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-bottom-hints") ? x(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["<slot name=\"ac-bottom-hints\" slot=\"ac-bottom-hints\"></slot>"]))) : x(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""]))));
|
|
86
92
|
}
|
|
87
93
|
}, {
|
|
88
94
|
key: "renderSelfieStep",
|
|
89
95
|
value: function renderSelfieStep() {
|
|
90
96
|
var _this$strings$selfie, _this$strings$selfie$, _this$strings$selfie2, _this$strings$selfie$2, _this$strings$selfie3;
|
|
91
|
-
return x(
|
|
97
|
+
return x(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["<uni-selfie-capture\n @selfie=\"", "\"\n @recorderReady=\"", "\"\n @activeChallenge=\"", "\"\n strings=\"", "\"\n recorder-options=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n <slot name=\"selfie-directions\" slot=\"directions\">\n <uni-video-record-directions\n strings=\"", "\"\n >\n </uni-video-record-directions>\n </slot>\n <uni-button slot=\"action-button\" variant=\"outlined\" @click=\"", "\">\n <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n ", "\n </uni-button>\n ", "\n ", "\n ", "\n </uni-selfie-capture>"])), this.handleSelfie, this.handleRecoderReady, this.handleSelfieActiveChallenge, JSON.stringify((_this$strings$selfie = this.strings.selfie) !== null && _this$strings$selfie !== void 0 ? _this$strings$selfie : selfieCaptureStrings), JSON.stringify(this.recorderOptions), this.hideSelfieCaptureBtn, this.disableDebugMode, JSON.stringify((_this$strings$selfie$ = (_this$strings$selfie2 = this.strings.selfie) === null || _this$strings$selfie2 === void 0 ? void 0 : _this$strings$selfie2.directions) !== null && _this$strings$selfie$ !== void 0 ? _this$strings$selfie$ : selfieCaptureStrings.directions), this.handleBack, (_this$strings$selfie$2 = (_this$strings$selfie3 = this.strings.selfie) === null || _this$strings$selfie3 === void 0 ? void 0 : _this$strings$selfie3.back) !== null && _this$strings$selfie$2 !== void 0 ? _this$strings$selfie$2 : selfieCaptureStrings.back, this.getSlottedContent("ac-top-hints") ? x(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["<slot name=\"ac-top-hints\" slot=\"ac-top-hints\"></slot>"]))) : x(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-face-hints") ? x(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["<slot name=\"ac-face-hints\" slot=\"ac-face-hints\"></slot>"]))) : x(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-bottom-hints") ? x(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["<slot name=\"ac-bottom-hints\" slot=\"ac-bottom-hints\"></slot>"]))) : x(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([""]))));
|
|
92
98
|
}
|
|
93
99
|
}, {
|
|
94
100
|
key: "render",
|
package/dist/index.d.ts
CHANGED
|
@@ -767,6 +767,7 @@ declare class SelfieCapture extends LitElement {
|
|
|
767
767
|
action?: string;
|
|
768
768
|
status?: string;
|
|
769
769
|
}>): void;
|
|
770
|
+
private getSlottedContent;
|
|
770
771
|
renderDirections(): lit_html.TemplateResult<1>;
|
|
771
772
|
renderRecorder(): lit_html.TemplateResult<1>;
|
|
772
773
|
render(): lit_html.TemplateResult<1>;
|
|
@@ -945,6 +946,7 @@ declare class ReferenceCapture extends LitElement {
|
|
|
945
946
|
action?: string;
|
|
946
947
|
status?: string;
|
|
947
948
|
}>): void;
|
|
949
|
+
private getSlottedContent;
|
|
948
950
|
renderDirections(): lit_html.TemplateResult<1>;
|
|
949
951
|
renderFileUpload(): lit_html.TemplateResult<1>;
|
|
950
952
|
renderPictureEditor(): lit_html.TemplateResult<1>;
|
|
@@ -1140,6 +1142,7 @@ declare class FullCapture extends LitElement {
|
|
|
1140
1142
|
status?: string;
|
|
1141
1143
|
}>): void;
|
|
1142
1144
|
handleBack(): void;
|
|
1145
|
+
private getSlottedContent;
|
|
1143
1146
|
renderReferenceStep(): lit_html.TemplateResult<1>;
|
|
1144
1147
|
renderSelfieStep(): lit_html.TemplateResult<1>;
|
|
1145
1148
|
render(): lit_html.TemplateResult<1>;
|
|
@@ -1171,8 +1174,6 @@ type IadConfig = {
|
|
|
1171
1174
|
};
|
|
1172
1175
|
type ActiveChallengeConfig = {
|
|
1173
1176
|
maxSecondsBetweenActions: number;
|
|
1174
|
-
numberOfInstructions?: number;
|
|
1175
|
-
disableAutomaticDetection?: boolean;
|
|
1176
1177
|
additionalRecord?: boolean;
|
|
1177
1178
|
selfieBeforeAction?: number;
|
|
1178
1179
|
customActions?: CustomAction[];
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Button } from './button.js';
|
|
2
|
-
import { R as Recorder } from './video-recorder-
|
|
3
|
-
export { A as Animation, C as CameraVideoOutlinedIcon, O as OverlayHints } from './video-recorder-
|
|
2
|
+
import { R as Recorder } from './video-recorder-38ffc30c.js';
|
|
3
|
+
export { A as Animation, C as CameraVideoOutlinedIcon, O as OverlayHints } from './video-recorder-38ffc30c.js';
|
|
4
4
|
export { VideoRecordDirections } from './video-record-directions.js';
|
|
5
5
|
export { PictureRecorder } from './picture-recorder.js';
|
|
6
6
|
export { PictureEditor } from './picture-editor.js';
|
package/dist/picture-recorder.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, e as _objectSpread2 } from './lit-element-c42ac26e.js';
|
|
2
|
-
import { R as Recorder, b as buildPacked } from './video-recorder-
|
|
2
|
+
import { R as Recorder, b as buildPacked } from './video-recorder-38ffc30c.js';
|
|
3
3
|
import { E as EN } from './en-57f1198e.js';
|
|
4
4
|
import './_commonjsHelpers-02146103.js';
|
|
5
5
|
import './variables-0db5ef1b.js';
|
|
@@ -3,7 +3,7 @@ import './button.js';
|
|
|
3
3
|
import './image-capture-directions.js';
|
|
4
4
|
import './file-upload.js';
|
|
5
5
|
import './picture-recorder.js';
|
|
6
|
-
import { b as buildPacked } from './video-recorder-
|
|
6
|
+
import { b as buildPacked } from './video-recorder-38ffc30c.js';
|
|
7
7
|
import { E as EN } from './en-57f1198e.js';
|
|
8
8
|
import { a as referenceCaptureVars } from './variables-0db5ef1b.js';
|
|
9
9
|
import './direction-card-fd8d8d8b.js';
|
|
@@ -25,7 +25,7 @@ var UploadIcon = /*#__PURE__*/function (_LitElement) {
|
|
|
25
25
|
}(s);
|
|
26
26
|
customElements.define("uni-upload-icon", UploadIcon);
|
|
27
27
|
|
|
28
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
28
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
|
|
29
29
|
var reducer = function reducer(state, action) {
|
|
30
30
|
switch (action.type) {
|
|
31
31
|
case "display-directions":
|
|
@@ -232,6 +232,12 @@ var ReferenceCapture = /*#__PURE__*/function (_LitElement) {
|
|
|
232
232
|
detail: e.detail
|
|
233
233
|
}));
|
|
234
234
|
}
|
|
235
|
+
}, {
|
|
236
|
+
key: "getSlottedContent",
|
|
237
|
+
value: function getSlottedContent(slotName) {
|
|
238
|
+
var slot = this.querySelector("[slot=\"".concat(slotName, "\"]"));
|
|
239
|
+
return slot ? slot : null;
|
|
240
|
+
}
|
|
235
241
|
}, {
|
|
236
242
|
key: "renderDirections",
|
|
237
243
|
value: function renderDirections() {
|
|
@@ -260,13 +266,13 @@ var ReferenceCapture = /*#__PURE__*/function (_LitElement) {
|
|
|
260
266
|
key: "renderVideoRecord",
|
|
261
267
|
value: function renderVideoRecord() {
|
|
262
268
|
var _this$strings$title3, _this$strings$videoRe, _this$strings$videoRe2, _this$recorderOptions2, _this$strings$back3;
|
|
263
|
-
return x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n <div class=\"box\">\n <h1 class=\"title\">", "</h1>\n <span class=\"subtitle\">", "</span>\n\n <div class=\"recorder v-space\">\n <uni-video-recorder\n id=\"uni-video-recorder\"\n strings=\"", "\"\n preset=\"", "\"\n log-level=\"", "\"\n face-checker=\"disabled\"\n @record=\"", "\"\n @recorderReady=\"", "\"\n @recordCompleted=\"", "\"\n @recordStarting=\"", "\"\n @recordCapturing=\"", "\"\n @recordInterrupted=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n <div slot=\"left\">\n <uni-button variant=\"outlined\" @click=\"", "\">\n <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n ", "\n </uni-button>\n </div>\n
|
|
269
|
+
return x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n <div class=\"box\">\n <h1 class=\"title\">", "</h1>\n <span class=\"subtitle\">", "</span>\n\n <div class=\"recorder v-space\">\n <uni-video-recorder\n id=\"uni-video-recorder\"\n strings=\"", "\"\n preset=\"", "\"\n log-level=\"", "\"\n face-checker=\"disabled\"\n @record=\"", "\"\n @recorderReady=\"", "\"\n @recordCompleted=\"", "\"\n @recordStarting=\"", "\"\n @recordCapturing=\"", "\"\n @recordInterrupted=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n <div slot=\"left\">\n <uni-button variant=\"outlined\" @click=\"", "\">\n <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n ", "\n </uni-button>\n </div>\n ", "\n ", "\n ", "\n </uni-video-recorder>\n </div>\n </div>\n "])), (_this$strings$title3 = this.strings.title) !== null && _this$strings$title3 !== void 0 ? _this$strings$title3 : referenceCaptureStrings.title, (_this$strings$videoRe = this.strings.videoRecordSubtitle) !== null && _this$strings$videoRe !== void 0 ? _this$strings$videoRe : referenceCaptureStrings.videoRecordSubtitle, JSON.stringify((_this$strings$videoRe2 = this.strings.videoRecorder) !== null && _this$strings$videoRe2 !== void 0 ? _this$strings$videoRe2 : referenceCaptureStrings.videoRecorder), buildPacked.exports.AcquisitionPreset.DOC_VIDEO, (_this$recorderOptions2 = this.recorderOptions) === null || _this$recorderOptions2 === void 0 ? void 0 : _this$recorderOptions2.logLevel, this.handleVideoRecord, this.handleVideoRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, this.hideCaptureBtn, this.disableDebugMode, this.displayDirectionsStep, (_this$strings$back3 = this.strings.back) !== null && _this$strings$back3 !== void 0 ? _this$strings$back3 : referenceCaptureStrings.back, this.getSlottedContent("ac-top-hints") ? x(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["<slot name=\"ac-top-hints\" slot=\"ac-top-hints\"></slot>"]))) : x(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-face-hints") ? x(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["<slot name=\"ac-face-hints\" slot=\"ac-face-hints\"></slot>"]))) : x(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-bottom-hints") ? x(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["<slot name=\"ac-bottom-hints\" slot=\"ac-bottom-hints\"></slot>"]))) : x(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral([""]))));
|
|
264
270
|
}
|
|
265
271
|
}, {
|
|
266
272
|
key: "renderVideoReplay",
|
|
267
273
|
value: function renderVideoReplay() {
|
|
268
274
|
var _this$strings$editorT2, _this$state$video, _this$strings$retryVi, _this$strings$replayV;
|
|
269
|
-
return x(
|
|
275
|
+
return x(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n <div class=\"box\">\n <h1 class=\"title\" style=\"text-align: center\">\n ", "\n </h1>\n\n <div class=\"h-box\" style=\"width: 65%; margin-top: 30px\">\n <video\n src=\"", "\"\n class=\"replay-video\"\n controls\n playsinline\n ></video>\n </div>\n\n <div class=\"h-box v-space\">\n <div class=\"btn-items\">\n <uni-button variant=\"outlined\" @click=\"", "\">\n ", "\n </uni-button>\n </div>\n\n <div class=\"btn-items\">\n <uni-button @click=\"", "\">\n ", "\n </uni-button>\n </div>\n </div>\n </div>\n "])), (_this$strings$editorT2 = this.strings.editorTitle) !== null && _this$strings$editorT2 !== void 0 ? _this$strings$editorT2 : referenceCaptureStrings.editorTitle, URL.createObjectURL((_this$state$video = this.state.video) !== null && _this$state$video !== void 0 ? _this$state$video : new Blob()), this.retryCapture, (_this$strings$retryVi = this.strings.retryVideoCaptureBtn) !== null && _this$strings$retryVi !== void 0 ? _this$strings$retryVi : referenceCaptureStrings.retryVideoCaptureBtn, this.handleVideo, (_this$strings$replayV = this.strings.replayValidation) !== null && _this$strings$replayV !== void 0 ? _this$strings$replayV : referenceCaptureStrings.replayValidation);
|
|
270
276
|
}
|
|
271
277
|
}, {
|
|
272
278
|
key: "render",
|
|
@@ -304,7 +310,7 @@ ReferenceCapture.properties = {
|
|
|
304
310
|
state: true
|
|
305
311
|
}
|
|
306
312
|
};
|
|
307
|
-
ReferenceCapture.styles = i(
|
|
313
|
+
ReferenceCapture.styles = i(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n .box {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n }\n\n .directions {\n width: 100%;\n }\n\n .h-box {\n display: block;\n text-align: center;\n width: 100%;\n vertical-align: middle;\n }\n\n .subtitle {\n line-height: ", ";\n font: ", ";\n color: ", ";\n text-align: center;\n }\n\n .title {\n line-height: ", ";\n text-align: center;\n font: ", ";\n color: ", ";\n }\n\n .recorder {\n width: ", ";\n }\n\n .btn-items {\n display: inline-block;\n margin: 7px;\n }\n\n .v-space {\n margin-top: 30px;\n }\n\n .replay-video {\n width: 100%;\n border-radius: 10px;\n }\n\n @media screen and (max-width: 576px) {\n .recorder {\n width: ", ";\n }\n\n .btn-items {\n margin: 7px 0;\n width: 100%;\n }\n\n .v-space {\n margin-top: 15px;\n }\n\n .replay-video {\n height: 350px;\n }\n }\n "])), referenceCaptureVars.subTitleLineHeight, referenceCaptureVars.subTitleFont, referenceCaptureVars.subTitleColor, referenceCaptureVars.titleLineHeight, referenceCaptureVars.titleFont, referenceCaptureVars.titleColor, referenceCaptureVars.videoRecorderWidth, referenceCaptureVars.videoRecorderSmWidth);
|
|
308
314
|
customElements.define("uni-reference-capture", ReferenceCapture);
|
|
309
315
|
|
|
310
316
|
export { ReferenceCapture, referenceCaptureStrings };
|
package/dist/selfie-capture.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i } from './lit-element-c42ac26e.js';
|
|
2
2
|
import { E as EN } from './en-57f1198e.js';
|
|
3
|
-
import { b as buildPacked } from './video-recorder-
|
|
3
|
+
import { b as buildPacked } from './video-recorder-38ffc30c.js';
|
|
4
4
|
import './video-record-directions.js';
|
|
5
5
|
import './button.js';
|
|
6
6
|
import { s as selfieCaptureVars } from './variables-0db5ef1b.js';
|
|
@@ -23,7 +23,7 @@ var BackArrowIcon = /*#__PURE__*/function (_LitElement) {
|
|
|
23
23
|
}(s);
|
|
24
24
|
customElements.define("uni-back-arrow-icon", BackArrowIcon);
|
|
25
25
|
|
|
26
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
26
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
27
27
|
var selfieCaptureStrings = EN.selfieCapture;
|
|
28
28
|
var SelfieCapture = /*#__PURE__*/function (_LitElement) {
|
|
29
29
|
function SelfieCapture() {
|
|
@@ -102,6 +102,12 @@ var SelfieCapture = /*#__PURE__*/function (_LitElement) {
|
|
|
102
102
|
detail: e.detail
|
|
103
103
|
}));
|
|
104
104
|
}
|
|
105
|
+
}, {
|
|
106
|
+
key: "getSlottedContent",
|
|
107
|
+
value: function getSlottedContent(slotName) {
|
|
108
|
+
var slot = this.querySelector("[slot=\"".concat(slotName, "\"]"));
|
|
109
|
+
return slot ? slot : null;
|
|
110
|
+
}
|
|
105
111
|
}, {
|
|
106
112
|
key: "renderDirections",
|
|
107
113
|
value: function renderDirections() {
|
|
@@ -112,7 +118,7 @@ var SelfieCapture = /*#__PURE__*/function (_LitElement) {
|
|
|
112
118
|
key: "renderRecorder",
|
|
113
119
|
value: function renderRecorder() {
|
|
114
120
|
var _this$strings$title2, _this$strings$acquisi, _this$strings$acquisi2, _this$strings$acquisi3, _this$strings$acquisi4, _this$strings$acquisi5, _this$strings$acquisi6, _this$strings$recorde, _this$recorderOptions, _this$recorderOptions2, _this$recorderOptions3, _this$strings$back;
|
|
115
|
-
return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <div class=\"box\">\n <h1 class=\"title\">", "</h1>\n ", "\n\n <div class=\"v-space\"></div>\n\n <div class=\"recorder\">\n <uni-video-recorder\n id=\"uni-video-recorder\"\n @record=\"", "\"\n @recorderReady=\"", "\"\n @recordCompleted=\"", "\"\n @recordStarting=\"", "\"\n @recordCapturing=\"", "\"\n @recordInterrupted=\"", "\"\n @activeChallenge=\"", "\"\n strings=\"", "\"\n preset=\"", "\"\n log-level=\"", "\"\n config=\"", "\"\n face-checker=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n ", "\n
|
|
121
|
+
return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <div class=\"box\">\n <h1 class=\"title\">", "</h1>\n ", "\n\n <div class=\"v-space\"></div>\n\n <div class=\"recorder\">\n <uni-video-recorder\n id=\"uni-video-recorder\"\n @record=\"", "\"\n @recorderReady=\"", "\"\n @recordCompleted=\"", "\"\n @recordStarting=\"", "\"\n @recordCapturing=\"", "\"\n @recordInterrupted=\"", "\"\n @activeChallenge=\"", "\"\n strings=\"", "\"\n preset=\"", "\"\n log-level=\"", "\"\n config=\"", "\"\n face-checker=\"", "\"\n ?hide-capture-btn=", "\n ?disable-debug-mode=", "\n >\n ", "\n ", "\n ", "\n ", "\n </uni-video-recorder>\n </div>\n </div>\n "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : selfieCaptureStrings.title, this.acquisitionTime !== 0 ? x(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n <span class=\"text\">\n ", "\n ", "\n ", "\n </span>\n "])), (_this$strings$acquisi = (_this$strings$acquisi2 = this.strings.acquisitionDuration) === null || _this$strings$acquisi2 === void 0 ? void 0 : _this$strings$acquisi2.base) !== null && _this$strings$acquisi !== void 0 ? _this$strings$acquisi : selfieCaptureStrings.acquisitionDuration.base, Math.ceil(this.acquisitionTime), Math.ceil(this.acquisitionTime) === 1 ? (_this$strings$acquisi3 = (_this$strings$acquisi4 = this.strings.acquisitionDuration) === null || _this$strings$acquisi4 === void 0 ? void 0 : _this$strings$acquisi4.singular) !== null && _this$strings$acquisi3 !== void 0 ? _this$strings$acquisi3 : selfieCaptureStrings.acquisitionDuration.singular : (_this$strings$acquisi5 = (_this$strings$acquisi6 = this.strings.acquisitionDuration) === null || _this$strings$acquisi6 === void 0 ? void 0 : _this$strings$acquisi6.plural) !== null && _this$strings$acquisi5 !== void 0 ? _this$strings$acquisi5 : selfieCaptureStrings.acquisitionDuration.plural) : "", this.handleRecord, this.handleRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, this.handleActiveChallenge, JSON.stringify((_this$strings$recorde = this.strings.recorder) !== null && _this$strings$recorde !== void 0 ? _this$strings$recorde : selfieCaptureStrings.recorder), (_this$recorderOptions = this.recorderOptions.preset) !== null && _this$recorderOptions !== void 0 ? _this$recorderOptions : buildPacked.exports.AcquisitionPreset.SELFIE_MJPEG, this.recorderOptions.logLevel, JSON.stringify((_this$recorderOptions2 = this.recorderOptions.config) !== null && _this$recorderOptions2 !== void 0 ? _this$recorderOptions2 : {}), (_this$recorderOptions3 = this.recorderOptions.faceChecker) !== null && _this$recorderOptions3 !== void 0 ? _this$recorderOptions3 : "disabled-on-retry", this.hideCaptureBtn, this.disableDebugMode, this.hideCapturePrevBtn ? x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([""]))) : x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["<div slot=\"left\">\n <uni-button variant=\"outlined\" @click=\"", "\">\n <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n ", "\n </uni-button>\n </div>"])), this.handleBack, (_this$strings$back = this.strings.back) !== null && _this$strings$back !== void 0 ? _this$strings$back : selfieCaptureStrings.back), this.getSlottedContent("ac-top-hints") ? x(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["<slot name=\"ac-top-hints\" slot=\"ac-top-hints\"></slot>"]))) : x(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-face-hints") ? x(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["<slot name=\"ac-face-hints\" slot=\"ac-face-hints\"></slot>"]))) : x(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""]))), this.getSlottedContent("ac-bottom-hints") ? x(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["<slot name=\"ac-bottom-hints\" slot=\"ac-bottom-hints\"></slot>"]))) : x(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral([""]))));
|
|
116
122
|
}
|
|
117
123
|
}, {
|
|
118
124
|
key: "render",
|
|
@@ -154,7 +160,7 @@ SelfieCapture.properties = {
|
|
|
154
160
|
state: true
|
|
155
161
|
}
|
|
156
162
|
};
|
|
157
|
-
SelfieCapture.styles = i(
|
|
163
|
+
SelfieCapture.styles = i(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n .box {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n }\n\n .subtitle {\n line-height: ", ";\n font: ", ";\n color: ", ";\n }\n\n .title {\n line-height: ", ";\n font: ", ";\n color: ", ";\n }\n\n .h-box {\n text-align: center;\n width: 100%;\n\n margin: var(--uni-recorder-buttons-margin, 30px 0);\n }\n\n .directions {\n width: 100%;\n }\n\n .recorder {\n width: ", ";\n }\n\n .v-space {\n margin-top: 40px;\n }\n\n .h-space-15 {\n margin-right: 15px;\n }\n\n .btn-items {\n display: inline-block;\n padding: 7px;\n }\n\n @media screen and (max-width: 576px) {\n .recorder {\n width: ", ";\n }\n\n .btn-items {\n width: 95%;\n }\n\n .v-space {\n margin-top: 20px;\n }\n }\n "])), selfieCaptureVars.subTitleLineHeight, selfieCaptureVars.subTitleFont, selfieCaptureVars.subTitleColor, selfieCaptureVars.titleLineHeight, selfieCaptureVars.titleFont, selfieCaptureVars.titleColor, selfieCaptureVars.videoRecorderWidth, selfieCaptureVars.videoRecorderSmWidth);
|
|
158
164
|
customElements.define("uni-selfie-capture", SelfieCapture);
|
|
159
165
|
|
|
160
166
|
export { SelfieCapture, selfieCaptureStrings };
|