@unissey-web/web-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/button.js

@@ -1,5 +1,5 @@
 import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, x, s, b as _classCallCheck, c as _callSuper } from './lit-element-c42ac26e.js';
-import { e as buttonsVars, d as defaultVars } from './variables-0db5ef1b.js';
+import { e as buttonsVars, d as defaultVars } from './variables-513bd26a.js';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var Button = /*#__PURE__*/function (_LitElement) {
@@ -38,7 +38,7 @@ Button.properties = {
     type: Boolean
   }
 };
-Button.styles = i(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    @media screen and (max-width: 576px) {\n      .btn {\n        width: ", ";\n      }\n    }\n\n    :host {\n    }\n\n    .btn {\n      display: inline-block;\n      align-items: center;\n      vertical-align: top;\n      padding: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n      font-size: ", ";\n      text-transform: ", ";\n    }\n\n    .btn:hover {\n      background-color: ", ";\n    }\n\n    .btn:disabled {\n      cursor: default;\n      background-color: ", ";\n      border-color: ", ";\n    }\n\n    .btn-outlined {\n      color: ", ";\n      background-color: ", ";\n      border: ", ";\n    }\n\n    .btn-outlined:hover {\n      background-color: ", ";\n    }\n\n    .box {\n      display: block;\n      text-align: center;\n    }\n\n    .label {\n      margin: 0 10px;\n    }\n\n    .item-center {\n      display: inline-block;\n      vertical-align: middle;\n    }\n  "])), buttonsVars.smWidth, buttonsVars.padding, buttonsVars.border, defaultVars.colors.primary, buttonsVars.borderRadius, defaultVars.colors.primary, defaultVars.colors.white, buttonsVars.fontSize, buttonsVars.textTransform, defaultVars.colors.primaryLighter, buttonsVars.btnDisabledBgColor, buttonsVars.btnDisabledBgColor, defaultVars.colors.primary, defaultVars.colors.white, buttonsVars.outlinedBorders, buttonsVars.btnDisabledBgColor);
+Button.styles = i(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    @media screen and (max-width: 576px) {\n      .btn {\n        width: ", ";\n      }\n    }\n\n    :host {\n    }\n\n    .btn {\n      display: inline-block;\n      align-items: center;\n      vertical-align: top;\n      padding: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n      font-size: ", ";\n      text-transform: ", ";\n    }\n\n    .btn:hover {\n      background-color: ", ";\n    }\n\n    .btn:focus {\n      outline: ", ";\n    }\n\n    .btn:disabled {\n      cursor: default;\n      background-color: ", ";\n      border-color: ", ";\n    }\n\n    .btn-outlined {\n      color: ", ";\n      background-color: ", ";\n      border: ", ";\n    }\n\n    .btn-outlined:hover {\n      background-color: ", ";\n    }\n\n    .box {\n      display: block;\n      text-align: center;\n    }\n\n    .label {\n      margin: 0 10px;\n    }\n\n    .item-center {\n      display: inline-block;\n      vertical-align: middle;\n    }\n  "])), buttonsVars.smWidth, buttonsVars.padding, buttonsVars.border, defaultVars.colors.primary, buttonsVars.borderRadius, defaultVars.colors.primary, defaultVars.colors.white, buttonsVars.fontSize, buttonsVars.textTransform, defaultVars.colors.primaryLighter, buttonsVars.focusOutline, buttonsVars.btnDisabledBgColor, buttonsVars.btnDisabledBgColor, defaultVars.colors.primary, defaultVars.colors.white, buttonsVars.outlinedBorders, buttonsVars.btnDisabledBgColor);
 customElements.define("uni-button", Button);
 
 export { Button };

package/dist/{direction-card-fd8d8d8b.js → direction-card-88c5d34f.js}

@@ -1,5 +1,5 @@
 import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, x, s, b as _classCallCheck, c as _callSuper } from './lit-element-c42ac26e.js';
-import { d as defaultVars, c as directionCardsVars } from './variables-0db5ef1b.js';
+import { d as defaultVars, c as directionCardsVars } from './variables-513bd26a.js';
 
 var _templateObject$1;
 var directionsStyle = i(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  .layout {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .item {\n    margin-top: 15px;\n    width: 100%;\n  }\n"])));

package/dist/{en-57f1198e.js → en-27ff3a75.js}

@@ -49,10 +49,18 @@ var videoRecorder = {
   },
   rotationWhileCapturingErrorMessage: "Please don't rotate the device during acquisition.",
   activeChallengeMessages: {
-    rotateLeft: 'Turn head to the <strong font-size: 18px">left</strong>',
-    rotateRight: 'Turn head to the <strong font-size: 18px">right</strong>',
-    rotateUp: 'Turn head <strong font-size: 18px">up</strong>',
-    rotateDown: 'Turn head <strong font-size: 18px">down</strong>'
+    rotateLeft: 'Turn head to the <strong style="font-size: 18px">left</strong>',
+    rotateRight: 'Turn head to the <strong style="font-size: 18px">right</strong>',
+    rotateUp: 'Turn head <strong style="font-size: 18px">up</strong>',
+    rotateDown: 'Turn head <strong style="font-size: 18px">down</strong>'
+  },
+  accessibility: {
+    flipCamera: "Switch camera",
+    turnLeft: "Turn left",
+    turnRight: "Turn right",
+    turnUp: "Turn up",
+    turnDown: "Turn down",
+    videoFeed: "Camera feed for identity verification"
   }
 };
 var pictureRecorder = {

package/dist/file-upload.js

@@ -1,7 +1,9 @@
-import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, x, s, b as _classCallCheck, c as _callSuper, e as _objectSpread2, f as _asyncToGenerator, g as _regenerator } from './lit-element-c42ac26e.js';
-import { E as EN } from './en-57f1198e.js';
-import { f as fileUploadVars } from './variables-0db5ef1b.js';
-import { c as commonjsGlobal } from './_commonjsHelpers-02146103.js';
+import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, h as _superPropGet, x, s, b as _classCallCheck, c as _callSuper, e as _objectSpread2, f as _asyncToGenerator, g as _regenerator } from './lit-element-c42ac26e.js';
+import { E as EN } from './en-27ff3a75.js';
+import { f as fileUploadVars } from './variables-513bd26a.js';
+import { K as KEY_ENTER, a as KEY_SPACE } from './utils-1f156bdf.js';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var heic2any$1 = {exports: {}};
 
@@ -296,11 +298,23 @@ var FileUpload = /*#__PURE__*/function (_LitElement) {
     _this.strings = _objectSpread2({}, defaultStrings);
     _this.error = "";
     _this.inited = false;
+    _this.handleKeyboardSelection = function (e) {
+      if (e.code === KEY_ENTER || e.code === KEY_SPACE) {
+        _this.handleClick();
+      }
+    };
     _this.handleFileSelection = _this.handleFileSelection.bind(_this);
     return _this;
   }
   _inherits(FileUpload, _LitElement);
   return _createClass(FileUpload, [{
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      _superPropGet(FileUpload, "connectedCallback", this, 3)([]);
+      this.setAttribute("tabindex", "0");
+      this.addEventListener("keydown", this.handleKeyboardSelection);
+    }
+  }, {
     key: "validateFile",
     value: function validateFile(type, size) {
       var error = "";
@@ -408,6 +422,12 @@ var FileUpload = /*#__PURE__*/function (_LitElement) {
     value: function updated() {
       if (!this.inited) this.init();
     }
+  }, {
+    key: "disconnectedCallback",
+    value: function disconnectedCallback() {
+      _superPropGet(FileUpload, "disconnectedCallback", this, 3)([]);
+      this.removeEventListener("keydown", this.handleKeyboardSelection);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -435,7 +455,7 @@ FileUpload.properties = {
     state: true
   }
 };
-FileUpload.styles = i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    #drop-zone {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: ", ";\n      text-align: center;\n\n      width: ", ";\n      height: ", ";\n      border: ", ";\n      background-color: ", ";\n\n      cursor: pointer;\n    }\n\n    .text {\n      color: ", ";\n      font-size: ", ";\n    }\n\n    .error {\n      display: inline-block;\n      margin-top: 40px;\n      color: ", ";\n      font-size: ", ";\n    }\n  "])), fileUploadVars.padding, fileUploadVars.width, fileUploadVars.height, fileUploadVars.border, fileUploadVars.backgroundColor, fileUploadVars.textColor, fileUploadVars.textFontSize, fileUploadVars.errorTextColor, fileUploadVars.errorTextFontSize);
+FileUpload.styles = i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    #drop-zone {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: ", ";\n      text-align: center;\n\n      width: ", ";\n      height: ", ";\n      border: ", ";\n      background-color: ", ";\n\n      cursor: pointer;\n    }\n\n    :host(:focus) #drop-zone {\n      outline: ", ";\n    }\n\n    .text {\n      color: ", ";\n      font-size: ", ";\n    }\n\n    .error {\n      display: inline-block;\n      margin-top: 40px;\n      color: ", ";\n      font-size: ", ";\n    }\n  "])), fileUploadVars.padding, fileUploadVars.width, fileUploadVars.height, fileUploadVars.border, fileUploadVars.backgroundColor, fileUploadVars.focusOutline, fileUploadVars.textColor, fileUploadVars.textFontSize, fileUploadVars.errorTextColor, fileUploadVars.errorTextFontSize);
 customElements.define("uni-file-upload", FileUpload);
 
 export { FileUpload };

package/dist/full-capture.js

@@ -2,12 +2,12 @@ import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b
 import { selfieCaptureStrings } from './selfie-capture.js';
 import { referenceCaptureStrings } from './reference-capture.js';
 import './button.js';
-import './en-57f1198e.js';
-import './video-recorder-f89d5b58.js';
-import './_commonjsHelpers-02146103.js';
-import './variables-0db5ef1b.js';
+import './en-27ff3a75.js';
+import './video-recorder-c4fd102c.js';
+import './variables-513bd26a.js';
+import './utils-1f156bdf.js';
 import './video-record-directions.js';
-import './direction-card-fd8d8d8b.js';
+import './direction-card-88c5d34f.js';
 import './image-capture-directions.js';
 import './file-upload.js';
 import './picture-recorder.js';

package/dist/image-capture-directions.js

@@ -1,7 +1,7 @@
 import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i, e as _objectSpread2 } from './lit-element-c42ac26e.js';
-import { d as directionsStyle } from './direction-card-fd8d8d8b.js';
-import { d as defaultVars } from './variables-0db5ef1b.js';
-import { E as EN } from './en-57f1198e.js';
+import { d as directionsStyle } from './direction-card-88c5d34f.js';
+import { d as defaultVars } from './variables-513bd26a.js';
+import { E as EN } from './en-27ff3a75.js';
 
 var _templateObject$3;
 var FaceCardPicto = /*#__PURE__*/function (_LitElement) {

package/dist/index.d.ts

@@ -125,6 +125,14 @@ declare const EN: {
             rotateUp: string;
             rotateDown: string;
         };
+        accessibility: {
+            flipCamera: string;
+            turnLeft: string;
+            turnRight: string;
+            turnUp: string;
+            turnDown: string;
+            videoFeed: string;
+        };
     };
     pictureRecorder: {
         capture: string;
@@ -215,6 +223,14 @@ declare const EN: {
                 rotateUp: string;
                 rotateDown: string;
             };
+            accessibility: {
+                flipCamera: string;
+                turnLeft: string;
+                turnRight: string;
+                turnUp: string;
+                turnDown: string;
+                videoFeed: string;
+            };
         };
     };
     referenceCapture: {
@@ -276,6 +292,14 @@ declare const EN: {
                 rotateUp: string;
                 rotateDown: string;
             };
+            accessibility: {
+                flipCamera: string;
+                turnLeft: string;
+                turnRight: string;
+                turnUp: string;
+                turnDown: string;
+                videoFeed: string;
+            };
         };
         pictureRecorder: {
             capture: string;
@@ -289,6 +313,25 @@ declare const EN: {
 };
 type I18n = typeof EN;
 
+type SdkNotification = {
+    message: string;
+    type: "info" | "error";
+};
+type NotificationCallback = (notification: SdkNotification) => void;
+declare class NotificationThrottler {
+    private nextNotification;
+    private isProcessing;
+    private readRate;
+    private readonly notificationCallback;
+    private readonly targetElement;
+    constructor(notificationCallback: NotificationCallback, readRate: number | undefined, targetElement: HTMLElement);
+    setReadRate(rate: number): void;
+    private execAndDelay;
+    private processCycleEnd;
+    getIsProcessing(): boolean;
+    sendNotification(notification: SdkNotification): void;
+}
+
 declare class Recorder extends LitElement {
     session: UnisseySession | null;
     sessionPromise: Promise<void> | null;
@@ -341,6 +384,14 @@ declare class Recorder extends LitElement {
             rotateUp: string;
             rotateDown: string;
         };
+        accessibility: {
+            flipCamera: string;
+            turnLeft: string;
+            turnRight: string;
+            turnUp: string;
+            turnDown: string;
+            videoFeed: string;
+        };
     };
     strings: Partial<typeof EN.videoRecorder>;
     captureButtonPicto: lit_html.TemplateResult<1>;
@@ -350,6 +401,7 @@ declare class Recorder extends LitElement {
     disconnected: boolean;
     initSessionInprogress: boolean;
     hints: HintType;
+    internalHints: HintType | undefined;
     error: string;
     sdkJsStatus: StatusEvent;
     willRetryCapture: boolean;
@@ -447,6 +499,7 @@ declare class Recorder extends LitElement {
             state: boolean;
         };
     };
+    notificationThrotler: NotificationThrottler;
     constructor();
     retryCapture(): Promise<void>;
     capture(): Promise<void>;
@@ -552,6 +605,8 @@ declare class FileUpload extends LitElement {
     error: string;
     inited: boolean;
     constructor();
+    connectedCallback(): void;
+    handleKeyboardSelection: (e: KeyboardEvent) => void;
     static properties: {
         supportedTypes: {
             attribute: string;
@@ -580,6 +635,7 @@ declare class FileUpload extends LitElement {
     handleClick(): void;
     init(): void;
     updated(): void;
+    disconnectedCallback(): void;
     static styles: lit.CSSResult;
     render(): lit_html.TemplateResult<1>;
 }
@@ -698,6 +754,14 @@ declare const selfieCaptureStrings: {
             rotateUp: string;
             rotateDown: string;
         };
+        accessibility: {
+            flipCamera: string;
+            turnLeft: string;
+            turnRight: string;
+            turnUp: string;
+            turnDown: string;
+            videoFeed: string;
+        };
     };
 };
 type RecorderOptions$1 = Partial<{
@@ -863,6 +927,14 @@ declare const referenceCaptureStrings: {
             rotateUp: string;
             rotateDown: string;
         };
+        accessibility: {
+            flipCamera: string;
+            turnLeft: string;
+            turnRight: string;
+            turnUp: string;
+            turnDown: string;
+            videoFeed: string;
+        };
     };
     pictureRecorder: {
         capture: string;
@@ -1017,6 +1089,14 @@ declare const fullCaptureStrings: {
                 rotateUp: string;
                 rotateDown: string;
             };
+            accessibility: {
+                flipCamera: string;
+                turnLeft: string;
+                turnRight: string;
+                turnUp: string;
+                turnDown: string;
+                videoFeed: string;
+            };
         };
         pictureRecorder: {
             capture: string;
@@ -1081,6 +1161,14 @@ declare const fullCaptureStrings: {
                 rotateUp: string;
                 rotateDown: string;
             };
+            accessibility: {
+                flipCamera: string;
+                turnLeft: string;
+                turnRight: string;
+                turnUp: string;
+                turnDown: string;
+                videoFeed: string;
+            };
         };
     };
 };

package/dist/index.js

@@ -1,6 +1,6 @@
 export { Button } from './button.js';
-import { R as Recorder } from './video-recorder-f89d5b58.js';
-export { A as Animation, C as CameraVideoOutlinedIcon, O as OverlayHints } from './video-recorder-f89d5b58.js';
+import { R as Recorder } from './video-recorder-c4fd102c.js';
+export { A as Animation, C as CameraVideoOutlinedIcon, O as OverlayHints } from './video-recorder-c4fd102c.js';
 export { VideoRecordDirections } from './video-record-directions.js';
 export { PictureRecorder } from './picture-recorder.js';
 export { PictureEditor } from './picture-editor.js';
@@ -11,10 +11,10 @@ export { RetryResult } from './retry-result.js';
 export { SelfieCapture } from './selfie-capture.js';
 export { ReferenceCapture } from './reference-capture.js';
 export { FullCapture } from './full-capture.js';
-export { D as DirectionCard } from './direction-card-fd8d8d8b.js';
-export { E as EN } from './en-57f1198e.js';
-import './variables-0db5ef1b.js';
-import './_commonjsHelpers-02146103.js';
+export { D as DirectionCard } from './direction-card-88c5d34f.js';
+export { E as EN } from './en-27ff3a75.js';
+import './variables-513bd26a.js';
+import './utils-1f156bdf.js';
 
 // @ts-ignore
 
@@ -60,10 +60,18 @@ var videoRecorder = {
   },
   rotationWhileCapturingErrorMessage: "Veuillez ne pas tourner l'appareil pendant l'acquisition.",
   activeChallengeMessages: {
-    rotateLeft: 'Tournez la tête à <strong font-size: 18px">gauche</strong>',
-    rotateRight: 'Tournez la tête à <strong font-size: 18px">droite</strong>',
-    rotateUp: 'Pivotez la tête en <strong font-size: 18px">haut</strong>',
-    rotateDown: 'Pivotez la tête en <strong font-size: 18px">bas</strong>'
+    rotateLeft: 'Tournez la tête à <strong style="font-size: 18px">gauche</strong>',
+    rotateRight: 'Tournez la tête à <strong style="font-size: 18px">droite</strong>',
+    rotateUp: 'Pivotez la tête en <strong style="font-size: 18px">haut</strong>',
+    rotateDown: 'Pivotez la tête en <strong style="font-size: 18px">bas</strong>'
+  },
+  accessibility: {
+    flipCamera: "Changer de caméra",
+    turnLeft: "Tourner à gauche",
+    turnRight: "Tourner à droite",
+    turnUp: "Tourner vers le haut",
+    turnDown: "Tourner vers le bas",
+    videoFeed: "Flux caméra pour la vérification d'identité"
   }
 };
 var pictureRecorder = {

package/dist/picture-editor.js

@@ -1,5 +1,5 @@
 import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i, e as _objectSpread2, f as _asyncToGenerator, g as _regenerator, h as _superPropGet } from './lit-element-c42ac26e.js';
-import { E as EN } from './en-57f1198e.js';
+import { E as EN } from './en-27ff3a75.js';
 
 var _templateObject$2;
 var RotateLeftIcon = /*#__PURE__*/function (_LitElement) {

package/dist/picture-recorder.js

@@ -1,9 +1,9 @@
 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';
-import { R as Recorder, b as buildPacked } from './video-recorder-f89d5b58.js';
-import { E as EN } from './en-57f1198e.js';
-import './_commonjsHelpers-02146103.js';
-import './variables-0db5ef1b.js';
+import { R as Recorder, b as buildPacked } from './video-recorder-c4fd102c.js';
+import { E as EN } from './en-27ff3a75.js';
+import './variables-513bd26a.js';
 import './button.js';
+import './utils-1f156bdf.js';
 
 var _templateObject$1;
 var PhotoCameraIcon = /*#__PURE__*/function (_LitElement) {

package/dist/reference-capture.js

@@ -3,11 +3,11 @@ import './button.js';
 import './image-capture-directions.js';
 import './file-upload.js';
 import './picture-recorder.js';
-import { b as buildPacked } from './video-recorder-f89d5b58.js';
-import { E as EN } from './en-57f1198e.js';
-import { a as referenceCaptureVars } from './variables-0db5ef1b.js';
-import './direction-card-fd8d8d8b.js';
-import './_commonjsHelpers-02146103.js';
+import { b as buildPacked } from './video-recorder-c4fd102c.js';
+import { E as EN } from './en-27ff3a75.js';
+import { a as referenceCaptureVars } from './variables-513bd26a.js';
+import './direction-card-88c5d34f.js';
+import './utils-1f156bdf.js';
 
 var _templateObject$1;
 var UploadIcon = /*#__PURE__*/function (_LitElement) {

package/dist/retry-result.js

@@ -1,7 +1,7 @@
 import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i } from './lit-element-c42ac26e.js';
 import './button.js';
-import { d as defaultVars, r as retryResultVars } from './variables-0db5ef1b.js';
-import { E as EN } from './en-57f1198e.js';
+import { d as defaultVars, r as retryResultVars } from './variables-513bd26a.js';
+import { E as EN } from './en-27ff3a75.js';
 
 var _templateObject$3;
 var GenericHintIcon = /*#__PURE__*/function (_LitElement) {

package/dist/selfie-capture.js

@@ -1,11 +1,11 @@
 import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i } from './lit-element-c42ac26e.js';
-import { E as EN } from './en-57f1198e.js';
-import { b as buildPacked } from './video-recorder-f89d5b58.js';
+import { E as EN } from './en-27ff3a75.js';
+import { b as buildPacked } from './video-recorder-c4fd102c.js';
 import './video-record-directions.js';
 import './button.js';
-import { s as selfieCaptureVars } from './variables-0db5ef1b.js';
-import './_commonjsHelpers-02146103.js';
-import './direction-card-fd8d8d8b.js';
+import { s as selfieCaptureVars } from './variables-513bd26a.js';
+import './utils-1f156bdf.js';
+import './direction-card-88c5d34f.js';
 
 var _templateObject$1;
 var BackArrowIcon = /*#__PURE__*/function (_LitElement) {

package/dist/utils-1f156bdf.js

@@ -0,0 +1,15 @@
+var KEY_ENTER = "Enter";
+var KEY_SPACE = "Space";
+
+//add new isMobileDevice() function from sdk-js;
+function isMobileDevice() {
+  var navigator = window.navigator;
+  var check = false;
+  (function (a) {
+    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(a.substr(0, 4))) check = true;
+    // @ts-ignore  ('window.opera' is not officially defined. Actually only on Opera.)
+  })(navigator.userAgent || navigator.vendor || window.opera);
+  return check;
+}
+
+export { KEY_ENTER as K, KEY_SPACE as a, isMobileDevice as i };

package/dist/{variables-0db5ef1b.js → variables-513bd26a.js}

@@ -1,6 +1,6 @@
 import { i, d as _taggedTemplateLiteral } from './lit-element-c42ac26e.js';
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77;
 var recorderVars = {
   borderRadius: i(_templateObject || (_templateObject = _taggedTemplateLiteral(["var(--uni-recorder-border-radius, 10px)"]))),
   buttonsMargin: i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["var(--uni-recorder-buttons-margin, 30px 0)"]))),
@@ -59,42 +59,44 @@ var fileUploadVars = {
   width: i(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["var(--uni-file-upload-width, 80%)"]))),
   height: i(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["var(--uni-file-upload-height, 80%)"]))),
   border: i(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["var(--uni-file-upload-border, dashed 2px #eee)"]))),
