@unissey-web/web-components 3.8.0-beta.5

package/dist/button.js

@@ -0,0 +1,44 @@
+import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, x, s, b as _classCallCheck, c as _callSuper } from './lit-element-ac3d3a27.js';
+import { b as buttonsVars, d as defaultVars } from './variables-09a3e162.js';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var Button = /*#__PURE__*/function (_LitElement) {
+  function Button() {
+    var _this;
+    _classCallCheck(this, Button);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, Button, [].concat(args));
+    _this.variant = "contained";
+    _this.disabled = false;
+    _this.width = "auto";
+    return _this;
+  }
+  _inherits(Button, _LitElement);
+  return _createClass(Button, [{
+    key: "render",
+    value: function render() {
+      var content = x(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <div class=\"item-center\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"item-center label\">\n          <slot></slot>\n        </div>\n      </div>\n    "])));
+      return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      <style>\n        .btn {\n          width: ", ";\n        }\n      </style>\n      ", "\n    "])), this.width, this.disabled ? x(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["<button class=\"btn\" disabled>", "</button>"])), content) : x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["<button class=\"btn ", "\">", "</button>"])), this.variant === "outlined" ? "btn-outlined" : "", content));
+    }
+  }]);
+}(s);
+Button.properties = {
+  variant: {
+    attribute: "variant",
+    type: String
+  },
+  width: {
+    attribute: "width",
+    type: String
+  },
+  disabled: {
+    attribute: "disabled",
+    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);
+customElements.define("uni-button", Button);
+
+export { Button };

package/dist/direction-card-f55e1936.js

@@ -0,0 +1,24 @@
+import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, x, s, b as _classCallCheck, c as _callSuper } from './lit-element-ac3d3a27.js';
+import { d as defaultVars, e as directionCardsVars } from './variables-09a3e162.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"])));
+
+var _templateObject, _templateObject2;
+var DirectionCard = /*#__PURE__*/function (_LitElement) {
+  function DirectionCard() {
+    _classCallCheck(this, DirectionCard);
+    return _callSuper(this, DirectionCard, arguments);
+  }
+  _inherits(DirectionCard, _LitElement);
+  return _createClass(DirectionCard, [{
+    key: "render",
+    value: function render() {
+      return x(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      <div class=\"layout\">\n        <div class=\"picto\"><slot name=\"picto\"></slot></div>\n        <div class=\"text\"><slot name=\"text\"></slot></div>\n      </div>\n    "])));
+    }
+  }]);
+}(s);
+DirectionCard.styles = i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .layout {\n      display: flex;\n      flex-direction: row;\n      justify-content: flex-start;\n      align-items: center;\n\n      padding: ", ";\n      margin: ", ";\n      width: ", ";\n\n      border-radius: ", ";\n      background-color: ", ";\n    }\n\n    .picto {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      height: ", ";\n      width: ", ";\n    }\n\n    .text {\n      font-size: ", ";\n      font-weight: ", ";\n      margin-left: ", ";\n      color: ", ";\n    }\n  "])), directionCardsVars.padding, directionCardsVars.margin, directionCardsVars.width, directionCardsVars.radius, directionCardsVars.backgroundColor, directionCardsVars.iconHeight, directionCardsVars.iconWidth, directionCardsVars.fontSize, directionCardsVars.fontWeight, directionCardsVars.textMarginLeft, defaultVars.colors.dark);
+customElements.define("uni-direction-card", DirectionCard);
+
+export { DirectionCard as D, directionsStyle as d };

package/dist/en-e76ed5a0.js

@@ -0,0 +1,115 @@
+var imageCaptureDirections = {
+  document: "Take a picture of your ID document",
+  face: "Position your document so that your face is clearly visible",
+  light: "Make sure that there is no light reflection on the document"
+};
+var videoRecordDirections = {
+  position: "Look straight at the camera, and keep your face clearly visible",
+  face: "Have a plain expression",
+  light: "Stand in a well-lit environment",
+  camera: "Make sure your camera is not open on another tab or application"
+};
+var pictureEditor = {
+  validate: "Yes, continue"
+};
+var fileUpload = {
+  badType: "The type of the selected file must be one of",
+  maxSize: "The size of the selected file exceeds the maximum size authorized",
+  text: "Drag 'n' drop your reference picture here or click here to select a file (.png, .jpg)"
+};
+var videoRecorder = {
+  capture: "Record a video",
+  retry: "Retry",
+  errors: {
+    noFace: "We couldn't detect a face, please try again."
+  },
+  hints: {
+    up: "Move your face up",
+    down: "Move your face down",
+    perfect: "Perfect, don't move",
+    right: "Move your face to the right",
+    left: "Move your face to the left",
+    closer: "Get closer",
+    record: "",
+    nil: ""
+  },
+  forbiddenActionMessages: {
+    visibility: "Please stay on this tab during the acquisition process.",
+    focus: "Please stay on this tab during the acquisition process.",
+    keyboard: "Please do not press any key during the acquisition process.",
+    "default": "There was an error with the video capture, please try again."
+  },
+  cameraErrorMessages: {
+    permissionDenied: "Cannot open camera. Please grant permission for this application.",
+    openFailed: "Cannot open camera. Please close any application that currently uses the camera.",
+    "default": "Cannot open camera."
+  },
+  rotationWhileCapturingErrorMessage: "Please don't rotate the device during acquisition.",
+  activeChallengeMessages: {
+    rotateLeft: 'Turn head to the <strong style="color: black; font-size: 18px">left</strong>',
+    rotateRight: 'Turn head to the <strong style="color: green; font-size: 18px">right</strong>',
+    rotateUp: 'Turn head <strong style="color: red; font-size: 18px">up</strong>',
+    rotateDown: 'Turn head <strong style="color: blue; font-size: 18px">down</strong>'
+  }
+};
+var pictureRecorder = {
+  capture: "Take a picture"
+};
+var EN = {
+  videoRecorder: videoRecorder,
+  pictureRecorder: pictureRecorder,
+  imageCaptureDirections: imageCaptureDirections,
+  videoRecordDirections: videoRecordDirections,
+  pictureEditor: pictureEditor,
+  fileUpload: fileUpload,
+  retryResult: {
+    "default": "Your selfie video was not clear enough to confirm liveness",
+    retryMessage: "Please, try again!",
+    retriesLeft: {
+      _1: "You have",
+      _2: "retries left",
+      _3: "retry left"
+    },
+    retryBtn: "Retry",
+    finishBtn: "Finish",
+    covideMask: "Covid mask detected",
+    brightness: "Difficult lighting conditions detected"
+  },
+  selfieCapture: {
+    back: "Back",
+    directionSubtitle: "Let's make sure no one's impersonating you",
+    recordBtnLabel: "Record a video",
+    title: "Record a short video selfie",
+    // deprecated field, we preserved it just to avoid a breaking change
+    recordSubtitle: "",
+    acquisitionDuration: {
+      base: "The acquisition will last ",
+      singular: " second.",
+      plural: " seconds."
+    },
+    directions: videoRecordDirections,
+    recorder: videoRecorder
+  },
+  referenceCapture: {
+    back: "Back",
+    title: "Take a reference picture for face comparison",
+    captureTitle: "Position your ID document in the rectangle",
+    editorTitle: "Is your face straight and clearly visible?",
+    directionSubtitle: "Let's start the facial authentication process",
+    pictureRecordSubtitle: "Take a photo of your ID card, passport, residence permit...",
+    videoRecordSubtitle: "Take a video of your ID card, passport, residence permit...",
+    uploadBtn: "Upload a picture",
+    pictureBtn: "Take a picture",
+    recordVidBtn: "Record a video",
+    retryPictureCaptureBtn: "No, retake the picture",
+    retryVideoCaptureBtn: "No, record another video",
+    replayValidation: "Yes, Continue",
+    editor: pictureEditor,
+    directions: imageCaptureDirections,
+    videoRecorder: videoRecorder,
+    pictureRecorder: pictureRecorder,
+    fileUpload: fileUpload
+  }
+};
+
+export { EN as E };

package/dist/file-upload.js

