@uploadcare/file-uploader 1.3.0-alpha.3 → 1.3.0

package/blocks/CloudImageEditor/src/lib/applyFocusVisiblePolyfill.js

@@ -0,0 +1,256 @@
+/**
+ * Helper function for legacy browsers and iframes which sometimes focus on elements like document, body, and
+ * non-interactive SVG.
+ *
+ * @param {EventTarget} el
+ */
+function isValidFocusTarget(el) {
+  if (
+    el &&
+    el !== document &&
+    /** @type {Element} */ (el).nodeName !== 'HTML' &&
+    /** @type {Element} */ (el).nodeName !== 'BODY' &&
+    'classList' in el &&
+    'contains' in /** @type {Element} */ (el).classList
+  ) {
+    return true;
+  }
+  return false;
+}
+
+/**
+ * Computes whether the given element should automatically trigger the `focus-visible` class being added, i.e., whether
+ * it should always match `:focus-visible` when focused.
+ *
+ * @param {EventTarget} el
+ * @returns {boolean}
+ */
+function focusTriggersKeyboardModality(el) {
+  let { tagName } = /** @type {Element} */ (el);
+
+  if (tagName === 'INPUT' && !(/** @type {HTMLInputElement} */ (el).readOnly)) {
+    return true;
+  }
+
+  if (tagName === 'TEXTAREA' && !(/** @type {HTMLTextAreaElement} */ (el).readOnly)) {
+    return true;
+  }
+
+  if (/** @type {HTMLElement} */ (el).isContentEditable) {
+    return true;
+  }
+
+  return false;
+}
+
+let hadKeyboardEvent = true;
+let hadFocusVisibleRecently = false;
+
+/**
+ * Applies the :focus-visible polyfill at the given scope. A scope, in this case, is either the top-level Document or a
+ * Shadow Root.
+ *
+ * @param {Document | ShadowRoot} scope
+ * @param {(focusVisible: boolean, el: EventTarget) => void} [callback]
+ * @see https://github.com/WICG/focus-visible
+ */
+export function applyFocusVisiblePolyfill(scope, callback) {
+  let hadFocusVisibleRecentlyTimeout = null;
+
+  /**
+   * Add the `focus-visible` class to the given element if the author did not add it.
+   *
+   * @param {EventTarget} el
+   */
+  function addFocusVisibleClass(el) {
+    /** @type {Element} */ (el).setAttribute('focus-visible', '');
+    callback(true, el);
+  }
+
+  /**
+   * Remove the `focus-visible` class from the given element if the author did not originally add it.
+   *
+   * @param {EventTarget} el
+   */
+  function removeFocusVisibleClass(el) {
+    if (!(/** @type {Element} */ (el).hasAttribute('focus-visible'))) {
+      return;
+    }
+    /** @type {Element} */ (el).removeAttribute('focus-visible');
+    callback(false, el);
+  }
+
+  /**
+   * If the most recent user interaction was via the keyboard, and the keypress did not include a meta, alt/option, or
+   * control key, then the keyboard's modality. Otherwise, the modality is not the keyboard.Apply `focus-visible` to any
+   * current active element and keep track of our keyboard modality state with `hadKeyboardEvent`.
+   *
+   * @param {KeyboardEvent} e
+   */
+  function onKeyDown(e) {
+    if (e.metaKey || e.altKey || e.ctrlKey) {
+      return;
+    }
+
+    if (isValidFocusTarget(scope.activeElement)) {
+      addFocusVisibleClass(scope.activeElement);
+    }
+
+    hadKeyboardEvent = true;
+  }
+
+  /**
+   * If at any point a user clicks with a pointing device, ensure that we change the modality away from the keyboard.
+   * This avoids the situation where a user presses a key on an already focused element, and then clicks on a different
+   * element focusing it with a pointing device while we still think we're in keyboard modality.
+   *
+   * @param {Event} e
+   */
+  function onPointerDown(e) {
+    hadKeyboardEvent = false;
+  }
+
+  /**
+   * On `focus`, add the `focus-visible` class to the target if: - the target received focus as a result of keyboard
+   * navigation or - the event target is an element that will likely require interaction via the keyboard (e.g., a text
+   * box).
+   *
+   * @param {Event} e
+   */
+  function onFocus(e) {
+    // Prevent IE from focusing the document or HTML element.
+    if (!isValidFocusTarget(e.target)) {
+      return;
+    }
+
+    if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {
+      addFocusVisibleClass(e.target);
+    }
+  }
+
+  /**
+   * On `blur`, remove the `focus-visible` class from the target.
+   *
+   * @param {Event} e
+   */
+  function onBlur(e) {
+    if (!isValidFocusTarget(e.target)) {
+      return;
+    }
+
+    if (/** @type {Element} */ (e.target).hasAttribute('focus-visible')) {
+      // To detect a tab/window switch, we look for a blur event followed
+      // rapidly by a visibility change.
+      // If we don't see a visibility change within 100ms, it's probably a
+      // regular focus change.
+      hadFocusVisibleRecently = true;
+      window.clearTimeout(hadFocusVisibleRecentlyTimeout);
+      hadFocusVisibleRecentlyTimeout = window.setTimeout(() => {
+        hadFocusVisibleRecently = false;
+      }, 100);
+      removeFocusVisibleClass(e.target);
+    }
+  }
+
+  /**
+   * Add a group of listeners to detect usage of any pointing devices. These listeners will be added when the polyfill
+   * first loads and anytime the window is blurred so that they are active when the window regains focus.
+   */
+  function addInitialPointerMoveListeners() {
+    /* eslint-disable no-use-before-define */
+    document.addEventListener('mousemove', onInitialPointerMove);
+    document.addEventListener('mousedown', onInitialPointerMove);
+    document.addEventListener('mouseup', onInitialPointerMove);
+    document.addEventListener('pointermove', onInitialPointerMove);
+    document.addEventListener('pointerdown', onInitialPointerMove);
+    document.addEventListener('pointerup', onInitialPointerMove);
+    document.addEventListener('touchmove', onInitialPointerMove);
+    document.addEventListener('touchstart', onInitialPointerMove);
+    document.addEventListener('touchend', onInitialPointerMove);
+    /* eslint-enable no-use-before-define */
+  }
+
+  function removeInitialPointerMoveListeners() {
+    /* eslint-disable no-use-before-define */
+    document.removeEventListener('mousemove', onInitialPointerMove);
+    document.removeEventListener('mousedown', onInitialPointerMove);
+    document.removeEventListener('mouseup', onInitialPointerMove);
+    document.removeEventListener('pointermove', onInitialPointerMove);
+    document.removeEventListener('pointerdown', onInitialPointerMove);
+    document.removeEventListener('pointerup', onInitialPointerMove);
+    document.removeEventListener('touchmove', onInitialPointerMove);
+    document.removeEventListener('touchstart', onInitialPointerMove);
+    document.removeEventListener('touchend', onInitialPointerMove);
+    /* eslint-enable no-use-before-define */
+  }
+
+  /**
+   * If the user changes tabs, keep track of whether or not the previously focused element had .focus-visible.
+   *
+   * @param {Event} e
+   */
+  function onVisibilityChange(e) {
+    if (document.visibilityState === 'hidden') {
+      // If the tab becomes active again, the browser will handle calling focus
+      // on the element (Safari actually calls it twice).
+      // If this tab change caused a blur on an element with focus-visible,
+      // re-apply the class when the user switches back to the tab.
+      if (hadFocusVisibleRecently) {
+        hadKeyboardEvent = true;
+      }
+      addInitialPointerMoveListeners();
+    }
+  }
+
+  /**
+   * When the polyfill first loads, assume the user is in keyboard modality. If any event is received from a pointing
+   * device (e.g., mouse, pointer, touch), turn off keyboard modality. This accounts for situations where focus enters
+   * the page from the URL bar.
+   *
+   * @param {Event} e
+   */
+  function onInitialPointerMove(e) {
+    // Work around a Safari quirk that fires a mousemove on <html> whenever the
+    // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
+    if (
+      /** @type {Element} */ (e.target).nodeName &&
+      /** @type {Element} */ (e.target).nodeName.toLowerCase() === 'html'
+    ) {
+      return;
+    }
+
+    hadKeyboardEvent = false;
+    removeInitialPointerMoveListeners();
+  }
+
+  // We are interested in changes at the global scope only for some kinds of states.
+  // For example, global pointer input, global key presses, and global
+  // visibility change should affect the state at every scope:
+  document.addEventListener('keydown', onKeyDown, true);
+  document.addEventListener('mousedown', onPointerDown, true);
+  document.addEventListener('pointerdown', onPointerDown, true);
+  document.addEventListener('touchstart', onPointerDown, true);
+  document.addEventListener('visibilitychange', onVisibilityChange, true);
+
+  addInitialPointerMoveListeners();
+
+  // We specifically care about state changes in the local scope for focus and blur.
+  // This is because focus/blur events that originate from within a
+  // shadow root are not re-dispatched from the host element if it was already
+  // the active element in its own scope:
+  scope.addEventListener('focus', onFocus, true);
+  scope.addEventListener('blur', onBlur, true);
+
+  return () => {
+    removeInitialPointerMoveListeners();
+
+    document.removeEventListener('keydown', onKeyDown, true);
+    document.removeEventListener('mousedown', onPointerDown, true);
+    document.removeEventListener('pointerdown', onPointerDown, true);
+    document.removeEventListener('touchstart', onPointerDown, true);
+    document.removeEventListener('visibilitychange', onVisibilityChange, true);
+
+    scope.removeEventListener('focus', onFocus, true);
+    scope.removeEventListener('blur', onBlur, true);
+  };
+}

