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

package/abstract/l10nProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"l10nProcessor.d.ts","sourceRoot":"","sources":["l10nProcessor.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wEAHW,gBAAgB,kBAyE1B"}
+{"version":3,"file":"l10nProcessor.d.ts","sourceRoot":"","sources":["l10nProcessor.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wEAHW,gBAAgB,kBAe1B"}

package/abstract/l10nProcessor.js

@@ -13,68 +13,81 @@ export function l10nProcessor(fr, fnCtx) {
     if (!key) {
       return;
     }
-    let elProp = 'textContent';
-    let useAttribute = false;
-    if (key.includes(':')) {
-      const arr = key.split(':');
-      elProp = arr[0];
-      key = arr[1];
-      if (elProp.startsWith('@')) {
-        elProp = elProp.slice(1);
-        useAttribute = true;
-      }
-    }
+    const list = key.split(';');
 
-    // Check if the key is present in the local context
-    const localCtxKey = key;
-    if (fnCtx.has(localCtxKey)) {
-      fnCtx.sub(localCtxKey, (mappedKey) => {
-        if (!mappedKey) {
-          return;
-        }
-        // Store the subscription in a temporary map to be able to unsubscribe later
-        if (!fnCtx.l10nProcessorSubs.has(localCtxKey)) {
-          fnCtx.l10nProcessorSubs.set(localCtxKey, new Set());
-        }
-        const keySubs = fnCtx.l10nProcessorSubs.get(localCtxKey);
-        keySubs?.forEach(
-          /** @param {{ remove: () => void }} sub */
-          (sub) => {
-            sub.remove();
-            keySubs.delete(sub);
-            fnCtx.allSubs.delete(sub);
-          },
-        );
-        // We don't need the leading * in the key because we use the key as a local context key relative to the global state
-        const nodeStateKey = localeStateKey(mappedKey).replace('*', '');
-        // If the key is not present in the node context, add it
-        if (!fnCtx.nodeCtx.has(nodeStateKey)) {
-          fnCtx.nodeCtx.add(nodeStateKey, mappedKey);
-        }
-        // Subscribe on the global l10n key change
-        const sub = fnCtx.nodeCtx.sub(nodeStateKey, () => {
-          el[/** @type {'textContent'} */ (elProp)] = fnCtx.l10n(mappedKey);
-        });
-        keySubs?.add(sub);
-        // Store the subscription in the global context to make able Symbiote to unsubscribe it on destroy
-        fnCtx.allSubs.add(sub);
-        el.removeAttribute('l10n');
-      });
+    for (const item of list) {
+      if (item) locale(el, item, fnCtx);
     }
+  });
+}
 