@@ -0,0 +1,121 @@
+import { i, d as _taggedTemplateLiteral, _ as _inherits, a as _createClass, e as _objectSpread2, x, s, b as _classCallCheck, c as _callSuper } from './lit-element-ac3d3a27.js';
+import { E as EN } from './en-e76ed5a0.js';
+import { f as fileUploadVars } from './variables-09a3e162.js';
+
+var _templateObject, _templateObject2;
+var defaultStrings = EN.fileUpload;
+var FileUpload = /*#__PURE__*/function (_LitElement) {
+  function FileUpload() {
+    var _this;
+    _classCallCheck(this, FileUpload);
+    _this = _callSuper(this, FileUpload);
+    _this.maxSize = 5000000;
+    _this.supportedTypes = ["image/png", "image/jpeg", "image/jpg", "image/jp2"];
+    _this.strings = _objectSpread2({}, defaultStrings);
+    _this.error = "";
+    _this.inited = false;
+    _this.handleFileSelection = _this.handleFileSelection.bind(_this);
+    return _this;
+  }
+  _inherits(FileUpload, _LitElement);
+  return _createClass(FileUpload, [{
+    key: "validateFile",
+    value: function validateFile(type, size) {
+      var error = "";
+      if (!this.supportedTypes.includes(type) && size > this.maxSize) {
+        error = "".concat(this.strings.badType, ": ").concat(this.supportedTypes.join(", "), ". ").concat(this.strings.maxSize);
+      } else if (size > this.maxSize) {
+        error = this.strings.maxSize;
+      } else {
+        error = "".concat(this.strings.badType, ": ").concat(this.supportedTypes.join(", "), ".");
+      }
+      return {
+        valid: this.supportedTypes.includes(type) && size < this.maxSize,
+        error: error
+      };
+    }
+  }, {
+    key: "handleFileSelection",
+    value: function handleFileSelection(files) {
+      if (files.length === 1) {
+        var file = files.item(0);
+        var _this$validateFile = _objectSpread2({}, this.validateFile("".concat(file === null || file === void 0 ? void 0 : file.type), (file === null || file === void 0 ? void 0 : file.size) || 0)),
+          isFileValid = _this$validateFile.valid,
+          error = _this$validateFile.error;
+        if (isFileValid) {
+          this.dispatchEvent(new CustomEvent("change", {
+            detail: {
+              file: file
+            }
+          }));
+          this.error = "";
+        } else {
+          this.error = error;
+        }
+      }
+    }
+  }, {
+    key: "handleClick",
+    value: function handleClick() {
+      var _this2 = this;
+      var input = document.createElement("input");
+      input.setAttribute("type", "file");
+      input.setAttribute("accept", this.supportedTypes.join(", "));
+      input.click();
+      input.onchange = function () {
+        _this2.handleFileSelection(input.files || new FileList());
+      };
+    }
+  }, {
+    key: "init",
+    value: function init() {
+      var _this$shadowRoot,
+        _this3 = this;
+      var dropZone = (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.getElementById("drop-zone");
+      dropZone === null || dropZone === void 0 || dropZone.addEventListener("drop", function (ev) {
+        var _ev$dataTransfer;
+        ev.preventDefault();
+        var files = ((_ev$dataTransfer = ev.dataTransfer) === null || _ev$dataTransfer === void 0 ? void 0 : _ev$dataTransfer.files) || new FileList();
+        _this3.handleFileSelection(files);
+      });
+      dropZone === null || dropZone === void 0 || dropZone.addEventListener("dragover", function (ev) {
+        ev.preventDefault();
+      });
+      this.inited = true;
+    }
+  }, {
+    key: "updated",
+    value: function updated() {
+      if (!this.inited) this.init();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return x(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      <div id=\"drop-zone\" @click=\"", "\">\n        <div>\n          <slot name=\"text\">\n            <div>\n              <span class=\"text\"> ", " </span>\n            </div>\n          </slot>\n          <div>\n            <span class=\"error\"> ", " </span>\n          </div>\n        </div>\n      </div>\n    "])), this.handleClick, this.strings.text, this.error);
+    }
+  }]);
+}(s);
+FileUpload.properties = {
+  supportedTypes: {
+    attribute: "supported-types",
+    type: Array
+  },
+  maxSize: {
+    attribute: "max-size",
+    type: Number
+  },
+  strings: {
+    attribute: "strings",
+    type: Object
+  },
+  error: {
+    state: true
+  },
+  init: {
+    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);
+customElements.define("uni-file-upload", FileUpload);
+
+export { FileUpload };

package/dist/full-capture.js

@@ -0,0 +1,110 @@
+import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper } from './lit-element-ac3d3a27.js';
+import { selfieCaptureStrings } from './selfie-capture.js';
+import { referenceCaptureStrings } from './reference-capture.js';
+import './button.js';
+import './en-e76ed5a0.js';
+import './video-recorder-4b9e6a43.js';
+import './variables-09a3e162.js';
+import './video-record-directions.js';
+import './direction-card-f55e1936.js';
+import './image-capture-directions.js';
+import './file-upload.js';
+import './picture-recorder.js';
+
+var _templateObject, _templateObject2;
+var FullCapture = /*#__PURE__*/function (_LitElement) {
+  function FullCapture() {
+    var _this;
+    _classCallCheck(this, FullCapture);
+    _this = _callSuper(this, FullCapture);
+    _this.captureStep = "reference";
+    _this.reference = new Blob();
+    _this.strings = {};
+    _this.recorderOptions = {};
+    _this.hideSelfieCaptureBtn = false;
+    _this.hideReferenceCaptureBtn = false;
+    return _this;
+  }
+  _inherits(FullCapture, _LitElement);
+  return _createClass(FullCapture, [{
+    key: "handleReference",
+    value: function handleReference(e) {
+      this.reference = e.detail.media;
+      this.captureStep = "selfie";
+    }
+  }, {
+    key: "handleSelfie",
+    value: function handleSelfie(e) {
+      this.dispatchEvent(new CustomEvent("data", {
+        detail: {
+          selfie: e.detail.media,
+          reference: this.reference,
+          metadata: e.detail.metadata
+        }
+      }));
+    }
+  }, {
+    key: "handleRecoderReady",
+    value: function handleRecoderReady(e) {
+      this.dispatchEvent(new CustomEvent("recorderReady", {
+        detail: {
+          recorderElmt: e.detail.recorderElmt,
+          mediaType: e.detail.mediaType,
+          contentKind: e.detail.contentKind,
+          acquisitionTIme: e.detail.acquisitionTime
+        }
+      }));
+    }
+  }, {
+    key: "handleBack",
+    value: function handleBack() {
+      this.captureStep = "reference";
+    }
+  }, {
+    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));
+    }
+  }, {
+    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);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      switch (this.captureStep) {
+        case "reference":
+          return this.renderReferenceStep();
+        case "selfie":
+          return this.renderSelfieStep();
+      }
+    }
+  }]);
+}(s);
+FullCapture.properties = {
+  recorderOptions: {
+    attribute: "recorder-options",
+    type: Object
+  },
+  strings: {
+    attribute: "strings",
+    type: Object
+  },
+  hideSelfieCaptureBtn: {
+    attribute: "hide-selfie-capture-btn",
+    type: Boolean
+  },
+  hideReferenceCaptureBtn: {
+    attribute: "hide-reference-capture-btn",
+    type: Boolean
+  },
+  captureStep: {
+    state: true
+  }
+};
+customElements.define("uni-full-capture", FullCapture);
+
+export { FullCapture };

package/dist/image-capture-directions.js