package/blocks/CloudImageEditor/src/lib/parseCropPreset.d.ts

@@ -1,2 +1,2 @@
-export function parseCropPreset(cropPreset: import("../../../../types/exported.d.ts").ConfigType["cropPreset"]): import("../types.js").CropAspectRatio[] | undefined;
+export function parseCropPreset(cropPreset: import('../../../../types/exported.d.ts').ConfigType['cropPreset']): import("../types.js").CropAspectRatio[] | undefined;
 //# sourceMappingURL=parseCropPreset.d.ts.map

package/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts

@@ -2,13 +2,13 @@
  * @param {import('../types').Transformations} transformations
  * @returns {string}
  */
-export function transformationsToOperations(transformations: import("../types").Transformations): string;
+export function transformationsToOperations(transformations: import('../types').Transformations): string;
 /**
  * @param {string[]} operations
  * @returns {import('../types.js').Transformations}
  */
-export function operationsToTransformations(operations: string[]): import("../types.js").Transformations;
+export function operationsToTransformations(operations: string[]): import('../types.js').Transformations;
 /** @type {Record<keyof import('../types').Transformations, unknown>} */
-export const OPERATIONS_DEFAULTS: Record<keyof import("../types").Transformations, unknown>;
+export const OPERATIONS_DEFAULTS: Record<keyof import('../types').Transformations, unknown>;
 export const COMMON_OPERATIONS: string;
 //# sourceMappingURL=transformationUtils.d.ts.map

