@uploadcare/file-uploader 1.28.0-alpha.0 → 1.28.0-alpha.1

package/dist/index.js

@@ -1,26 +1,27 @@
 /**
 * @license
-* Package: @uploadcare/file-uploader@1.28.0-alpha.0 (MIT)
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
 * License: https://github.com/uploadcare/blob/main/LICENSE
-* Built: 2026-03-02T14:46:15.080Z
+* Built: 2026-03-02T20:26:07.910Z
 */
-import { F as InternalEventType, L as solutionBlockCtx, P as EventType, Q as stringToArray, at as defineLocale, ct as __decorate, dt as LightDomMixin, ft as CssDataMixin, j as LitBlock, lt as debounce, ot as UID, pt as PubSub, st as SymbioteMixin, ut as RegisterableElementMixin, z as ModalEvents } from "./Icon-CqTVC82Q.js";
-import { c as UploadSource, m as defineComponents, s as ExternalUploadSource } from "./plugins-DxjsQUa8.js";
-import { n as loadFileUploaderFrom } from "./loadFileUploaderFrom-BWJM43Yq.js";
-import { n as toKebabCase, t as Config } from "./Config-DuWre5p3.js";
-import { n as PACKAGE_VERSION, t as PACKAGE_NAME } from "./env-B1nfXy9i.js";
-import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-BA34rzeU.js";
-import { v as throttle } from "./CloudImageEditor-BIxf1V4M.js";
-import { t as UrlSource } from "./UrlSource-DZK5EBwT.js";
-import { t as CameraSource } from "./CameraSource-DbyO6GoK.js";
-import { t as ExternalSource } from "./ExternalSource-BKTFp95O.js";
-import "./CloudImageEditorActivity-d4DpK6fQ.js";
+import { $ as stringToArray, B as ModalEvents, F as EventType, I as InternalEventType, P as applyTemplateData, R as solutionBlockCtx, ct as SymbioteMixin, dt as RegisterableElementMixin, et as createCdnUrl, ft as LightDomMixin, j as LitBlock, lt as __decorate, mt as PubSub, nt as createOriginalUrl, ot as defineLocale, pt as CssDataMixin, st as UID, t as Icon, tt as createCdnUrlModifiers, ut as debounce } from "./Icon-tXRTvEF2.js";
+import { c as UploadSource, m as defineComponents, s as ExternalUploadSource } from "./plugins-CGUls7EV.js";
+import { n as loadFileUploaderFrom } from "./loadFileUploaderFrom-Bfz8L3VB.js";
+import { n as toKebabCase, t as Config } from "./Config-DKOromHY.js";
+import { n as PACKAGE_VERSION, t as PACKAGE_NAME } from "./env-mM-ksNPq.js";
+import { n as LitActivityBlock, r as applyStyles, t as LitUploaderBlock } from "./LitUploaderBlock-LxeOZ0ya.js";
+import { n as Select, t as CameraSource } from "./CameraSource-DDwj1jCV.js";
+import { n as Spinner, t as ExternalSource } from "./ExternalSource-DVEjSkPB.js";
+import { b as TRANSPARENT_PIXEL_SRC, v as throttle, y as preloadImage } from "./CloudImageEditor-DcVoIRb3.js";
+import { t as ActivityHeader } from "./ActivityHeader-R6Mlx-dA.js";
+import { t as UrlSource } from "./UrlSource-BkyX00I2.js";
+import "./CloudImageEditorActivity-Csij4nlC.js";
 import { LitElement, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import { CancelError, UploadcareError, uploadFile } from "@uploadcare/upload-client";
 import { unsafeSVG } from "lit/directives/unsafe-svg.js";
-import { repeat } from "lit/directives/repeat.js";
 import { createRef, ref } from "lit/directives/ref.js";
+import { repeat } from "lit/directives/repeat.js";
 var BaseComponent = class extends RegisterableElementMixin(SymbioteMixin()(CssDataMixin(LightDomMixin(LitElement)))) {}, svg_sprite_default = "<svg width='0' height='0' style='position:absolute'><symbol viewBox='0 0 24 24' id='uc-icon-about' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M11.152 14.12v.1h1.523v-.1c.007-.409.053-.752.138-1.028.086-.277.22-.517.405-.72.188-.202.434-.397.735-.586.32-.191.593-.412.82-.66.232-.249.41-.531.533-.847.125-.32.187-.678.187-1.076 0-.579-.137-1.085-.41-1.518a2.717 2.717 0 0 0-1.14-1.018c-.49-.245-1.062-.367-1.715-.367-.597 0-1.142.114-1.636.34-.49.228-.884.564-1.182 1.008-.299.44-.46.98-.485 1.619h1.62c.024-.377.118-.684.282-.922a1.48 1.48 0 0 1 .617-.532c.25-.114.51-.17.784-.17.301 0 .575.063.82.191.248.124.447.302.597.533.149.23.223.504.223.82 0 .263-.05.502-.149.72a1.91 1.91 0 0 1-.405.574 3.48 3.48 0 0 1-.575.453 4.22 4.22 0 0 0-.847.66c-.234.242-.415.558-.543.949-.125.39-.19.916-.197 1.577Zm.053 3.03c.21.206.46.31.75.31.196 0 .374-.049.534-.144a1.1 1.1 0 0 0 .383-.384c.1-.163.15-.343.15-.538a1 1 0 0 0-.32-.746 1.019 1.019 0 0 0-.746-.314c-.291 0-.542.105-.751.314-.21.206-.314.455-.314.746 0 .295.104.547.314.756ZM24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Zm-1.5 0c0 5.799-4.701 10.5-10.5 10.5S1.5 17.799 1.5 12 6.201 1.5 12 1.5 22.5 6.201 22.5 12Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-add' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M12.75 21a.75.75 0 0 1-1.5 0v-8.25H3a.75.75 0 0 1 0-1.5h8.25V3a.75.75 0 0 1 1.5 0v8.25H21a.75.75 0 0 1 0 1.5h-8.25V21Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-arrow-down' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M11.5 23.03a.75.75 0 0 0 .999 0l9.29-8.276a.75.75 0 0 0-.998-1.12l-8.042 7.164V1.53a.75.75 0 0 0-1.5 0v19.267l-8.04-7.163a.75.75 0 0 0-.998 1.12z'/></symbol><symbol fill='none' viewBox='0 0 9 6' id='uc-icon-arrow-dropdown' xmlns='http://www.w3.org/2000/svg'><path stroke='currentColor' d='m1.5 1.667 3 2.666 3-2.666' opacity='.5'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-aspect-ratio' xmlns='http://www.w3.org/2000/svg'><path stroke='currentColor' d='M7.395 22.5H2.454v-5.25m14.824 5.25h4.94v-5.25m0-10.5V1.5h-4.94m-9.883 0H2.454v5.25'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-back' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M20.251 12a.75.75 0 0 1-.75.75H6.067l5.72 5.85a.75.75 0 1 1-1.072 1.05L4.136 12.92a1.292 1.292 0 0 1 0-1.842l6.579-6.728a.75.75 0 1 1 1.072 1.048l-5.72 5.851H19.5a.75.75 0 0 1 .75.75Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-badge-error' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M13.6 18.4a1.6 1.6 0 1 1-3.2 0 1.6 1.6 0 0 1 3.2 0zM12 4.5A1.5 1.5 0 0 1 13.5 6v7a1.5 1.5 0 0 1-3 0V6A1.5 1.5 0 0 1 12 4.5z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-badge-success' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='m10.5 18.204 7.6-8.183a1.5 1.5 0 0 0-2.2-2.042l-5.4 5.817-2.4-2.586a1.5 1.5 0 1 0-2.2 2.041l4.6 4.953Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-box' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M1.01 4.148a.75.75 0 0 1 .75.75v4.348a4.437 4.437 0 0 1 2.988-1.153c1.734 0 3.23.992 3.978 2.438a4.478 4.478 0 0 1 3.978-2.438c2.49 0 4.488 2.044 4.488 4.543 0 2.5-1.999 4.544-4.488 4.544a4.478 4.478 0 0 1-3.978-2.438 4.478 4.478 0 0 1-3.978 2.438C2.26 17.18.26 15.135.26 12.636V4.898a.75.75 0 0 1 .75-.75Zm.75 8.488c0 1.692 1.348 3.044 2.988 3.044s2.989-1.352 2.989-3.044c0-1.691-1.349-3.043-2.989-3.043S1.76 10.945 1.76 12.636Zm10.944-3.043c-1.64 0-2.988 1.352-2.988 3.043 0 1.692 1.348 3.044 2.988 3.044s2.988-1.352 2.988-3.044c0-1.69-1.348-3.043-2.988-3.043Zm4.328-1.23a.75.75 0 0 1 1.052.128l2.333 2.983 2.333-2.983a.75.75 0 0 1 1.181.924l-2.562 3.277 2.562 3.276a.75.75 0 1 1-1.181.924l-2.333-2.983-2.333 2.983a.75.75 0 1 1-1.181-.924l2.562-3.276-2.562-3.277a.75.75 0 0 1 .129-1.052Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-camera' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M7.65 2.55a.75.75 0 0 1 .6-.3h7.5a.75.75 0 0 1 .6.3l2.025 2.7H21a3 3 0 0 1 3 3v10.5a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h2.625zm.975 1.2L6.6 6.45a.75.75 0 0 1-.6.3H3a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h18a1.5 1.5 0 0 0 1.5-1.5V8.25a1.5 1.5 0 0 0-1.5-1.5h-3a.75.75 0 0 1-.6-.3l-2.025-2.7zm3.375 6a3.375 3.375 0 1 0 0 6.75 3.375 3.375 0 0 0 0-6.75zm-4.875 3.375a4.875 4.875 0 1 1 9.75 0 4.875 4.875 0 0 1-9.75 0z'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-camera-full' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2 4.667a2 2 0 0 0-2 2V16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.667a2 2 0 0 0-2-2h-2.667l-2-2.667H6.667l-2 2.667H2Zm8 10a3.667 3.667 0 1 0 0-7.334 3.667 3.667 0 0 0 0 7.334Z' fill='currentColor'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-close' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M4.604 4.604a.75.75 0 0 1 1.06 0L12 10.939l6.335-6.335a.75.75 0 1 1 1.061 1.06L13.061 12l6.335 6.335a.75.75 0 1 1-1.06 1.061L12 13.061l-6.335 6.335a.75.75 0 0 1-1.061-1.06L10.939 12 4.604 5.665a.75.75 0 0 1 0-1.061z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-collapse' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M3.116 12a.75.75 0 0 1 .75-.75h16.268a.75.75 0 0 1 0 1.5H3.866a.75.75 0 0 1-.75-.75Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-default' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M11.501.392a.75.75 0 0 1 .998 0l6.704 5.972a.75.75 0 0 1-.998 1.12l-5.455-4.86v13.439a.75.75 0 0 1-1.5 0V2.625l-5.454 4.86a.75.75 0 1 1-.998-1.12zM.857 16.73a.75.75 0 0 1 .75.75v4.914h20.786v-4.914a.75.75 0 0 1 1.5 0v5.664a.75.75 0 0 1-.75.75H.857a.75.75 0 0 1-.75-.75v-5.664a.75.75 0 0 1 .75-.75z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-dropbox' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M6.019 1.92a.75.75 0 0 1 .806 0L12 5.219l5.176-3.297a.75.75 0 0 1 .806 0l5.577 3.553a.75.75 0 0 1 0 1.265l-4.574 2.914 4.574 2.914a.75.75 0 0 1 0 1.265l-5.577 3.554a.75.75 0 0 1-.806 0L12 14.089l-5.175 3.297a.75.75 0 0 1-.806 0L.44 13.833a.75.75 0 0 1 0-1.266l4.575-2.914L.44 6.74a.75.75 0 0 1 0-1.265zm.403 8.616L2.24 13.2l4.182 2.664 4.181-2.664zm6.975 2.664 4.182 2.664L21.76 13.2l-4.181-2.664zm2.776-3.547L12 12.311 7.828 9.653 12 6.995zm1.406-.882 4.181-2.664-4.181-2.664-4.182 2.664zm-6.976-2.664L6.422 3.443 2.24 6.107 6.422 8.77zM5.791 18.544a.75.75 0 0 1 1.035-.23l5.175 3.297 5.175-3.297a.75.75 0 1 1 .806 1.265l-5.578 3.554a.75.75 0 0 1-.806 0L6.02 19.579a.75.75 0 0 1-.23-1.035z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-edit-file' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M18.558 2.804a.78.78 0 0 0-.557.235l-.008.007-2.472 2.46 3.847 3.848 2.46-2.473.004-.003a.78.78 0 0 0 0-1.108l-.004-.003-2.712-2.728a.78.78 0 0 0-.558-.235Zm-.248 7.613-3.852-3.852-8.93 8.887-1.516 5.41 5.41-1.515 8.888-8.93Zm-.636-8.934a2.28 2.28 0 0 1 2.512.505l2.702 2.717.002.002a2.278 2.278 0 0 1 0 3.234l-.002.002-12.541 12.602a.75.75 0 0 1-.33.193l-6.884 1.928a.75.75 0 0 1-.925-.924l1.928-6.885a.75.75 0 0 1 .193-.33l12.603-12.54a2.28 2.28 0 0 1 .742-.504Z' clip-rule='evenodd'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-error' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-evernote' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M9.804 2.27v-.048c.055-.263.313-.562.85-.562h.44c.142 0 .325.014.526.033.066.009.124.023.267.06l.13.032h.002c.319.079.515.275.644.482a1.461 1.461 0 0 1 .16.356l.004.012a.75.75 0 0 0 .603.577l1.191.207a1988.512 1988.512 0 0 0 2.332.402c.512.083 1.1.178 1.665.442.64.3 1.19.795 1.376 1.77.548 2.931.657 5.829.621 8a39.233 39.233 0 0 1-.125 2.602 17.518 17.518 0 0 1-.092.849.735.735 0 0 0-.024.112c-.378 2.705-1.269 3.796-2.04 4.27-.746.457-1.53.451-2.217.447h-.192c-.46 0-1.073-.23-1.581-.635-.518-.412-.763-.87-.763-1.217 0-.45.188-.688.355-.786.161-.095.436-.137.796.087a.75.75 0 1 0 .792-1.274c-.766-.476-1.64-.52-2.345-.108-.7.409-1.098 1.188-1.098 2.08 0 .996.634 1.84 1.329 2.392.704.56 1.638.96 2.515.96l.185.002c.667.009 1.874.025 3.007-.67 1.283-.786 2.314-2.358 2.733-5.276a4.213 4.213 0 0 0 .056-.335c.023-.184.051-.445.079-.772.055-.655.111-1.585.13-2.704.037-2.234-.074-5.239-.647-8.301v-.002c-.294-1.544-1.233-2.391-2.215-2.85-.777-.363-1.623-.496-2.129-.576a8.872 8.872 0 0 1-.25-.041l-.006-.001-1.99-.345-.761-.132a2.93 2.93 0 0 0-.182-.338A2.532 2.532 0 0 0 12.379.329l-.091-.023a3.967 3.967 0 0 0-.493-.103L11.769.2a7.846 7.846 0 0 0-.675-.04h-.44c-.733 0-1.368.284-1.795.742L2.416 7.431c-.468.428-.751 1.071-.751 1.81 0 .02 0 .041.003.062l.003.034c.017.21.038.468.096.796.107.715.275 1.47.391 1.994.029.13.055.245.075.342l.002.008c.258 1.141.641 1.94.978 2.466.168.263.323.456.444.589a2.808 2.808 0 0 0 .192.194c1.536 1.562 3.713 2.196 5.731 2.08.13-.005.35-.032.537-.073a2.627 2.627 0 0 0 .652-.24c.425-.26.75-.661.992-1.046.184-.294.342-.61.473-.915a3.8 3.8 0 0 0 .627.493 5.022 5.022 0 0 0 1.97.709l.023.002.018.003.11.016c.088.014.205.035.325.058l.056.014c.088.022.164.04.235.061a1.736 1.736 0 0 1 .145.048l.03.014c.765.34 1.302 1.09 1.302 1.871a.75.75 0 0 0 1.5 0c0-1.456-.964-2.69-2.18-3.235a3.595 3.595 0 0 0-.679-.217l-.063-.015a10.616 10.616 0 0 0-.606-.105l-.02-.003-.03-.003h-.002a3.542 3.542 0 0 1-1.331-.485c-.471-.298-.788-.692-.828-1.234a.75.75 0 0 0-1.48-.106l-.001.003-.004.017a8.23 8.23 0 0 1-.092.352 9.963 9.963 0 0 1-.298.892c-.132.34-.29.68-.47.966-.174.276-.339.454-.478.549a1.178 1.178 0 0 1-.221.072 1.949 1.949 0 0 1-.241.036h-.013l-.032.002c-1.684.1-3.423-.437-4.604-1.65a.746.746 0 0 0-.053-.05L4.84 14.6a1.348 1.348 0 0 1-.07-.073 2.99 2.99 0 0 1-.293-.392c-.242-.379-.558-1.014-.778-1.985a54.1 54.1 0 0 0-.083-.376 27.494 27.494 0 0 1-.367-1.872l-.003-.02a6.791 6.791 0 0 1-.08-.67c.004-.277.086-.475.2-.609l.067-.067a.63.63 0 0 1 .292-.145h.05c.18 0 1.095.055 2.013.115l1.207.08.534.037a.747.747 0 0 0 .052.002c.782 0 1.349-.206 1.759-.585l.005-.005c.553-.52.622-1.225.622-1.76V6.24l-.026-.565A774.97 774.97 0 0 1 9.885 4.4c-.042-.961-.081-1.939-.081-2.13ZM4.995 6.953a251.126 251.126 0 0 1 2.102.137l.508.035c.48-.004.646-.122.715-.185.07-.068.146-.209.147-.649l-.024-.548a791.69 791.69 0 0 1-.095-2.187L4.995 6.953Zm16.122 9.996Zm-5.479-5.323a.75.75 0 0 0 1.014.31 2.04 2.04 0 0 1 .304-.089 1.84 1.84 0 0 1 .544-.039c.215.023.321.06.37.085.033.016.039.026.047.04a.75.75 0 0 0 1.289-.767c-.337-.567-.906-.783-1.552-.85a3.334 3.334 0 0 0-1.002.062c-.27.056-.531.14-.705.234a.75.75 0 0 0-.31 1.014Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-expand' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='m12 8.337-8.47 8.47a.75.75 0 0 1-1.06-1.06l8.605-8.606a1.29 1.29 0 0 1 1.85 0l8.605 8.605a.75.75 0 1 1-1.06 1.06L12 8.338Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-external-source-placeholder' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M6.341 3.27a10.5 10.5 0 0 1 5.834-1.77.75.75 0 0 0 0-1.5 12 12 0 1 0 12 12 .75.75 0 0 0-1.5 0A10.5 10.5 0 1 1 6.34 3.27Zm14.145 1.48a.75.75 0 1 0-1.06-1.062L9.925 13.19V7.95a.75.75 0 1 0-1.5 0V15c0 .414.336.75.75.75h7.05a.75.75 0 0 0 0-1.5h-5.24l9.501-9.5Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-facebook' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M12 1.5C6.201 1.5 1.5 6.201 1.5 12c0 4.943 3.416 9.089 8.016 10.204v-6.108H7.383a.75.75 0 0 1-.75-.75v-3.281a.75.75 0 0 1 .75-.75h2.133V9.393c0-.958.225-2.511 1.38-3.65 1.194-1.177 3.174-1.718 6.254-1.056a.75.75 0 0 1 .592.733v2.754a.75.75 0 0 1-.75.75c-.692 0-1.203.026-1.584.082-.387.057-.578.137-.675.202-.109.073-.237.205-.237 1.029v1.078h2.39a.75.75 0 0 1 .742.866l-.516 3.281a.75.75 0 0 1-.74.634h-1.876v6.106C19.09 21.082 22.5 16.939 22.5 12c0-5.799-4.701-10.5-10.5-10.5zM0 12C0 5.373 5.373 0 12 0s12 5.373 12 12c0 5.995-4.395 10.961-10.138 11.856a.75.75 0 0 1-.866-.74v-7.77a.75.75 0 0 1 .75-.75h1.984l.28-1.781h-2.264a.75.75 0 0 1-.75-.75v-1.828c0-.829.089-1.729.9-2.274.363-.244.807-.37 1.293-.441a9.623 9.623 0 0 1 1.053-.086V6.04c-2.41-.405-3.645.132-4.293.771-.737.728-.933 1.793-.933 2.582v2.672a.75.75 0 0 1-.75.75H8.133v1.78h2.133a.75.75 0 0 1 .75.75v7.772a.75.75 0 0 1-.865.741C4.4 22.968 0 18 0 12z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-file' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M2.895 1.201c0-.473.383-.857.857-.857h8.4c.227 0 .445.09.606.251l8.4 8.4c.16.16.25.379.25.606v13.2a.857.857 0 0 1-.856.857h-16.8a.857.857 0 0 1-.857-.857zm1.714.857v19.886h15.085V10.458h-7.542a.857.857 0 0 1-.858-.857V2.058zm8.4 1.213 5.473 5.473H13.01z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-flickr' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M5.959 7.926c-2.298 0-4.14 1.834-4.14 4.073 0 2.241 1.842 4.075 4.14 4.075 2.302 0 4.145-1.834 4.145-4.075 0-2.238-1.843-4.073-4.145-4.073Zm-5.64 4.073c0-3.086 2.533-5.573 5.64-5.573 3.11 0 5.645 2.486 5.645 5.573 0 3.089-2.535 5.575-5.645 5.575-3.107 0-5.64-2.487-5.64-5.575Zm18.07-4.073c-2.301 0-4.144 1.835-4.144 4.073 0 2.24 1.843 4.075 4.145 4.075 2.299 0 4.141-1.834 4.141-4.075 0-2.239-1.842-4.073-4.141-4.073Zm-5.644 4.073c0-3.087 2.535-5.573 5.645-5.573 3.108 0 5.641 2.487 5.641 5.573 0 3.088-2.533 5.575-5.641 5.575-3.11 0-5.645-2.486-5.645-5.575Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-gdrive' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M7.736 1.818a.75.75 0 0 1 .647-.37h7.587a.75.75 0 0 1 .655.383l7.233 12.946a.75.75 0 0 1-.003.737l-3.794 6.66a.75.75 0 0 1-.651.378H4.59a.75.75 0 0 1-.651-.378l-3.794-6.66a.75.75 0 0 1 .005-.75zm.64 1.876L1.663 15.148l2.93 5.145 6.655-11.581zm3.736 6.526-2.398 4.173H14.5zm4.116 4.173h5.697L15.53 2.947H9.677zm5.685 1.5H8.852l-2.966 5.16h13.088z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-gphotos' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M12.51 0c-.702 0-1.272.57-1.272 1.273V7.35A6.381 6.381 0 0 0 0 11.489c0 .703.57 1.273 1.273 1.273H7.35A6.381 6.381 0 0 0 11.488 24c.704 0 1.274-.57 1.274-1.273V16.65A6.381 6.381 0 0 0 24 12.51c0-.703-.57-1.273-1.273-1.273H16.65A6.381 6.381 0 0 0 12.511 0Zm.252 11.232V1.53a4.857 4.857 0 0 1 0 9.702Zm-1.53.006H1.53a4.857 4.857 0 0 1 9.702 0Zm1.536 1.524a4.857 4.857 0 0 0 9.702 0h-9.702Zm-6.136 4.857c0-2.598 2.04-4.72 4.606-4.85v9.7a4.857 4.857 0 0 1-4.606-4.85Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-huddle' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M6.204 2.002c-.252.23-.357.486-.357.67V21.07c0 .15.084.505.313.812.208.28.499.477.929.477.519 0 .796-.174.956-.365.178-.212.286-.535.286-.924v-.013l.117-6.58c.004-1.725 1.419-3.883 3.867-3.883 1.33 0 2.332.581 2.987 1.364.637.762.95 1.717.95 2.526v6.47c0 .392.11.751.305.995.175.22.468.41 1.008.41.52 0 .816-.198 1.002-.437.207-.266.31-.633.31-.969V14.04c0-2.81-1.943-5.108-4.136-5.422a5.971 5.971 0 0 0-3.183.41c-.912.393-1.538.96-1.81 1.489a.75.75 0 0 1-1.417-.344v-7.5c0-.587-.47-1.031-1.242-1.031-.315 0-.638.136-.885.36ZM5.194.892A2.844 2.844 0 0 1 7.09.142c1.328 0 2.742.867 2.742 2.53v5.607a6.358 6.358 0 0 1 1.133-.629 7.47 7.47 0 0 1 3.989-.516c3.056.436 5.425 3.482 5.425 6.906v6.914c0 .602-.177 1.313-.627 1.89-.47.605-1.204 1.016-2.186 1.016-.96 0-1.698-.37-2.179-.973-.46-.575-.633-1.294-.633-1.933v-6.469c0-.456-.19-1.071-.602-1.563-.394-.471-.986-.827-1.836-.827-1.447 0-2.367 1.304-2.367 2.39v.014l-.117 6.58c-.001.64-.177 1.333-.637 1.881-.48.57-1.2.9-2.105.9-.995 0-1.7-.5-2.132-1.081-.41-.552-.61-1.217-.61-1.708V2.672c0-.707.366-1.341.847-1.78Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-info' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2v6Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-local' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M3 3.75a1.5 1.5 0 0 0-1.5 1.5v13.5a1.5 1.5 0 0 0 1.5 1.5h18a1.5 1.5 0 0 0 1.5-1.5V9A1.5 1.5 0 0 0 21 7.5h-9a.75.75 0 0 1-.643-.364L9.325 3.75zm-3 1.5a3 3 0 0 1 3-3h6.75a.75.75 0 0 1 .643.364L12.425 6H21a3 3 0 0 1 3 3v9.75a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-microphone' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M7.5 4.781a4.5 4.5 0 0 1 9 0v6.469a4.5 4.5 0 1 1-9 0V4.781Zm4.5-3a3 3 0 0 0-3 3v6.469a3 3 0 1 0 6 0V4.781a3 3 0 0 0-3-3Zm-8.156 8.11a.75.75 0 0 1 .75.75 7.406 7.406 0 1 0 14.812 0 .75.75 0 0 1 1.5 0 8.907 8.907 0 0 1-8.156 8.875v2.703h3.258a.75.75 0 1 1 0 1.5H7.992a.75.75 0 0 1 0-1.5h3.258v-2.703a8.907 8.907 0 0 1-8.156-8.875.75.75 0 0 1 .75-.75Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-microphone-mute' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M7.5 4.781a4.5 4.5 0 0 1 9 0V6l3.524-3.524a.75.75 0 1 1 1.061 1.06L5.036 19.585a.75.75 0 0 1-1.06-1.06l1.656-1.657a8.88 8.88 0 0 1-2.538-6.227.75.75 0 0 1 1.5 0c0 2.009.8 3.83 2.1 5.166l1.771-1.772A4.483 4.483 0 0 1 7.5 11.25V4.781Zm2.037 8.182L15 7.5V4.781a3 3 0 1 0-6 0v6.469c0 .637.198 1.227.537 1.713Zm10.62-3.072a.75.75 0 0 1 .75.75 8.907 8.907 0 0 1-8.157 8.875v2.703h3.258a.75.75 0 1 1 0 1.5H7.992a.75.75 0 0 1 0-1.5h3.258v-2.703a8.855 8.855 0 0 1-3.035-.811.75.75 0 1 1 .638-1.358 7.406 7.406 0 0 0 10.553-6.707.75.75 0 0 1 .75-.75ZM15 10.81a.75.75 0 0 1 1.5 0v.439a4.5 4.5 0 0 1-5 4.473.75.75 0 1 1 .166-1.491A3 3 0 0 0 15 11.25v-.44Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-mobile-photo-camera' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M7.65 2.55a.75.75 0 0 1 .6-.3h7.5a.75.75 0 0 1 .6.3l2.025 2.7H21a3 3 0 0 1 3 3v10.5a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h2.625zm.975 1.2L6.6 6.45a.75.75 0 0 1-.6.3H3a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h18a1.5 1.5 0 0 0 1.5-1.5V8.25a1.5 1.5 0 0 0-1.5-1.5h-3a.75.75 0 0 1-.6-.3l-2.025-2.7zm3.375 6a3.375 3.375 0 1 0 0 6.75 3.375 3.375 0 0 0 0-6.75zm-4.875 3.375a4.875 4.875 0 1 1 9.75 0 4.875 4.875 0 0 1-9.75 0z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-mobile-video-camera' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M0 6.75a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v1.078L22.873 5A.75.75 0 0 1 24 5.648v12.704a.75.75 0 0 1-1.123.65L18 16.207v1.043a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6.75Zm18 7.728 4.5 2.58V6.95L18 9.562v4.916ZM16.5 6.75a1.5 1.5 0 0 0-1.5-1.5H3a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h12a1.5 1.5 0 0 0 1.5-1.5V6.75Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-ngdrive' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M7.736 1.818a.75.75 0 0 1 .647-.37h7.587a.75.75 0 0 1 .655.383l7.233 12.946a.75.75 0 0 1-.003.737l-3.794 6.66a.75.75 0 0 1-.651.378H4.59a.75.75 0 0 1-.651-.378l-3.794-6.66a.75.75 0 0 1 .005-.75zm.64 1.876L1.663 15.148l2.93 5.145 6.655-11.581zm3.736 6.526-2.398 4.173H14.5zm4.116 4.173h5.697L15.53 2.947H9.677zm5.685 1.5H8.852l-2.966 5.16h13.088z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-onedrive' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M13.616 4.147a7.689 7.689 0 0 0-7.642 3.285A6.299 6.299 0 0 0 1.455 17.3c.684.894 2.473 2.658 5.17 2.658h12.141c.95 0 1.882-.256 2.697-.743.815-.486 1.514-1.247 1.964-2.083a5.26 5.26 0 0 0-3.713-7.612 7.69 7.69 0 0 0-6.098-5.373ZM3.34 17.15c.674.63 1.761 1.308 3.284 1.308h12.142a3.76 3.76 0 0 0 2.915-1.383l-7.494-4.489L3.34 17.15Zm10.875-6.25 2.47-1.038a5.239 5.239 0 0 1 1.427-.389 6.19 6.19 0 0 0-10.3-1.952 6.338 6.338 0 0 1 2.118.813l4.285 2.567Zm4.55.033c-.512 0-1.019.104-1.489.307l-.006.003-1.414.594 6.521 3.906a3.76 3.76 0 0 0-3.357-4.8l-.254-.01ZM4.097 9.617A4.799 4.799 0 0 1 6.558 8.9c.9 0 1.84.25 2.587.713l3.4 2.037-10.17 4.28a4.799 4.799 0 0 1 1.721-6.312Z'/></symbol><symbol fill='none' viewBox='0 0 10 10' id='uc-icon-pause' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' d='M1 0h2.5v10H1zM6.5 0H9v10H6.5z'/></symbol><symbol fill='none' viewBox='0 0 10 10' id='uc-icon-play' xmlns='http://www.w3.org/2000/svg'><path d='m1 0 9 5-9 5V0Z' fill='currentColor'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-remove-file' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M11.955 3.3A2.969 2.969 0 0 0 8.998 6h5.914a2.97 2.97 0 0 0-2.957-2.7zM16.416 6a4.47 4.47 0 0 0-8.922 0h-2.32a.755.755 0 0 0-.111.008H3.075a.75.75 0 1 0 0 1.5h1.35V19.35a2.85 2.85 0 0 0 2.85 2.85h9.45a2.85 2.85 0 0 0 2.85-2.85V7.508h1.35a.75.75 0 0 0 0-1.5h-1.989A.754.754 0 0 0 18.825 6zM5.925 7.508V19.35a1.35 1.35 0 0 0 1.35 1.35h9.45a1.35 1.35 0 0 0 1.35-1.35V7.508z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-select' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='m7 10 5 5 5-5H7Z'/></symbol><symbol fill='none' viewBox='0 0 20 20' id='uc-icon-square' xmlns='http://www.w3.org/2000/svg'><rect width='20' height='20' rx='4' fill='#fff'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-upload' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M11.501.392a.75.75 0 0 1 .998 0l6.704 5.972a.75.75 0 0 1-.998 1.12l-5.455-4.86v13.439a.75.75 0 0 1-1.5 0V2.625l-5.454 4.86a.75.75 0 1 1-.998-1.12zM.857 16.73a.75.75 0 0 1 .75.75v4.914h20.786v-4.914a.75.75 0 0 1 1.5 0v5.664a.75.75 0 0 1-.75.75H.857a.75.75 0 0 1-.75-.75v-5.664a.75.75 0 0 1 .75-.75z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-upload-error' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2Z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-url' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M19.11 3.67c-1.71-1.709-4.578-1.682-6.408.148l-2.22 2.22a.75.75 0 0 1-1.062-1.06l2.222-2.221C14.018.381 17.836.276 20.17 2.61l1.22 1.22c2.335 2.334 2.23 6.153-.147 8.529l-2.22 2.22a.75.75 0 0 1-1.062-1.06l2.222-2.221c1.83-1.83 1.856-4.698.147-6.408zm-3.36 4.58a.75.75 0 0 1 0 1.06l-6.439 6.44a.75.75 0 0 1-1.06-1.06l6.439-6.44a.75.75 0 0 1 1.06 0zM6.04 9.42a.75.75 0 0 1 0 1.061l-2.222 2.222c-1.83 1.83-1.856 4.698-.147 6.407l1.22 1.22c1.71 1.71 4.578 1.683 6.408-.147l2.221-2.221a.75.75 0 1 1 1.06 1.06l-2.22 2.222c-2.377 2.376-6.195 2.481-8.53.147l-1.22-1.22c-2.334-2.334-2.228-6.153.148-8.53l2.221-2.22a.75.75 0 0 1 1.06 0z'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-video-camera' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M0 6.75a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v1.078L22.873 5A.75.75 0 0 1 24 5.648v12.704a.75.75 0 0 1-1.123.65L18 16.207v1.043a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6.75Zm18 7.728 4.5 2.58V6.95L18 9.562v4.916ZM16.5 6.75a1.5 1.5 0 0 0-1.5-1.5H3a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h12a1.5 1.5 0 0 0 1.5-1.5V6.75Z'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-video-camera-full' xmlns='http://www.w3.org/2000/svg'><path d='M2 3.333a2 2 0 0 0-2 2v9.334a2 2 0 0 0 2 2h10.938a2 2 0 0 0 2-2v-2.013L20 15.646V4.354l-5.063 3.03v-2.05a2 2 0 0 0-2-2H2Z' fill='currentColor'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-vk' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' fill-rule='evenodd' d='M6.341 3.27a10.5 10.5 0 0 1 5.834-1.77.75.75 0 0 0 0-1.5 12 12 0 1 0 12 12 .75.75 0 0 0-1.5 0A10.5 10.5 0 1 1 6.34 3.27Zm14.145 1.48a.75.75 0 1 0-1.06-1.062L9.925 13.19V7.95a.75.75 0 1 0-1.5 0V15c0 .414.336.75.75.75h7.05a.75.75 0 0 0 0-1.5h-5.24l9.501-9.5Z'/></symbol></svg>", LitSolutionBlock = class extends LitBlock {
 	constructor(...f) {
 		super(...f), this.init$ = solutionBlockCtx(this);
@@ -34,33 +35,613 @@ var BaseComponent = class extends RegisterableElementMixin(SymbioteMixin()(CssDa
 	render() {
 		return html`${unsafeSVG(svg_sprite_default)}`;
 	}
-}, StartFrom = class extends LitActivityBlock {
+};
+const uniqueArray = (f) => [...new Set(f)], CSS_PREF = "--uc-img-", UNRESOLVED_ATTR = "unresolved", DEV_MODE = !window.location.host.trim() || window.location.host.includes(":") || window.location.hostname.includes("localhost"), ImgTypeEnum = Object.freeze({
+	PREVIEW: "PREVIEW",
+	MAIN: "MAIN"
+});
+var DEFAULT_CDN_BASE = "https://ucarecdn.com";
+const PROPS_MAP = Object.freeze({
+	"dev-mode": {},
+	pubkey: {},
+	uuid: {},
+	src: {},
+	lazy: { default: 1 },
+	intersection: {},
+	breakpoints: {},
+	"cdn-cname": { default: DEFAULT_CDN_BASE },
+	"proxy-cname": {},
+	"secure-delivery-proxy": {},
+	"hi-res-support": { default: 1 },
+	"ultra-res-support": {},
+	format: {},
+	"cdn-operations": {},
+	progressive: {},
+	quality: {},
+	"is-background-for": {},
+	"is-preview-blur": { default: 1 }
+});
+var ImgConfig = class extends CssDataMixin(RegisterableElementMixin(LitElement)) {
+	createRenderRoot() {
+		return this;
+	}
+	constructor() {
+		for (let f in super(), this._state = {}, this._subscribers = /* @__PURE__ */ new Map(), this._isnObserver = null, this._observed = null, PROPS_MAP) {
+			let V = PROPS_MAP[f];
+			this._state[CSS_PREF + f] = V?.default || "";
+		}
+	}
+	$$(f) {
+		return this._state[CSS_PREF + f];
+	}
+	set$$(f) {
+		for (let V in f) {
+			let H = CSS_PREF + V, U = f[V];
+			this._state[H] = U, this._notify(H, U);
+		}
+	}
+	sub$$(f, V) {
+		let H = CSS_PREF + f;
+		this._subscribers.has(H) || this._subscribers.set(H, /* @__PURE__ */ new Set()), this._subscribers.get(H)?.add(V);
+		let U = this._state[H];
+		U !== null && U !== "" && V(U);
+	}
+	_notify(f, V) {
+		this._subscribers.has(f) && this._subscribers.get(f)?.forEach((f) => {
+			V === null || V === "" || f(V);
+		});
+	}
+	analyticsParams() {
+		return `-/@clib/${PACKAGE_NAME}/${PACKAGE_VERSION}/uc-img/`;
+	}
+	initAttributes(f) {
+		Array.from(this.attributes).forEach((V) => {
+			let H = V;
+			PROPS_MAP[H.name] || f.setAttribute(H.name, H.value);
+		});
+	}
+	initIntersection(f, V) {
+		this._isnObserver = new IntersectionObserver((H) => {
+			H.forEach((H) => {
+				H.isIntersecting && (V(), this._isnObserver?.unobserve(f));
+			});
+		}, {
+			root: null,
+			rootMargin: "0px"
+		}), this._isnObserver.observe(f), this._observed ||= /* @__PURE__ */ new Set(), this._observed.add(f);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._initCssProperties();
+	}
+	_initCssProperties() {
+		for (let f in PROPS_MAP) {
+			let V = CSS_PREF + f, H = this.getCssData(V, !0);
+			H != null && (this._state[V] = H);
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._isnObserver &&= (this._observed?.forEach((f) => {
+			this._isnObserver?.unobserve(f);
+		}), null), this._subscribers.clear();
+	}
+	static get observedAttributes() {
+		return Object.keys(PROPS_MAP);
+	}
+	attributeChangedCallback(f, V, H) {
+		window.setTimeout(() => {
+			let V = CSS_PREF + f;
+			this._state[V] = H, this._notify(V, H);
+		});
+	}
+};
+const parseObjectToString = (f) => Object.entries(f).filter(([f, V]) => V !== void 0 && V !== "").map(([f, V]) => f === "cdn-operations" || f === "analytics" ? V : `${f}/${V}`);
+var ImgBase = class extends ImgConfig {
 	constructor(...f) {
-		super(...f), this.historyTracked = !0, this.activityType = LitActivityBlock.activities.START_FROM;
+		super(...f), this._img = new Image(), this._imgPreview = new Image();
+	}
+	_fmtAbs(f) {
+		return !f.includes("//") && !DEV_MODE && (f = new URL(f, document.baseURI).href), f;
+	}
+	_validateSize(f) {
+		if (!f) return;
+		let V = f, H = V.match(/\d+/)?.[0], U = V.match(/[a-zA-Z]+/)?.[0];
+		if (!H || !U) return;
+		let W = parseInt(H, 10);
+		return Number(W) > 5e3 && this._hasFormatJPG ? 5e3 + U : Number(W) > 3e3 && !this._hasFormatJPG ? 3e3 + U : f;
+	}
+	_getCdnModifiers(f, V) {
+		return createCdnUrlModifiers(...parseObjectToString({
+			format: this._getTypedCssValue("format"),
+			quality: this._getTypedCssValue("quality"),
+			resize: this._validateSize(f),
+			blur: V,
+			"cdn-operations": this._getTypedCssValue("cdn-operations") ?? void 0,
+			analytics: this.analyticsParams()
+		}));
+	}
+	_getTypedCssValue(f) {
+		let V = this.$$(f);
+		if (V == null || typeof V == "string" || typeof V == "number" || typeof V == "boolean") return V;
+	}
+	_getUrlBase(f = "", V = "") {
+		let H = this.$$("src");
+		if (H.startsWith("data:") || H.startsWith("blob:")) return H;
+		if (DEV_MODE && H && !H.includes("//")) return this._proxyUrl(H);
+		let U = this._getCdnModifiers(f, V), W = this.$$("cdn-cname"), G = W;
+		if (H.startsWith(String(W))) return createCdnUrl(H, U);
+		let K = this.$$("uuid");
+		if (G && K || K) return this._proxyUrl(createCdnUrl(createOriginalUrl(G, K), U));
+		let q = this.$$("proxy-cname");
+		if (q) return this._proxyUrl(createCdnUrl(q, U, this._fmtAbs(H)));
+		let Y = this.$$("pubkey");
+		if (Y) return this._proxyUrl(createCdnUrl(`https://${Y}.ucr.io/`, U, this._fmtAbs(H)));
+	}
+	_proxyUrl(f) {
+		let V = this.$$("secure-delivery-proxy");
+		return V ? applyTemplateData(V, { previewUrl: f }, { transform: (f) => window.encodeURIComponent(f) }) : f;
+	}
+	_getElSize(f, V = 1, H = !0) {
+		let U = f.getBoundingClientRect(), W = V * Math.round(U.width), G = H ? "" : V * Math.round(U.height);
+		return W || G ? `${W || ""}x${G || ""}` : null;
+	}
+	_setupEventProxy(f) {
+		let V = (f) => {
+			f.stopPropagation();
+			let V = new Event(f.type, f);
+			this.dispatchEvent(V);
+		};
+		for (let H of ["load", "error"]) f.addEventListener(H, V);
+	}
+	get img() {
+		return this._hasPreviewImage || (this._setupConfigForImage({ elNode: this._img }), this.appendChild(this._img)), this._img;
+	}
+	get _currentImg() {
+		return this._hasPreviewImage ? {
+			type: ImgTypeEnum.PREVIEW,
+			img: this._imgPreview
+		} : {
+			type: ImgTypeEnum.MAIN,
+			img: this.img
+		};
+	}
+	get _hasPreviewImage() {
+		return this.$$("is-preview-blur");
+	}
+	get _bgSelector() {
+		return this.$$("is-background-for");
+	}
+	get _breakpoints() {
+		let V = this.$$("breakpoints");
+		return V ? uniqueArray(stringToArray(V).map((f) => parseInt(f, 10))) : null;
+	}
+	get _hasFormatJPG() {
+		return this.$$("format").toLowerCase() === "jpeg";
+	}
+	_renderBg(f) {
+		let V = /* @__PURE__ */ new Set();
+		V.add(`url("${this._getUrlBase(this._getElSize(f))}") 1x`), this.$$("hi-res-support") && V.add(`url("${this._getUrlBase(this._getElSize(f, 2))}") 2x`), this.$$("ultra-res-support") && V.add(`url("${this._getUrlBase(this._getElSize(f, 3))}") 3x`);
+		let H = `image-set(${[...V].join(", ")})`;
+		f.style.setProperty("background-image", H), f.style.setProperty("background-image", `-webkit-${H}`);
+	}
+	_getSrcset() {
+		let f = /* @__PURE__ */ new Set();
+		return this._breakpoints ? this._breakpoints.forEach((V) => {
+			f.add(`${this._getUrlBase(`${V}x`)} ${this._validateSize(`${V}w`)}`), this.$$("hi-res-support") && f.add(`${this._getUrlBase(`${V * 2}x`)} ${this._validateSize(`${V * 2}w`)}`), this.$$("ultra-res-support") && f.add(`${this._getUrlBase(`${V * 3}x`)} ${this._validateSize(`${V * 3}w`)}`);
+		}) : (f.add(`${this._getUrlBase(this._getElSize(this._currentImg.img))} 1x`), this.$$("hi-res-support") && f.add(`${this._getUrlBase(this._getElSize(this._currentImg.img, 2))} 2x`), this.$$("ultra-res-support") && f.add(`${this._getUrlBase(this._getElSize(this._currentImg.img, 3))} 3x`)), [...f].join();
+	}
+	_getSrc() {
+		return this._getUrlBase();
+	}
+	get _srcUrlPreview() {
+		return this._getUrlBase("100x", "100");
+	}
+	_renderBackground() {
+		let f = this._bgSelector;
+		[...document.querySelectorAll(f)].forEach((f) => {
+			this.$$("intersection") ? this.initIntersection(f, () => {
+				this._renderBg(f);
+			}) : this._renderBg(f);
+		});
+	}
+	_appendURL({ elNode: f, src: V, srcset: H }) {
+		V && (f.src = V), H && (f.srcset = H);
+	}
+	_setupConfigForImage({ elNode: f }) {
+		this._setupEventProxy(f), this.initAttributes(f);
+	}
+	_loaderImage({ src: f, srcset: V, elNode: H }) {
+		return new Promise((U, W) => {
+			this._setupConfigForImage({ elNode: H }), H.setAttribute(UNRESOLVED_ATTR, ""), H.addEventListener("load", () => {
+				H.removeAttribute(UNRESOLVED_ATTR), U(H);
+			}), H.addEventListener("error", () => {
+				W(!1);
+			}), this._appendURL({
+				elNode: H,
+				src: f,
+				srcset: V
+			});
+		});
+	}
+	async _renderImage() {
+		if (this.$$("intersection")) {
+			this._hasPreviewImage && (this._setupConfigForImage({ elNode: this._imgPreview }), this.appendChild(this._imgPreview)), this.initIntersection(this._currentImg.img, async () => {
+				this._hasPreviewImage && (this._imgPreview.src = this._srcUrlPreview);
+				try {
+					await this._loaderImage({
+						src: this._getSrc(),
+						srcset: this._getSrcset(),
+						elNode: this._img
+					}), this._hasPreviewImage && await this._imgPreview.remove(), this.appendChild(this._img);
+				} catch {
+					this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+				}
+			});
+			return;
+		}
+		try {
+			this._hasPreviewImage && (await this._loaderImage({
+				src: this._srcUrlPreview,
+				elNode: this._imgPreview
+			}), this.appendChild(this._imgPreview)), await this._loaderImage({
+				src: this._getSrc(),
+				srcset: this._getSrcset(),
+				elNode: this._img
+			}), this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+		} catch {
+			this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+		}
+	}
+	init() {
+		this._bgSelector ? this._renderBackground() : this._renderImage();
+	}
+}, Img = class extends ImgBase {
+	connectedCallback() {
+		super.connectedCallback(), this.sub$$("src", () => {
+			this.init();
+		}), this.sub$$("uuid", () => {
+			this.init();
+		}), this.sub$$("lazy", (f) => {
+			!this.$$("is-background-for") && !this.$$("is-preview-blur") && (this.img.loading = f ? "lazy" : "eager");
+		});
+	}
+}, LAST_ACTIVE_MODAL_ID = null, Modal = class extends LitBlock {
+	constructor(...f) {
+		super(...f), this.dialogEl = createRef(), this.strokes = !1, this.blockBodyScrolling = !1, this.closeDialog = () => {
+			this.modalManager?.close(this.id), this.modalManager?.hasActiveModals || (document.body.style.overflow = "", this.$["*currentActivity"] = null);
+		}, this._handleDialogClose = () => {
+			this.closeDialog();
+		}, this._handleDialogMouseDown = (f) => {
+			this._mouseDownTarget = f.target;
+		}, this._handleDialogMouseUp = (f) => {
+			let V = f.target;
+			V === this.dialogEl.value && V === this._mouseDownTarget && this.closeDialog();
+		}, this._handleModalOpen = ({ id: f }) => {
+			f === this.id ? (LAST_ACTIVE_MODAL_ID = f, this.show(), this.emit(EventType.MODAL_OPEN, { modalId: f }, { debounce: !0 })) : this.hide();
+		}, this._handleModalClose = ({ id: f }) => {
+			f === this.id && (this.hide(), this.emit(EventType.MODAL_CLOSE, {
+				modalId: f,
+				hasActiveModals: this.modalManager?.hasActiveModals
+			}, { debounce: !0 }));
+		}, this._handleModalCloseAll = (f) => {
+			this.hide(), LAST_ACTIVE_MODAL_ID === this.id && this.emit(EventType.MODAL_CLOSE, {
+				modalId: LAST_ACTIVE_MODAL_ID,
+				hasActiveModals: this.modalManager?.hasActiveModals
+			}, { debounce: !0 });
+		};
+	}
+	static {
+		this.styleAttrs = [...super.styleAttrs, "uc-modal"];
+	}
+	show() {
+		let f = this.dialogEl.value;
+		typeof f.showModal == "function" ? (this.setAttribute("aria-modal", "true"), f.showModal()) : f.setAttribute("open", ""), this.cfg.modalScrollLock && (document.body.style.overflow = "hidden");
+	}
+	hide() {
+		let f = this.dialogEl.value;
+		f && (typeof f.close == "function" ? (this.setAttribute("aria-modal", "false"), f.close()) : f.removeAttribute("open"));
 	}
 	initCallback() {
-		super.initCallback(), this.registerActivity(this.activityType ?? "");
+		super.initCallback(), this.modalManager?.registerModal(this.id, this), this.subConfigValue("modalBackdropStrokes", (f) => {
+			f ? this.setAttribute("strokes", "") : this.removeAttribute("strokes");
+		}), this.modalManager?.subscribe(ModalEvents.OPEN, this._handleModalOpen), this.modalManager?.subscribe(ModalEvents.CLOSE, this._handleModalClose), this.modalManager?.subscribe(ModalEvents.CLOSE_ALL, this._handleModalCloseAll);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.body.style.overflow = "", this._mouseDownTarget = void 0, this.modalManager?.unsubscribe(ModalEvents.OPEN, this._handleModalOpen), this.modalManager?.unsubscribe(ModalEvents.CLOSE, this._handleModalClose), this.modalManager?.unsubscribe(ModalEvents.CLOSE_ALL, this._handleModalCloseAll);
+	}
+	_handleDialogRef(f) {
+		this.dialogEl = { value: f }, this.dialogEl.value?.addEventListener("close", this._handleDialogClose), this.dialogEl.value?.addEventListener("mousedown", this._handleDialogMouseDown), this.dialogEl.value?.addEventListener("mouseup", this._handleDialogMouseUp);
 	}
 	render() {
-		return html` <div class="uc-content">${this.yield("")}</div> `;
+		return html`
+  <dialog ${ref(this._handleDialogRef)}>
+    ${this.yield("")}
+  </dialog>
+`;
 	}
-}, UploadCtxProvider = class extends LitUploaderBlock {
+};
+__decorate([property({
+	type: Boolean,
+	noAccessor: !0
+})], Modal.prototype, "strokes", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "block-body-scrolling",
+	noAccessor: !0
+})], Modal.prototype, "blockBodyScrolling", void 0);
+var FormInput = class extends LitUploaderBlock {
 	constructor(...f) {
-		super(...f), this._unbindEventEmitter = null;
+		super(...f), this._validationInputElement = null, this._dynamicInputsContainer = null;
 	}
-	static {
-		this.styleAttrs = ["uc-wgt-common"];
+	get _inputName() {
+		return this.nameAttrValue ?? this.ctxName;
 	}
-	static {
-		this.EventType = EventType;
+	_createValidationInput() {
+		let f = document.createElement("input");
+		return f.type = "text", f.name = this._inputName, f.required = this.cfg.multipleMin > 0, f.tabIndex = -1, applyStyles(f, {
+			opacity: 0,
+			height: 0,
+			width: 0
+		}), f;
 	}
 	initCallback() {
-		super.initCallback(), this._unbindEventEmitter = this.eventEmitter.bindTarget(this);
+		super.initCallback(), this._validationInputElement = this._createValidationInput(), this.appendChild(this._validationInputElement), this.sub("*collectionState", (f) => {
+			if (!f) return;
+			if (!this._dynamicInputsContainer) {
+				let f = document.createElement("div");
+				this.appendChild(f), this._dynamicInputsContainer = f;
+			}
+			if (!this._validationInputElement) {
+				let f = this._createValidationInput();
+				this.appendChild(f), this._validationInputElement = f;
+			}
+			if (this._dynamicInputsContainer.innerHTML = "", f.status === "uploading" || f.status === "idle") {
+				this._validationInputElement.value = "", this._validationInputElement.setCustomValidity("");
+				return;
+			}
+			if (f.status === "failed") {
+				let V = f.errors[0]?.message;
+				this._validationInputElement.value = "", this._validationInputElement.setCustomValidity(V ?? "");
+				return;
+			}
+			let V = f.group ? f.group : null;
+			if (V) {
+				this._validationInputElement.value = V.cdnUrl ?? "", this._validationInputElement.setCustomValidity("");
+				return;
+			}
+			let H = f.allEntries.map((f) => f.cdnUrl).filter((f) => typeof f == "string");
+			if (!this.cfg.multiple && H.length === 1 && H[0]) {
+				this._validationInputElement.value = H[0], this._validationInputElement.setCustomValidity("");
+				return;
+			}
+			this._validationInputElement.remove(), this._validationInputElement = null;
+			let U = new DocumentFragment();
+			for (let f of H) {
+				let V = document.createElement("input");
+				V.type = "hidden", V.name = `${this._inputName}[]`, V.value = f, U.appendChild(V);
+			}
+			this._dynamicInputsContainer.replaceChildren(U);
+		}, !1);
+	}
+};
+__decorate([property({
+	type: String,
+	noAccessor: !0,
+	attribute: "name"
+})], FormInput.prototype, "nameAttrValue", void 0);
+var Copyright = class extends LitBlock {
+	initCallback() {
+		super.initCallback(), this.subConfigValue("removeCopyright", (f) => {
+			this.toggleAttribute("hidden", !!f);
+		});
+	}
+	render() {
+		return html`
+      <a
+        href="https://uploadcare.com/?utm_source=copyright&amp;utm_medium=referral&amp;utm_campaign=v4"
+        target="_blank noopener"
+        class="uc-credits"
+        >Powered by Uploadcare</a
+      >
+    `;
+	}
+}, ProgressBar = class extends LitBlock {
+	constructor(...f) {
+		super(...f), this.hasFileName = !1, this.value = 0, this.visible = !0, this._progressValue = 0, this._fakeProgressLineRef = createRef(), this._handleFakeProgressAnimation = () => {
+			let f = this._fakeProgressLineRef.value;
+			if (f) {
+				if (!this.visible) {
+					f.classList.add("uc-fake-progress--hidden");
+					return;
+				}
+				this._progressValue > 0 && f.classList.add("uc-fake-progress--hidden");
+			}
+		};
+	}
+	firstUpdated(f) {
+		super.firstUpdated(f), this._progressValue = this._normalizeProgressValue(this.value), this._updateProgressValueStyle(), this._fakeProgressLineRef.value?.addEventListener("animationiteration", this._handleFakeProgressAnimation);
+	}
+	updated(f) {
+		if (super.updated(f), f.has("value")) {
+			let f = this._normalizeProgressValue(this.value);
+			if (!this.visible) this._progressValue = f;
+			else {
+				let V = Math.max(this._progressValue, f);
+				V !== this._progressValue && (this._progressValue = V, this._updateProgressValueStyle());
+			}
+		}
+		f.has("visible") && (this.classList.toggle("uc-progress-bar--hidden", !this.visible), this.visible ? this._updateProgressValueStyle() : this._progressValue = this._normalizeProgressValue(this.value));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this._unbindEventEmitter?.();
+		super.disconnectedCallback(), this._fakeProgressLineRef.value?.removeEventListener("animationiteration", this._handleFakeProgressAnimation);
+	}
+	_normalizeProgressValue(f) {
+		return Number.isFinite(f) ? Math.min(100, Math.max(0, f)) : 0;
+	}
+	_updateProgressValueStyle() {
+		this.visible && this.style.setProperty("--l-progress-value", this._progressValue.toString());
+	}
+	render() {
+		return html`
+      <div ${ref(this._fakeProgressLineRef)} class="uc-fake-progress"></div>
+      <div class="uc-progress"></div>
+    `;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	noAccessor: !0
+})], ProgressBar.prototype, "hasFileName", void 0), __decorate([property({ type: Number })], ProgressBar.prototype, "value", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], ProgressBar.prototype, "visible", void 0);
+var ProgressBarCommon = class extends LitUploaderBlock {
+	constructor() {
+		super(), this._visible = !1, this._value = 0, this.init$ = {
+			...this.init$,
+			"*commonProgress": 0
+		};
 	}
-}, FileItemConfig = class extends LitUploaderBlock {
+	initCallback() {
+		super.initCallback(), this._unobserveCollectionCb = this.uploadCollection.observeProperties(() => {
+			this._visible = this.uploadCollection.items().some((f) => this.uploadCollection.read(f)?.getValue("isUploading") ?? !1);
+		}), this.sub("*commonProgress", (f) => {
+			this._value = f;
+		});
+	}
+	updated(f) {
+		super.updated(f), f.has("visible") && (this._visible ? this.setAttribute("active", "") : this.removeAttribute("active"));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._unobserveCollectionCb?.(), this._unobserveCollectionCb = void 0;
+	}
+	render() {
+		return html` <uc-progress-bar .value=${this._value} .visible=${this._visible}></uc-progress-bar> `;
+	}
+};
+__decorate([state()], ProgressBarCommon.prototype, "_visible", void 0), __decorate([state()], ProgressBarCommon.prototype, "_value", void 0);
+var SourceBtn = class extends LitUploaderBlock {
+	constructor(...f) {
+		super(...f), this.couldBeCtxOwner = !0, this._iconName = "default", this._srcTypeKey = "";
+	}
+	willUpdate(f) {
+		super.willUpdate(f), f.has("source") && this._applySource(this.source);
+	}
+	_applySource(f) {
+		if (!f) {
+			this._srcTypeKey = "", this._iconName = "default";
+			return;
+		}
+		let { label: V, icon: H, id: U } = f;
+		this._srcTypeKey = V, this._iconName = H ?? U ?? "default";
+	}
+	activate() {
+		this.source && this.source.onClick();
+	}
+	render() {
+		return html`
+      <button type="button" @click=${this.activate}>
+        <uc-icon name=${this._iconName}></uc-icon>
+        <div class="uc-txt">${this.l10n(this._srcTypeKey)}</div>
+      </button>
+    `;
+	}
+};
+__decorate([property({ attribute: !1 })], SourceBtn.prototype, "source", void 0), __decorate([state()], SourceBtn.prototype, "_iconName", void 0), __decorate([state()], SourceBtn.prototype, "_srcTypeKey", void 0);
+var SourceList = class extends LitUploaderBlock {
+	constructor(...f) {
+		super(...f), this._rawSourceList = [], this._sources = [], this.wrap = !1;
+	}
+	initCallback() {
+		super.initCallback(), this.subConfigValue("sourceList", (V) => {
+			this._rawSourceList = stringToArray(V), this._updateSources();
+		});
+		let V = this._sharedInstancesBag.pluginManager;
+		V?.onPluginsChange && (this._unsubscribePlugins = V.onPluginsChange(() => this._updateSources()));
+	}
+	updated(f) {
+		super.updated(f), this.cfg.sourceListWrap ? this.style.removeProperty("display") : this.style.display = "contents";
+	}
+	_updateSources() {
+		let f = this._sharedInstancesBag.pluginManager?.snapshot().sources ?? [], V = new Map(f.map((f) => [f.id, f])), H = [];
+		this._rawSourceList.forEach((f) => {
+			let U = this._expandSource(f, V);
+			if (U.length !== 1 || U[0] !== f) {
+				for (let f of U) {
+					let U = this._makeBuiltInSourceConfig(f);
+					if (U) {
+						H.push(U);
+						continue;
+					}
+					let W = V.get(f);
+					W && H.push(this._makePluginSourceConfig(W));
+				}
+				return;
+			}
+			let W = this._makeBuiltInSourceConfig(f);
+			if (W) {
+				H.push(W);
+				return;
+			}
+			let G = V.get(f);
+			G && H.push(this._makePluginSourceConfig(G));
+		}), this._sources = H;
+	}
+	_expandSource(f, V) {
+		let H = V.get(f);
+		return H?.expand ? H.expand() : [f];
+	}
+	_makeBuiltInSourceConfig(f) {
+		switch (f) {
+			case UploadSource.LOCAL: return {
+				id: f,
+				label: `src-type-${f}`,
+				icon: f,
+				onClick: () => this.api.openSystemDialog()
+			};
+			default: break;
+		}
+		return null;
+	}
+	_makePluginSourceConfig(f) {
+		return {
+			id: f.id,
+			label: f.label,
+			icon: f.icon,
+			onClick: () => f.onSelect()
+		};
+	}
+	render() {
+		return html`${this._sources.map((f) => html`<uc-source-btn role="listitem" .source=${f} data-source-id=${f.id}></uc-source-btn>`)}`;
+	}
+	disconnectedCallback() {
+		this._unsubscribePlugins?.(), this._unsubscribePlugins = void 0, super.disconnectedCallback();
+	}
+};
+__decorate([state()], SourceList.prototype, "_sources", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "wrap",
+	noAccessor: !0
+})], SourceList.prototype, "wrap", void 0);
+function generateThumb(f, V = 40) {
+	if (f.type === "image/svg+xml") return URL.createObjectURL(f);
+	let H = document.createElement("canvas"), U = H.getContext("2d");
+	if (!U) return Promise.reject(/* @__PURE__ */ Error("Canvas context not supported"));
+	let W = new Image(), G = new Promise((f, G) => {
+		W.onload = () => {
+			let K = W.height / W.width;
+			K > 1 ? (H.width = V, H.height = V * K) : (H.height = V, H.width = V / K), U.fillStyle = "rgb(240, 240, 240)", U.fillRect(0, 0, H.width, H.height), U.drawImage(W, 0, 0, H.width, H.height), H.toBlob((V) => {
+				if (!V) {
+					G();
+					return;
+				}
+				f(URL.createObjectURL(V));
+			});
+		}, W.onerror = (f) => {
+			G(f);
+		};
+	});
+	return W.src = URL.createObjectURL(f), G;
+}
+var FileItemConfig = class extends LitUploaderBlock {
 	constructor(...f) {
 		super(...f), this._entrySubs = /* @__PURE__ */ new Set(), this.entry = null;
 	}
@@ -89,6 +670,210 @@ var BaseComponent = class extends RegisterableElementMixin(SymbioteMixin()(CssDa
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._entrySubs = /* @__PURE__ */ new Set();
 	}
+};
+function createSvgBlobUrl(f) {
+	let V = new Blob([f], { type: "image/svg+xml" });
+	return URL.createObjectURL(V);
+}
+function fileCssBg(f = "hsl(209, 21%, 65%)", V = 32, H = 32) {
+	return createSvgBlobUrl(`
+  <svg width="${V}" height="${H}" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" fill="${f}" d="M9.68848 8.70068C9.68848 8.42454 9.91233 8.20068 10.1885 8.20068H15.0885C15.2211 8.20068 15.3483 8.25336 15.442 8.34713L20.342 13.2471C20.4358 13.3409 20.4885 13.4681 20.4885 13.6007V21.3007C20.4885 21.5768 20.2646 21.8007 19.9885 21.8007H10.1885C9.91233 21.8007 9.68848 21.5768 9.68848 21.3007V8.70068ZM10.6885 9.20068V20.8007H19.4885V14.1007L15.0885 14.1007C14.8123 14.1007 14.5885 13.8768 14.5885 13.6007L14.5885 9.20068H10.6885ZM15.5885 9.90779L18.7814 13.1007L15.5885 13.1007L15.5885 9.90779Z"/>
+  </svg>
+  `);
+}
+var CDN_MAX_OUTPUT_DIMENSION = 3e3, Thumb = class extends FileItemConfig {
+	constructor(...f) {
+		super(...f), this.badgeIcon = "", this.uid = "", this._thumbUrl = "", this._renderedGridOnce = !1, this._thumbRect = null, this._isIntersecting = !1, this._firstViewMode = this.cfg.filesViewMode, this._generateThumbnail = this.withEntry(async (f, V = !1) => {
+			let H = f.getValue("fileInfo"), U = f.getValue("isImage"), W = f.getValue("uuid"), G = f.getValue("thumbUrl"), K = this._calculateThumbSize(V);
+			if (H && U && W) {
+				let V = await this.proxyUrl(createCdnUrl(createOriginalUrl(this.cfg.cdnCname, W), createCdnUrlModifiers(f.getValue("cdnUrlModifiers"), "stretch/off", `scale_crop/${K}x${K}/center`)));
+				if (G === V) return;
+				let { promise: H } = preloadImage(V);
+				H.then(() => {
+					f.setValue("thumbUrl", V), G?.startsWith("blob:") && URL.revokeObjectURL(G);
+				}).catch(async () => {
+					if (!G?.startsWith("blob:")) try {
+						let V = f.getValue("file");
+						if (!V) return;
+						let H = await generateThumb(V, K);
+						f.setValue("thumbUrl", H);
+					} catch (V) {
+						this.telemetryManager.sendEventError(V, "thumbnail generation. Failed to generate thumb from file");
+						let H = window.getComputedStyle(this).getPropertyValue("--uc-muted-foreground");
+						f.setValue("thumbUrl", fileCssBg(H));
+					}
+				});
+				return;
+			}
+			if (f.getValue("thumbUrl")) return;
+			let q = f.getValue("file");
+			if (q?.type.includes("image")) try {
+				let V = await generateThumb(q, K);
+				f.setValue("thumbUrl", V);
+			} catch (V) {
+				this.telemetryManager.sendEventError(V, "thumbnail generation. Failed to generate thumb from file");
+				let H = window.getComputedStyle(this).getPropertyValue("--uc-muted-foreground");
+				f.setValue("thumbUrl", fileCssBg(H));
+			}
+			else {
+				let V = window.getComputedStyle(this).getPropertyValue("--uc-muted-foreground");
+				f.setValue("thumbUrl", fileCssBg(V));
+			}
+		}), this._debouncedGenerateThumb = debounce(this._generateThumbnail.bind(this), 100);
+	}
+	_calculateThumbSize(f = !1) {
+		f && (this._thumbRect = this.getBoundingClientRect());
+		let V = Math.max(parseInt(String(this?._thumbRect?.height || 0), 10), parseInt(String(this?._thumbRect?.width || 0), 10), this.cfg.thumbSize);
+		return window.devicePixelRatio > 1 && (V *= window.devicePixelRatio), Math.min(V, CDN_MAX_OUTPUT_DIMENSION);
+	}
+	_decodeImage(f, V) {
+		return new Promise((H, U) => {
+			let W = new Image();
+			W.decoding = "async";
+			let G = () => {
+				W &&= (W.onload = null, W.onerror = null, W.src = TRANSPARENT_PIXEL_SRC, V?.removeEventListener("abort", K), null);
+			}, K = () => {
+				G(), U(new DOMException("Aborted", "AbortError"));
+			};
+			if (V) {
+				if (V.aborted) {
+					K();
+					return;
+				}
+				V.addEventListener("abort", K, { once: !0 });
+			}
+			let q = () => {
+				G(), H();
+			}, J = (f) => {
+				G(), U(f);
+			};
+			if (typeof W.decode == "function") {
+				W.src = f, W.decode().then(q).catch(J);
+				return;
+			}
+			W.onload = q, W.onerror = J, W.src = f;
+		});
+	}
+	_cancelPendingThumbUpdate() {
+		this._pendingThumbUpdate?.cancel(), this._pendingThumbUpdate = void 0;
+	}
+	_scheduleThumbUpdate(f) {
+		if (this._cancelPendingThumbUpdate(), !f) {
+			this._thumbUrl &&= "";
+			return;
+		}
+		if (f === this._thumbUrl) return;
+		let V = new AbortController(), H = {
+			controller: V,
+			cancel: () => {
+				V.abort(), H.rafId !== void 0 && window.cancelAnimationFrame(H.rafId);
+			}
+		};
+		this._pendingThumbUpdate = H, this._decodeImage(f, V.signal).then(() => {
+			V.signal.aborted || (H.rafId = window.requestAnimationFrame(() => {
+				V.signal.aborted || (this._thumbUrl = f);
+			}));
+		}).catch((f) => {
+			V.signal.aborted || f instanceof DOMException && f.name === "AbortError" || console.warn("[Thumb] Failed to decode thumbnail image", f);
+		});
+	}
+	_requestThumbGeneration(f = !1) {
+		if (this.entry) {
+			if (f) {
+				this._generateThumbnail(!0);
+				return;
+			}
+			this._isIntersecting && this._debouncedGenerateThumb();
+		}
+	}
+	firstUpdated(f) {
+		super.firstUpdated(f), this._bindToEntry();
+	}
+	updated(f) {
+		super.updated(f), f.has("uid") && this._bindToEntry();
+	}
+	_observerCallback(f) {
+		let [V] = f;
+		V && (this._isIntersecting = V.isIntersecting, V.isIntersecting && (this._thumbRect = V.boundingClientRect, this._requestThumbGeneration(), this._observer?.disconnect()), V.intersectionRatio === 0 && this._debouncedGenerateThumb.cancel());
+	}
+	reset() {
+		super.reset(), this._debouncedGenerateThumb.cancel(), this._cancelPendingThumbUpdate(), this._thumbUrl &&= "";
+	}
+	_bindToEntry() {
+		let f = this.uid?.trim();
+		if (!f) {
+			this.entry && this.reset();
+			return;
+		}
+		let V = this.uploadCollection?.read(f);
+		if (!V || V === this.entry) return;
+		this.reset(), this.entry = V;
+		let H = () => {
+			this._requestThumbGeneration();
+		};
+		this.subEntry("fileInfo", (f) => {
+			f?.isImage && H();
+		}), this.subEntry("thumbUrl", (f) => {
+			this._scheduleThumbUpdate(f ?? void 0);
+		}), this.subEntry("cdnUrlModifiers", H), this._requestThumbGeneration(!0);
+	}
+	initCallback() {
+		super.initCallback(), this.subConfigValue("filesViewMode", (f) => {
+			f === "grid" && !this._renderedGridOnce && (this._firstViewMode === "list" && this._requestThumbGeneration(!0), this._renderedGridOnce = !0);
+		});
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._observer?.disconnect(), this._observer = new window.IntersectionObserver(this._observerCallback.bind(this), { threshold: .1 }), this._observer.observe(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._debouncedGenerateThumb.cancel(), this._cancelPendingThumbUpdate(), this._observer?.disconnect();
+	}
+	render() {
+		return html`
+  <div class="uc-thumb">
+    <img
+      class="uc-thumb__img"
+      src=${this._thumbUrl || "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="}
+      role="img"
+      alt="Preview of uploaded image"
+      ?hidden=${!this._thumbUrl}
+      draggable="false"
+    />
+    <div class="uc-badge">
+      <uc-icon name=${this.badgeIcon}></uc-icon>
+    </div>
+  </div>
+`;
+	}
+};
+__decorate([property({ type: String })], Thumb.prototype, "badgeIcon", void 0), __decorate([property({ attribute: !1 })], Thumb.prototype, "uid", void 0), __decorate([state()], Thumb.prototype, "_thumbUrl", void 0);
+var StartFrom = class extends LitActivityBlock {
+	constructor(...f) {
+		super(...f), this.historyTracked = !0, this.activityType = LitActivityBlock.activities.START_FROM;
+	}
+	initCallback() {
+		super.initCallback(), this.registerActivity(this.activityType ?? "");
+	}
+	render() {
+		return html` <div class="uc-content">${this.yield("")}</div> `;
+	}
+}, UploadCtxProvider = class extends LitUploaderBlock {
+	constructor(...f) {
+		super(...f), this._unbindEventEmitter = null;
+	}
+	static {
+		this.styleAttrs = ["uc-wgt-common"];
+	}
+	static {
+		this.EventType = EventType;
+	}
+	initCallback() {
+		super.initCallback(), this._unbindEventEmitter = this.eventEmitter.bindTarget(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._unbindEventEmitter?.();
+	}
 }, FileItemState = Object.freeze({
 	FINISHED: Symbol("FINISHED"),
 	FAILED: Symbol("FAILED"),
@@ -519,8 +1304,8 @@ var dropAreaRegistry = /* @__PURE__ */ new Set(), DropArea = class extends LitUp
 					});
 				}), this.uploadCollection.size && (this.set$({ "*currentActivity": LitActivityBlock.activities.UPLOAD_LIST }), this.modalManager?.open(LitActivityBlock.activities.UPLOAD_LIST)));
 			}