-    // Otherwise, assume the key is in the global context
-    const stateKey = localeStateKey(key);
-    if (!fnCtx.has(stateKey)) {
-      fnCtx.add(stateKey, '');
+/**
+ * @param {Element} el
+ * @param {string} key
+ * @param {any} fnCtx
+ */
+const locale = (el, key, fnCtx) => {
+  let elProp = 'textContent';
+  let useAttribute = false;
+  if (key.includes(':')) {
+    const arr = key.split(':');
+    elProp = arr[0];
+    key = arr[1];
+    if (elProp.startsWith('@')) {
+      elProp = elProp.slice(1);
+      useAttribute = true;
     }
-    fnCtx.sub(stateKey, () => {
-      key = /** @type {string} */ (key);
-      if (useAttribute) {
-        el.setAttribute(elProp, fnCtx.l10n(key));
-      } else {
-        el[/** @type {'textContent'} */ (elProp)] = fnCtx.l10n(key);
+  }
+
+  // Check if the key is present in the local context
+  const localCtxKey = key;
+  if (fnCtx.has(localCtxKey)) {
+    fnCtx.sub(localCtxKey, (/** @type {string} */ mappedKey) => {
+      if (!mappedKey) {
+        return;
+      }
+      // Store the subscription in a temporary map to be able to unsubscribe later
+      if (!fnCtx.l10nProcessorSubs.has(localCtxKey)) {
+        fnCtx.l10nProcessorSubs.set(localCtxKey, new Set());
       }
+      const keySubs = fnCtx.l10nProcessorSubs.get(localCtxKey);
+      keySubs?.forEach(
+        /** @param {{ remove: () => void }} sub */
+        (sub) => {
+          sub.remove();
+          keySubs.delete(sub);
+          fnCtx.allSubs.delete(sub);
+        },
+      );
+      // We don't need the leading * in the key because we use the key as a local context key relative to the global state
+      const nodeStateKey = localeStateKey(mappedKey).replace('*', '');
+      // If the key is not present in the node context, add it
+      if (!fnCtx.nodeCtx.has(nodeStateKey)) {
+        fnCtx.nodeCtx.add(nodeStateKey, mappedKey);
+      }
+      // Subscribe on the global l10n key change
+      const sub = fnCtx.nodeCtx.sub(nodeStateKey, () => {
+        el[/** @type {'textContent'} */ (elProp)] = fnCtx.l10n(mappedKey);
+      });
+      keySubs?.add(sub);
+      // Store the subscription in the global context to make able Symbiote to unsubscribe it on destroy
+      fnCtx.allSubs.add(sub);
+      el.removeAttribute('l10n');
     });
-    el.removeAttribute('l10n');
+  }
+
+  // Otherwise, assume the key is in the global context
+  const stateKey = localeStateKey(key);
+  if (!fnCtx.has(stateKey)) {
+    fnCtx.add(stateKey, '');
+  }
+  fnCtx.sub(stateKey, () => {
+    key = /** @type {string} */ (key);
+    if (useAttribute) {
+      el.setAttribute(elProp, fnCtx.l10n(key));
+    } else {
+      el[/** @type {'textContent'} */ (elProp)] = fnCtx.l10n(key);
+    }
   });
-}
+  el.removeAttribute('l10n');
+};

package/blocks/CameraSource/CameraSource.js

@@ -844,7 +844,7 @@ CameraSource.template = /* HTML */ `
       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>

package/blocks/CloudImageEditor/src/EditorButtonControl.js

@@ -38,7 +38,7 @@ export class EditorButtonControl extends Block {
 }
 
 EditorButtonControl.template = /* HTML */ `
-  <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>

package/blocks/CloudImageEditor/src/EditorFilterControl.js

@@ -164,7 +164,7 @@ export class EditorFilterControl extends EditorButtonControl {
 }
 
 EditorFilterControl.template = /* HTML */ `
-  <button type="button" role="option" l10n="@title:title-prop">
+  <button type="button" role="option" l10n="@title:title-prop;@aria-label:title-prop">
     <div class="uc-preview" ref="preview-el"></div>
     <uc-icon ref="icon-el" set="@name: icon; @size: iconSize;"></uc-icon>
   </button>

package/blocks/CloudImageEditor/src/EditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["EditorToolbar.js"],"names":[],"mappings":"AA2DA;IAII;;QAGE,qDAAqD;8BAA1C,OAAO,YAAY,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuDjD,4BAA4B;2BAAhB,UAAU;;;;;;;MAgBvB;IAED,eAAe;IAEf,6BAAsE;IAGxE,eAAe;IACf,uBAKC;IAED;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,4BAoCC;IAED;;;;OAIG;IACH,qBAyBC;IAED;;;OAGG;IACH,4BAKC;IAED,eAAe;IACf,0BAIC;IAED,eAAe;IACf,4BAWC;IALG,oBAGC;IAIL;;;OAGG;IACH,oBAEC;IAED;;MAwBM;CAiFP;;;;sBAlZqB,4BAA4B"}
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["EditorToolbar.js"],"names":[],"mappings":"AA2DA;IAII;;QAGE,qDAAqD;8BAA1C,OAAO,YAAY,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuDjD,4BAA4B;2BAAhB,UAAU;;;;;;;MAgBvB;IAED,eAAe;IAEf,6BAAsE;IAGxE,eAAe;IACf,uBAKC;IAED;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,4BAoCC;IAED;;;;OAIG;IACH,qBAyBC;IAED;;;OAGG;IACH,4BAKC;IAED,eAAe;IACf,0BAIC;IAED,eAAe;IACf,4BAWC;IALG,oBAGC;IAIL;;;OAGG;IACH,oBAEC;IAED;;MAwBM;CAqFP;;;;sBAtZqB,4BAA4B"}

package/blocks/CloudImageEditor/src/EditorToolbar.js

@@ -402,6 +402,10 @@ export class EditorToolbar extends Block {
 
     this._updateInfoTooltip();
   }
+
+  destroyCallback() {
+    this.$['*showSlider'] = false;
+  }
 }
 
 EditorToolbar.template = /* HTML */ `

package/blocks/CloudImageEditor/src/css/common.css

@@ -17,7 +17,9 @@
   --size-ui-min-width: 130px;
   --size-line-width: 1px;
   --size-modal-width: 650px;
-  --size-icon: calc(var(--uc-button-size) / 2); /* TODO: remove icon size overrides */
+  --size-icon: calc(var(--uc-button-size) / 2);
+
+  /* TODO: remove icon size overrides */
 
   --border-radius-editor: var(--uc-radius);
   --border-radius-thumb: var(--uc-radius);
@@ -365,7 +367,6 @@ uc-editor-operation-control > button {
   height: var(--l-base-height);
   color: var(--color-effect);
   opacity: var(--opacity-effect);
-  outline: none;
   cursor: pointer;
   transition: var(--l-width-transition);
 }
@@ -882,7 +883,6 @@ uc-btn-ui > button {
   background-color: var(--background-effect);
   border-radius: var(--uc-radius);
   opacity: var(--opacity-effect);
-  outline: none;
   cursor: pointer;
   filter: brightness(var(--filter-effect));
   transition: var(--l-transition-effect);
@@ -1188,5 +1188,6 @@ uc-presence-toggle.uc-initial {
 
 [uc-cloud-image-editor] [role='button']:focus-visible,
 [uc-cloud-image-editor] button:focus-visible {
+  outline: 1px auto Highlight;
   outline: 1px auto -webkit-focus-ring-color;
 }

package/blocks/CloudImageEditor/src/elements/button/BtnUi.js

@@ -88,7 +88,11 @@ export class BtnUi extends Block {
 BtnUi.bindAttributes({ text: 'text', icon: 'icon', reverse: 'reverse', theme: 'theme' });
 
 BtnUi.template = /* HTML */ `
-  <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>

package/blocks/Copyright/copyright.css

@@ -22,6 +22,7 @@ uc-copyright .uc-credits {
 }
 
 uc-copyright .uc-credits:focus-visible {
+  outline: 1px auto Highlight;
   outline: 1px auto -webkit-focus-ring-color;
 }
 

package/blocks/ExternalSource/ExternalSource.js

@@ -274,7 +274,7 @@ ExternalSource.template = /* HTML */ `
       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>

package/blocks/FileItem/FileItem.js

@@ -450,15 +450,15 @@ FileItem.template = /* HTML */ `
         <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"
       >
@@ -466,7 +466,7 @@ FileItem.template = /* HTML */ `
       </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;"
       >

package/blocks/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":"AAGA;IAII;;;MAIC;CAmBJ;;;;sBA7BqB,yBAAyB"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":"AAGA;IAII;;;MAIC;CAqBJ;;;;sBA/BqB,yBAAyB"}

package/blocks/Icon/Icon.js

@@ -27,6 +27,8 @@ export class Icon extends Block {
         this.$.href = iconHref;
       });
     });
+
+    this.setAttribute('aria-hidden', 'true');
   }
 }
 