package/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformationUtils.d.ts","sourceRoot":"","sources":["transformationUtils.js"],"names":[],"mappings":"AAsEA;;;GAGG;AACH,6DAHW,OAAO,UAAU,EAAE,eAAe,GAChC,MAAM,CAalB;AAoDD;;;GAGG;AACH,wDAHW,MAAM,EAAE,GACN,OAAO,aAAa,EAAE,eAAe,CA2BjD;AAlKD,wEAAwE;AACxE,kCADW,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAejE;AAoEH,uCAAqF"}
+{"version":3,"file":"transformationUtils.d.ts","sourceRoot":"","sources":["transformationUtils.js"],"names":[],"mappings":"AAsEA;;;GAGG;AACH,6DAHW,OAAO,UAAU,EAAE,eAAe,GAChC,MAAM,CAalB;AAoDD;;;GAGG;AACH,wDAHW,MAAM,EAAE,GACN,OAAO,aAAa,EAAE,eAAe,CA2BjD;AAlKD,wEAAwE;AACxE,kCADW,OAAO,MAAM,OAAO,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAejE;AAoEH,uCAAqF"}

package/blocks/CloudImageEditor/src/state.d.ts

@@ -1,5 +1,5 @@
 /** @param {import('./CloudImageEditorBlock.js').CloudImageEditorBlock} fnCtx */