-		}), this.updateComplete.then(() => this._setupContentWrapperDropzone()), this.subConfigValue("sourceList", (f) => {
-			this._sourceListAllowsLocal = stringToArray(f).includes(UploadSource.LOCAL), this._updateIsEnabled(), this._updateVisibility();
+		}), this.updateComplete.then(() => this._setupContentWrapperDropzone()), this.subConfigValue("sourceList", (V) => {
+			this._sourceListAllowsLocal = stringToArray(V).includes(UploadSource.LOCAL), this._updateIsEnabled(), this._updateVisibility();
 		});
 	}
 	willUpdate(f) {
@@ -606,8 +1391,8 @@ __decorate([property({
 	reflect: !0
 })], DropArea.prototype, "initflow", void 0), __decorate([property({ type: String })], DropArea.prototype, "text", void 0), __decorate([state()], DropArea.prototype, "_isEnabled", void 0), __decorate([state()], DropArea.prototype, "_isVisible", void 0);
 var UploadList = class extends LitUploaderBlock {
-	constructor(...V) {
-		super(...V), this.couldBeCtxOwner = !0, this.historyTracked = !0, this.activityType = LitActivityBlock.activities.UPLOAD_LIST, this._doneBtnVisible = !1, this._doneBtnEnabled = !1, this._uploadBtnVisible = !1, this._addMoreBtnVisible = !1, this._addMoreBtnEnabled = !1, this._commonErrorMessage = null, this._hasFiles = !1, this._latestSummary = null, this._handleAdd = () => {
+	constructor(...f) {
+		super(...f), this.couldBeCtxOwner = !0, this.historyTracked = !0, this.activityType = LitActivityBlock.activities.UPLOAD_LIST, this._doneBtnVisible = !1, this._doneBtnEnabled = !1, this._uploadBtnVisible = !1, this._addMoreBtnVisible = !1, this._addMoreBtnEnabled = !1, this._commonErrorMessage = null, this._hasFiles = !1, this._latestSummary = null, this._handleAdd = () => {
 			this.telemetryManager.sendEvent({
 				eventType: InternalEventType.ACTION_EVENT,
 				payload: { metadata: {
@@ -912,11 +1697,11 @@ var FileUploaderInline = class extends LitSolutionBlock {
 	}
 	initCallback() {
 		super.initCallback(), this.telemetryManager.sendEvent({ eventType: InternalEventType.INIT_SOLUTION });
-		let V = this._getInitActivity();
-		this.sub("*currentActivity", (f) => {
-			f || (this.$["*currentActivity"] = V);
-		}), this.sub("*uploadList", (f) => {
-			Array.isArray(f) && f.length > 0 && this.$["*currentActivity"] === V && (this.$["*currentActivity"] = LitActivityBlock.activities.UPLOAD_LIST);
+		let f = this._getInitActivity();
+		this.sub("*currentActivity", (V) => {
+			V || (this.$["*currentActivity"] = f);
+		}), this.sub("*uploadList", (V) => {
+			Array.isArray(V) && V.length > 0 && this.$["*currentActivity"] === f && (this.$["*currentActivity"] = LitActivityBlock.activities.UPLOAD_LIST);
 		}), this.sub("*history", () => {
 			this._couldCancel = this._couldHistoryBack || this._couldShowList;
 		});
@@ -961,11 +1746,11 @@ var ACTIVE_CLASS = "active", EMPTY_CLASS = "", FileUploaderMinimal = class exten
 	}
 	initCallback() {
 		super.initCallback(), this.telemetryManager.sendEvent({ eventType: InternalEventType.INIT_SOLUTION });
-		let V = this._getInitActivity();
-		this.sub("*currentActivity", (f) => {
-			f === LitActivityBlock.activities.UPLOAD_LIST && this.modalManager?.closeAll(), f || (this.$["*currentActivity"] = V);
-		}), this.sub("*uploadList", (f) => {
-			Array.isArray(f) && f.length > 0 ? (this.$["*currentActivity"] = LitActivityBlock.activities.UPLOAD_LIST, this._classStartFrom = EMPTY_CLASS) : (this._classUploadList = EMPTY_CLASS, this._isHiddenStartFrom = !1, this.$["*currentActivity"] = V);
+		let f = this._getInitActivity();
+		this.sub("*currentActivity", (V) => {
+			V === LitActivityBlock.activities.UPLOAD_LIST && this.modalManager?.closeAll(), V || (this.$["*currentActivity"] = f);
+		}), this.sub("*uploadList", (V) => {
+			Array.isArray(V) && V.length > 0 ? (this.$["*currentActivity"] = LitActivityBlock.activities.UPLOAD_LIST, this._classStartFrom = EMPTY_CLASS) : (this._classUploadList = EMPTY_CLASS, this._isHiddenStartFrom = !1, this.$["*currentActivity"] = f);
 		}), this.subConfigValue("confirmUpload", (f) => {
 			f !== !1 && (this.cfg.confirmUpload = !1);
 		}), this.subConfigValue("filesViewMode", (f) => {
@@ -1008,4 +1793,4 @@ var ACTIVE_CLASS = "active", EMPTY_CLASS = "", FileUploaderMinimal = class exten
 	}
 };
 __decorate([state()], FileUploaderMinimal.prototype, "_singleUpload", void 0), __decorate([state()], FileUploaderMinimal.prototype, "_isHiddenStartFrom", void 0), __decorate([state()], FileUploaderMinimal.prototype, "_classUploadList", void 0), __decorate([state()], FileUploaderMinimal.prototype, "_classStartFrom", void 0);
-export { LitActivityBlock as ActivityBlock, BaseComponent, LitBlock as Block, CameraSource, Config, PubSub as Data, DropArea, ExternalSource, ExternalUploadSource, FileItem, FileUploaderInline, FileUploaderMinimal, FileUploaderRegular, ModalEvents, PACKAGE_NAME, PACKAGE_VERSION, PluginActivityHost, PluginActivityRenderer, SimpleBtn, LitSolutionBlock as SolutionBlock, StartFrom, UID, UploadCtxProvider, UploadList, UploadSource, LitUploaderBlock as UploaderBlock, UrlSource, defineComponents, defineLocale, loadFileUploaderFrom, toKebabCase };
+export { LitActivityBlock as ActivityBlock, ActivityHeader, BaseComponent, LitBlock as Block, CameraSource, Config, Copyright, PubSub as Data, DropArea, ExternalSource, ExternalUploadSource, FileItem, FileUploaderInline, FileUploaderMinimal, FileUploaderRegular, FormInput, Icon, Img, Modal, ModalEvents, PACKAGE_NAME, PACKAGE_VERSION, PluginActivityHost, PluginActivityRenderer, ProgressBar, ProgressBarCommon, Select, SimpleBtn, LitSolutionBlock as SolutionBlock, SourceBtn, SourceList, Spinner, StartFrom, Thumb, UID, UploadCtxProvider, UploadList, UploadSource, LitUploaderBlock as UploaderBlock, UrlSource, defineComponents, defineLocale, loadFileUploaderFrom, toKebabCase };