package/blocks/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,sBAAsB;IACtB,kBAAgB;IAEhB,WAIE;CA+CH;;;;sBA5DqB,yBAAyB"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,sBAAsB;IACtB,kBAAgB;IAEhB,WAIE;CA8CH;;;;sBA3DqB,yBAAyB"}

package/blocks/ProgressBar/ProgressBar.js

@@ -16,11 +16,10 @@ export class ProgressBar extends Block {
   initCallback() {
     super.initCallback();
     this.defineAccessor('value', (value) => {
-      if (!value) return;
+      if (value === undefined || value === null) return;
       const prevValue = this._value;
       this._value = value;
       if (!this._visible) return;
-
       if (value === 100) {
         this.ref.realProgressLine.addEventListener(
           'transitionend',

package/blocks/SourceList/SourceList.js

@@ -18,7 +18,7 @@ export class SourceList extends Block {
           return;
         }
 
-        html += /* HTML */ `<uc-source-btn type="${srcName}"></uc-source-btn>`;
+        html += /* HTML */ `<uc-source-btn role="listitem" type="${srcName}"></uc-source-btn>`;
       });
 
       if (this.cfg.sourceListWrap) {

package/blocks/UploadList/UploadList.js

@@ -206,7 +206,7 @@ UploadList.template = /* HTML */ `
       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>

package/blocks/UrlSource/UrlSource.js

@@ -38,7 +38,7 @@ export class UrlSource extends UploaderBlock {
 
 UrlSource.template = /* HTML */ `
   <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>
@@ -49,7 +49,7 @@ UrlSource.template = /* HTML */ `
       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>

package/env.d.ts

@@ -1,4 +1,4 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.13.0";
+export const PACKAGE_VERSION: "1.13.2";
 //# sourceMappingURL=env.d.ts.map

package/env.js

@@ -1,3 +1,3 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME = 'blocks';
-export const PACKAGE_VERSION = '1.13.0';
+export const PACKAGE_VERSION = '1.13.2';

package/index.ssr.d.ts

@@ -530,7 +530,7 @@ export const Modal: {
     bindAttributes: () => void;
 };
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.13.0";
+export const PACKAGE_VERSION: "1.13.2";
 export const PresenceToggle: {
     new (): {};
     template: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

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>
@@ -524,7 +528,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 +540,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 +568,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 +744,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>
@@ -826,15 +830,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 +846,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;"
       >
@@ -1027,7 +1031,7 @@ export const Modal = class {
   static bindAttributes = () => {};
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.13.0`;
+export const PACKAGE_VERSION = `1.13.2`;
 export const PresenceToggle = class {
   static template = `<slot></slot> `;
   static reg = () => {};
@@ -1345,7 +1349,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>
@@ -1498,7 +1502,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 +1513,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>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.13.1-alpha.0",
+  "version": "1.13.2",
   "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>