-export function initState(fnCtx: import("./CloudImageEditorBlock.js").CloudImageEditorBlock): {
+export function initState(fnCtx: import('./CloudImageEditorBlock.js').CloudImageEditorBlock): {
     '*originalUrl': null;
     '*faderEl': null;
     '*cropperEl': null;
@@ -8,9 +8,9 @@ export function initState(fnCtx: import("./CloudImageEditorBlock.js").CloudImage
     '*networkProblems': boolean;
     '*imageSize': null;
     /** @type {import('./types.js').Transformations} */
-    '*editorTransformations': import("./types.js").Transformations;
+    '*editorTransformations': import('./types.js').Transformations;
     /** @type {import('./types.js').CropPresetList} */
-    '*cropPresetList': import("./types.js").CropPresetList;
+    '*cropPresetList': import('./types.js').CropPresetList;
     '*tabList': ("crop" | "tuning" | "filters")[];
     '*tabId': "crop";
     entry: null;
@@ -32,7 +32,7 @@ export function initState(fnCtx: import("./CloudImageEditorBlock.js").CloudImage
     'presence.viewerToolbar': boolean;
     '*on.retryNetwork': () => void;
     /** @param {import('./types.js').Transformations} transformations */
-    '*on.apply': (transformations: import("./types.js").Transformations) => void;
+    '*on.apply': (transformations: import('./types.js').Transformations) => void;
     '*on.cancel': () => void;
 };
 //# sourceMappingURL=state.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["template.js"],"names":[],"mappings":"AAIA,8BAgCE"}
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["template.js"],"names":[],"mappings":"AAGA,8BAgCE"}

package/blocks/CloudImageEditor/src/template.js

@@ -1,11 +1,10 @@
-import { html } from '@symbiotejs/symbiote';
 import { TRANSPARENT_PIXEL_SRC } from '../../../utils/transparentPixelSrc.js';
 import svgIconsSprite from './svg-sprite.js';
 
-export const TEMPLATE = html`
+export const TEMPLATE = /* HTML */ `
   ${svgIconsSprite}
   <div class="uc-wrapper uc-wrapper_desktop">
-    <uc-presence-toggle class="uc-network_problems_splash" bind="visible: presence.networkProblems;">
+    <uc-presence-toggle class="uc-network_problems_splash" set="visible: presence.networkProblems;">
       <div class="uc-network_problems_content">
         <div class="uc-network_problems_icon">
           <uc-icon name="sad"></uc-icon>
@@ -13,7 +12,7 @@ export const TEMPLATE = html`
         <div class="uc-network_problems_text">Network error</div>
       </div>
       <div class="uc-network_problems_footer">
-        <uc-btn-ui theme="primary" text="Retry" bind="onclick: *on.retryNetwork"></uc-btn-ui>
+        <uc-btn-ui theme="primary" text="Retry" set="onclick: *on.retryNetwork"></uc-btn-ui>
       </div>
     </uc-presence-toggle>
     <div class="uc-viewport">
@@ -28,7 +27,7 @@ export const TEMPLATE = html`
       <div class="uc-info_pan">{{msg}}</div>
     </div>
     <div class="uc-toolbar">
-      <uc-line-loader-ui bind="active: showLoader"></uc-line-loader-ui>
+      <uc-line-loader-ui set="active: showLoader"></uc-line-loader-ui>
       <div class="uc-toolbar_content uc-toolbar_content__editor">
         <uc-editor-toolbar></uc-editor-toolbar>
       </div>

package/blocks/CloudImageEditor/src/types.d.ts

@@ -49,10 +49,10 @@ export type ChangeResult = {
     transformations: Transformations;
 };
 export type CropAspectRatio = {
-    type: "aspect-ratio";
+    type: 'aspect-ratio';
     width: number;
     height: number;
 };
 export type CropPresetList = CropAspectRatio[];
-export type Direction = "" | "n" | "s" | "e" | "w" | "ne" | "nw" | "se" | "sw";
+export type Direction = '' | 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":";;;gCAGa,GAAG,SAAS,GAAG,SAAS,OAAO,CAAC,CAAC;;;;wBAMjC;IAAE,KAAK,SAAS;IAAC,MAAM,SAAQ;CAAE;;;;;;;8BAYjC;IACZ,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,IAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACnE;;iBAKU,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;;iBAKf,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;8BAGf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;6BAEvD,eAAe,EAAE;wBAEjB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":";;;gCAGa,YAAY,YAAY,OAAO,CAAC,CAAC;;;;wBAMjC;IAAE,KAAK,SAAS;IAAC,MAAM,SAAQ;CAAE;;;;;;;8BAYjC;IACZ,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAU,CAAC,EAAE;QAAE,MAAM,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,IAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACnE;;iBAKU,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;;iBAKf,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;8BAGf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;6BAEvD,eAAe,EAAE;wBAEjB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts

@@ -6,8 +6,8 @@ export class CloudImageEditorActivity extends UploaderBlock {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
-        '*collectionState': import("../../index.js").OutputCollectionState | null;
+        '*collectionErrors': any[];
+        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
@@ -19,7 +19,7 @@ export class CloudImageEditorActivity extends UploaderBlock {
     };
     entry: import("../../abstract/TypedData.js").TypedData | undefined;
     /** @param {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} e */
-    handleApply(e: CustomEvent<import("../CloudImageEditor/src/types.js").ApplyResult>): void;
+    handleApply(e: CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>): void;
     handleCancel(): void;
     mountEditor(): void;
     _mounted: boolean | undefined;

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAMA;IAEE,iCAAuD;IAKrD;;;;;;oCAW2B,gBAAU;mCAGoB,gBAAU;6BAIjE,2BAEF;;wCAOA,wCAAsB;;;;;;MAxBrB;IAeC,mEAAkB;IAsBtB,qFAAqF;IACrF,eADY,WAAW,CAAC,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAW9E;IAED,qBAEC;IAED,oBAqCC;IAJC,8BAAoB;IAEpB,eAAe;IACf,kBAAyB;IAG3B,sBAGC;CACF;8BA9G6B,iCAAiC"}
+{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAKA;IAEE,iCAAuD;IAKrD;;;;;;;;;;;;;;;;MAGC;IAeC,mEAAkB;IAsBtB,qFAAqF;IACrF,eADY,YAAY,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAW9E;IAED,qBAEC;IAED,oBAqCC;IAJC,8BAAoB;IAEpB,eAAe;IACf,kBAAyB;IAG3B,sBAGC;CACF;8BA9G6B,iCAAiC"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.js

@@ -1,5 +1,4 @@
 // @ts-check
-import { DICT } from '@symbiotejs/symbiote';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { CloudImageEditorBlock } from '../CloudImageEditor/index.js';
@@ -74,7 +73,7 @@ export class CloudImageEditorActivity extends UploaderBlock {
     const cropPreset = this.cfg.cropPreset;
     const tabs = this.cfg.cloudImageEditorTabs;
 
-    instance.setAttribute(DICT.CTX_NAME_ATTR, this.ctxName);
+    instance.setAttribute('ctx-name', this.ctxName);
     instance.setAttribute('cdn-url', cdnUrl);
 
     if (cropPreset) {

package/blocks/Config/Config.d.ts

@@ -11,8 +11,16 @@
  *   'collectionValidators',
  * ]}
  */
-export const complexConfigKeys: ["metadata", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators"];
-export type Config = import("../../utils/mixinClass.js").MixinClass<typeof ConfigClass, import("../../types").ConfigType>;
+export const complexConfigKeys: [
+    'metadata',
+    'localeDefinitionOverride',
+    'secureUploadsSignatureResolver',
+    'secureDeliveryProxyUrlResolver',
+    'iconHrefResolver',
+    'fileValidators',
+    'collectionValidators'
+];
+export type Config = import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>;
 /** @typedef {import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>} Config */
 export const Config: Config;
 declare class ConfigClass extends Block {
@@ -54,6 +62,6 @@ declare class ConfigClass extends Block {
 }
 import { Block } from '../../abstract/Block.js';
 /** Mapping of attribute names to state */
-declare const attrStateMapping: Record<keyof import("../../types").ConfigAttributesType, string>;
+declare const attrStateMapping: Record<"multiple" | "pubkey" | "accept" | "store" | "debug" | "secure-expire" | "crop-preset" | "multiple-min" | "multiple-max" | "confirm-upload" | "img-only" | "external-sources-preferred-types" | "camera-mirror" | "camera-capture" | "source-list" | "max-local-file-size-bytes" | "thumb-size" | "show-empty-list" | "use-local-image-editor" | "use-cloud-image-editor" | "cloud-image-editor-tabs" | "remove-copyright" | "image-shrink" | "modal-scroll-lock" | "modal-backdrop-strokes" | "source-list-wrap" | "remote-tab-session-key" | "cdn-cname" | "base-url" | "social-base-url" | "secure-signature" | "secure-delivery-proxy" | "retry-throttled-request-max-times" | "multipart-min-file-size" | "multipart-chunk-size" | "max-concurrent-requests" | "multipart-max-concurrent-requests" | "multipart-max-attempts" | "check-for-url-duplicates" | "save-url-for-recurrent-uploads" | "group-output" | "user-agent-integration" | "locale-name" | "secure-uploads-expire-threshold" | "secureexpire" | "croppreset" | "multiplemin" | "multiplemax" | "confirmupload" | "imgonly" | "externalsourcespreferredtypes" | "cameramirror" | "cameracapture" | "sourcelist" | "maxlocalfilesizebytes" | "thumbsize" | "showemptylist" | "uselocalimageeditor" | "usecloudimageeditor" | "cloudimageeditortabs" | "removecopyright" | "imageshrink" | "modalscrolllock" | "modalbackdropstrokes" | "sourcelistwrap" | "remotetabsessionkey" | "cdncname" | "baseurl" | "socialbaseurl" | "securesignature" | "securedeliveryproxy" | "retrythrottledrequestmaxtimes" | "multipartminfilesize" | "multipartchunksize" | "maxconcurrentrequests" | "multipartmaxconcurrentrequests" | "multipartmaxattempts" | "checkforurlduplicates" | "saveurlforrecurrentuploads" | "groupoutput" | "useragentintegration" | "localename" | "secureuploadsexpirethreshold", string>;
 export {};
 //# sourceMappingURL=Config.d.ts.map

package/blocks/Config/Config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;GAYG;AACH,gCAVU,CACT,UAAc,EACd,0BAA8B,EAC9B,gCAAoC,EACpC,gCAAoC,EACpC,kBAAsB,EACtB,gBAAoB,EACpB,sBAA0B,CACvB,CAUF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,OAAO,WAAW,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,qBAAiC,MAAM,CAA4C;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,OAAO,gBAAgB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBArOqB,yBAAyB;AAoD/C,0CAA0C;AAC1C,gCAAoC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAGjG"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;GAYG;AACH,gCAVU;IACT,UAAc;IACd,0BAA8B;IAC9B,gCAAoC;IACpC,gCAAoC;IACpC,kBAAsB;IACtB,gBAAoB;IACpB,sBAA0B;CACvB,CAUF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,4BAAmF;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,uBAAuB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBArOqB,yBAAyB;AAoD/C,0CAA0C;AAC1C,qzDAGG"}

package/blocks/Config/initialConfig.d.ts

@@ -2,5 +2,5 @@ export const DEFAULT_CDN_CNAME: "https://ucarecdn.com";
 export const DEFAULT_BASE_URL: "https://upload.uploadcare.com";
 export const DEFAULT_SOCIAL_BASE_URL: "https://social.uploadcare.com";
 /** @type {import('../../types/exported').ConfigType} */
-export const initialConfig: import("../../types/exported").ConfigType;
+export const initialConfig: import('../../types/exported').ConfigType;
 //# sourceMappingURL=initialConfig.d.ts.map

package/blocks/Config/normalizeConfigValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA4IM,qCAL+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,OAC1C,CAAC,SACD,OAAO,GACL,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAa3D"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA4IM,sGAHI,OAAO,mDAcjB"}

package/blocks/Copyright/Copyright.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["Copyright.js"],"names":[],"mappings":"AAGA;CAqBC;sBAvBqB,yBAAyB"}
+{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["Copyright.js"],"names":[],"mappings":"AAEA;CAqBC;sBAvBqB,yBAAyB"}

package/blocks/Copyright/Copyright.js

@@ -1,4 +1,3 @@
-import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../abstract/Block.js';
 
 export class Copyright extends Block {
@@ -14,7 +13,7 @@ export class Copyright extends Block {
     );
   }
 
-  static template = html`
+  static template = /* HTML */ `
     <a
       href="https://uploadcare.com/?utm_source=copyright&utm_medium=referral&utm_campaign=v4"
       target="_blank noopener"

package/blocks/DropArea/DropArea.d.ts

@@ -12,8 +12,8 @@ export class DropArea extends UploaderBlock {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
-        '*collectionState': import("../../index.js").OutputCollectionState | null;
+        '*collectionErrors': any[];
+        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

package/blocks/DropArea/DropArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;oCAAA,gBAAS;mCAGA,gBACb;6BAGO,2BACI;;wCASM,wCAA0B;;;;;;MAPtC;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAlP6B,iCAAiC"}
+{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;;;;;;;;;;;MAUC;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAlP6B,iCAAiC"}

package/blocks/DropArea/DropArea.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-import { PubSub, html } from '@symbiotejs/symbiote';
+import { Data } from '@symbiotejs/symbiote';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { stringToArray } from '../../utils/stringToArray.js';
@@ -233,7 +233,7 @@ export class DropArea extends UploaderBlock {
     if (registry) {
       registry.delete(this);
       if (registry.size === 0) {
-        PubSub.deleteCtx(GLOBAL_CTX_NAME);
+        Data.deleteCtx(GLOBAL_CTX_NAME);
       }
     }
 
@@ -246,11 +246,11 @@ export class DropArea extends UploaderBlock {
   }
 }
 
-DropArea.template = html`
+DropArea.template = /* HTML */ `
   <slot>
     <div data-default-slot hidden></div>
-    <div ref="content-wrapper" class="uc-content-wrapper" bind="@hidden: !isVisible">
-      <div class="uc-icon-container" bind="@hidden: !withIcon">
+    <div ref="content-wrapper" class="uc-content-wrapper" set="@hidden: !isVisible">
+      <div class="uc-icon-container" set="@hidden: !withIcon">
         <uc-icon name="default"></uc-icon>
         <uc-icon name="arrow-down"></uc-icon>
       </div>

package/blocks/DropArea/addDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH,kCALG;IAA0B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;CACvB,cAwGA"}
+{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH;IAL6B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;eAyGvB"}

package/blocks/DropArea/getDropItems.d.ts

@@ -6,11 +6,11 @@
  */
 export function getDropItems(dataTransfer: DataTransfer): Promise<DropItem[]>;
 export type DropItem = {
-    type: "file";
+    type: 'file';
     file: File;
     fullPath?: string;
 } | {
-    type: "url";
+    type: 'url';
     url: string;
 };
 //# sourceMappingURL=getDropItems.d.ts.map

package/blocks/DropArea/getDropItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDropItems.d.ts","sourceRoot":"","sources":["getDropItems.js"],"names":[],"mappings":"AAwGA;;;;;GAKG;AACH,2CAHW,YAAY,GACV,OAAO,CAAC,QAAQ,EAAE,CAAC,CA0D/B;uBAnKY;IACZ,IAAY,EAAE,MAAM,CAAC;IACrB,IAAY,EAAE,IAAI,CAAC;IACnB,QAAgB,CAAC,EAAE,MAAM,CAAC;CACnB,GACD;IACN,IAAY,EAAE,KAAK,CAAC;IACpB,GAAW,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"getDropItems.d.ts","sourceRoot":"","sources":["getDropItems.js"],"names":[],"mappings":"AAwGA;;;;;GAKG;AACH,2CAHW,YAAY,GACV,QAAQ,QAAQ,EAAE,CAAC,CA0D/B;uBAnKY;IACZ,IAAY,EAAE,MAAM,CAAC;IACrB,IAAY,EAAE,IAAI,CAAC;IACnB,QAAgB,CAAC,EAAE,MAAM,CAAC;CACnB,GACD;IACN,IAAY,EAAE,KAAK,CAAC;IACpB,GAAW,EAAE,MAAM,CAAC;CACb"}

package/blocks/ExternalSource/ExternalSource.d.ts

@@ -29,8 +29,8 @@ export class ExternalSource extends UploaderBlock {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
-        '*collectionState': import("../../index.js").OutputCollectionState | null;
+        '*collectionErrors': any[];
+        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
@@ -83,14 +83,14 @@ export type ActivityParams = {
     externalSourceType: string;
 };
 export type SelectedFileMessage = {
-    type: "file-selected";
-    obj_type: "selected_file";
+    type: 'file-selected';
+    obj_type: 'selected_file';
     filename: string;
     url: string;
     alternatives?: Record<string, string>;
 };
 export type EmbedCssMessage = {
-    type: "embed-css";
+    type: 'embed-css';
     style: string;
 };
 export type Message = SelectedFileMessage | EmbedCssMessage;

package/blocks/ExternalSource/ExternalSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalSource.d.ts","sourceRoot":"","sources":["ExternalSource.js"],"names":[],"mappings":"AAWA,+DAA+D;AAE/D;;;;;;;;GAQG;AAEH;;;;;GAKG;AAEH,+DAA+D;AAE/D;IAEE,yBAAiD;IAK/C;;;;;;;;;;;;oCApBC,gBAAS;mCAKF,gBACL;6BAKY,2BAA2B;;wCAIZ,wCAE1B;;;;;;MAuBH;IAGH;;;OAGG;IACH,gBAAe;IA2Cf;;;OAGG;IACH,8BAcC;IAED;;;OAGG;IACH,oBAEC;IAED;;;OAGG;IACH,2BAUC;IAED,eAAe;IACf,yBAEC;IAED;;;OAGG;IACH,oBAGC;IAED,eAAe;IACf,oBAkBC;IAED,eAAe;IACf,kBAcC;IAED,eAAe;IACf,oBAsBC;IAED,eAAe;IACf,sBAMC;CACF;;;;6BAnOa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;kCAG/B;IACZ,IAAQ,EAAE,eAAe,CAAC;IAC1B,QAAY,EAAE,eAAe,CAAC;IAC9B,QAAY,EAAE,MAAM,CAAC;IACrB,GAAO,EAAE,MAAM,CAAC;IAChB,YAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;8BAIS;IACZ,IAAQ,EAAE,WAAW,CAAC;IACtB,KAAS,EAAE,MAAM,CAAC;CACf;sBAGU,mBAAmB,GAAG,eAAe;8BA1BrB,iCAAiC"}
+{"version":3,"file":"ExternalSource.d.ts","sourceRoot":"","sources":["ExternalSource.js"],"names":[],"mappings":"AAWA,+DAA+D;AAE/D;;;;;;;;GAQG;AAEH;;;;;GAKG;AAEH,+DAA+D;AAE/D;IAEE,yBAAiD;IAK/C;;;;;;;;;;;;;;;;;;;;;;MAoBC;IAGH;;;OAGG;IACH,gBAAe;IA2Cf;;;OAGG;IACH,8BAcC;IAED;;;OAGG;IACH,oBAEC;IAED;;;OAGG;IACH,2BAUC;IAED,eAAe;IACf,yBAEC;IAED;;;OAGG;IACH,oBAGC;IAED,eAAe;IACf,oBAkBC;IAED,eAAe;IACf,kBAcC;IAED,eAAe;IACf,oBAsBC;IAED,eAAe;IACf,sBAMC;CACF;;;;6BAnOa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;kCAG/B;IACZ,IAAQ,EAAE,eAAe,CAAC;IAC1B,QAAY,EAAE,eAAe,CAAC;IAC9B,QAAY,EAAE,MAAM,CAAC;IACrB,GAAO,EAAE,MAAM,CAAC;IAChB,YAAgB,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;8BAIS;IACZ,IAAQ,EAAE,WAAW,CAAC;IACtB,KAAS,EAAE,MAAM,CAAC;CACf;sBAGU,mBAAmB,GAAG,eAAe;8BA1BrB,iCAAiC"}