-  backgroundColor: i(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["var(--uni-file-upload-bg-color, #fafafa)"]))),
-  textColor: i(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["var(--uni-file-upload-txt-color, #ccc)"]))),
-  textFontSize: i(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["var(--uni-file-upload-txt-font-size, 20px)"]))),
-  errorTextColor: i(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["var(--uni-file-upload-err-txt-color, #333)"]))),
-  errorTextFontSize: i(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["var(--uni-file-upload-err-txt-font-size, 16px)"])))
+  focusOutline: i(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["var(--uni-file-upload-focus-outline, 2px solid #3b54f0)"]))),
+  backgroundColor: i(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["var(--uni-file-upload-bg-color, #fafafa)"]))),
+  textColor: i(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["var(--uni-file-upload-txt-color, #ccc)"]))),
+  textFontSize: i(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["var(--uni-file-upload-txt-font-size, 20px)"]))),
+  errorTextColor: i(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["var(--uni-file-upload-err-txt-color, #333)"]))),
+  errorTextFontSize: i(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["var(--uni-file-upload-err-txt-font-size, 16px)"])))
 };
 var buttonsVars = {
-  padding: i(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["var(--uni-btn-padding, 8px 15px)"]))),
-  border: i(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["var(--uni-btn-border, solid 1px)"]))),
-  borderRadius: i(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["var(--uni-btn-border-radius, 7px)"]))),
-  fontSize: i(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["var(--uni-btn-font-size, 14px)"]))),
-  textTransform: i(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["var(--uni-btn-text-transform, normal)"]))),
-  outlinedBorders: i(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["var(--uni-btn-border-outlined, solid 1px)"]))),
-  btnLabelMargin: i(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["var(--uni-btn-label-margin, 10px 0px)"]))),
-  btnDisabledBgColor: i(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["var(--uni-btn-disabled-bg-color, #eee)"]))),
-  smWidth: i(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["var(--uni-btn-sm-width, 250px)"])))
+  padding: i(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["var(--uni-btn-padding, 8px 15px)"]))),
+  border: i(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["var(--uni-btn-border, solid 1px)"]))),
+  borderRadius: i(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["var(--uni-btn-border-radius, 7px)"]))),
+  fontSize: i(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["var(--uni-btn-font-size, 14px)"]))),
+  focusOutline: i(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["var(--uni-btn-focus-outline, 3px solid #3b54f0)"]))),
+  textTransform: i(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["var(--uni-btn-text-transform, normal)"]))),
+  outlinedBorders: i(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["var(--uni-btn-border-outlined, solid 1px)"]))),
+  btnLabelMargin: i(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["var(--uni-btn-label-margin, 10px 0px)"]))),
+  btnDisabledBgColor: i(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["var(--uni-btn-disabled-bg-color, #eee)"]))),
+  smWidth: i(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["var(--uni-btn-sm-width, 250px)"])))
 };
 var directionCardsVars = {
-  padding: i(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["var(--uni-card-padding, 8px 4%)"]))),
-  margin: i(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["var(--uni-card-margin, 0px)"]))),
-  width: i(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["var(--uni-card-width, 92%)"]))),
-  radius: i(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["var(--uni-card-border-radius, 20px)"]))),
-  fontSize: i(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["var(--uni-card-font-size, 16px)"]))),
-  fontWeight: i(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["var(--uni-card-font-weight, normal)"]))),
-  textMarginLeft: i(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["var(--uni-card-text-margin-left, 25px)"]))),
-  iconHeight: i(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["var(--uni-card-icon-height, 55px)"]))),
-  iconWidth: i(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["var(--uni-card-icon-width, auto)"]))),
-  backgroundColor: i(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["var(--uni-card-bg-color, #f2f5f8)"])))
+  padding: i(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["var(--uni-card-padding, 8px 4%)"]))),
+  margin: i(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["var(--uni-card-margin, 0px)"]))),
+  width: i(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["var(--uni-card-width, 92%)"]))),
+  radius: i(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["var(--uni-card-border-radius, 20px)"]))),
+  fontSize: i(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["var(--uni-card-font-size, 16px)"]))),
+  fontWeight: i(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["var(--uni-card-font-weight, normal)"]))),
+  textMarginLeft: i(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["var(--uni-card-text-margin-left, 25px)"]))),
+  iconHeight: i(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["var(--uni-card-icon-height, 55px)"]))),
+  iconWidth: i(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["var(--uni-card-icon-width, auto)"]))),
+  backgroundColor: i(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["var(--uni-card-bg-color, #f2f5f8)"])))
 };
 var retryResultVars = {
-  retriesColor: i(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["var(--uni-retry-result-retries-color, grey)"]))),
-  fontSizeMd: i(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["var(--uni-retry-result-font-size-md, 22px)"]))),
-  lineHeightMd: i(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["var(--uni-retry-result-line-height-md, 24px)"]))),
-  fontSizeSm: i(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["var(--uni-retry-result-font-size-sm, 16px)"]))),
-  lineHeightSm: i(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["var(--uni-retry-result-line-height-sm, 18px)"]))),
-  iconWidth: i(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["var(--uni-retry-result-icon-width, 150px)"])))
+  retriesColor: i(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["var(--uni-retry-result-retries-color, grey)"]))),
+  fontSizeMd: i(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["var(--uni-retry-result-font-size-md, 22px)"]))),
+  lineHeightMd: i(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["var(--uni-retry-result-line-height-md, 24px)"]))),
+  fontSizeSm: i(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["var(--uni-retry-result-font-size-sm, 16px)"]))),
+  lineHeightSm: i(_templateObject76 || (_templateObject76 = _taggedTemplateLiteral(["var(--uni-retry-result-line-height-sm, 18px)"]))),
+  iconWidth: i(_templateObject77 || (_templateObject77 = _taggedTemplateLiteral(["var(--uni-retry-result-icon-width, 150px)"])))
 };
 
 export { referenceCaptureVars as a, recorderVars as b, directionCardsVars as c, defaultVars as d, buttonsVars as e, fileUploadVars as f, retryResultVars as r, selfieCaptureVars as s };

package/dist/video-record-directions.js

@@ -1,7 +1,7 @@
 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';
-import { d as directionsStyle } from './direction-card-fd8d8d8b.js';
-import { d as defaultVars } from './variables-0db5ef1b.js';
-import { E as EN } from './en-57f1198e.js';
+import { d as directionsStyle } from './direction-card-88c5d34f.js';
+import { d as defaultVars } from './variables-513bd26a.js';
+import { E as EN } from './en-27ff3a75.js';
 
 var _templateObject$4;
 var LightPicto = /*#__PURE__*/function (_LitElement) {