@unissey-web/web-components 3.8.3-alpha.2 → 3.8.3-beta.1

package/dist/full-capture.js

@@ -3,7 +3,7 @@ import { selfieCaptureStrings } from './selfie-capture.js';
 import { referenceCaptureStrings } from './reference-capture.js';
 import './button.js';
 import './en-e76ed5a0.js';
-import './video-recorder-8760013f.js';
+import './video-recorder-22ded8cf.js';
 import './variables-09a3e162.js';
 import './video-record-directions.js';
 import './direction-card-f55e1936.js';
@@ -23,6 +23,7 @@ var FullCapture = /*#__PURE__*/function (_LitElement) {
     _this.recorderOptions = {};
     _this.hideSelfieCaptureBtn = false;
     _this.hideReferenceCaptureBtn = false;
+    _this.disableDebugMode = false;
     return _this;
   }
   _inherits(FullCapture, _LitElement);
@@ -64,13 +65,13 @@ var FullCapture = /*#__PURE__*/function (_LitElement) {
     key: "renderReferenceStep",
     value: function renderReferenceStep() {
       var _this$strings$referen, _this$strings$referen2, _this$strings$referen3;
-      return x(_templateObject || (_templateObject = _taggedTemplateLiteral([" <uni-reference-capture\n      @reference=\"", "\"\n      @recorderReady=\"", "\"\n      recorder-options=\"", "\"\n      strings=\"", "\"\n      ?hide-capture-btn=", "\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=\"action-btn\" slot=\"action-btn\"></slot>\n    </uni-reference-capture>"])), this.handleReference, this.handleRecoderReady, JSON.stringify(this.recorderOptions), JSON.stringify((_this$strings$referen = this.strings.reference) !== null && _this$strings$referen !== void 0 ? _this$strings$referen : referenceCaptureStrings), this.hideReferenceCaptureBtn, 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));
+      return x(_templateObject || (_templateObject = _taggedTemplateLiteral([" <uni-reference-capture\n      @reference=\"", "\"\n      @recorderReady=\"", "\"\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=\"action-btn\" slot=\"action-btn\"></slot>\n    </uni-reference-capture>"])), this.handleReference, this.handleRecoderReady, 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));
     }
   }, {
     key: "renderSelfieStep",
     value: function renderSelfieStep() {
       var _this$strings$selfie, _this$strings$selfie$, _this$strings$selfie2, _this$strings$selfie$2, _this$strings$selfie3;
-      return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<uni-selfie-capture\n      @selfie=\"", "\"\n      @recorderReady=\"", "\"\n      strings=\"", "\"\n      recorder-options=\"", "\"\n      ?hide-capture-btn=", "\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    </uni-selfie-capture>"])), this.handleSelfie, this.handleRecoderReady, JSON.stringify((_this$strings$selfie = this.strings.selfie) !== null && _this$strings$selfie !== void 0 ? _this$strings$selfie : selfieCaptureStrings), JSON.stringify(this.recorderOptions), this.hideSelfieCaptureBtn, 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);
+      return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<uni-selfie-capture\n      @selfie=\"", "\"\n      @recorderReady=\"", "\"\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    </uni-selfie-capture>"])), this.handleSelfie, this.handleRecoderReady, 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);
     }
   }, {
     key: "render",
@@ -101,6 +102,10 @@ FullCapture.properties = {
     attribute: "hide-reference-capture-btn",
     type: Boolean
   },
+  disableDebugMode: {
+    attribute: "disable-debug-mode",
+    type: Boolean
+  },
   captureStep: {
     state: true
   }

package/dist/index.d.ts

@@ -652,6 +652,7 @@ declare class SelfieCapture extends LitElement {
     recorderOptions: RecorderOptions$1;
     hideCapturePrevBtn: boolean;
     hideCaptureBtn: boolean;
+    disableDebugMode: boolean;
     acquisitionTime: number;
     static properties: {
         recorderOptions: {
@@ -670,6 +671,10 @@ declare class SelfieCapture extends LitElement {
             attribute: string;
             type: BooleanConstructor;
         };
+        disableDebugMode: {
+            attribute: string;
+            type: BooleanConstructor;
+        };
         captureStep: {
             state: boolean;
         };
@@ -807,6 +812,7 @@ declare class ReferenceCapture extends LitElement {
     strings: Partial<typeof referenceCaptureStrings>;
     recorderOptions: RecorderOptions;
     hideCaptureBtn: boolean;
+    disableDebugMode: boolean;
     static properties: {
         recorderOptions: {
             attribute: string;
@@ -820,6 +826,10 @@ declare class ReferenceCapture extends LitElement {
             attribute: string;
             type: BooleanConstructor;
         };
+        disableDebugMode: {
+            attribute: string;
+            type: BooleanConstructor;
+        };
         state: {
             state: boolean;
         };
@@ -999,6 +1009,7 @@ declare class FullCapture extends LitElement {
     recorderOptions: RecorderOptions$1;
     hideSelfieCaptureBtn: boolean;
     hideReferenceCaptureBtn: boolean;
+    disableDebugMode: boolean;
     static properties: {
         recorderOptions: {
             attribute: string;
@@ -1016,6 +1027,10 @@ declare class FullCapture extends LitElement {
             attribute: string;
             type: BooleanConstructor;
         };
+        disableDebugMode: {
+            attribute: string;
+            type: BooleanConstructor;
+        };
         captureStep: {
             state: boolean;
         };

package/dist/index.js

@@ -1,6 +1,6 @@
 export { Button } from './button.js';
-import { R as Recorder } from './video-recorder-8760013f.js';
-export { C as CameraVideoOutlinedIcon, O as OverlayHints } from './video-recorder-8760013f.js';
+import { R as Recorder } from './video-recorder-22ded8cf.js';
+export { C as CameraVideoOutlinedIcon, O as OverlayHints } from './video-recorder-22ded8cf.js';
 export { VideoRecordDirections } from './video-record-directions.js';
 export { PictureRecorder } from './picture-recorder.js';
 export { PictureEditor } from './picture-editor.js';

package/dist/picture-recorder.js

@@ -1,6 +1,6 @@
 import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, e as _objectSpread2 } from './lit-element-ac3d3a27.js';
 import { E as EN } from './en-e76ed5a0.js';
-import { R as Recorder, b as buildPacked } from './video-recorder-8760013f.js';
+import { R as Recorder, b as buildPacked } from './video-recorder-22ded8cf.js';
 import './variables-09a3e162.js';
 import './button.js';
 

package/dist/reference-capture.js

@@ -3,7 +3,7 @@ import './button.js';
 import './image-capture-directions.js';
 import './file-upload.js';
 import './picture-recorder.js';
-import { b as buildPacked } from './video-recorder-8760013f.js';
+import { b as buildPacked } from './video-recorder-22ded8cf.js';
 import { E as EN } from './en-e76ed5a0.js';
 import { c as referenceCaptureVars } from './variables-09a3e162.js';
 import './direction-card-f55e1936.js';
@@ -77,6 +77,7 @@ var ReferenceCapture = /*#__PURE__*/function (_LitElement) {
     _this.strings = {};
     _this.recorderOptions = {};
     _this.hideCaptureBtn = false;
+    _this.disableDebugMode = false;
     return _this;
   }
   _inherits(ReferenceCapture, _LitElement);
@@ -244,13 +245,13 @@ var ReferenceCapture = /*#__PURE__*/function (_LitElement) {
     key: "renderPictureRecord",
     value: function renderPictureRecord() {
       var _this$strings$title2, _this$strings$picture2, _this$strings$picture3, _this$strings$back2;
-      return x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\">\n          ", "\n        </span>\n\n        <div class=\"recorder v-space\">\n          <uni-picture-recorder\n            id=\"uni-picture-recorder\"\n            @picture=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            strings=\"", "\"\n            log-level=\"", "\"\n            ?hide-capture-btn=", "\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          </uni-picture-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : referenceCaptureStrings.title, (_this$strings$picture2 = this.strings.pictureRecordSubtitle) !== null && _this$strings$picture2 !== void 0 ? _this$strings$picture2 : referenceCaptureStrings.pictureRecordSubtitle, this.handlePictureCapture, this.handlePictureRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, JSON.stringify((_this$strings$picture3 = this.strings.pictureRecorder) !== null && _this$strings$picture3 !== void 0 ? _this$strings$picture3 : referenceCaptureStrings.pictureRecorder), this.recorderOptions.logLevel, this.hideCaptureBtn, this.displayDirectionsStep, (_this$strings$back2 = this.strings.back) !== null && _this$strings$back2 !== void 0 ? _this$strings$back2 : referenceCaptureStrings.back);
+      return x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\">\n          ", "\n        </span>\n\n        <div class=\"recorder v-space\">\n          <uni-picture-recorder\n            id=\"uni-picture-recorder\"\n            @picture=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            strings=\"", "\"\n            log-level=\"", "\"\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          </uni-picture-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : referenceCaptureStrings.title, (_this$strings$picture2 = this.strings.pictureRecordSubtitle) !== null && _this$strings$picture2 !== void 0 ? _this$strings$picture2 : referenceCaptureStrings.pictureRecordSubtitle, this.handlePictureCapture, this.handlePictureRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, JSON.stringify((_this$strings$picture3 = this.strings.pictureRecorder) !== null && _this$strings$picture3 !== void 0 ? _this$strings$picture3 : referenceCaptureStrings.pictureRecorder), this.recorderOptions.logLevel, this.hideCaptureBtn, this.disableDebugMode, this.displayDirectionsStep, (_this$strings$back2 = this.strings.back) !== null && _this$strings$back2 !== void 0 ? _this$strings$back2 : referenceCaptureStrings.back);
     }
   }, {
     key: "renderVideoRecord",
     value: function renderVideoRecord() {
       var _this$strings$title3, _this$strings$videoRe, _this$strings$videoRe2, _this$strings$back3;
-      return x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\"\n          >", "</span\n        >\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          >\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          </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.recorderOptions.logLevel, this.handleVideoRecord, this.handleVideoRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, this.hideCaptureBtn, this.displayDirectionsStep, (_this$strings$back3 = this.strings.back) !== null && _this$strings$back3 !== void 0 ? _this$strings$back3 : referenceCaptureStrings.back);
+      return x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\"\n          >", "</span\n        >\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          </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.recorderOptions.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);
     }
   }, {
     key: "renderVideoReplay",
@@ -286,6 +287,10 @@ ReferenceCapture.properties = {
     attribute: "hide-capture-btn",
     type: Boolean
   },
+  disableDebugMode: {
+    attribute: "disable-debug-mode",
+    type: Boolean
+  },
   state: {
     state: true
   }

package/dist/selfie-capture.js

@@ -1,6 +1,6 @@
 import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i } from './lit-element-ac3d3a27.js';
 import { E as EN } from './en-e76ed5a0.js';
-import { b as buildPacked } from './video-recorder-8760013f.js';
+import { b as buildPacked } from './video-recorder-22ded8cf.js';
 import './video-record-directions.js';
 import './button.js';
 import { s as selfieCaptureVars } from './variables-09a3e162.js';
@@ -34,6 +34,7 @@ var SelfieCapture = /*#__PURE__*/function (_LitElement) {
     _this.recorderOptions = {};
     _this.hideCapturePrevBtn = false;
     _this.hideCaptureBtn = false;
+    _this.disableDebugMode = false;
     _this.acquisitionTime = 0;
     return _this;
   }
@@ -102,7 +103,7 @@ var SelfieCapture = /*#__PURE__*/function (_LitElement) {
     key: "renderRecorder",
     value: function renderRecorder() {
       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$recorderOptions4, _this$strings$back;
-      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            strings=\"", "\"\n            preset=\"", "\"\n            log-level=\"", "\"\n            config=\"", "\"\n            face-checker=\"", "\"\n            instruction-messages=\"", "\"\n            ?hide-capture-btn=", "\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, 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_FAST, 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", JSON.stringify((_this$recorderOptions4 = this.recorderOptions.instructionMessages) !== null && _this$recorderOptions4 !== void 0 ? _this$recorderOptions4 : []), this.hideCaptureBtn, 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));
+      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            strings=\"", "\"\n            preset=\"", "\"\n            log-level=\"", "\"\n            config=\"", "\"\n            face-checker=\"", "\"\n            instruction-messages=\"", "\"\n            ?hide-capture-btn=", "\n            ?disable-debug-mode=", "\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, 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_FAST, 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", JSON.stringify((_this$recorderOptions4 = this.recorderOptions.instructionMessages) !== null && _this$recorderOptions4 !== void 0 ? _this$recorderOptions4 : []), 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));
     }
   }, {
     key: "render",
@@ -133,6 +134,10 @@ SelfieCapture.properties = {
     attribute: "hide-capture-btn",
     type: Boolean
   },
+  disableDebugMode: {
+    attribute: "disable-debug-mode",
+    type: Boolean
+  },
   captureStep: {
     state: true
   },

package/dist/{video-recorder-8760013f.js → video-recorder-22ded8cf.js}

@@ -4,7 +4,7 @@ import { E as EN } from './en-e76ed5a0.js';
 import './button.js';
 
 var name = "@unissey-web/web-components";
-var version = "3.8.3-alpha.2";
+var version = "3.8.3-beta.1";
 var description = "";
 var module = "./dist/index.js";
 var typings = "./dist/index.d.ts";
@@ -374,7 +374,7 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
     _this.isCameraFlipped = false;
     // Does the latest session fails to find a face ? Used to disable the face detection on retry (depending on 'faceChecker' property value')
     _this.faceDetectionFails = false;
-    // Enable or disable the debugger hook of the sdk js
+    // Enable / disable the debugger hook
     _this.disableDebugMode = false;
     _this.sdkJsListener_status = function (status) {
       var _this$shadowRoot, _this$shadowRoot2;
@@ -650,7 +650,9 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
       var video = (_this$shadowRoot4 = this.shadowRoot) === null || _this$shadowRoot4 === void 0 ? void 0 : _this$shadowRoot4.getElementById("vid");
       video.addEventListener("resize", this.adjustContainerSize.bind(this));
 
-      // This property is used to disable the debugger
+      // This property is used to disable the debugger. At false, the debugger is desactivated.
+      // By default, it's activated because the "disableDebugMode" property value is false by default.
+      // We need to set it to false and negate it's value because of Lit limitation concerning boolean values
       buildPacked.exports.UnisseySdk.hkdb = !this.disableDebugMode;
     }
   }, {

package/dist/video-recorder.js

@@ -1,5 +1,5 @@
 import './lit-element-ac3d3a27.js';
-export { R as Recorder, V as VideoRecorder } from './video-recorder-8760013f.js';
+export { R as Recorder, V as VideoRecorder } from './video-recorder-22ded8cf.js';
 import './button.js';
 import './en-e76ed5a0.js';
 import './variables-09a3e162.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unissey-web/web-components",
-  "version": "3.8.3-alpha.2",
+  "version": "3.8.3-beta.1",
   "description": "",
   "module": "./dist/index.js",
   "typings": "./dist/index.d.ts",