@uploadcare/file-uploader 1.13.3-alpha.0 → 1.14.0-alpha.11

package/index.ssr.d.ts

@@ -71,11 +71,12 @@ export const CameraSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -128,11 +129,12 @@ export const CloudImageEditorActivity: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -229,11 +231,12 @@ export const DropArea: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -340,11 +343,12 @@ export const ExternalSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -402,11 +406,12 @@ export const FileItem: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -472,11 +477,12 @@ export const FormInput: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -535,8 +541,16 @@ export const Modal: {
     is: string;
     bindAttributes: () => void;
 };
+export namespace ModalEvents {
+    let ADD: string;
+    let DELETE: string;
+    let OPEN: string;
+    let CLOSE: string;
+    let CLOSE_ALL: string;
+    let DESTROY: string;
+}
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.13.2";
+export const PACKAGE_VERSION: "1.14.0";
 export const PresenceToggle: {
     new (): {};
     template: string;
@@ -572,11 +586,12 @@ export const ProgressBarCommon: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -631,11 +646,12 @@ export const SimpleBtn: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -695,11 +711,12 @@ export const SourceBtn: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -756,6 +773,57 @@ export const StartFrom: {
     is: string;
     bindAttributes: () => void;
 };
+export const Thumb: {
+    new (): {};
+    template: string;
+    observedAttributes: string[];
+    extSrcList: {
+        FACEBOOK: string;
+        DROPBOX: string;
+        GDRIVE: string;
+        GPHOTOS: string;
+        FLICKR: string;
+        VK: string;
+        EVERNOTE: string;
+        BOX: string;
+        ONEDRIVE: string;
+        HUDDLE: string;
+    };
+    sourceTypes: {
+        LOCAL: string;
+        DROP_AREA: string;
+        CAMERA: string;
+        EXTERNAL: string;
+        API: string;
+        URL: string;
+        DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
+        FACEBOOK: string;
+        DROPBOX: string;
+        GDRIVE: string;
+        GPHOTOS: string;
+        FLICKR: string;
+        VK: string;
+        EVERNOTE: string;
+        BOX: string;
+        ONEDRIVE: string;
+        HUDDLE: string;
+    };
+    activities: {
+        START_FROM: string;
+        CAMERA: string;
+        DRAW: string;
+        UPLOAD_LIST: string;
+        URL: string;
+        CLOUD_IMG_EDIT: string;
+        EXTERNAL: string;
+    };
+    reg: () => void;
+    styleAttrs: any[];
+    is: string;
+    bindAttributes: () => void;
+};
 export const UID: {
     new (): {};
     generate: () => void;
@@ -807,11 +875,12 @@ export const UploadCtxProvider: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -856,11 +925,12 @@ export const UploadList: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -890,11 +960,12 @@ export namespace UploadSource {
     export let LOCAL: string;
     export let DROP_AREA: string;
     export let CAMERA: string;
-    export let VIDEO_CAMERA: string;
     export let EXTERNAL: string;
     export let API: string;
     export let URL: string;
     export let DRAW: string;
+    export let MOBILE_VIDEO_CAMERA: string;
+    export let MOBILE_PHOTO_CAMERA: string;
     let FACEBOOK_1: string;
     export { FACEBOOK_1 as FACEBOOK };
     let DROPBOX_1: string;
@@ -934,11 +1005,12 @@ export const UploaderBlock: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;
@@ -983,11 +1055,12 @@ export const UrlSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
-        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
         DRAW: string;
+        MOBILE_VIDEO_CAMERA: string;
+        MOBILE_PHOTO_CAMERA: string;
         FACEBOOK: string;
         DROPBOX: string;
         GDRIVE: string;

package/index.ssr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAgBE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}
+{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAgBE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EA4GE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;;;;;;;;;AASF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuGE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}

package/index.ssr.js

@@ -166,11 +166,12 @@ export const CameraSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -253,11 +254,12 @@ export const CloudImageEditorActivity = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -375,6 +377,9 @@ export const Config = class {
     "enable-audio-recording",
     "enable-video-recording",
     "max-video-recording-duration",
+    "files-view-mode",
+    "grid-show-file-names",
+    "cloud-image-editor-auto-open",
     "multiplemin",
     "multiplemax",
     "confirmupload",
@@ -420,6 +425,9 @@ export const Config = class {
     "enableaudiorecording",
     "enablevideorecording",
     "maxvideorecordingduration",
+    "filesviewmode",
+    "gridshowfilenames",
+    "cloudimageeditorautoopen",
   ];
   static reg = () => {};
   static styleAttrs = [];
@@ -483,6 +491,7 @@ export const DropArea = class {
     "text",
     "fullscreen",
     "disabled",
+    "initflow",
   ];
   static extSrcList = {
     FACEBOOK: "facebook",
@@ -500,11 +509,12 @@ export const DropArea = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -784,11 +794,12 @@ export const ExternalSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -829,14 +840,11 @@ export const ExternalUploadSource = {
 export const FileItem = class {
   static template = `
   <div class="uc-inner" set="@finished: isFinished; @uploading: isUploading; @failed: isFailed; @focused: isFocused">
-    <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
-      <div class="uc-badge">
-        <uc-icon set="@name: badgeIcon"></uc-icon>
-      </div>
-    </div>
+    <uc-thumb set="uid:uid;badgeIcon:badgeIcon"></uc-thumb>
+
     <div aria-atomic="true" aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
-      <span class="uc-file-name">{{itemName}}</span>
-      <span class="uc-file-error" set="@hidden: !errorText">{{errorText}}</span>
+      <span class="uc-file-name" set="@hidden: !showFileNames">{{itemName}}</span>
+      <span class="uc-file-error" set="@hidden: !errorText;">{{errorText}}</span>
       <span class="uc-file-hint" set="@hidden: !hint">{{hint}}</span>
     </div>
     <div class="uc-file-actions">
@@ -860,7 +868,11 @@ export const FileItem = class {
         <uc-icon name="upload"></uc-icon>
       </button>
     </div>
-    <uc-progress-bar class="uc-progress-bar" set="value: progressValue; visible: progressVisible;"> </uc-progress-bar>
+    <uc-progress-bar
+      class="uc-progress-bar"
+      set="value: progressValue; visible: progressVisible; @hasFileName: showFileNames"
+    >
+    </uc-progress-bar>
   </div>
 `;
   static activeInstances = {};
@@ -880,11 +892,12 @@ export const FileItem = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -946,11 +959,12 @@ export const FormInput = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1036,8 +1050,16 @@ export const Modal = class {
   static is = `sym-1`;
   static bindAttributes = () => {};
 };
+export const ModalEvents = {
+  ADD: "modal:add",
+  DELETE: "modal:delete",
+  OPEN: "modal:open",
+  CLOSE: "modal:close",
+  CLOSE_ALL: "modal:closeAll",
+  DESTROY: "modal:destroy",
+};
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.13.2`;
+export const PACKAGE_VERSION = `1.14.0`;
 export const PresenceToggle = class {
   static template = `<slot></slot> `;
   static reg = () => {};
@@ -1073,11 +1095,12 @@ export const ProgressBarCommon = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1139,11 +1162,12 @@ export const SimpleBtn = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1214,11 +1238,12 @@ export const SourceBtn = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1272,6 +1297,62 @@ export const StartFrom = class {
   static is = `sym-1`;
   static bindAttributes = () => {};
 };
+export const Thumb = class {
+  static template = `
+  <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
+    <div class="uc-badge">
+      <uc-icon set="@name: badgeIcon"></uc-icon>
+    </div>
+  </div>
+`;
+  static observedAttributes = ["badgeIcon", "uid"];
+  static extSrcList = {
+    FACEBOOK: "facebook",
+    DROPBOX: "dropbox",
+    GDRIVE: "gdrive",
+    GPHOTOS: "gphotos",
+    FLICKR: "flickr",
+    VK: "vk",
+    EVERNOTE: "evernote",
+    BOX: "box",
+    ONEDRIVE: "onedrive",
+    HUDDLE: "huddle",
+  };
+  static sourceTypes = {
+    LOCAL: "local",
+    DROP_AREA: "drop-area",
+    CAMERA: "camera",
+    EXTERNAL: "external",
+    API: "js-api",
+    URL: "url",
+    DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
+    FACEBOOK: "facebook",
+    DROPBOX: "dropbox",
+    GDRIVE: "gdrive",
+    GPHOTOS: "gphotos",
+    FLICKR: "flickr",
+    VK: "vk",
+    EVERNOTE: "evernote",
+    BOX: "box",
+    ONEDRIVE: "onedrive",
+    HUDDLE: "huddle",
+  };
+  static activities = {
+    START_FROM: "start-from",
+    CAMERA: "camera",
+    DRAW: "draw",
+    UPLOAD_LIST: "upload-list",
+    URL: "url",
+    CLOUD_IMG_EDIT: "cloud-image-edit",
+    EXTERNAL: "external",
+  };
+  static reg = () => {};
+  static styleAttrs = [];
+  static is = `sym-1`;
+  static bindAttributes = () => {};
+};
 export const UID = class {
   static generate = () => {};
   static apply = () => {};
@@ -1321,11 +1402,12 @@ export const UploadCtxProvider = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1369,7 +1451,16 @@ export const UploadList = class {
     <slot name="empty"><span l10n="no-files"></span></slot>
   </div>
 
-  <div class="uc-files" repeat="*uploadList" repeat-item-tag="uc-file-item"></div>
+  <div class="uc-files">
+    <div class="uc-files-wrapper" repeat="*uploadList" repeat-item-tag="uc-file-item"></div>
+    <button
+      type="button"
+      class="uc-add-more-btn uc-secondary-btn"
+      set="onclick: onAdd; @disabled: !addMoreBtnEnabled; @hidden: !addMoreBtnVisible"
+    >
+      <uc-icon name="add"></uc-icon><span l10n="add-more"></span>
+    </button>
+  </div>
 
   <div class="uc-common-error" set="@hidden: !commonErrorMessage; textContent: commonErrorMessage;"></div>
 
@@ -1415,11 +1506,12 @@ export const UploadList = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1449,11 +1541,12 @@ export const UploadSource = {
   LOCAL: "local",
   DROP_AREA: "drop-area",
   CAMERA: "camera",
-  VIDEO_CAMERA: "video-camera",
   EXTERNAL: "external",
   API: "js-api",
   URL: "url",
   DRAW: "draw",
+  MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+  MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
   FACEBOOK: "facebook",
   DROPBOX: "dropbox",
   GDRIVE: "gdrive",
@@ -1482,11 +1575,12 @@ export const UploaderBlock = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",
@@ -1557,11 +1651,12 @@ export const UrlSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
-    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
     DRAW: "draw",
+    MOBILE_VIDEO_CAMERA: "mobile-video-camera",
+    MOBILE_PHOTO_CAMERA: "mobile-photo-camera",
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",
     GDRIVE: "gdrive",

package/locales/file-uploader/ar.d.ts

@@ -65,6 +65,8 @@ declare const _default: {
     'src-type-onedrive': string;
     'src-type-huddle': string;
     'src-type-other': string;
+    'src-type-mobile-video-camera': string;
+    'src-type-mobile-photo-camera': string;
     'caption-from-url': string;
     'caption-camera': string;
     'caption-draw': string;

package/locales/file-uploader/ar.js

@@ -65,6 +65,8 @@ export default {
   'src-type-onedrive': 'Onedrive',
   'src-type-huddle': 'Huddle',
   'src-type-other': 'أخرى',
+  'src-type-mobile-video-camera': 'فيديو',
+  'src-type-mobile-photo-camera': 'صورة',
   'caption-from-url': 'استيراد من رابط',
   'caption-camera': 'كاميرا',
   'caption-draw': 'رسم',

package/locales/file-uploader/az.d.ts

@@ -57,6 +57,8 @@ declare const _default: {
     'src-type-onedrive': string;
     'src-type-huddle': string;
     'src-type-other': string;
+    'src-type-mobile-video-camera': string;
+    'src-type-mobile-photo-camera': string;
     'caption-from-url': string;
     'caption-camera': string;
     'caption-draw': string;

package/locales/file-uploader/az.js

@@ -57,6 +57,8 @@ export default {
   'src-type-onedrive': 'Onedrive',
   'src-type-huddle': 'Huddle',
   'src-type-other': 'Digər',
+  'src-type-mobile-video-camera': 'Video',
+  'src-type-mobile-photo-camera': 'Foto',
   'caption-from-url': 'Linkdən import et',
   'caption-camera': 'Kamera',
   'caption-draw': 'Çək',

package/locales/file-uploader/ca.d.ts

@@ -59,6 +59,8 @@ declare const _default: {
     'src-type-onedrive': string;
     'src-type-huddle': string;
     'src-type-other': string;
+    'src-type-mobile-video-camera': string;
+    'src-type-mobile-photo-camera': string;
     'caption-from-url': string;
     'caption-camera': string;
     'caption-draw': string;

package/locales/file-uploader/ca.js

@@ -59,6 +59,8 @@ export default {
   'src-type-onedrive': 'Onedrive',
   'src-type-huddle': 'Huddle',
   'src-type-other': 'Altres',
+  'src-type-mobile-video-camera': 'Vídeo',
+  'src-type-mobile-photo-camera': 'Foto',
   'caption-from-url': "Importar des d'enllaç",
   'caption-camera': 'Càmera',
   'caption-draw': 'Dibuix',

package/locales/file-uploader/cs.d.ts

@@ -61,6 +61,8 @@ declare const _default: {
     'src-type-onedrive': string;
     'src-type-huddle': string;
     'src-type-other': string;
+    'src-type-mobile-video-camera': string;
+    'src-type-mobile-photo-camera': string;
     'caption-from-url': string;
     'caption-camera': string;
     'caption-draw': string;