@unissey-web/web-components 3.8.0-beta.5
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/button.js +44 -0
- package/dist/direction-card-f55e1936.js +24 -0
- package/dist/en-e76ed5a0.js +115 -0
- package/dist/file-upload.js +121 -0
- package/dist/full-capture.js +110 -0
- package/dist/image-capture-directions.js +85 -0
- package/dist/index.d.ts +1132 -0
- package/dist/index.js +203 -0
- package/dist/lit-element-ac3d3a27.js +479 -0
- package/dist/picture-editor.js +252 -0
- package/dist/picture-recorder.js +46 -0
- package/dist/reference-capture.js +296 -0
- package/dist/retry-result.js +154 -0
- package/dist/selfie-capture.js +146 -0
- package/dist/variables-09a3e162.js +98 -0
- package/dist/video-record-directions.js +100 -0
- package/dist/video-recorder-4b9e6a43.js +1129 -0
- package/dist/video-recorder.js +5 -0
- package/package.json +42 -0
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i } from './lit-element-ac3d3a27.js';
|
|
2
|
+
import './button.js';
|
|
3
|
+
import { d as defaultVars, a as retryResultVars } from './variables-09a3e162.js';
|
|
4
|
+
import { E as EN } from './en-e76ed5a0.js';
|
|
5
|
+
|
|
6
|
+
var _templateObject$3;
|
|
7
|
+
var GenericHintIcon = /*#__PURE__*/function (_LitElement) {
|
|
8
|
+
function GenericHintIcon() {
|
|
9
|
+
var _this;
|
|
10
|
+
_classCallCheck(this, GenericHintIcon);
|
|
11
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
12
|
+
args[_key] = arguments[_key];
|
|
13
|
+
}
|
|
14
|
+
_this = _callSuper(this, GenericHintIcon, [].concat(args));
|
|
15
|
+
_this.height = "120px";
|
|
16
|
+
return _this;
|
|
17
|
+
}
|
|
18
|
+
_inherits(GenericHintIcon, _LitElement);
|
|
19
|
+
return _createClass(GenericHintIcon, [{
|
|
20
|
+
key: "render",
|
|
21
|
+
value: function render() {
|
|
22
|
+
return x(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n <style>\n .cls-1 {\n fill: none;\n }\n .cls-2 {\n fill: ", ";\n }\n .cls-3 {\n fill: ", ";\n }\n .cls-4 {\n fill: ", ";\n }\n .cls-5 {\n fill: ", ";\n }\n .cls-6 {\n fill: ", ";\n }\n </style>\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"", "\" viewBox=\"0 0 120 120\">\n <title>picto_avatar_unissey_s</title>\n <g id=\"BG\"><rect class=\"cls-1\" width=\"120\" height=\"120\" /></g>\n <g id=\"formes\">\n <circle class=\"cls-2\" cx=\"59.81\" cy=\"60.22\" r=\"41.06\" />\n <path\n class=\"cls-3\"\n d=\"M73.79,79.37A23.34,23.34,0,0,0,82.31,53a1.25,1.25,0,0,0-.22-.41,1.11,1.11,0,0,0-.24-.2A23.67,23.67,0,0,0,67.23,38.17a1.62,1.62,0,0,0-.18-.1c-.44-.14-.89-.24-1.34-.36l-.26-.07q-.74-.16-1.47-.3l-.81-.13c-.4-.06-.8-.1-1.2-.14-.2,0-.39,0-.59-.06H61q-.57,0-1.14,0c-.38,0-.75,0-1.12,0h-.47c-.23,0-.46.05-.69.07l-.91.1c-.5.07-1,.16-1.47.25l-.55.11c-.64.15-1.27.32-1.9.51l-.05,0h0A23.6,23.6,0,0,0,36.2,58.22a23.33,23.33,0,0,0,9.64,21.15,1.29,1.29,0,0,1,.51,1.4L41.89,97.26a42,42,0,0,0,17.1,4l.82,0a42,42,0,0,0,17.93-4L73.27,80.77A1.31,1.31,0,0,1,73.79,79.37Z\"\n />\n <path\n class=\"cls-4\"\n d=\"M64.24,70.58A19.77,19.77,0,0,1,47.56,40.16,23.5,23.5,0,1,0,83.31,60.22a24.42,24.42,0,0,0-.24-3.34A19.79,19.79,0,0,1,64.24,70.58Z\"\n />\n <path\n class=\"cls-3\"\n d=\"M64.24,70.58a19.79,19.79,0,0,0,18.83-13.7A23.51,23.51,0,0,0,47.56,40.16,19.77,19.77,0,0,0,64.24,70.58Z\"\n />\n <path\n class=\"cls-5\"\n d=\"M52.1,61a5.3,5.3,0,0,1-4.47-8.15,6.3,6.3,0,1,0,9.58,5.37,6.8,6.8,0,0,0-.06-.9A5.31,5.31,0,0,1,52.1,61Z\"\n />\n <path\n class=\"cls-2\"\n d=\"M52.1,61a5.31,5.31,0,0,0,5-3.68,6.29,6.29,0,0,0-9.52-4.47A5.3,5.3,0,0,0,52.1,61Z\"\n />\n <path\n class=\"cls-5\"\n d=\"M69.89,61a5.3,5.3,0,0,1-4.47-8.15A6.3,6.3,0,1,0,75,58.22a6.8,6.8,0,0,0-.06-.9A5.31,5.31,0,0,1,69.89,61Z\"\n />\n <path\n class=\"cls-2\"\n d=\"M69.89,61a5.31,5.31,0,0,0,5-3.68,6.31,6.31,0,0,0-6.24-5.4,6.24,6.24,0,0,0-3.28.93A5.3,5.3,0,0,0,69.89,61Z\"\n />\n <path\n class=\"cls-6\"\n d=\"M75.64,43a1.5,1.5,0,0,1-1.16-.54,6.5,6.5,0,0,0-9.15-.81,1.5,1.5,0,1,1-1.93-2.3,9.5,9.5,0,0,1,13.39,1.19,1.5,1.5,0,0,1-.19,2.11A1.48,1.48,0,0,1,75.64,43Z\"\n />\n <path\n class=\"cls-6\"\n d=\"M44.54,49.23a1.5,1.5,0,0,1-1.2-2.4,9.14,9.14,0,0,1,6.22-3.63,8.76,8.76,0,0,1,6.65,2,1.5,1.5,0,1,1-1.91,2.31,5.78,5.78,0,0,0-4.39-1.3,6.13,6.13,0,0,0-4.17,2.45A1.49,1.49,0,0,1,44.54,49.23Z\"\n />\n </g>\n </svg>\n "])), defaultVars.colors.secondary, defaultVars.colors.altLighter, defaultVars.colors.alt, defaultVars.colors.secondaryLighter, defaultVars.colors.white, this.height);
|
|
23
|
+
}
|
|
24
|
+
}]);
|
|
25
|
+
}(s);
|
|
26
|
+
GenericHintIcon.properties = {
|
|
27
|
+
height: {
|
|
28
|
+
attribute: "height",
|
|
29
|
+
type: String
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
customElements.define("uni-generic-hint-icon", GenericHintIcon);
|
|
33
|
+
|
|
34
|
+
var _templateObject$2;
|
|
35
|
+
var BrightnessHintIcon = /*#__PURE__*/function (_LitElement) {
|
|
36
|
+
function BrightnessHintIcon() {
|
|
37
|
+
var _this;
|
|
38
|
+
_classCallCheck(this, BrightnessHintIcon);
|
|
39
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
40
|
+
args[_key] = arguments[_key];
|
|
41
|
+
}
|
|
42
|
+
_this = _callSuper(this, BrightnessHintIcon, [].concat(args));
|
|
43
|
+
_this.height = "150px";
|
|
44
|
+
return _this;
|
|
45
|
+
}
|
|
46
|
+
_inherits(BrightnessHintIcon, _LitElement);
|
|
47
|
+
return _createClass(BrightnessHintIcon, [{
|
|
48
|
+
key: "render",
|
|
49
|
+
value: function render() {
|
|
50
|
+
return x(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n <style>\n .primary {\n fill: ", ";\n }\n\n .secondary {\n fill: ", ";\n }\n\n .light-variant {\n fill: ", ";\n }\n </style>\n <svg\n width=\"168\"\n height=\"", "\"\n viewBox=\"0 0 168 164\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M94.3313 87.0057C93.2335 84.2524 87.4558 72.8383 87.4558 72.8383C87.4558 56.439 74.7881 43.1538 57.6138 43.1538C50.548 43.1497 43.7024 45.4282 38.2584 49.5959C38.2584 49.5959 27.0352 59.2858 27.0352 71.0206C27.0352 82.7555 32.3796 97.4173 32.2784 102.389C32.1773 107.361 30.574 113.282 29.0863 129.681H66.8726L65.8471 112.159L66.4248 111.598C74.6148 114.806 85.7658 115.608 86.3291 113.322C87.2102 109.807 88.2647 99.1147 88.7847 93.274H92.8868C96.6857 93.2874 95.4146 89.7723 94.3313 87.0057Z\"\n class=\"light-variant\"\n />\n <path\n d=\"M66.1883 130.6C65.8106 130.6 65.4468 130.47 65.1716 130.237C64.8964 130.004 64.7304 129.684 64.7078 129.344L63.6565 111.818C63.6349 111.464 63.7702 111.117 64.0326 110.852C64.295 110.588 64.663 110.429 65.0557 110.409C65.4484 110.39 65.8335 110.512 66.1265 110.749C66.4194 110.985 66.5961 111.317 66.6177 111.672L67.6689 129.197C67.6694 129.54 67.5236 129.87 67.2618 130.119C66.9999 130.367 66.6421 130.516 66.2624 130.533L66.1883 130.6Z\"\n class=\"primary\"\n />\n <path\n d=\"M92.8513 94.227H85.0634C84.6707 94.227 84.2941 94.0862 84.0165 93.8357C83.7388 93.5852 83.5828 93.2454 83.5828 92.8912C83.5828 92.5369 83.7388 92.1972 84.0165 91.9466C84.2941 91.6961 84.6707 91.5554 85.0634 91.5554H92.8513C93.3695 91.5554 93.7544 91.4753 93.8581 91.3283C94.3911 90.6471 93.3399 88.0557 92.9401 87.0806C91.8593 84.409 86.011 73.135 85.9517 73.0282C85.8591 72.848 85.8087 72.6524 85.8037 72.4538C85.8037 56.5714 73.0115 44.122 56.6954 44.122C56.3028 44.122 55.9262 43.9813 55.6485 43.7308C55.3708 43.4802 55.2148 43.1405 55.2148 42.7862C55.2148 42.4319 55.3708 42.0922 55.6485 41.8417C55.9262 41.5912 56.3028 41.4504 56.6954 41.4504C74.5809 41.4504 88.602 54.9151 88.7649 72.1733C89.6828 73.9499 94.6872 83.5942 95.7236 86.1722C96.76 88.7503 97.5891 91.1947 96.2862 92.8511C95.887 93.3214 95.3633 93.6938 94.7632 93.9342C94.1631 94.1746 93.5057 94.2753 92.8513 94.227Z\"\n class=\"primary\"\n />\n <path\n d=\"M81.4519 115.532C74.5672 115.532 62.7374 112.98 57.7626 108.118C57.6295 107.989 57.5261 107.837 57.4585 107.671C57.3908 107.506 57.3602 107.33 57.3685 107.153C57.3768 106.977 57.4237 106.804 57.5066 106.644C57.5895 106.484 57.7067 106.34 57.8514 106.221C58.1404 105.983 58.5223 105.858 58.9136 105.873C59.3048 105.888 59.6736 106.042 59.9391 106.302C65.6689 111.912 82.5031 113.849 84.7388 112.46C85.9677 107.517 87.3891 93.2644 87.4039 93.1309C87.4372 92.7766 87.6252 92.4488 87.9265 92.2196C88.2278 91.9904 88.6176 91.8785 89.0103 91.9086C89.403 91.9387 89.7663 92.1084 90.0204 92.3802C90.2744 92.652 90.3984 93.0037 90.365 93.3579C90.365 93.9724 88.8844 108.252 87.6111 113.221C87.4335 113.889 86.8412 114.77 84.9609 115.211C83.8107 115.45 82.6318 115.558 81.4519 115.532Z\"\n class=\"primary\"\n />\n <path\n d=\"M84.9304 102.989C73.9889 102.989 68.1406 94.9745 67.8741 94.6005C67.6542 94.3029 67.5743 93.9387 67.6521 93.588C67.7298 93.2373 67.9588 92.9288 68.2887 92.7304C68.6185 92.532 69.0222 92.46 69.4109 92.5301C69.7997 92.6002 70.1416 92.8068 70.3615 93.1044C70.6132 93.4517 76.2838 101.199 86.8552 100.171C87.0486 100.152 87.2443 100.168 87.4309 100.218C87.6175 100.268 87.7913 100.35 87.9426 100.461C88.0939 100.571 88.2195 100.707 88.3124 100.861C88.4052 101.016 88.4635 101.185 88.4838 101.36C88.5254 101.71 88.4118 102.061 88.1678 102.336C87.9237 102.612 87.569 102.789 87.1809 102.829C86.4348 102.921 85.6834 102.975 84.9304 102.989Z\"\n class=\"primary\"\n />\n <path\n d=\"M74.6845 75.4857C73.8073 75.4875 72.9383 75.3326 72.1277 75.03C71.3171 74.7274 70.5809 74.283 69.9615 73.7225C69.7189 73.4669 69.5922 73.1382 69.6066 72.802C69.621 72.4659 69.7754 72.147 70.0391 71.9091C70.3028 71.6712 70.6563 71.5318 71.0289 71.5188C71.4015 71.5058 71.7659 71.6202 72.0491 71.839C72.3942 72.1504 72.8039 72.3974 73.2548 72.566C73.7058 72.7345 74.1891 72.8213 74.6771 72.8213C75.1652 72.8213 75.6485 72.7345 76.0995 72.566C76.5504 72.3974 76.9601 72.1504 77.3052 71.839C77.5884 71.6202 77.9528 71.5058 78.3254 71.5188C78.698 71.5318 79.0515 71.6712 79.3152 71.9091C79.5789 72.147 79.7333 72.4659 79.7477 72.802C79.7621 73.1382 79.6354 73.4669 79.3928 73.7225C78.7757 74.282 78.042 74.7258 77.2339 75.0284C76.4259 75.3311 75.5594 75.4865 74.6845 75.4857Z\"\n class=\"primary\"\n />\n <path\n d=\"M118.76 55.868C128.358 55.868 136.139 48.6062 136.139 39.6483C136.139 30.6903 128.358 23.4285 118.76 23.4285C109.162 23.4285 101.381 30.6903 101.381 39.6483C101.381 48.6062 109.162 55.868 118.76 55.868Z\"\n class=\"secondary\"\n />\n <path\n d=\"M159.467 39.8447H144.697C144.326 39.8447 143.969 39.7007 143.707 39.4444C143.444 39.1881 143.297 38.8405 143.297 38.478C143.297 38.1156 143.444 37.7679 143.707 37.5116C143.969 37.2554 144.326 37.1114 144.697 37.1114H159.467C159.838 37.1114 160.194 37.2554 160.457 37.5116C160.719 37.7679 160.867 38.1156 160.867 38.478C160.867 38.8405 160.719 39.1881 160.457 39.4444C160.194 39.7007 159.838 39.8447 159.467 39.8447Z\"\n class=\"secondary\"\n />\n <path\n d=\"M114.115 113.308L118.339 63.6112C118.446 62.3619 118.701 61.1751 119.049 60.312C119.398 59.4489 119.811 58.9802 120.197 59.0089C120.584 59.0376 120.912 59.5615 121.11 60.4652C121.308 61.3689 121.36 62.5784 121.254 63.8278L117.029 113.524C116.923 114.774 116.667 115.96 116.319 116.824C115.971 117.687 115.558 118.155 115.171 118.127C114.785 118.098 114.456 117.574 114.258 116.67C114.06 115.767 114.008 114.557 114.115 113.308Z\"\n class=\"secondary\"\n />\n <path\n d=\"M141.678 93.712L130.743 61.6178C130.468 60.811 130.351 59.9935 130.418 59.3452C130.485 58.6969 130.73 58.2709 131.099 58.1609C131.469 58.0509 131.932 58.2659 132.388 58.7586C132.843 59.2513 133.254 59.9814 133.529 60.7882L144.463 92.8824C144.738 93.6892 144.855 94.5067 144.788 95.155C144.721 95.8033 144.476 96.2293 144.107 96.3393C143.737 96.4493 143.274 96.2343 142.818 95.7416C142.363 95.2489 141.952 94.5188 141.678 93.712Z\"\n class=\"secondary\"\n />\n <path\n d=\"M157.79 66.4166L142.292 51.8162C141.903 51.4491 141.638 50.9957 141.557 50.5556C141.477 50.1155 141.586 49.7249 141.861 49.4695C142.136 49.2142 142.555 49.1152 143.025 49.1942C143.495 49.2732 143.978 49.5238 144.367 49.8908L159.865 64.4913C160.255 64.8583 160.519 65.3117 160.6 65.7518C160.681 66.1919 160.572 66.5826 160.296 66.8379C160.021 67.0932 159.603 67.1923 159.132 67.1133C158.662 67.0343 158.179 66.7837 157.79 66.4166Z\"\n class=\"secondary\"\n />\n <path\n d=\"M94.1389 31.3472L68.715 23.6572C68.0759 23.4639 67.5103 23.1415 67.1428 22.7609C66.7752 22.3804 66.6358 21.9728 66.7551 21.628C66.8745 21.2831 67.2428 21.0292 67.7791 20.922C68.3154 20.8149 68.9758 20.8633 69.6149 21.0566L95.0388 28.7465C95.6779 28.9399 96.2434 29.2623 96.611 29.6428C96.9786 30.0234 97.118 30.4309 96.9987 30.7758C96.8793 31.1206 96.511 31.3746 95.9747 31.4817C95.4384 31.5889 94.778 31.5405 94.1389 31.3472Z\"\n class=\"secondary\"\n />\n <path\n d=\"M139.758 22.7486C139.537 22.7492 139.319 22.6987 139.122 22.6013C138.925 22.5039 138.754 22.3624 138.624 22.1883C138.515 22.043 138.436 21.8782 138.393 21.7033C138.349 21.5285 138.342 21.3469 138.37 21.1691C138.399 20.9914 138.463 20.8209 138.56 20.6674C138.656 20.514 138.782 20.3806 138.932 20.2749L150.888 11.8016C151.189 11.5927 151.562 11.5085 151.927 11.5674C152.291 11.6263 152.617 11.8235 152.834 12.1159C153.049 12.4083 153.138 12.7719 153.08 13.1276C153.022 13.4833 152.823 13.8025 152.526 14.0156L140.626 22.4889C140.374 22.6672 140.068 22.7586 139.758 22.7486Z\"\n class=\"secondary\"\n />\n <path\n d=\"M124.136 17.3196C123.993 17.3497 123.845 17.3599 123.698 17.3499C123.326 17.3191 122.98 17.1466 122.735 16.8704C122.489 16.5943 122.365 16.2369 122.389 15.8769L123.394 1.5748C123.399 1.39166 123.443 1.21215 123.521 1.047C123.6 0.88186 123.712 0.734476 123.852 0.613667C123.991 0.492859 124.155 0.401108 124.333 0.343901C124.511 0.286695 124.7 0.265208 124.888 0.280727C125.077 0.296246 125.261 0.348452 125.429 0.434222C125.598 0.519991 125.747 0.637563 125.869 0.779904C125.991 0.922245 126.083 1.08643 126.138 1.26264C126.194 1.43886 126.213 1.62347 126.194 1.80545L125.242 16.0951C125.223 16.3911 125.104 16.6708 124.905 16.8918C124.705 17.1128 124.435 17.263 124.136 17.3196Z\"\n class=\"secondary\"\n />\n <path\n d=\"M106.314 21.4838C106.028 21.5911 105.712 21.6036 105.413 21.5195C105.115 21.4353 104.851 21.2591 104.662 21.0181L95.5883 9.4845C95.3598 9.19385 95.2576 8.83041 95.304 8.474C95.3505 8.11759 95.5418 7.79735 95.836 7.58361C96.1305 7.37027 96.5037 7.28101 96.8735 7.33543C97.2433 7.38985 97.5796 7.5835 97.8084 7.87385L106.882 19.4075C107.006 19.5483 107.101 19.7112 107.16 19.8866C107.219 20.0619 107.242 20.246 107.226 20.4279C107.21 20.6099 107.156 20.7858 107.067 20.9453C106.979 21.1047 106.858 21.2444 106.711 21.356C106.586 21.4178 106.452 21.4609 106.314 21.4838Z\"\n class=\"secondary\"\n />\n <path\n d=\"M94.3153 44.7841L62.8178 50.26C62.0252 50.3978 61.2369 50.3884 60.6264 50.2338C60.0158 50.0793 59.633 49.7923 59.5622 49.4359C59.4913 49.0796 59.7382 48.6831 60.2485 48.3337C60.7588 47.9842 61.4907 47.7105 62.2833 47.5727L93.7809 42.0968C94.5734 41.959 95.3617 41.9684 95.9722 42.123C96.5828 42.2775 96.9656 42.5645 97.0365 42.9209C97.1074 43.2773 96.8605 43.6738 96.3502 44.0232C95.8398 44.3726 95.1079 44.6463 94.3153 44.7841Z\"\n class=\"secondary\"\n />\n <path\n d=\"M99.3246 55.3356L62.3526 79.2879C61.4223 79.8906 60.4423 80.3503 59.6284 80.5658C58.8144 80.7813 58.2331 80.735 58.0122 80.4371C57.7914 80.1391 57.9492 79.614 58.4509 78.9771C58.9526 78.3403 59.7571 77.6439 60.6875 77.0412L97.6595 53.0889C98.5898 52.4862 99.5698 52.0266 100.384 51.811C101.198 51.5955 101.779 51.6418 102 51.9398C102.221 52.2377 102.063 52.7628 101.561 53.3997C101.059 54.0365 100.255 54.7329 99.3246 55.3356Z\"\n class=\"secondary\"\n />\n <path\n d=\"M108.391 62.6141L72.362 109.219C71.4554 110.392 70.4611 111.432 69.5979 112.111C68.7346 112.79 68.0731 113.053 67.7589 112.84C67.4447 112.628 67.5035 111.959 67.9224 110.979C68.3413 110 69.086 108.791 69.9926 107.618L106.022 61.0129C106.929 59.8402 107.923 58.7999 108.786 58.1208C109.649 57.4417 110.311 57.1794 110.625 57.3918C110.939 57.6041 110.88 58.2736 110.462 59.253C110.043 60.2323 109.298 61.4414 108.391 62.6141Z\"\n class=\"secondary\"\n />\n </svg>\n "])), defaultVars.colors.primary, defaultVars.colors.secondary, defaultVars.colors.lightVariant1, this.height);
|
|
51
|
+
}
|
|
52
|
+
}]);
|
|
53
|
+
}(s);
|
|
54
|
+
BrightnessHintIcon.properties = {
|
|
55
|
+
height: {
|
|
56
|
+
attribute: "height",
|
|
57
|
+
type: String
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
customElements.define("uni-brightness-hint-icon", BrightnessHintIcon);
|
|
61
|
+
|
|
62
|
+
var _templateObject$1;
|
|
63
|
+
var CovidMaskIcon = /*#__PURE__*/function (_LitElement) {
|
|
64
|
+
function CovidMaskIcon() {
|
|
65
|
+
var _this;
|
|
66
|
+
_classCallCheck(this, CovidMaskIcon);
|
|
67
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
68
|
+
args[_key] = arguments[_key];
|
|
69
|
+
}
|
|
70
|
+
_this = _callSuper(this, CovidMaskIcon, [].concat(args));
|
|
71
|
+
_this.height = "100px";
|
|
72
|
+
return _this;
|
|
73
|
+
}
|
|
74
|
+
_inherits(CovidMaskIcon, _LitElement);
|
|
75
|
+
return _createClass(CovidMaskIcon, [{
|
|
76
|
+
key: "render",
|
|
77
|
+
value: function render() {
|
|
78
|
+
return x(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n <style>\n .cls-1 {\n fill: none;\n }\n .cls-2 {\n fill: ", ";\n }\n .cls-3 {\n fill: ", ";\n }\n .cls-4 {\n fill: ", ";\n }\n </style>\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"", "\" viewBox=\"0 0 120 120\">\n <title>picto_masque_covid_s</title>\n <g id=\"BG\"><rect class=\"cls-1\" width=\"120\" height=\"120\" /></g>\n <g id=\"formes\">\n <path\n class=\"cls-2\"\n d=\"M92,61.54C90.92,58.7,85.43,47,85.43,47c0-16.84-12-30.5-28.37-30.5a28.91,28.91,0,0,0-18.4,6.62S28,33.09,28,45.12s5.08,27.11,5,32.21c-.11,5.3-1.61,11.2-3,28H65.86l-1-18,.54-.57c7.79,3.29,18.39,4.09,18.92,1.77C85.2,85,86.18,74,86.68,68h3.9C94.19,68,93,64.38,92,61.54Z\"\n />\n <path class=\"cls-3\" d=\"M65.86,106.37a1,1,0,0,1-1-1l-1-18a1,1,0,0,1,2-.11l1,18a1,1,0,0,1-1,1.05Z\" />\n <path\n class=\"cls-3\"\n d=\"M90.58,69H83.36a1,1,0,0,1,0-2h7.22c.64,0,1.06-.13,1.24-.39.6-.86-.35-3.46-.81-4.72-1-2.76-6.43-14.35-6.49-14.47a1,1,0,0,1-.09-.42c0-16.54-12-29.5-27.37-29.5a1,1,0,0,1,0-2c16.4,0,29.26,13.72,29.36,31.27.76,1.62,5.49,11.76,6.47,14.44s1.68,5,.57,6.54A3.27,3.27,0,0,1,90.58,69Z\"\n />\n <path\n class=\"cls-3\"\n d=\"M80,90.89c-6.29,0-17.1-2.58-21.64-7.51A1,1,0,1,1,59.79,82c4.21,4.58,15.48,7.15,21.1,6.86,2.11-.12,2.51-.58,2.51-.59,1.13-4.89,2.47-19.88,2.49-20A1,1,0,0,1,87,67.35a1,1,0,0,1,.91,1.09c-.06.62-1.37,15.27-2.55,20.36-.2.84-.93,1.44-2.18,1.77A13.35,13.35,0,0,1,80,90.89Z\"\n />\n <path\n class=\"cls-3\"\n d=\"M77.14,48.32a1,1,0,0,1-.71-.29A3.81,3.81,0,0,0,71,48a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.41,5.82,5.82,0,0,1,8.23,0,1,1,0,0,1,0,1.41A1,1,0,0,1,77.14,48.32Z\"\n />\n <path\n class=\"cls-4\"\n d=\"M88,55s-12,4-21,3c0,0,3,13-1,22A40.86,40.86,0,0,0,76,90a29.56,29.56,0,0,0,9,2c4,0,12-24,10-30s-4-7-4-7Z\"\n />\n <path\n class=\"cls-4\"\n d=\"M85,93a30.4,30.4,0,0,1-9.37-2.07.77.77,0,0,1-.18-.1A41.25,41.25,0,0,1,65.17,80.55a1,1,0,0,1-.08-1c3.82-8.59,1-21.24.94-21.37a1,1,0,0,1,.22-.89,1,1,0,0,1,.86-.32c8.67,1,20.46-2.92,20.57-3A1.19,1.19,0,0,1,88,54h3a1,1,0,0,1,.45.11c.39.19,2.47,1.49,4.5,7.57,1.86,5.6-3.89,23.58-7.86,29.08C87,92.27,86,93,85,93Zm-8.54-3.89A28.55,28.55,0,0,0,85,91s.48,0,1.47-1.41c3.93-5.45,9.12-22.67,7.58-27.27-1.47-4.41-2.9-5.92-3.37-6.32H88.16c-1.43.46-11.5,3.6-19.92,3.11.65,3.52,2,13.25-1.1,20.77A39.91,39.91,0,0,0,76.46,89.11Z\"\n />\n <path class=\"cls-4\" d=\"M66,61a.92.92,0,0,1-.29,0l-13-4A1,1,0,0,1,53.29,55l13,4A1,1,0,0,1,66,61Z\" />\n <path\n class=\"cls-4\"\n d=\"M66.38,81.2a1,1,0,0,1-.5-.13L46.5,69.87a1,1,0,1,1,1-1.74L66.88,79.34a1,1,0,0,1,.37,1.36A1,1,0,0,1,66.38,81.2Z\"\n />\n <path\n class=\"cls-3\"\n d=\"M44,67a1,1,0,0,1-.6-.2C43.22,66.67,39,63.42,39,56c0-2.06.63-3.42,1.89-4,2.75-1.37,7.21,1.88,7.71,2.25a1,1,0,1,1-1.2,1.6c-1.62-1.21-4.44-2.65-5.62-2.06-.64.32-.78,1.41-.78,2.26,0,6.37,3.46,9.09,3.6,9.2a1,1,0,0,1,.19,1.4A1,1,0,0,1,44,67Z\"\n />\n </g>\n </svg>\n "])), defaultVars.colors.lightVariant1, defaultVars.colors.primary, defaultVars.colors.secondary, this.height);
|
|
79
|
+
}
|
|
80
|
+
}]);
|
|
81
|
+
}(s);
|
|
82
|
+
CovidMaskIcon.properties = {
|
|
83
|
+
height: {
|
|
84
|
+
attribute: "height",
|
|
85
|
+
type: String
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
customElements.define("uni-covid-mask-icon", CovidMaskIcon);
|
|
89
|
+
|
|
90
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
91
|
+
var defaultStrings = EN.retryResult;
|
|
92
|
+
var RetryResult = /*#__PURE__*/function (_LitElement) {
|
|
93
|
+
function RetryResult() {
|
|
94
|
+
var _this;
|
|
95
|
+
_classCallCheck(this, RetryResult);
|
|
96
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
97
|
+
args[_key] = arguments[_key];
|
|
98
|
+
}
|
|
99
|
+
_this = _callSuper(this, RetryResult, [].concat(args));
|
|
100
|
+
_this.hintKind = "generic";
|
|
101
|
+
_this.retriesLeft = 0;
|
|
102
|
+
_this.strings = defaultStrings;
|
|
103
|
+
// isMobile = window.visualViewport?.width < 896;
|
|
104
|
+
_this.isMobile = false;
|
|
105
|
+
return _this;
|
|
106
|
+
}
|
|
107
|
+
_inherits(RetryResult, _LitElement);
|
|
108
|
+
return _createClass(RetryResult, [{
|
|
109
|
+
key: "handleFinish",
|
|
110
|
+
value: function handleFinish() {
|
|
111
|
+
this.dispatchEvent(new CustomEvent("finish"));
|
|
112
|
+
}
|
|
113
|
+
}, {
|
|
114
|
+
key: "handleRetry",
|
|
115
|
+
value: function handleRetry() {
|
|
116
|
+
this.dispatchEvent(new CustomEvent("retry"));
|
|
117
|
+
}
|
|
118
|
+
}, {
|
|
119
|
+
key: "render",
|
|
120
|
+
value: function render() {
|
|
121
|
+
var genericHint = x(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <div class=\"generic-hint\">\n <div>\n <uni-generic-hint-icon height=\"", "\"></uni-generic-hint-icon>\n </div>\n <div>\n <span class=\"txt\">", "</span>\n <br />\n <br />\n <span class=\"txt\">", "</span>\n </div>\n </div>\n "])), this.isMobile ? "100px" : "200px", this.strings["default"], this.strings.retryMessage);
|
|
122
|
+
var title = x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <div class=\"title txt\">\n <div class=\"small-icon\"><uni-generic-hint-icon height=\"80px\"></uni-generic-hint-icon></div>\n <div><span>", "</span></div>\n </div>\n "])), this.strings["default"]);
|
|
123
|
+
var brightnessHint = x(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n <div class=\"brightness-hint\">\n <uni-brightness-hint-icon height=\"120px\"></uni-brightness-hint-icon>\n <div class=\"icon-text\">", "</div>\n </div>\n "])), this.strings.brightness);
|
|
124
|
+
var maskHint = x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n <div class=\"mask-hint\">\n <uni-covid-mask-icon height=\"120px\"></uni-covid-mask-icon>\n <div class=\"icon-text\">", "</div>\n </div>\n "])), this.strings.covideMask);
|
|
125
|
+
var maskAndBrightnessHint = x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n <div class=\"mask-brightness-hint\">", " ", "</div></div>\n "])), maskHint, brightnessHint);
|
|
126
|
+
var vSpace = x(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["<div style=\"height: 30px\"></div>"])));
|
|
127
|
+
var hintToDisplay = {
|
|
128
|
+
generic: genericHint,
|
|
129
|
+
brightness: x(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["<div>", " ", " ", "</div>"])), title, vSpace, brightnessHint),
|
|
130
|
+
mask: x(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["<div>", " ", " ", "</div>"])), title, vSpace, maskHint),
|
|
131
|
+
"mask-brightness": x(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["<div>", " ", " ", "</div>"])), title, vSpace, maskAndBrightnessHint)
|
|
132
|
+
};
|
|
133
|
+
return x(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n <div class=\"container\">\n <div>", "</div>\n <div style=\"height: 80px\"></div>\n <div class=\"actions-btn\">\n <div>\n <span class=\"retries-txt\"\n >", " ", "\n ", "</span\n >\n </div>\n <br />\n <div>\n <div class=\"btn-item\">\n <uni-button variant=\"outlined\" @click=\"", "\" width=\"250px\"\n >", "</uni-button\n >\n </div>\n <div class=\"btn-item\">\n <uni-button @click=\"", "\" width=\"250px\">", "</uni-button>\n </div>\n </div>\n </div>\n </div>\n "])), hintToDisplay[this.hintKind], this.strings.retriesLeft._1, this.retriesLeft, this.retriesLeft > 1 ? this.strings.retriesLeft._2 : this.strings.retriesLeft._3, this.handleFinish, this.strings.finishBtn, this.handleRetry, this.strings.retryBtn);
|
|
134
|
+
}
|
|
135
|
+
}]);
|
|
136
|
+
}(s);
|
|
137
|
+
RetryResult.properties = {
|
|
138
|
+
hintKind: {
|
|
139
|
+
attribute: "hint-kind",
|
|
140
|
+
type: String
|
|
141
|
+
},
|
|
142
|
+
retriesLeft: {
|
|
143
|
+
attribute: "retries-left",
|
|
144
|
+
type: Number
|
|
145
|
+
},
|
|
146
|
+
strings: {
|
|
147
|
+
attribute: "strings",
|
|
148
|
+
type: Object
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
RetryResult.styles = i(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n .generic-hint {\n display: flex;\n align-items: center;\n }\n\n .container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .retries-txt {\n color: grey;\n }\n\n .actions-btn {\n text-align: center;\n }\n\n .txt {\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n }\n\n .title {\n display: flex;\n align-items: center;\n color: ", ";\n }\n\n .mask-hint,\n .brightness-hint {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: ", ";\n text-align: center;\n }\n\n .mask-brightness-hint {\n display: flex;\n align-items: center;\n justify-content: space-around;\n }\n\n .icon-text {\n width: ", ";\n }\n\n @media screen and (max-width: 896px) {\n .txt {\n font-size: ", ";\n line-height: ", ";\n }\n }\n\n .btn-item {\n display: inline-block;\n margin: 7px;\n }\n "])), retryResultVars.fontSizeMd, retryResultVars.lineHeightMd, defaultVars.colors.primary, defaultVars.colors.primary, defaultVars.colors.secondary, retryResultVars.iconWidth, retryResultVars.fontSizeSm, retryResultVars.lineHeightSm);
|
|
152
|
+
customElements.define("uni-retry-result", RetryResult);
|
|
153
|
+
|
|
154
|
+
export { RetryResult };
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i } from './lit-element-ac3d3a27.js';
|
|
2
|
+
import { E as EN } from './en-e76ed5a0.js';
|
|
3
|
+
import { b as buildPacked } from './video-recorder-4b9e6a43.js';
|
|
4
|
+
import './video-record-directions.js';
|
|
5
|
+
import './button.js';
|
|
6
|
+
import { s as selfieCaptureVars } from './variables-09a3e162.js';
|
|
7
|
+
import './direction-card-f55e1936.js';
|
|
8
|
+
|
|
9
|
+
var _templateObject$1;
|
|
10
|
+
var BackArrowIcon = /*#__PURE__*/function (_LitElement) {
|
|
11
|
+
function BackArrowIcon() {
|
|
12
|
+
_classCallCheck(this, BackArrowIcon);
|
|
13
|
+
return _callSuper(this, BackArrowIcon, arguments);
|
|
14
|
+
}
|
|
15
|
+
_inherits(BackArrowIcon, _LitElement);
|
|
16
|
+
return _createClass(BackArrowIcon, [{
|
|
17
|
+
key: "render",
|
|
18
|
+
value: function render() {
|
|
19
|
+
return x(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n <svg width=\"7\" height=\"13\" viewBox=\"0 0 7 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.42001 12.9999C5.2813 13.0004 5.14425 12.9698 5.01892 12.9103C4.8936 12.8509 4.78318 12.7641 4.6958 12.6564L0.211219 7.08549C0.0746559 6.91936 0 6.71097 0 6.49591C0 6.28085 0.0746559 6.07246 0.211219 5.90632L4.85364 0.335417C5.01124 0.145805 5.23771 0.0265651 5.48322 0.00392888C5.72874 -0.0187073 5.97319 0.0571145 6.1628 0.214714C6.35241 0.372313 6.47165 0.598781 6.49429 0.844297C6.51692 1.08981 6.4411 1.33426 6.2835 1.52388L2.13318 6.50055L6.14423 11.4772C6.25777 11.6135 6.32989 11.7795 6.35206 11.9555C6.37423 12.1315 6.34553 12.3101 6.26934 12.4703C6.19315 12.6305 6.07267 12.7655 5.92216 12.8594C5.77164 12.9532 5.59739 13.002 5.42001 12.9999Z\"\n fill=\"currentColor\"\n />\n </svg>\n "])));
|
|
20
|
+
}
|
|
21
|
+
}]);
|
|
22
|
+
}(s);
|
|
23
|
+
customElements.define("uni-back-arrow-icon", BackArrowIcon);
|
|
24
|
+
|
|
25
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
26
|
+
var selfieCaptureStrings = EN.selfieCapture;
|
|
27
|
+
var SelfieCapture = /*#__PURE__*/function (_LitElement) {
|
|
28
|
+
function SelfieCapture() {
|
|
29
|
+
var _this;
|
|
30
|
+
_classCallCheck(this, SelfieCapture);
|
|
31
|
+
_this = _callSuper(this, SelfieCapture);
|
|
32
|
+
_this.captureStep = "directions";
|
|
33
|
+
_this.strings = {};
|
|
34
|
+
_this.recorderOptions = {};
|
|
35
|
+
_this.hideCapturePrevBtn = false;
|
|
36
|
+
_this.hideCaptureBtn = false;
|
|
37
|
+
_this.acquisitionTime = 0;
|
|
38
|
+
return _this;
|
|
39
|
+
}
|
|
40
|
+
_inherits(SelfieCapture, _LitElement);
|
|
41
|
+
return _createClass(SelfieCapture, [{
|
|
42
|
+
key: "handleBack",
|
|
43
|
+
value: function handleBack() {
|
|
44
|
+
this.captureStep = "directions";
|
|
45
|
+
}
|
|
46
|
+
}, {
|
|
47
|
+
key: "handleRecordStart",
|
|
48
|
+
value: function handleRecordStart() {
|
|
49
|
+
this.captureStep = "record";
|
|
50
|
+
}
|
|
51
|
+
}, {
|
|
52
|
+
key: "handleRecord",
|
|
53
|
+
value: function handleRecord(e) {
|
|
54
|
+
this.dispatchEvent(new CustomEvent("selfie", {
|
|
55
|
+
detail: e.detail
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
}, {
|
|
59
|
+
key: "handleRecoderReady",
|
|
60
|
+
value: function handleRecoderReady(e) {
|
|
61
|
+
var _this$shadowRoot;
|
|
62
|
+
this.acquisitionTime = e.detail.acquisitionTime;
|
|
63
|
+
var videoRecorderElmt = (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.getElementById("uni-video-recorder");
|
|
64
|
+
this.dispatchEvent(new CustomEvent("recorderReady", {
|
|
65
|
+
detail: {
|
|
66
|
+
recorderElmt: videoRecorderElmt,
|
|
67
|
+
mediaType: e.detail.mediaType,
|
|
68
|
+
contentKind: "selfie",
|
|
69
|
+
acquisitionTime: e.detail.acquisitionTime
|
|
70
|
+
}
|
|
71
|
+
}));
|
|
72
|
+
}
|
|
73
|
+
}, {
|
|
74
|
+
key: "handleRecordCompleted",
|
|
75
|
+
value: function handleRecordCompleted(e) {
|
|
76
|
+
this.dispatchEvent(new CustomEvent("recordCompleted", {
|
|
77
|
+
detail: e.detail
|
|
78
|
+
}));
|
|
79
|
+
}
|
|
80
|
+
}, {
|
|
81
|
+
key: "handleRecordStarting",
|
|
82
|
+
value: function handleRecordStarting(e) {
|
|
83
|
+
this.dispatchEvent(new CustomEvent("recordStarting"));
|
|
84
|
+
}
|
|
85
|
+
}, {
|
|
86
|
+
key: "handleRecordCapturing",
|
|
87
|
+
value: function handleRecordCapturing(e) {
|
|
88
|
+
this.dispatchEvent(new CustomEvent("recordCapturing"));
|
|
89
|
+
}
|
|
90
|
+
}, {
|
|
91
|
+
key: "handleRecordInterrupted",
|
|
92
|
+
value: function handleRecordInterrupted(e) {
|
|
93
|
+
this.dispatchEvent(new CustomEvent("recordInterrupted"));
|
|
94
|
+
}
|
|
95
|
+
}, {
|
|
96
|
+
key: "renderDirections",
|
|
97
|
+
value: function renderDirections() {
|
|
98
|
+
var _this$strings$title, _this$strings$directi, _this$strings$directi2, _this$strings$recordB;
|
|
99
|
+
return x(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <div class=\"box\">\n <h1 class=\"title\">", "</h1>\n <span class=\"subtitle\"\n >", "</span\n >\n\n <div class=\"v-space\"></div>\n\n <div class=\"directions\">\n <slot name=\"directions\">\n <uni-video-record-directions\n strings=\"", "\"\n >\n </uni-video-record-directions>\n </slot>\n </div>\n\n <div class=\"v-space\"></div>\n\n <div class=\"h-box\">\n <div class=\"btn-items\">\n <slot name=\"action-button\"></slot>\n </div>\n <div class=\"btn-items\">\n <uni-button @click=\"", "\">\n <uni-camera-video-outlined-icon slot=\"icon\"></uni-camera-video-outlined-icon>\n ", "\n </uni-button>\n </div>\n </div>\n </div>\n "])), (_this$strings$title = this.strings.title) !== null && _this$strings$title !== void 0 ? _this$strings$title : selfieCaptureStrings.title, (_this$strings$directi = this.strings.directionSubtitle) !== null && _this$strings$directi !== void 0 ? _this$strings$directi : selfieCaptureStrings.directionSubtitle, JSON.stringify((_this$strings$directi2 = this.strings.directions) !== null && _this$strings$directi2 !== void 0 ? _this$strings$directi2 : selfieCaptureStrings.directions), this.handleRecordStart, (_this$strings$recordB = this.strings.recordBtnLabel) !== null && _this$strings$recordB !== void 0 ? _this$strings$recordB : selfieCaptureStrings.recordBtnLabel);
|
|
100
|
+
}
|
|
101
|
+
}, {
|
|
102
|
+
key: "renderRecorder",
|
|
103
|
+
value: function renderRecorder() {
|
|
104
|
+
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;
|
|
105
|
+
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));
|
|
106
|
+
}
|
|
107
|
+
}, {
|
|
108
|
+
key: "render",
|
|
109
|
+
value: function render() {
|
|
110
|
+
switch (this.captureStep) {
|
|
111
|
+
case "directions":
|
|
112
|
+
return this.renderDirections();
|
|
113
|
+
case "record":
|
|
114
|
+
return this.renderRecorder();
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}]);
|
|
118
|
+
}(s);
|
|
119
|
+
SelfieCapture.properties = {
|
|
120
|
+
recorderOptions: {
|
|
121
|
+
attribute: "recorder-options",
|
|
122
|
+
type: Object
|
|
123
|
+
},
|
|
124
|
+
strings: {
|
|
125
|
+
attribute: "strings",
|
|
126
|
+
type: Object
|
|
127
|
+
},
|
|
128
|
+
hideCapturePrevBtn: {
|
|
129
|
+
attribute: "hide-capture-prev-btn",
|
|
130
|
+
type: Boolean
|
|
131
|
+
},
|
|
132
|
+
hideCaptureBtn: {
|
|
133
|
+
attribute: "hide-capture-btn",
|
|
134
|
+
type: Boolean
|
|
135
|
+
},
|
|
136
|
+
captureStep: {
|
|
137
|
+
state: true
|
|
138
|
+
},
|
|
139
|
+
acquisitionTime: {
|
|
140
|
+
state: true
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
SelfieCapture.styles = i(_templateObject6 || (_templateObject6 = _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);
|
|
144
|
+
customElements.define("uni-selfie-capture", SelfieCapture);
|
|
145
|
+
|
|
146
|
+
export { SelfieCapture, selfieCaptureStrings };
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { i, d as _taggedTemplateLiteral } from './lit-element-ac3d3a27.js';
|
|
2
|
+
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _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;
|
|
4
|
+
var recorderVars = {
|
|
5
|
+
borderRadius: i(_templateObject || (_templateObject = _taggedTemplateLiteral(["var(--uni-recorder-border-radius, 10px)"]))),
|
|
6
|
+
buttonsMargin: i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["var(--uni-recorder-buttons-margin, 30px 0)"]))),
|
|
7
|
+
boxShadow: i(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["var(--uni-recorder-box-shadow, 0 4px 4px rgba(0, 0, 0, 0.12))"]))),
|
|
8
|
+
hintsFontSize: i(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["var(--uni-recorder-hints-font-size, 16px)"]))),
|
|
9
|
+
hintsFontColor: i(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["var(--uni-recorder-hints-color, #202020)"]))),
|
|
10
|
+
instructionsFontSize: i(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-font-size, 16px)"]))),
|
|
11
|
+
instructionsColor: i(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-color, #202020)"]))),
|
|
12
|
+
instructionsTimerFontSize: i(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-timer-font-size, 24px)"]))),
|
|
13
|
+
instructionsTimerColor: i(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-timer-color, #333333)"]))),
|
|
14
|
+
instructionsTimerFontWeight: i(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-timer-font-weight, bold)"]))),
|
|
15
|
+
instructionsTimerPositionTop: i(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-timer-position-top, 90%)"]))),
|
|
16
|
+
instructionsTimerPositionLeft: i(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-timer-position-left, 3%)"]))),
|
|
17
|
+
instructionsPositionTop: i(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-position-top, 85%)"]))),
|
|
18
|
+
instructionsPadding: i(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["var(--uni-recorder-instructions-padding: 0px)"])))
|
|
19
|
+
};
|
|
20
|
+
var selfieCaptureVars = {
|
|
21
|
+
videoRecorderWidth: i(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["var(--uni-selfie-capture-video-recorder-width, 400px)"]))),
|
|
22
|
+
videoRecorderSmWidth: i(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["var(--uni-selfie-capture-video-recorder-sm-width, 95%)"]))),
|
|
23
|
+
titleFont: i(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["var(--uni-selfie-capture-title-font, 24px normal)"]))),
|
|
24
|
+
titleLineHeight: i(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["var(--uni-selfie-capture-title-line-height, 18px)"]))),
|
|
25
|
+
titleColor: i(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["var(--uni-selfie-capture-title-color, #8e8e8e)"]))),
|
|
26
|
+
subTitleFont: i(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["var(--uni-selfie-capture-sub-title-font, 16px normal)"]))),
|
|
27
|
+
subTitleLineHeight: i(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["var(--uni-selfie-capture-sub-title-line-height, 18px)"]))),
|
|
28
|
+
subTitleColor: i(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["var(--uni-selfie-capture-sub-title-color, #8e8e8e)"])))
|
|
29
|
+
};
|
|
30
|
+
var referenceCaptureVars = {
|
|
31
|
+
videoRecorderWidth: i(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["var(--uni-reference-capture-video-recorder-width, 400px)"]))),
|
|
32
|
+
videoRecorderSmWidth: i(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["var(--uni-reference-capture-video-recorder-sm-width, 95%)"]))),
|
|
33
|
+
titleFont: i(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["var(--uni-reference-capture-title-font, 24px normal)"]))),
|
|
34
|
+
titleLineHeight: i(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["var(--uni-reference-capture-title-line-height, 18px)"]))),
|
|
35
|
+
titleColor: i(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["var(--uni-reference-capture-title-color, #8e8e8e)"]))),
|
|
36
|
+
subTitleFont: i(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["var(--uni-reference-capture-sub-title-font, 16px normal)"]))),
|
|
37
|
+
subTitleLineHeight: i(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["var(--uni-reference-capture-sub-title-line-height, 18px)"]))),
|
|
38
|
+
subTitleColor: i(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["var(--uni-reference-capture-sub-title-color, #8e8e8e)"])))
|
|
39
|
+
};
|
|
40
|
+
var defaultVars = {
|
|
41
|
+
colors: {
|
|
42
|
+
primary: i(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["var(--uni-primary-color, #0a175c)"]))),
|
|
43
|
+
secondary: i(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["var(--uni-secondary-color, #05db91)"]))),
|
|
44
|
+
primaryLighter: i(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["var(--uni-primary-color-lighter, #222f6c)"]))),
|
|
45
|
+
secondaryLighter: i(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["var(--uni-secondary-color-lighter, #00df89)"]))),
|
|
46
|
+
alt: i(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["var(--uni-alt-color, #1943ba)"]))),
|
|
47
|
+
altLighter: i(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["var(--uni-alt-color-lighter, #3b54f0)"]))),
|
|
48
|
+
lightVariant1: i(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["var(--uni-light-color-variant-1, #e8edfe)"]))),
|
|
49
|
+
lightVariant2: i(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["var(--uni-light-color-variant-2, #d8e1fd)"]))),
|
|
50
|
+
white: i(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["var(--uni-light-color, #fff)"]))),
|
|
51
|
+
dark: i(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["var(--uni-dark-color, #202020)"]))),
|
|
52
|
+
error: i(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["var(--uni-error-color, #f44336)"])))
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
var fileUploadVars = {
|
|
56
|
+
padding: i(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["var(--uni-file-upload-padding, 9.5%)"]))),
|
|
57
|
+
width: i(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["var(--uni-file-upload-width, 80%)"]))),
|
|
58
|
+
height: i(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["var(--uni-file-upload-height, 80%)"]))),
|
|
59
|
+
border: i(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["var(--uni-file-upload-border, dashed 2px #eee)"]))),
|
|
60
|
+
backgroundColor: i(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["var(--uni-file-upload-bg-color, #fafafa)"]))),
|
|
61
|
+
textColor: i(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["var(--uni-file-upload-txt-color, #ccc)"]))),
|
|
62
|
+
textFontSize: i(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["var(--uni-file-upload-txt-font-size, 20px)"]))),
|
|
63
|
+
errorTextColor: i(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["var(--uni-file-upload-err-txt-color, #333)"]))),
|
|
64
|
+
errorTextFontSize: i(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["var(--uni-file-upload-err-txt-font-size, 16px)"])))
|
|
65
|
+
};
|
|
66
|
+
var buttonsVars = {
|
|
67
|
+
padding: i(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["var(--uni-btn-padding, 8px 15px)"]))),
|
|
68
|
+
border: i(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["var(--uni-btn-border, solid 1px)"]))),
|
|
69
|
+
borderRadius: i(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["var(--uni-btn-border-radius, 7px)"]))),
|
|
70
|
+
fontSize: i(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["var(--uni-btn-font-size, 14px)"]))),
|
|
71
|
+
textTransform: i(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["var(--uni-btn-text-transform, normal)"]))),
|
|
72
|
+
outlinedBorders: i(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["var(--uni-btn-border-outlined, solid 1px)"]))),
|
|
73
|
+
btnLabelMargin: i(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["var(--uni-btn-label-margin, 10px 0px)"]))),
|
|
74
|
+
btnDisabledBgColor: i(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["var(--uni-btn-disabled-bg-color, #eee)"]))),
|
|
75
|
+
smWidth: i(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["var(--uni-btn-sm-width, 250px)"])))
|
|
76
|
+
};
|
|
77
|
+
var directionCardsVars = {
|
|
78
|
+
padding: i(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["var(--uni-card-padding, 8px 4%)"]))),
|
|
79
|
+
margin: i(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["var(--uni-card-margin, 0px)"]))),
|
|
80
|
+
width: i(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["var(--uni-card-width, 92%)"]))),
|
|
81
|
+
radius: i(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["var(--uni-card-border-radius, 20px)"]))),
|
|
82
|
+
fontSize: i(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["var(--uni-card-font-size, 16px)"]))),
|
|
83
|
+
fontWeight: i(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["var(--uni-card-font-weight, normal)"]))),
|
|
84
|
+
textMarginLeft: i(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["var(--uni-card-text-margin-left, 25px)"]))),
|
|
85
|
+
iconHeight: i(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["var(--uni-card-icon-height, 55px)"]))),
|
|
86
|
+
iconWidth: i(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["var(--uni-card-icon-width, auto)"]))),
|
|
87
|
+
backgroundColor: i(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["var(--uni-card-bg-color, #f2f5f8)"])))
|
|
88
|
+
};
|
|
89
|
+
var retryResultVars = {
|
|
90
|
+
retriesColor: i(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["var(--uni-retry-result-retries-color, grey)"]))),
|
|
91
|
+
fontSizeMd: i(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["var(--uni-retry-result-font-size-md, 22px)"]))),
|
|
92
|
+
lineHeightMd: i(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["var(--uni-retry-result-line-height-md, 24px)"]))),
|
|
93
|
+
fontSizeSm: i(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["var(--uni-retry-result-font-size-sm, 16px)"]))),
|
|
94
|
+
lineHeightSm: i(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["var(--uni-retry-result-line-height-sm, 18px)"]))),
|
|
95
|
+
iconWidth: i(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["var(--uni-retry-result-icon-width, 150px)"])))
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
export { retryResultVars as a, buttonsVars as b, referenceCaptureVars as c, defaultVars as d, directionCardsVars as e, fileUploadVars as f, recorderVars as r, selfieCaptureVars as s };
|