@@ -0,0 +1,85 @@
+import { _ as _inherits, a as _createClass, x, d as _taggedTemplateLiteral, s, b as _classCallCheck, c as _callSuper, i, e as _objectSpread2 } from './lit-element-ac3d3a27.js';
+import { d as directionsStyle } from './direction-card-f55e1936.js';
+import { d as defaultVars } from './variables-09a3e162.js';
+import { E as EN } from './en-e76ed5a0.js';
+
+var _templateObject$3;
+var FaceCardPicto = /*#__PURE__*/function (_LitElement) {
+  function FaceCardPicto() {
+    _classCallCheck(this, FaceCardPicto);
+    return _callSuper(this, FaceCardPicto, arguments);
+  }
+  _inherits(FaceCardPicto, _LitElement);
+  return _createClass(FaceCardPicto, [{
+    key: "render",
+    value: function render() {
+      return x(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n      <style>\n        .primary {\n          fill: ", ";\n        }\n        .secondary {\n          fill: ", ";\n        }\n        .light-variant {\n          fill: ", ";\n        }\n      </style>\n      <svg width=\"50\" viewBox=\"0 0 50 53\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M40.5446 7.15765H9.47841C7.90481 7.15765 6.62915 8.43331 6.62915 10.0069V41.0731C6.62915 42.6467 7.90481 43.9224 9.47841 43.9224H40.5446C42.1182 43.9224 43.3939 42.6467 43.3939 41.0731V10.0069C43.3939 8.43331 42.1182 7.15765 40.5446 7.15765Z\"\n          class=\"light-variant\"\n        />\n        <path\n          d=\"M0.884622 11.2707C0.656092 11.2707 0.436923 11.1799 0.275328 11.0183C0.113733 10.8567 0.0229492 10.6375 0.0229492 10.409V3.86029C0.0244358 2.84091 0.428474 1.86336 1.14713 1.1404C1.86579 0.417438 2.84091 0.00757236 3.86027 0H10.409C10.6375 0 10.8567 0.0907825 11.0183 0.252377C11.1799 0.413972 11.2707 0.633143 11.2707 0.861673C11.2707 1.0902 11.1799 1.30937 11.0183 1.47097C10.8567 1.63256 10.6375 1.72335 10.409 1.72335H3.86027C3.29398 1.72486 2.75132 1.95049 2.35089 2.35092C1.95046 2.75135 1.72483 3.29401 1.72332 3.86029V10.409C1.7234 10.6336 1.63577 10.8494 1.47912 11.0103C1.32246 11.1713 1.10915 11.2647 0.884622 11.2707Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M49.1384 11.2707C48.9099 11.2707 48.6907 11.1799 48.5291 11.0183C48.3675 10.8567 48.2767 10.6375 48.2767 10.409V3.86029C48.2752 3.29401 48.0496 2.75135 47.6491 2.35092C47.2487 1.95049 46.706 1.72486 46.1398 1.72335H39.591C39.3625 1.72335 39.1433 1.63256 38.9818 1.47097C38.8202 1.30937 38.7294 1.0902 38.7294 0.861673C38.7294 0.633143 38.8202 0.413972 38.9818 0.252377C39.1433 0.0907825 39.3625 0 39.591 0H46.1398C47.1631 0.00151945 48.1441 0.408715 48.8677 1.13233C49.5913 1.85595 49.9985 2.83695 50.0001 3.86029V10.409C50.0001 10.6375 49.9093 10.8567 49.7477 11.0183C49.5861 11.1799 49.3669 11.2707 49.1384 11.2707Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M46.1398 52.0738H39.591C39.3625 52.0738 39.1433 51.983 38.9818 51.8214C38.8202 51.6598 38.7294 51.4406 38.7294 51.2121C38.7294 50.9836 38.8202 50.7644 38.9818 50.6028C39.1433 50.4412 39.3625 50.3504 39.591 50.3504H46.1398C46.706 50.3489 47.2487 50.1233 47.6491 49.7228C48.0496 49.3224 48.2752 48.7797 48.2767 48.2135V41.6647C48.2767 41.4362 48.3675 41.217 48.5291 41.0554C48.6907 40.8939 48.9099 40.8031 49.1384 40.8031C49.3669 40.8031 49.5861 40.8939 49.7477 41.0554C49.9093 41.217 50.0001 41.4362 50.0001 41.6647V48.2135C49.9985 49.2368 49.5913 50.2178 48.8677 50.9414C48.1441 51.665 47.1631 52.0722 46.1398 52.0738Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M10.432 52.0738H3.86029C2.83695 52.0722 1.85595 51.665 1.13233 50.9414C0.408715 50.2178 0.00151945 49.2368 0 48.2135V41.6647C0 41.4362 0.0907825 41.217 0.252377 41.0554C0.413972 40.8939 0.633143 40.8031 0.861673 40.8031C1.0902 40.8031 1.30937 40.8939 1.47097 41.0554C1.63256 41.217 1.72335 41.4362 1.72335 41.6647V48.2135C1.72486 48.7797 1.95049 49.3224 2.35092 49.7228C2.75134 50.1233 3.29401 50.3489 3.86029 50.3504H10.409C10.6375 50.3504 10.8567 50.4412 11.0183 50.6028C11.1799 50.7644 11.2707 50.9836 11.2707 51.2121C11.2707 51.4406 11.1799 51.6598 11.0183 51.8214C10.8567 51.983 10.6375 52.0738 10.409 52.0738H10.432Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M21.6683 14.6254C20.8123 14.4072 20.5194 14.051 18.796 14.6254C12.1439 16.8428 13.8672 29.5611 13.8672 29.5611L14.8438 36.6038L35.0529 36.0294L36.0295 28.9867C36.0295 28.9867 37.7528 17.4977 32.0083 13.4765C26.2638 9.45541 20.5194 15.1999 20.5194 15.1999\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M14.8438 37.1783C14.7044 37.1797 14.5693 37.1303 14.4636 37.0394C14.3579 36.9485 14.2889 36.8223 14.2694 36.6843L13.2928 29.6415C13.2181 29.1016 11.5695 16.4292 18.6065 14.0797C19.9392 13.6374 20.5539 13.6948 21.1972 13.8844C23.225 12.3736 27.7862 9.82307 32.33 13.0055C38.3273 17.1818 36.6729 28.5903 36.6039 29.0728L35.6216 36.1098C35.6021 36.2478 35.5331 36.3741 35.4274 36.465C35.3217 36.5559 35.1866 36.6052 35.0472 36.6038L14.8381 37.1783H14.8438ZM20.0139 14.9069C19.6579 14.962 19.3078 15.0505 18.9684 15.1712C12.8448 17.2105 14.4073 29.3601 14.4245 29.4864L15.3493 36.0122L34.5532 35.4377L35.455 28.9062C35.455 28.7914 37.0578 17.716 31.6752 13.9706C27.947 11.3626 24.1614 13.2238 22.2312 14.545C22.2452 14.6171 22.2452 14.6912 22.2312 14.7633C22.2125 14.8366 22.1795 14.9054 22.1341 14.9658C22.0887 15.0263 22.0318 15.0772 21.9667 15.1156C21.9016 15.154 21.8295 15.1792 21.7547 15.1898C21.6798 15.2003 21.6036 15.1959 21.5304 15.1769H21.4385C21.2615 15.3165 21.0928 15.4661 20.933 15.625C20.8345 15.7268 20.7019 15.7886 20.5607 15.7986C20.4194 15.8086 20.2795 15.7661 20.1677 15.6792C20.0558 15.5923 19.9801 15.4672 19.9549 15.3278C19.9297 15.1885 19.9568 15.0447 20.0311 14.9242L20.0139 14.9069Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M41.1363 43.9223C41.1198 42.5381 40.719 41.1857 39.9785 40.0162C39.238 38.8466 38.187 37.9058 36.9428 37.299C32.5655 35.0931 28.665 35.0931 28.665 32.1289V30.8077C31.4108 28.7512 33.3065 24.7243 33.3065 21.7027C33.3065 17.4977 29.5956 14.051 25.0115 14.051C20.4274 14.051 16.7165 17.4977 16.7165 21.7027C16.7165 24.7587 18.6523 28.8431 21.4499 30.8939V32.1691C21.4499 35.1103 17.5264 35.1103 13.1089 37.3392C11.8654 37.9389 10.8125 38.8717 10.0671 40.0338C9.32178 41.196 8.91318 42.542 8.88672 43.9223\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M41.1362 44.4968C40.9839 44.4968 40.8378 44.4363 40.73 44.3285C40.6223 44.2208 40.5618 44.0747 40.5618 43.9223C40.549 42.6472 40.1788 41.4012 39.4934 40.3258C38.808 39.2505 37.8348 38.3889 36.6843 37.8389C35.4269 37.2283 34.1317 36.6987 32.8067 36.2534C30.17 35.3171 28.0905 34.5818 28.0905 32.1749V30.8077C28.0905 30.7185 28.1113 30.6305 28.1512 30.5508C28.191 30.471 28.249 30.4016 28.3203 30.3481C30.7962 28.4984 32.7321 24.7013 32.7321 21.7027C32.7321 17.8022 29.2854 14.6255 25.0115 14.6255C20.7376 14.6255 17.2909 17.8022 17.2909 21.7027C17.2909 24.753 19.267 28.596 21.7888 30.4113C21.862 30.4648 21.9215 30.5348 21.9624 30.6157C22.0034 30.6966 22.0246 30.786 22.0243 30.8766V32.1519C22.0243 34.5588 19.9276 35.2999 17.2737 36.2362C15.9387 36.6775 14.6338 37.2052 13.3674 37.8159C12.2072 38.3625 11.225 39.2256 10.5339 40.3059C9.84277 41.3863 9.47092 42.6399 9.46115 43.9223C9.46115 44.0747 9.40063 44.2208 9.2929 44.3285C9.18517 44.4363 9.03906 44.4968 8.8867 44.4968C8.73435 44.4968 8.58824 44.4363 8.48051 44.3285C8.37278 44.2208 8.31226 44.0747 8.31226 43.9223C8.31784 42.4223 8.74741 40.9543 9.55139 39.6879C10.3554 38.4214 11.501 37.4081 12.8561 36.7647C14.16 36.1332 15.5031 35.5863 16.8773 35.1275C19.5657 34.1797 20.8582 33.6569 20.8582 32.1289V31.1638C18.1468 29.0499 16.1248 25.0402 16.1248 21.7027C16.142 17.1703 20.1229 13.4766 25.0115 13.4766C29.9 13.4766 33.881 17.1703 33.881 21.7027C33.881 24.9828 31.8991 28.958 29.2394 31.0892V32.1519C29.2394 33.6799 30.5204 34.2027 33.1916 35.1505C34.567 35.6061 35.9103 36.153 37.2128 36.7877C38.5545 37.4375 39.6872 38.4505 40.4823 39.7116C41.2774 40.9727 41.7029 42.4315 41.7107 43.9223C41.7107 44.0747 41.6502 44.2208 41.5424 44.3285C41.4347 44.4363 41.2886 44.4968 41.1362 44.4968Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M6.9221 14.8897C6.76975 14.8897 6.62364 14.8292 6.51591 14.7215C6.40818 14.6137 6.34766 14.4676 6.34766 14.3153V9.40948C6.34765 8.66089 6.64464 7.94289 7.17342 7.41302C7.70221 6.88315 8.41962 6.58471 9.1682 6.58319H14.0797C14.2321 6.58319 14.3782 6.64371 14.4859 6.75144C14.5937 6.85917 14.6542 7.00529 14.6542 7.15764C14.6542 7.30999 14.5937 7.45611 14.4859 7.56384C14.3782 7.67157 14.2321 7.73209 14.0797 7.73209H9.1682C8.94819 7.73209 8.73035 7.77551 8.52716 7.85988C8.32397 7.94425 8.13943 8.0679 7.98413 8.22373C7.82883 8.37957 7.70582 8.56453 7.62215 8.768C7.53848 8.97148 7.4958 9.18947 7.49655 9.40948V14.3153C7.49655 14.4676 7.43603 14.6137 7.3283 14.7215C7.22057 14.8292 7.07446 14.8897 6.9221 14.8897Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M43.1066 14.8897C42.9542 14.8897 42.8081 14.8292 42.7004 14.7215C42.5927 14.6137 42.5321 14.4676 42.5321 14.3153V9.40948C42.5321 8.9646 42.3554 8.53796 42.0408 8.22338C41.7263 7.90881 41.2996 7.73209 40.8548 7.73209H35.9432C35.7909 7.73209 35.6448 7.67157 35.537 7.56384C35.4293 7.45611 35.3688 7.30999 35.3688 7.15764C35.3688 7.00529 35.4293 6.85917 35.537 6.75144C35.6448 6.64371 35.7909 6.58319 35.9432 6.58319H40.8548C41.6039 6.58471 42.3219 6.88296 42.8516 7.41267C43.3813 7.94237 43.6795 8.66036 43.681 9.40948V14.3153C43.681 14.4676 43.6205 14.6137 43.5128 14.7215C43.4051 14.8292 43.2589 14.8897 43.1066 14.8897Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M40.8548 44.9161H35.9432C35.7909 44.9161 35.6448 44.8556 35.537 44.7479C35.4293 44.6402 35.3688 44.4941 35.3688 44.3417C35.3688 44.1893 35.4293 44.0432 35.537 43.9355C35.6448 43.8278 35.7909 43.7673 35.9432 43.7673H40.8548C41.2996 43.7673 41.7263 43.5905 42.0408 43.276C42.3554 42.9614 42.5321 42.5347 42.5321 42.0899V37.1783C42.5321 37.026 42.5927 36.8799 42.7004 36.7721C42.8081 36.6644 42.9542 36.6039 43.1066 36.6039C43.2589 36.6039 43.4051 36.6644 43.5128 36.7721C43.6205 36.8799 43.681 37.026 43.681 37.1783V42.0899C43.6795 42.839 43.3813 43.557 42.8516 44.0867C42.3219 44.6164 41.6039 44.9146 40.8548 44.9161Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M14.0797 44.9161H9.1682C8.41962 44.9146 7.70221 44.6162 7.17342 44.0863C6.64464 43.5564 6.34765 42.8384 6.34766 42.0899V37.1783C6.34766 37.026 6.40818 36.8799 6.51591 36.7721C6.62364 36.6644 6.76975 36.6039 6.9221 36.6039C7.07446 36.6039 7.22057 36.6644 7.3283 36.7721C7.43603 36.8799 7.49655 37.026 7.49655 37.1783V42.0899C7.4958 42.3099 7.53848 42.5279 7.62215 42.7313C7.70582 42.9348 7.82883 43.1198 7.98413 43.2756C8.13943 43.4314 8.32397 43.5551 8.52716 43.6395C8.73035 43.7238 8.94819 43.7673 9.1682 43.7673H14.0797C14.2321 43.7673 14.3782 43.8278 14.4859 43.9355C14.5937 44.0432 14.6542 44.1893 14.6542 44.3417C14.6542 44.4941 14.5937 44.6402 14.4859 44.7479C14.3782 44.8556 14.2321 44.9161 14.0797 44.9161V44.9161Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M27.045 26.9991C26.5064 27.5375 25.7759 27.84 25.0143 27.84C24.2527 27.84 23.5223 27.5375 22.9836 26.9991\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M25.0114 28.4122C24.5586 28.414 24.11 28.3256 23.6918 28.152C23.2735 27.9784 22.8941 27.7231 22.5757 27.4012C22.5225 27.3476 22.4804 27.2841 22.4518 27.2143C22.4232 27.1444 22.4086 27.0696 22.4088 26.9942C22.4091 26.9187 22.4242 26.844 22.4533 26.7744C22.4825 26.7047 22.525 26.6415 22.5786 26.5883C22.6322 26.5352 22.6957 26.493 22.7655 26.4644C22.8353 26.4358 22.9101 26.4212 22.9856 26.4214C23.0611 26.4217 23.1358 26.4368 23.2054 26.466C23.275 26.4951 23.3383 26.5376 23.3914 26.5912C23.8295 27.0091 24.4117 27.2423 25.0171 27.2423C25.6226 27.2423 26.2047 27.0091 26.6428 26.5912C26.6943 26.5311 26.7577 26.4822 26.829 26.4478C26.9002 26.4133 26.9779 26.3939 27.057 26.3908C27.1361 26.3878 27.215 26.4011 27.2887 26.43C27.3624 26.4589 27.4294 26.5027 27.4853 26.5587C27.5413 26.6146 27.5851 26.6816 27.614 26.7553C27.6429 26.829 27.6562 26.9079 27.6532 26.987C27.6501 27.0661 27.6307 27.1438 27.5963 27.215C27.5618 27.2863 27.5129 27.3497 27.4528 27.4012C27.1337 27.7238 26.7534 27.9795 26.3341 28.1531C25.9149 28.3267 25.4652 28.4148 25.0114 28.4122Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M21.2776 22.4035C21.3907 22.2902 21.525 22.2004 21.6729 22.1391C21.8207 22.0778 21.9792 22.0462 22.1393 22.0462C22.2993 22.0462 22.4578 22.0778 22.6057 22.1391C22.7535 22.2004 22.8878 22.2902 23.0009 22.4035\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M21.2775 22.9779C21.1634 22.9786 21.0517 22.9453 20.9566 22.8822C20.8615 22.8191 20.7874 22.7291 20.7436 22.6238C20.6999 22.5184 20.6885 22.4024 20.7109 22.2905C20.7334 22.1786 20.7886 22.076 20.8696 21.9956C21.2067 21.6596 21.6632 21.4709 22.1392 21.4709C22.6151 21.4709 23.0717 21.6596 23.4087 21.9956C23.5157 22.1033 23.5757 22.2488 23.5757 22.4006C23.5757 22.5524 23.5157 22.698 23.4087 22.8056C23.3553 22.8594 23.2918 22.9022 23.2218 22.9313C23.1518 22.9605 23.0767 22.9755 23.0008 22.9755C22.925 22.9755 22.8499 22.9605 22.7799 22.9313C22.7099 22.9022 22.6464 22.8594 22.593 22.8056C22.4724 22.6856 22.3093 22.6183 22.1392 22.6183C21.9691 22.6183 21.8059 22.6856 21.6854 22.8056C21.6322 22.8599 21.5687 22.9031 21.4987 22.9326C21.4287 22.9622 21.3535 22.9776 21.2775 22.9779V22.9779Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M27.0221 22.4035C27.1352 22.2902 27.2695 22.2004 27.4174 22.1391C27.5652 22.0778 27.7237 22.0462 27.8838 22.0462C28.0438 22.0462 28.2023 22.0778 28.3502 22.1391C28.498 22.2004 28.6323 22.2902 28.7454 22.4035\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M27.022 22.9779C26.9079 22.9786 26.7962 22.9453 26.7011 22.8822C26.606 22.8191 26.5319 22.7291 26.4881 22.6238C26.4444 22.5184 26.433 22.4024 26.4554 22.2905C26.4779 22.1786 26.5331 22.076 26.6141 21.9956C26.9512 21.6596 27.4077 21.4709 27.8837 21.4709C28.3596 21.4709 28.8162 21.6596 29.1532 21.9956C29.2602 22.1033 29.3203 22.2488 29.3203 22.4006C29.3203 22.5524 29.2602 22.698 29.1532 22.8056C29.0998 22.8594 29.0363 22.9022 28.9663 22.9313C28.8963 22.9605 28.8212 22.9755 28.7453 22.9755C28.6695 22.9755 28.5944 22.9605 28.5244 22.9313C28.4544 22.9022 28.3909 22.8594 28.3375 22.8056C28.2169 22.6856 28.0538 22.6183 27.8837 22.6183C27.7136 22.6183 27.5504 22.6856 27.4299 22.8056C27.3767 22.8599 27.3132 22.9031 27.2432 22.9326C27.1732 22.9622 27.098 22.9776 27.022 22.9779V22.9779Z\"\n          class=\"primary\"\n        />\n        <path d=\"M21.335 15.1597C21.335 15.1597 24.8334 19.5313 32.0599 19.83Z\" fill=\"white\" />\n        <path\n          d=\"M32.0599 20.4044C24.6553 20.0999 21.0592 15.7054 20.9099 15.5216C20.8622 15.4628 20.8265 15.3952 20.805 15.3226C20.7835 15.2501 20.7766 15.174 20.7846 15.0987C20.7926 15.0234 20.8154 14.9505 20.8517 14.8841C20.888 14.8176 20.937 14.759 20.9961 14.7116C21.0548 14.6639 21.1224 14.6283 21.195 14.6068C21.2676 14.5853 21.3437 14.5783 21.419 14.5863C21.4942 14.5943 21.5672 14.6171 21.6336 14.6534C21.7 14.6897 21.7586 14.7388 21.806 14.7978C21.8405 14.8437 25.2527 18.974 32.1059 19.2555C32.2582 19.2555 32.4044 19.316 32.5121 19.4238C32.6198 19.5315 32.6803 19.6776 32.6803 19.83C32.6803 19.9823 32.6198 20.1284 32.5121 20.2361C32.4044 20.3439 32.2582 20.4044 32.1059 20.4044H32.0599Z\"\n          class=\"primary\"\n        />\n      </svg>\n    "])), defaultVars.colors.primary, defaultVars.colors.secondary, defaultVars.colors.lightVariant1);
+    }
+  }]);
+}(s);
+customElements.define("uni-face-card-picto", FaceCardPicto);
+
+var _templateObject$2;
+var DocumentPicto = /*#__PURE__*/function (_LitElement) {
+  function DocumentPicto() {
+    _classCallCheck(this, DocumentPicto);
+    return _callSuper(this, DocumentPicto, arguments);
+  }
+  _inherits(DocumentPicto, _LitElement);
+  return _createClass(DocumentPicto, [{
+    key: "render",
+    value: function render() {
+      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 width=\"50\" viewBox=\"0 0 50 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M47.215 0.480988H2.78495C1.51249 0.480988 0.480957 1.51252 0.480957 2.78498V31.0582C0.480957 32.3307 1.51249 33.3622 2.78495 33.3622H47.215C48.4874 33.3622 49.519 32.3307 49.519 31.0582V2.78498C49.519 1.51252 48.4874 0.480988 47.215 0.480988Z\"\n          class=\"light-variant\"\n        />\n        <path\n          d=\"M47.215 33.848H2.7898C2.05073 33.848 1.34186 33.5547 0.818813 33.0326C0.295761 32.5104 0.00127426 31.8021 0 31.063V2.7898C0 2.0499 0.293925 1.3403 0.817114 0.817114C1.3403 0.293925 2.0499 0 2.7898 0H47.215C47.9541 0.00127426 48.6624 0.295762 49.1846 0.818813C49.7067 1.34186 50 2.05073 50 2.7898V31.063C49.9987 31.8012 49.7049 32.5089 49.1829 33.0309C48.6609 33.5529 47.9532 33.8467 47.215 33.848V33.848ZM2.7898 0.962001C2.30543 0.963271 1.84126 1.15625 1.49875 1.49875C1.15625 1.84126 0.963271 2.30543 0.962001 2.7898V31.063C0.963274 31.5469 1.15641 32.0106 1.49905 32.3524C1.84169 32.6941 2.30587 32.886 2.7898 32.886H47.215C47.6985 32.886 48.1622 32.6939 48.5041 32.3521C48.8459 32.0102 49.038 31.5465 49.038 31.063V2.7898C49.038 2.30587 48.8461 1.84169 48.5043 1.49905C48.1626 1.15641 47.6989 0.963275 47.215 0.962001H2.7898Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M43.3525 11.7076H27.6142C27.4866 11.7076 27.3643 11.6569 27.2741 11.5667C27.1839 11.4765 27.1332 11.3541 27.1332 11.2266C27.1332 11.099 27.1839 10.9767 27.2741 10.8865C27.3643 10.7963 27.4866 10.7456 27.6142 10.7456H43.3525C43.4801 10.7456 43.6024 10.7963 43.6926 10.8865C43.7828 10.9767 43.8335 11.099 43.8335 11.2266C43.8335 11.3541 43.7828 11.4765 43.6926 11.5667C43.6024 11.6569 43.4801 11.7076 43.3525 11.7076Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M40.3799 8.01348H27.6142C27.4866 8.01348 27.3643 7.96281 27.2741 7.8726C27.1839 7.7824 27.1332 7.66005 27.1332 7.53248C27.1332 7.40491 27.1839 7.28257 27.2741 7.19236C27.3643 7.10216 27.4866 7.05148 27.6142 7.05148H40.3799C40.5075 7.05148 40.6298 7.10216 40.72 7.19236C40.8102 7.28257 40.8609 7.40491 40.8609 7.53248C40.8609 7.66005 40.8102 7.7824 40.72 7.8726C40.6298 7.96281 40.5075 8.01348 40.3799 8.01348Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M37.6719 15.4016H27.6142C27.4866 15.4016 27.3643 15.351 27.2741 15.2608C27.1839 15.1705 27.1332 15.0482 27.1332 14.9206C27.1332 14.7931 27.1839 14.6707 27.2741 14.5805C27.3643 14.4903 27.4866 14.4396 27.6142 14.4396H37.6719C37.7995 14.4396 37.9218 14.4903 38.012 14.5805C38.1022 14.6707 38.1529 14.7931 38.1529 14.9206C38.1529 15.0482 38.1022 15.1705 38.012 15.2608C37.9218 15.351 37.7995 15.4016 37.6719 15.4016Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M43.3525 19.0765H27.6142C27.4866 19.0765 27.3643 19.0258 27.2741 18.9356C27.1839 18.8454 27.1332 18.7231 27.1332 18.5955C27.1332 18.4679 27.1839 18.3456 27.2741 18.2554C27.3643 18.1652 27.4866 18.1145 27.6142 18.1145H43.3525C43.4801 18.1145 43.6024 18.1652 43.6926 18.2554C43.7828 18.3456 43.8335 18.4679 43.8335 18.5955C43.8335 18.7231 43.7828 18.8454 43.6926 18.9356C43.6024 19.0258 43.4801 19.0765 43.3525 19.0765Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M13.4102 5.3872C13.1168 5.25241 12.7976 5.18263 12.4747 5.18263C12.1517 5.18263 11.8326 5.25241 11.5391 5.3872C7.21014 6.83021 8.33087 15.1082 8.33087 15.1082L8.9706 19.6873L22.1019 19.317L22.7561 14.7475C22.7561 14.7475 23.8768 7.26792 20.1394 4.64646C16.4021 2.02501 12.6599 5.772 12.6599 5.772\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M8.9707 20.1684C8.85398 20.1695 8.74083 20.1282 8.65233 20.0521C8.56384 19.976 8.50603 19.8703 8.4897 19.7547L7.84997 15.1708C7.80187 14.8148 6.72924 6.4839 11.3805 4.93027C11.916 4.69333 12.5155 4.64253 13.0833 4.78597C14.4445 3.78549 17.4123 2.15971 20.4089 4.24725C24.3435 6.99857 23.2708 14.4878 23.2227 14.8052L22.583 19.3795C22.5678 19.496 22.5104 19.6028 22.4218 19.6799C22.3332 19.757 22.2195 19.799 22.102 19.798L8.95627 20.1684H8.9707ZM12.1838 5.70468C12.0209 5.74186 11.8603 5.78843 11.7028 5.84417C7.80187 7.14287 8.81678 14.9832 8.81678 15.0409L9.38917 19.1967L21.7028 18.8456L22.2848 14.6657C22.2848 14.5888 23.3141 7.45072 19.8798 5.04571C17.5181 3.39107 15.1516 4.52623 13.9106 5.39203C13.9153 5.43519 13.9153 5.47874 13.9106 5.5219C13.8949 5.58323 13.8672 5.64085 13.8292 5.69148C13.7912 5.7421 13.7436 5.78471 13.6891 5.81689C13.6345 5.84906 13.5742 5.87016 13.5115 5.87897C13.4488 5.88778 13.385 5.88413 13.3238 5.86822C13.165 6.0029 13.0688 6.0991 13.0496 6.11834C13.0049 6.16343 12.9517 6.19921 12.8931 6.22363C12.8344 6.24805 12.7716 6.26062 12.7081 6.26062C12.6446 6.26062 12.5817 6.24805 12.5231 6.22363C12.4645 6.19921 12.4113 6.16343 12.3666 6.11834C12.3045 6.06966 12.2554 6.00647 12.2235 5.93433C12.1917 5.8622 12.178 5.78333 12.1838 5.70468Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M24.9543 25.8923C24.9543 25.8923 25.4353 21.5632 22.6022 20.1202C19.7691 18.6772 17.9606 18.6772 17.9606 16.7532V15.9163C18.8506 15.1959 19.5794 14.2965 20.0997 13.2765C20.6201 12.2565 20.9204 11.1386 20.9813 9.99519C20.9813 7.24387 18.5763 5.01202 15.5844 5.01202C12.5926 5.01202 10.1876 7.24387 10.1876 9.99519C10.2489 11.1514 10.555 12.2814 11.0857 13.3104C11.6164 14.3395 12.3595 15.2441 13.266 15.9644V16.7917C13.266 18.7157 11.4623 18.7157 8.58587 20.1587C5.70948 21.6017 6.21454 25.9307 6.21454 25.9307\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M6.229 26.3732C6.11083 26.3741 5.99648 26.3314 5.90776 26.2533C5.81905 26.1753 5.76218 26.0673 5.748 25.95C5.72395 25.7576 5.24295 21.2794 8.38388 19.697C9.19196 19.2929 9.90384 19.0043 10.534 18.735C12.2175 18.0616 12.7947 17.773 12.7947 16.7629V16.1905C11.8821 15.4238 11.1376 14.477 10.6079 13.4093C10.0782 12.3416 9.77465 11.176 9.71625 9.98556C9.71625 6.97449 12.3521 4.52139 15.5941 4.52139C18.836 4.52139 21.4719 6.97449 21.4719 9.98556C21.4126 11.1631 21.1142 12.3162 20.5948 13.3747C20.0755 14.4331 19.3462 15.3748 18.4512 16.1424V16.7821C18.4512 17.7922 19.0284 18.0808 20.6927 18.759C21.318 19.0091 22.0251 19.2977 22.8283 19.721C25.9404 21.2939 25.4642 25.7672 25.4402 25.974C25.4257 26.1001 25.3619 26.2153 25.2628 26.2946C25.1637 26.3739 25.0373 26.4108 24.9111 26.3973C24.8482 26.3901 24.7873 26.3706 24.732 26.3399C24.6766 26.3092 24.6279 26.2678 24.5886 26.2182C24.5493 26.1686 24.5201 26.1117 24.5028 26.0508C24.4855 25.99 24.4804 25.9262 24.4878 25.8634C24.4878 25.8249 24.9063 21.8615 22.3954 20.5724C21.6258 20.1828 20.9524 19.9038 20.3319 19.6585C18.6821 18.9851 17.4892 18.5041 17.4892 16.7725V15.9163C17.4892 15.8416 17.5066 15.768 17.54 15.7012C17.5734 15.6344 17.6219 15.5763 17.6816 15.5315C18.5122 14.8561 19.1927 14.0149 19.6797 13.0616C20.1667 12.1083 20.4494 11.0639 20.5099 9.99518C20.5099 7.51321 18.3069 5.49301 15.5941 5.49301C12.8812 5.49301 10.6686 7.53245 10.6686 9.99518C10.7302 11.0759 11.0191 12.1314 11.5164 13.0928C12.0137 14.0543 12.7083 14.9 13.5546 15.5748C13.6159 15.6196 13.6657 15.6782 13.7 15.7459C13.7343 15.8136 13.752 15.8885 13.7518 15.9644V16.7917C13.7518 18.5041 12.5542 18.9851 10.8658 19.6777C10.255 19.923 9.55752 20.2068 8.78311 20.5916C6.26267 21.8422 6.71 25.8105 6.71 25.8393C6.71737 25.9022 6.71226 25.9659 6.69496 26.0268C6.67766 26.0877 6.64851 26.1446 6.60919 26.1942C6.56987 26.2438 6.52114 26.2851 6.4658 26.3158C6.41047 26.3466 6.34961 26.3661 6.28672 26.3732H6.229Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M16.9071 13.4391C16.555 13.7875 16.0797 13.9829 15.5843 13.9829C15.089 13.9829 14.6137 13.7875 14.2616 13.4391\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M15.5844 14.4637C15.2766 14.4662 14.9715 14.4075 14.6866 14.2911C14.4017 14.1747 14.1428 14.0028 13.9249 13.7855C13.8353 13.6954 13.785 13.5735 13.785 13.4464C13.785 13.3193 13.8353 13.1974 13.9249 13.1073C14.015 13.0177 14.1369 12.9674 14.264 12.9674C14.3911 12.9674 14.513 13.0177 14.6031 13.1073C14.8643 13.3658 15.2169 13.5108 15.5844 13.5108C15.9518 13.5108 16.3044 13.3658 16.5656 13.1073C16.6103 13.0622 16.6635 13.0264 16.7221 13.002C16.7807 12.9776 16.8436 12.965 16.9071 12.965C16.9706 12.965 17.0335 12.9776 17.0921 13.002C17.1507 13.0264 17.2039 13.0622 17.2486 13.1073C17.3382 13.1974 17.3885 13.3193 17.3885 13.4464C17.3885 13.5735 17.3382 13.6954 17.2486 13.7855C17.0295 14.0025 16.7697 14.1742 16.4841 14.2905C16.1985 14.4069 15.8928 14.4658 15.5844 14.4637V14.4637Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M13.1554 10.4473C13.2287 10.3733 13.316 10.3146 13.4122 10.2745C13.5084 10.2344 13.6116 10.2137 13.7158 10.2137C13.82 10.2137 13.9231 10.2344 14.0193 10.2745C14.1155 10.3146 14.2028 10.3733 14.2761 10.4473\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M14.2761 10.9283C14.2128 10.9287 14.15 10.9166 14.0914 10.8926C14.0328 10.8687 13.9795 10.8334 13.9346 10.7889C13.9063 10.7593 13.8723 10.7358 13.8347 10.7198C13.7971 10.7037 13.7566 10.6954 13.7157 10.6954C13.6748 10.6954 13.6343 10.7037 13.5967 10.7198C13.5591 10.7358 13.5251 10.7593 13.4968 10.7889C13.4063 10.8794 13.2834 10.9303 13.1553 10.9303C13.0272 10.9303 12.9044 10.8794 12.8138 10.7889C12.7232 10.6983 12.6724 10.5754 12.6724 10.4473C12.6724 10.3193 12.7232 10.1964 12.8138 10.1058C13.0535 9.86762 13.3778 9.73392 13.7157 9.73392C14.0536 9.73392 14.3779 9.86762 14.6176 10.1058C14.6627 10.1505 14.6984 10.2037 14.7229 10.2624C14.7473 10.321 14.7599 10.3838 14.7599 10.4473C14.7599 10.5108 14.7473 10.5737 14.7229 10.6323C14.6984 10.6909 14.6627 10.7441 14.6176 10.7889C14.5726 10.8334 14.5193 10.8687 14.4607 10.8926C14.4021 10.9166 14.3394 10.9287 14.2761 10.9283Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M16.8927 10.4473C16.966 10.3733 17.0533 10.3146 17.1495 10.2745C17.2457 10.2344 17.3489 10.2137 17.4531 10.2137C17.5573 10.2137 17.6604 10.2344 17.7566 10.2745C17.8528 10.3146 17.9401 10.3733 18.0134 10.4473\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M16.8927 10.9283C16.8294 10.9287 16.7667 10.9166 16.7081 10.8926C16.6495 10.8687 16.5962 10.8334 16.5512 10.7889C16.5061 10.7441 16.4703 10.6909 16.4459 10.6323C16.4215 10.5737 16.4089 10.5108 16.4089 10.4473C16.4089 10.3838 16.4215 10.321 16.4459 10.2624C16.4703 10.2037 16.5061 10.1505 16.5512 10.1058C16.7909 9.86762 17.1151 9.73392 17.4531 9.73392C17.791 9.73392 18.1153 9.86762 18.355 10.1058C18.4455 10.1964 18.4964 10.3193 18.4964 10.4473C18.4964 10.5754 18.4455 10.6983 18.355 10.7889C18.2644 10.8794 18.1415 10.9303 18.0135 10.9303C17.8854 10.9303 17.7625 10.8794 17.6719 10.7889C17.6437 10.7593 17.6097 10.7358 17.5721 10.7198C17.5345 10.7037 17.494 10.6954 17.4531 10.6954C17.4122 10.6954 17.3717 10.7037 17.3341 10.7198C17.2965 10.7358 17.2625 10.7593 17.2342 10.7889C17.1893 10.8334 17.136 10.8687 17.0774 10.8926C17.0188 10.9166 16.956 10.9287 16.8927 10.9283Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M20.8754 9.00433C20.3944 6.72439 18.1963 5.01202 15.5844 5.01202C14.7932 5.01307 14.0106 5.17679 13.2852 5.49302L13.1938 5.74314C13.1938 5.74314 15.3006 8.67725 20.8899 9.05243L20.8754 9.00433Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M20.9091 9.5238H20.8754C15.1034 9.139 12.8908 6.1568 12.7994 6.02212C12.7531 5.9574 12.7237 5.88223 12.7136 5.80332C12.7035 5.72441 12.7132 5.64424 12.7417 5.56998L12.8379 5.31986C12.8604 5.26032 12.8946 5.20586 12.9383 5.15962C12.9821 5.11338 13.0346 5.07629 13.0928 5.0505C13.8788 4.70842 14.7272 4.53317 15.5844 4.53583C18.3309 4.53583 20.7263 6.32515 21.3227 8.8023C21.3649 8.87542 21.3872 8.95837 21.3872 9.0428C21.3872 9.12724 21.3649 9.21018 21.3227 9.2833C21.2808 9.356 21.2205 9.41645 21.1479 9.45864C21.0754 9.50083 20.993 9.5233 20.9091 9.5238V9.5238ZM13.8672 5.77681C14.5551 6.46945 16.5079 8.07599 20.2212 8.49927C19.8381 7.59156 19.1914 6.81974 18.3647 6.28376C17.538 5.74778 16.5694 5.47231 15.5844 5.49302C15.0003 5.49218 14.42 5.58807 13.8672 5.77681V5.77681Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M25.9501 27.1862C25.0246 27.2026 24.1099 26.9859 23.2902 26.556C23.2653 26.5485 23.2412 26.5389 23.218 26.5272C22.5233 26.1808 21.7577 26.0004 20.9814 26.0004C20.2051 26.0004 19.4394 26.1808 18.7447 26.5272L18.6822 26.556C17.8463 26.9761 16.923 27.1924 15.9875 27.1874C15.0521 27.1824 14.1311 26.9561 13.2998 26.5272C13.2423 26.4971 13.1915 26.4557 13.1504 26.4055C13.1094 26.3553 13.0789 26.2973 13.0608 26.235C13.0427 26.1727 13.0374 26.1074 13.0453 26.043C13.0531 25.9786 13.0738 25.9164 13.1063 25.8603C13.1388 25.8041 13.1823 25.7551 13.2342 25.7162C13.2861 25.6772 13.3453 25.6492 13.4083 25.6338C13.4713 25.6184 13.5368 25.6158 13.6008 25.6263C13.6648 25.6369 13.726 25.6602 13.7808 25.6951C14.4762 26.039 15.2416 26.2179 16.0174 26.2179C16.7933 26.2179 17.5587 26.039 18.2541 25.6951C18.2724 25.6807 18.2938 25.6708 18.3166 25.6662C19.1436 25.2511 20.0561 25.035 20.9814 25.035C21.9067 25.035 22.8191 25.2511 23.6461 25.6662C23.6699 25.6745 23.6925 25.6858 23.7135 25.6999C24.4089 26.0438 25.1743 26.2227 25.9501 26.2227C26.7259 26.2227 27.4913 26.0438 28.1868 25.6999L28.2493 25.6662C29.086 25.2457 30.0105 25.0296 30.9469 25.0354C31.8834 25.0413 32.8051 25.269 33.6365 25.6999C33.7412 25.7664 33.8161 25.8709 33.8456 25.9913C33.8752 26.1118 33.857 26.2391 33.7949 26.3465C33.7328 26.4539 33.6316 26.5332 33.5125 26.5677C33.3933 26.6023 33.2654 26.5895 33.1555 26.532C32.46 26.1855 31.6935 26.0052 30.9164 26.0052C30.1394 26.0052 29.3729 26.1855 28.6774 26.532L28.6148 26.5609C27.7924 26.9875 26.8765 27.2024 25.9501 27.1862V27.1862Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M35.9308 27.1862C34.9835 27.2018 34.048 26.975 33.2131 26.5272C33.158 26.4958 33.1096 26.4538 33.0708 26.4036C33.032 26.3534 33.0035 26.296 32.987 26.2347C32.9704 26.1735 32.9662 26.1096 32.9744 26.0467C32.9827 25.9838 33.0033 25.9231 33.0351 25.8682C33.067 25.8135 33.1093 25.7656 33.1596 25.7273C33.21 25.6889 33.2675 25.6609 33.3287 25.6448C33.3899 25.6288 33.4537 25.6249 33.5164 25.6335C33.5791 25.6422 33.6395 25.6631 33.6941 25.6951C34.3895 26.039 35.1549 26.2179 35.9308 26.2179C36.7066 26.2179 37.472 26.039 38.1674 25.6951C38.1857 25.6807 38.2071 25.6708 38.2299 25.6662C39.0608 25.2441 39.9796 25.0242 40.9115 25.0242C41.8434 25.0242 42.7622 25.2441 43.5931 25.6662C43.6883 25.7149 43.7646 25.7939 43.8098 25.8908C43.8551 25.9877 43.8668 26.0969 43.8431 26.2012C43.8194 26.3054 43.7616 26.3988 43.6788 26.4666C43.5961 26.5343 43.4932 26.5726 43.3863 26.5753V26.5753C43.302 26.5759 43.2191 26.5543 43.1458 26.5128C42.4511 26.1663 41.6854 25.986 40.9091 25.986C40.1328 25.986 39.3672 26.1663 38.6725 26.5128L38.6099 26.5416C37.7849 26.9773 36.8637 27.1989 35.9308 27.1862V27.1862Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M25.9501 30.3704C25.0249 30.3846 24.1107 30.168 23.2902 29.7403L23.218 29.7066C22.5233 29.3602 21.7576 29.1799 20.9813 29.1799C20.2051 29.1799 19.4394 29.3602 18.7447 29.7066C18.7264 29.721 18.705 29.7309 18.6822 29.7355C17.847 30.1577 16.9233 30.3754 15.9875 30.3703C15.0516 30.3653 14.1304 30.1378 13.2998 29.7066C13.1898 29.6431 13.1093 29.5388 13.076 29.4162C13.0426 29.2936 13.0591 29.1629 13.1218 29.0524C13.1532 28.9973 13.1952 28.949 13.2454 28.9102C13.2956 28.8713 13.353 28.8428 13.4142 28.8263C13.4755 28.8098 13.5394 28.8055 13.6023 28.8138C13.6652 28.822 13.7259 28.8427 13.7808 28.8745C14.4755 29.2209 15.2411 29.4012 16.0174 29.4012C16.7937 29.4012 17.5594 29.2209 18.2541 28.8745L18.3166 28.8456C19.1436 28.4305 20.0561 28.2144 20.9813 28.2144C21.9066 28.2144 22.8191 28.4305 23.6461 28.8456C23.6697 28.8523 23.6923 28.862 23.7134 28.8745C24.4081 29.2209 25.1738 29.4012 25.9501 29.4012C26.7264 29.4012 27.492 29.2209 28.1867 28.8745L28.2493 28.8456C29.086 28.4256 30.0101 28.2092 30.9463 28.2142C31.8825 28.2192 32.8043 28.4455 33.6365 28.8745C33.6912 28.9063 33.7391 28.9486 33.7774 28.999C33.8157 29.0493 33.8438 29.1068 33.8598 29.168C33.8759 29.2292 33.8798 29.293 33.8712 29.3557C33.8625 29.4184 33.8416 29.4788 33.8096 29.5334C33.7455 29.6401 33.6425 29.7177 33.5223 29.75C33.4021 29.7823 33.2741 29.7667 33.1651 29.7066C32.4695 29.3601 31.7031 29.1798 30.926 29.1798C30.149 29.1798 29.3825 29.3601 28.687 29.7066L28.6244 29.7403C27.7995 30.1701 26.8801 30.3868 25.9501 30.3704Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M35.9307 30.3704C34.9827 30.3867 34.0467 30.1581 33.213 29.7066C33.1555 29.6765 33.1047 29.6351 33.0636 29.5849C33.0226 29.5347 32.9921 29.4767 32.974 29.4144C32.9559 29.3521 32.9506 29.2868 32.9585 29.2224C32.9663 29.158 32.9871 29.0958 33.0195 29.0397C33.052 28.9835 33.0955 28.9345 33.1474 28.8956C33.1993 28.8567 33.2585 28.8286 33.3215 28.8132C33.3845 28.7978 33.45 28.7952 33.514 28.8058C33.578 28.8163 33.6393 28.8397 33.694 28.8745C34.3887 29.2209 35.1544 29.4012 35.9307 29.4012C36.7069 29.4012 37.4726 29.2209 38.1673 28.8745L38.2298 28.8456C39.0614 28.4258 39.9799 28.2071 40.9114 28.2071C41.8429 28.2071 42.7614 28.4258 43.593 28.8456C43.6739 28.8853 43.7421 28.9469 43.7898 29.0234C43.8374 29.1 43.8625 29.1884 43.8624 29.2785C43.8624 29.4061 43.8117 29.5284 43.7215 29.6186C43.6313 29.7088 43.5089 29.7595 43.3814 29.7595C43.2967 29.7586 43.2137 29.7354 43.1409 29.6922C42.4462 29.3457 41.6805 29.1654 40.9042 29.1654C40.1279 29.1654 39.3622 29.3457 38.6675 29.6922C38.6492 29.7065 38.6278 29.7164 38.605 29.721C37.7827 30.1597 36.8626 30.3831 35.9307 30.3704V30.3704Z\"\n          class=\"secondary\"\n        />\n      </svg>\n    "])), defaultVars.colors.primary, defaultVars.colors.secondary, defaultVars.colors.lightVariant1);
+    }
+  }]);
+}(s);
+customElements.define("uni-document-picto", DocumentPicto);
+
+var _templateObject$1, _templateObject2;
+var DocumentLightPicto = /*#__PURE__*/function (_LitElement) {
+  function DocumentLightPicto() {
+    _classCallCheck(this, DocumentLightPicto);
+    return _callSuper(this, DocumentLightPicto, arguments);
+  }
+  _inherits(DocumentLightPicto, _LitElement);
+  return _createClass(DocumentLightPicto, [{
+    key: "render",
+    value: function render() {
+      return x(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n      <svg width=\"50\" viewBox=\"0 0 50 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M34.3861 24.3267C38.6744 24.3267 42.1508 20.8504 42.1508 16.5621C42.1508 12.2738 38.6744 8.79742 34.3861 8.79742C30.0978 8.79742 26.6215 12.2738 26.6215 16.5621C26.6215 20.8504 30.0978 24.3267 34.3861 24.3267Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M49.5241 17.2494H44.5041C44.378 17.2494 44.2569 17.1924 44.1677 17.0909C44.0785 16.9894 44.0283 16.8517 44.0283 16.7082C44.0283 16.5646 44.0785 16.427 44.1677 16.3255C44.2569 16.224 44.378 16.1669 44.5041 16.1669H49.5241C49.6503 16.1669 49.7714 16.224 49.8606 16.3255C49.9498 16.427 50 16.5646 50 16.7082C50 16.8517 49.9498 16.9894 49.8606 17.0909C49.7714 17.1924 49.6503 17.2494 49.5241 17.2494V17.2494Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M42.7342 11.0575C42.6591 11.0577 42.585 11.0377 42.5181 10.9992C42.4511 10.9606 42.3931 10.9045 42.3488 10.8356C42.3118 10.7781 42.2851 10.7128 42.2704 10.6435C42.2556 10.5743 42.253 10.5024 42.2627 10.432C42.2725 10.3616 42.2943 10.294 42.327 10.2333C42.3598 10.1725 42.4027 10.1197 42.4534 10.0778L46.517 6.72205C46.6194 6.63932 46.7464 6.60598 46.8703 6.6293C46.9942 6.65262 47.1049 6.73071 47.1784 6.84654C47.2516 6.96233 47.2817 7.10632 47.2621 7.2472C47.2425 7.38808 47.1748 7.51447 47.0737 7.59888L43.0292 10.9547C42.9436 11.0253 42.8398 11.0614 42.7342 11.0575V11.0575Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M38.1043 7.2145C38.0543 7.2134 38.0046 7.20429 37.9568 7.18744C37.837 7.14285 37.7376 7.04599 37.6805 6.91812C37.6234 6.79025 37.6132 6.64183 37.6523 6.50546L39.2225 1.09291C39.2401 1.02292 39.2699 0.957683 39.3101 0.901091C39.3503 0.844499 39.4002 0.797719 39.4567 0.76355C39.5132 0.72938 39.5752 0.708523 39.6389 0.702225C39.7026 0.695928 39.7669 0.704319 39.8277 0.726898C39.8885 0.749476 39.9447 0.785778 39.9929 0.833632C40.0411 0.881486 40.0804 0.939909 40.1083 1.00541C40.1362 1.0709 40.1522 1.14213 40.1553 1.21483C40.1585 1.28752 40.1487 1.36019 40.1266 1.42849L38.5754 6.84104C38.5433 6.95315 38.48 7.05029 38.395 7.1177C38.3099 7.18511 38.2079 7.2191 38.1043 7.2145Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M32.38 7.21461C32.2756 7.22042 32.1725 7.18699 32.0865 7.1195C32.0005 7.052 31.9364 6.95418 31.9042 6.84114L30.353 1.4286C30.3139 1.29222 30.3241 1.1438 30.3812 1.01594C30.4383 0.888067 30.5377 0.791204 30.6575 0.746617C30.7774 0.702222 30.9079 0.713767 31.0203 0.778716C31.1327 0.843665 31.2178 0.956708 31.257 1.09302L32.8082 6.50556C32.8317 6.57332 32.8429 6.64576 32.8411 6.71854C32.8394 6.79133 32.8247 6.86296 32.7981 6.92916C32.7714 6.99536 32.7333 7.05476 32.686 7.10381C32.6387 7.15286 32.5831 7.19054 32.5227 7.21461C32.4754 7.22277 32.4273 7.22277 32.38 7.21461V7.21461Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M26.6362 11.0573C26.5354 11.0578 26.4371 11.0217 26.3555 10.9545L22.2967 7.59873C22.1945 7.51403 22.126 7.38662 22.1064 7.24451C22.0867 7.1024 22.1175 6.95725 22.192 6.84097C22.2665 6.7247 22.3785 6.64683 22.5034 6.6245C22.6283 6.60217 22.7559 6.6372 22.8582 6.7219L26.917 10.0777C26.9677 10.1195 27.0106 10.1723 27.0434 10.2331C27.0761 10.2939 27.098 10.3614 27.1077 10.4318C27.1174 10.5022 27.1148 10.5741 27.1001 10.6434C27.0853 10.7126 27.0586 10.7779 27.0216 10.8354C26.9774 10.9044 26.9193 10.9604 26.8524 10.999C26.7854 11.0376 26.7113 11.0576 26.6362 11.0573Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M25.9754 17.2494H20.9602C20.834 17.2494 20.713 17.1924 20.6237 17.0909C20.5345 16.9894 20.4844 16.8517 20.4844 16.7082C20.4844 16.5646 20.5345 16.427 20.6237 16.3255C20.713 16.224 20.834 16.1669 20.9602 16.1669H25.9754C26.1016 16.1669 26.2227 16.224 26.3119 16.3255C26.4011 16.427 26.4513 16.5646 26.4513 16.7082C26.4513 16.8517 26.4011 16.9894 26.3119 17.0909C26.2227 17.1924 26.1016 17.2494 25.9754 17.2494Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M23.6866 26.8025C23.5859 26.8029 23.4877 26.767 23.4061 26.6998C23.3245 26.6327 23.2637 26.5379 23.2325 26.429C23.2013 26.3201 23.2013 26.2027 23.2324 26.0938C23.2636 25.9849 23.3243 25.89 23.4059 25.8228L27.4647 22.467C27.5153 22.4251 27.5727 22.3949 27.6336 22.3782C27.6944 22.3615 27.7576 22.3586 27.8195 22.3696C27.8813 22.3807 27.9407 22.4055 27.9941 22.4427C28.0475 22.4798 28.094 22.5285 28.1309 22.5861C28.1677 22.6437 28.1943 22.709 28.209 22.7782C28.2237 22.8474 28.2262 22.9193 28.2165 22.9897C28.2068 23.06 28.185 23.1275 28.1523 23.1883C28.1197 23.2491 28.0768 23.3019 28.0262 23.3439L23.9674 26.6997C23.8857 26.7669 23.7874 26.8029 23.6866 26.8025Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M30.8289 32.7022C30.7788 32.7015 30.7291 32.6924 30.6814 32.6751C30.5616 32.6305 30.4622 32.5337 30.4051 32.4058C30.348 32.2779 30.3379 32.1295 30.3769 31.9931L31.9281 26.5806C31.9706 26.4492 32.0563 26.3416 32.1671 26.2806C32.2779 26.2195 32.4052 26.2096 32.5222 26.2531C32.6393 26.2965 32.7369 26.3899 32.7947 26.5135C32.8525 26.6372 32.866 26.7815 32.8322 26.9162L31.281 32.3287C31.2499 32.4372 31.1894 32.5318 31.1082 32.5989C31.027 32.6659 30.9293 32.7021 30.8289 32.7022Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M39.6555 32.7022C39.5511 32.708 39.448 32.6746 39.362 32.6071C39.276 32.5396 39.2119 32.4418 39.1797 32.3287L37.6285 26.9162C37.5894 26.7798 37.5996 26.6314 37.6567 26.5035C37.7138 26.3756 37.8132 26.2788 37.933 26.2342C38.0529 26.1898 38.1834 26.2013 38.2958 26.2663C38.4082 26.3312 38.4934 26.4443 38.5325 26.5806L40.0837 31.9931C40.1184 32.1232 40.1087 32.2633 40.0567 32.3856C40.0047 32.508 39.9141 32.6036 39.803 32.6535C39.756 32.6773 39.7064 32.6937 39.6555 32.7022V32.7022Z\"\n          class=\"secondary\"\n        />\n        <path\n          d=\"M46.793 26.8024C46.6933 26.8001 46.5968 26.7622 46.517 26.6941L42.4534 23.3438C42.4027 23.3019 42.3598 23.2491 42.327 23.1883C42.2943 23.1276 42.2725 23.06 42.2627 22.9896C42.253 22.9192 42.2556 22.8473 42.2704 22.7781C42.2851 22.7088 42.3118 22.6435 42.3488 22.586C42.3855 22.5283 42.432 22.4795 42.4854 22.4422C42.5388 22.405 42.5982 22.3801 42.6601 22.3691C42.722 22.358 42.7852 22.361 42.8461 22.3778C42.907 22.3946 42.9644 22.4249 43.0149 22.4669L47.0737 25.8227C47.1748 25.9071 47.2425 26.0335 47.2621 26.1744C47.2817 26.3153 47.2516 26.4593 47.1784 26.5751C47.1346 26.645 47.0768 26.7021 47.0098 26.7416C46.9428 26.7812 46.8685 26.802 46.793 26.8024Z\"\n          class=\"secondary\"\n        />\n        <rect y=\"15.4529\" width=\"35.4956\" height=\"25.5125\" rx=\"3\" class=\"light-variant\" />\n        <path\n          d=\"M33.568 40.9653H1.92762C1.67319 40.9658 1.42116 40.9235 1.18615 40.8407C0.951132 40.7579 0.737801 40.6363 0.558516 40.483C0.379231 40.3297 0.237555 40.1477 0.141697 39.9476C0.0458392 39.7475 -0.00229458 39.5332 8.40432e-05 39.3171V17.0896C8.26564e-05 16.6562 0.202545 16.2404 0.563057 15.9336C0.923569 15.6267 1.41269 15.4539 1.92313 15.4529H33.568C34.0792 15.4529 34.5695 15.6253 34.9309 15.9322C35.2924 16.2392 35.4955 16.6555 35.4955 17.0896V39.3171C35.4979 39.5332 35.4498 39.7475 35.3539 39.9476C35.258 40.1477 35.1164 40.3297 34.9371 40.483C34.7578 40.6363 34.5445 40.7579 34.3095 40.8407C34.0744 40.9235 33.8224 40.9658 33.568 40.9653ZM1.92762 16.2159C1.65473 16.2159 1.39302 16.3079 1.20007 16.4718C1.00711 16.6356 0.898702 16.8579 0.898702 17.0896V39.3171C0.896307 39.433 0.921186 39.548 0.971876 39.6556C1.02257 39.7631 1.09805 39.861 1.19389 39.9435C1.28974 40.0259 1.40401 40.0913 1.53001 40.1357C1.65601 40.1802 1.79119 40.2028 1.92762 40.2023H33.568C33.7044 40.2028 33.8396 40.1802 33.9656 40.1357C34.0916 40.0913 34.2059 40.0259 34.3017 39.9435C34.3975 39.861 34.473 39.7631 34.5237 39.6556C34.5744 39.548 34.5993 39.433 34.5969 39.3171V17.0896C34.5969 16.8585 34.4891 16.6369 34.2971 16.4731C34.1051 16.3094 33.8446 16.2169 33.5725 16.2159H1.92762Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M27.8204 23.3805H20.5471C20.4272 23.3805 20.3123 23.3235 20.2275 23.222C20.1427 23.1205 20.0951 22.9828 20.0951 22.8393C20.0951 22.6957 20.1427 22.558 20.2275 22.4565C20.3123 22.355 20.4272 22.298 20.5471 22.298H27.8204C27.9403 22.298 28.0553 22.355 28.14 22.4565C28.2248 22.558 28.2724 22.6957 28.2724 22.8393C28.2724 22.9828 28.2248 23.1205 28.14 23.222C28.0553 23.3235 27.9403 23.3805 27.8204 23.3805Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M27.8204 27.8458H20.5471C20.4272 27.8458 20.3123 27.7888 20.2275 27.6873C20.1427 27.5858 20.0951 27.4481 20.0951 27.3046C20.0951 27.161 20.1427 27.0234 20.2275 26.9219C20.3123 26.8204 20.4272 26.7633 20.5471 26.7633H27.8204C27.9403 26.7633 28.0553 26.8204 28.14 26.9219C28.2248 27.0234 28.2724 27.161 28.2724 27.3046C28.2724 27.4481 28.2248 27.5858 28.14 27.6873C28.0553 27.7888 27.9403 27.8458 27.8204 27.8458Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M27.8204 32.3112H20.5471C20.4272 32.3112 20.3123 32.2542 20.2275 32.1527C20.1427 32.0512 20.0951 31.9135 20.0951 31.77C20.0951 31.6264 20.1427 31.4887 20.2275 31.3872C20.3123 31.2857 20.4272 31.2287 20.5471 31.2287H27.8204C27.9403 31.2287 28.0553 31.2857 28.14 31.3872C28.2248 31.4887 28.2724 31.6264 28.2724 31.77C28.2724 31.9135 28.2248 32.0512 28.14 32.1527C28.0553 32.2542 27.9403 32.3112 27.8204 32.3112Z\"\n          class=\"primary\"\n        />\n        <path\n          d=\"M15.8446 33.372H15.7677C15.6515 33.3481 15.5477 33.2707 15.4785 33.1565C15.4092 33.0422 15.38 32.9001 15.3971 32.7604C15.4333 32.3958 15.3718 32.0268 15.2215 31.7067C15.0712 31.3866 14.8398 31.132 14.5608 30.9797C14.2256 30.7773 13.8815 30.5966 13.5301 30.4384C12.7526 30.0866 12.0203 29.751 12.0203 28.6469V28.176C12.0203 28.0919 12.0367 28.0091 12.0681 27.9339C12.0994 27.8588 12.145 27.7934 12.2011 27.743C12.5493 27.3991 12.8349 26.9733 13.0401 26.492C13.2454 26.0106 13.366 25.484 13.3945 24.9447C13.3471 24.3481 13.1157 23.794 12.7454 23.3908C12.3751 22.9876 11.8925 22.7642 11.392 22.7642C10.8915 22.7642 10.4089 22.9876 10.0386 23.3908C9.66834 23.794 9.43688 24.3481 9.38948 24.9447C9.41734 25.4893 9.53988 26.021 9.74928 26.5057C9.95867 26.9903 10.2503 27.4173 10.6055 27.7592C10.663 27.8096 10.7099 27.8756 10.7421 27.9518C10.7743 28.028 10.791 28.1122 10.7908 28.1976V28.6469C10.7908 29.7294 10.0495 30.0866 9.26743 30.4384C8.91453 30.5965 8.56898 30.7772 8.23227 30.9797C7.95154 31.1303 7.71823 31.3842 7.56621 31.7044C7.4142 32.0246 7.35141 32.3945 7.38696 32.7604C7.40519 32.9017 7.37596 33.046 7.30566 33.1616C7.23536 33.2772 7.1297 33.3548 7.01177 33.3774C6.8944 33.3994 6.77453 33.3651 6.6781 33.282C6.58166 33.199 6.51641 33.0738 6.49645 32.9336C6.43183 32.3408 6.52562 31.7387 6.76436 31.2137C7.0031 30.6886 7.37454 30.2676 7.82543 30.0108C8.19144 29.8041 8.56728 29.6234 8.95101 29.4696C9.75563 29.1069 9.88672 28.9987 9.88672 28.6902V28.5007C9.46929 28.0567 9.13026 27.5172 8.8896 26.9139C8.64894 26.3106 8.51151 25.6558 8.48541 24.988C8.52685 24.0985 8.85115 23.2618 9.39169 22.6497C9.93223 22.0376 10.648 21.6965 11.392 21.6965C12.136 21.6965 12.8518 22.0376 13.3923 22.6497C13.9329 23.2618 14.2572 24.0985 14.2986 24.988C14.2491 26.3188 13.7616 27.5721 12.9425 28.4737V28.6902C12.9425 28.9987 13.0736 29.1069 13.8692 29.4696C14.2498 29.6239 14.6226 29.8046 14.9857 30.0108C15.4341 30.2689 15.8031 30.6899 16.0401 31.2137C16.2771 31.7375 16.37 32.3375 16.3056 32.9282C16.2862 33.0562 16.2288 33.1714 16.1442 33.253C16.0595 33.3345 15.9531 33.3767 15.8446 33.372Z\"\n          class=\"primary\"\n        />\n      </svg>\n    "])));
+    }
+  }]);
+}(s);
+DocumentLightPicto.styles = i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .primary {\n      fill: ", ";\n    }\n\n    .secondary {\n      fill: ", ";\n    }\n\n    .light-variant {\n      fill: ", ";\n    }\n  "])), defaultVars.colors.primary, defaultVars.colors.secondary, defaultVars.colors.lightVariant1);
+customElements.define("uni-document-light-picto", DocumentLightPicto);
+
+var _templateObject;
+var defaultStrings = EN.imageCaptureDirections;
+var ImageCaptureDirections = /*#__PURE__*/function (_LitElement) {
+  function ImageCaptureDirections() {
+    var _this;
+    _classCallCheck(this, ImageCaptureDirections);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ImageCaptureDirections, [].concat(args));
+    _this.strings = _objectSpread2({}, defaultStrings);
+    return _this;
+  }
+  _inherits(ImageCaptureDirections, _LitElement);
+  return _createClass(ImageCaptureDirections, [{
+    key: "render",
+    value: function render() {
+      return x(_templateObject || (_templateObject = _taggedTemplateLiteral(["<div class=\"layout\">\n      <div class=\"item\">\n        <uni-direction-card>\n          <div slot=\"picto\"><uni-document-picto></uni-document-picto></div>\n          <div slot=\"text\">", "</div>\n        </uni-direction-card>\n      </div>\n      <div class=\"item\">\n        <uni-direction-card>\n          <div slot=\"picto\"><uni-face-card-picto></uni-face-card-picto></div>\n          <div slot=\"text\">", "</div>\n        </uni-direction-card>\n      </div>\n      <div class=\"item\">\n        <uni-direction-card>\n          <div slot=\"picto\"><uni-document-light-picto></uni-document-light-picto></div>\n          <div slot=\"text\">", "</div>\n        </uni-direction-card>\n      </div>\n    </div>"])), this.strings.document, this.strings.face, this.strings.light);
+    }
+  }]);
+}(s);
+ImageCaptureDirections.properties = {
+  strings: {
+    attribute: "strings",
+    type: Object
+  }
+};
+ImageCaptureDirections.styles = [directionsStyle];
+customElements.define("uni-image-capture-directions", ImageCaptureDirections);
+
+export { ImageCaptureDirections };