@uploadcare/file-uploader 1.13.1 → 1.13.3-alpha.0

package/index.ssr.d.ts

@@ -71,6 +71,7 @@ export const CameraSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -127,6 +128,7 @@ export const CloudImageEditorActivity: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -227,6 +229,7 @@ export const DropArea: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -337,6 +340,7 @@ export const ExternalSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -398,6 +402,7 @@ export const FileItem: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -467,6 +472,7 @@ export const FormInput: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -530,7 +536,7 @@ export const Modal: {
     bindAttributes: () => void;
 };
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.13.1";
+export const PACKAGE_VERSION: "1.13.2";
 export const PresenceToggle: {
     new (): {};
     template: string;
@@ -566,6 +572,7 @@ export const ProgressBarCommon: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -624,6 +631,7 @@ export const SimpleBtn: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -687,6 +695,7 @@ export const SourceBtn: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -798,6 +807,7 @@ export const UploadCtxProvider: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -846,6 +856,7 @@ export const UploadList: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -879,6 +890,7 @@ 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;
@@ -922,6 +934,7 @@ export const UploaderBlock: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -970,6 +983,7 @@ export const UrlSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: 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;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

package/index.ssr.js

@@ -42,7 +42,11 @@ export const Block = class {
 export const BtnUi = class {
   static observedAttributes = ["text", "icon", "reverse", "theme"];
   static template = `
-  <button type="button" set="@role:aria-role; @aria-controls: aria-controls;" l10n="@title:title-prop">
+  <button
+    type="button"
+    set="@role:aria-role; @aria-controls: aria-controls; @aria-label:title-prop"
+    l10n="@title:title-prop;"
+  >
     <uc-icon set="className: iconCss; @name: icon; @hidden: !icon"></uc-icon>
     <div class="uc-text">{{text}}</div>
   </button>
@@ -71,7 +75,7 @@ export const CameraSource = class {
       type="button"
       class="uc-mini-btn uc-close-btn"
       set="onclick: *closeModal"
-      l10n="@title:a11y-activity-header-button-close"
+      l10n="@title:a11y-activity-header-button-close;@aria-label:a11y-activity-header-button-close"
     >
       <uc-icon name="close"></uc-icon>
     </button>
@@ -162,6 +166,7 @@ export const CameraSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -248,6 +253,7 @@ export const CloudImageEditorActivity = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -494,6 +500,7 @@ export const DropArea = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -524,7 +531,7 @@ export const DropArea = class {
 };
 export const EditorCropButtonControl = class {
   static template = `
-  <button type="button" role="option" l10n="@title:title-prop">
+  <button role="option" type="button" set="@aria-label:title-prop;" l10n="@title:title-prop;">
     <uc-icon set="@name: icon;"></uc-icon>
     <div class="uc-title" ref="title-el">{{title}}</div>
   </button>
@@ -536,7 +543,7 @@ export const EditorCropButtonControl = class {
 };
 export const EditorFilterControl = class {
   static template = `
-  <button type="button" role="option" l10n="@title:title-prop">
+  <button role="option" type="button" set="@aria-label:title-prop;" l10n="@title:title-prop;">
     <uc-icon set="@name: icon;"></uc-icon>
     <div class="uc-title" ref="title-el">{{title}}</div>
   </button>
@@ -564,7 +571,7 @@ export const EditorImageFader = class {
 };
 export const EditorOperationControl = class {
   static template = `
-  <button type="button" role="option" l10n="@title:title-prop">
+  <button role="option" type="button" set="@aria-label:title-prop;" l10n="@title:title-prop;">
     <uc-icon set="@name: icon;"></uc-icon>
     <div class="uc-title" ref="title-el">{{title}}</div>
   </button>
@@ -740,7 +747,7 @@ export const ExternalSource = class {
       type="button"
       class="uc-mini-btn uc-close-btn"
       set="onclick: *historyBack"
-      l10n="@title:a11y-activity-header-button-close"
+      l10n="@title:a11y-activity-header-button-close;@aria-label:a11y-activity-header-button-close"
     >
       <uc-icon name="close"></uc-icon>
     </button>
@@ -777,6 +784,7 @@ export const ExternalSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -826,15 +834,15 @@ export const FileItem = class {
         <uc-icon set="@name: badgeIcon"></uc-icon>
       </div>
     </div>
-    <div aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
-      <span class="uc-file-name" set="@title: itemName">{{itemName}}</span>
+    <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-hint" set="@hidden: !hint">{{hint}}</span>
     </div>
     <div class="uc-file-actions">
       <button
         type="button"
-        l10n="@title:file-item-edit-button"
+        l10n="@title:file-item-edit-button;@aria-label:file-item-edit-button"
         class="uc-edit-btn uc-mini-btn"
         set="onclick: onEdit; @hidden: !isEditable"
       >
@@ -842,7 +850,7 @@ export const FileItem = class {
       </button>
       <button
         type="button"
-        l10n="@title:file-item-remove-button"
+        l10n="@title:file-item-remove-button;@aria-label:file-item-remove-button"
         class="uc-remove-btn uc-mini-btn"
         set="onclick: onRemove;"
       >
@@ -872,6 +880,7 @@ export const FileItem = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -937,6 +946,7 @@ export const FormInput = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1027,7 +1037,7 @@ export const Modal = class {
   static bindAttributes = () => {};
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.13.1`;
+export const PACKAGE_VERSION = `1.13.2`;
 export const PresenceToggle = class {
   static template = `<slot></slot> `;
   static reg = () => {};
@@ -1063,6 +1073,7 @@ export const ProgressBarCommon = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1128,6 +1139,7 @@ export const SimpleBtn = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1202,6 +1214,7 @@ export const SourceBtn = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1308,6 +1321,7 @@ export const UploadCtxProvider = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1345,7 +1359,7 @@ export const UploadList = class {
       type="button"
       class="uc-mini-btn uc-close-btn"
       set="onclick: *closeModal"
-      l10n="@title:a11y-activity-header-button-close"
+      l10n="@title:a11y-activity-header-button-close;@aria-label:a11y-activity-header-button-close"
     >
       <uc-icon name="close"></uc-icon>
     </button>
@@ -1401,6 +1415,7 @@ export const UploadList = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1434,6 +1449,7 @@ export const UploadSource = {
   LOCAL: "local",
   DROP_AREA: "drop-area",
   CAMERA: "camera",
+  VIDEO_CAMERA: "video-camera",
   EXTERNAL: "external",
   API: "js-api",
   URL: "url",
@@ -1466,6 +1482,7 @@ export const UploaderBlock = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1498,7 +1515,7 @@ export const UploaderBlock = class {
 export const UrlSource = class {
   static template = `
   <uc-activity-header>
-    <button type="button" class="uc-mini-btn" set="onclick: *historyBack" l10n="@title:back">
+    <button type="button" class="uc-mini-btn" set="onclick: *historyBack" l10n="@title:back;@aria-label:back">
       <uc-icon name="back"></uc-icon>
     </button>
     <div>
@@ -1509,7 +1526,7 @@ export const UrlSource = class {
       type="button"
       class="uc-mini-btn uc-close-btn"
       set="onclick: *closeModal"
-      l10n="@title:a11y-activity-header-button-close"
+      l10n="@title:a11y-activity-header-button-close;@aria-label:a11y-activity-header-button-close"
     >
       <uc-icon name="close"></uc-icon>
     </button>
@@ -1540,6 +1557,7 @@ export const UrlSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",

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

@@ -45,6 +45,7 @@ declare const _default: {
     'src-type-local': string;
     'src-type-from-url': string;
     'src-type-camera': string;
+    'src-type-video-camera': string;
     'src-type-draw': string;
     'src-type-facebook': string;
     'src-type-dropbox': string;

package/locales/file-uploader/en.js

@@ -45,6 +45,7 @@ export default {
   'src-type-local': 'From device',
   'src-type-from-url': 'From link',
   'src-type-camera': 'Camera',
+  'src-type-video-camera': 'Camera Video',
   'src-type-draw': 'Draw',
   'src-type-facebook': 'Facebook',
   'src-type-dropbox': 'Dropbox',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.13.1",
+  "version": "1.13.3-alpha.0",	
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -97,32 +97,27 @@
     "@babel/eslint-parser": "^7.23.3",
     "@babel/preset-env": "^7.21.4",
     "@esm-bundle/chai": "^4.3.4-fix.0",
-    "@happy-dom/global-registrator": "^9.8.4",
-    "@jam-do/jam-tools": "^0.0.4",
+    "@happy-dom/global-registrator": "^16.8.1",
     "@total-typescript/ts-reset": "^0.5.1",
     "@types/chai": "^4.3.4",
     "@types/mocha": "^10.0.1",
     "@types/node": "^18.15.11",
     "@types/react": "^18.2.34",
-    "@web/dev-server": "^0.1.38",
-    "@web/test-runner": "^0.15.3",
+    "@web/test-runner": "^0.19.0",
     "esbuild": "^0.19.9",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "highlight.js": "^11.7.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.1",
-    "marked": "^4.3.0",
     "node-watch": "^0.7.3",
     "npm-run-all": "^4.1.5",
     "playwright": "^1.49.1",
     "postcss": "^8.4.21",
     "prettier": "^3.2.4",
     "prettier-plugin-jsdoc": "1.3.0",
-    "puppeteer": "^19.8.5",
     "rimraf": "^5.0.0",
-    "shipjs": "^0.26.3",
+    "shipjs": "^0.27.0",
     "sinon": "^16.1.0",
     "stylelint": "^15.4.0",
     "stylelint-config-standard": "^32.0.0",

package/solutions/file-uploader/inline/FileUploaderInline.js

@@ -59,7 +59,7 @@ export class FileUploaderInline extends SolutionBlock {
 FileUploaderInline.template = /* HTML */ `
   <uc-start-from>
     <uc-drop-area with-icon clickable></uc-drop-area>
-    <uc-source-list wrap></uc-source-list>
+    <uc-source-list role="list" wrap></uc-source-list>
     <button
       type="button"
       l10n="start-from-cancel"

package/solutions/file-uploader/regular/FileUploaderRegular.js

@@ -46,7 +46,7 @@ FileUploaderRegular.template = /* HTML */ `
   <uc-modal strokes block-body-scrolling>
     <uc-start-from>
       <uc-drop-area with-icon clickable></uc-drop-area>
-      <uc-source-list wrap></uc-source-list>
+      <uc-source-list role="list" wrap></uc-source-list>
       <button type="button" l10n="start-from-cancel" class="uc-secondary-btn" set="onclick: *historyBack"></button>
       <uc-copyright></uc-copyright>
     </uc-start-from>