@scaleflex/uploader 0.2.0 → 0.2.1

package/dist/{sfx-uploader-Cxz9YHev.js → sfx-uploader-CU9IwNC7.js}

@@ -1,4 +1,4 @@
-import { LitElement as E, css as y, svg as L, html as c, nothing as u } from "lit";
+import { LitElement as E, css as y, svg as j, html as c, nothing as u } from "lit";
 import { property as b, state as x, query as Se } from "lit/decorators.js";
 import { unsafeSVG as F } from "lit/directives/unsafe-svg.js";
 import { unsafeHTML as A } from "lit/directives/unsafe-html.js";
@@ -39,7 +39,7 @@ function S(a, e, t) {
   const s = new Map(r);
   s.set(e, { ...i, ...t }), a.setState({ files: s });
 }
-function j(a, e) {
+function M(a, e) {
   const t = new Map(a.getState().files);
   t.set(e.id, e), a.setState({ files: t });
 }
@@ -190,15 +190,15 @@ const Fe = {
   facebook: "facebook",
   unsplash: "unsplash"
 };
-function X(a) {
+function V(a) {
   return Fe[a] ?? a;
 }
 function xt(a, e) {
-  const t = H(a), r = btoa(JSON.stringify({ origin: window.location.origin })), i = X(e);
+  const t = H(a), r = btoa(JSON.stringify({ origin: window.location.origin })), i = V(e);
   return `${t}/${i}/connect?state=${encodeURIComponent(r)}`;
 }
 async function vt(a, e, t, r = "") {
-  const i = H(a), s = r ? `/${r}` : "", o = X(e), n = await fetch(`${i}/${o}/list${s}`, {
+  const i = H(a), s = r ? `/${r}` : "", o = V(e), n = await fetch(`${i}/${o}/list${s}`, {
     method: "GET",
     headers: Z(t),
     credentials: "same-origin"
@@ -226,7 +226,7 @@ async function bt(a, e, t) {
   return i.json();
 }
 async function mt(a, e, t, r) {
-  const i = H(a), s = X(e), o = r ? `q=${encodeURIComponent(t)}&${r}` : `q=${encodeURIComponent(t)}`, n = await fetch(`${i}/search/${s}/list?${o}`, {
+  const i = H(a), s = V(e), o = r ? `q=${encodeURIComponent(t)}&${r}` : `q=${encodeURIComponent(t)}`, n = await fetch(`${i}/search/${s}/list?${o}`, {
     method: "GET",
     headers: {
       Accept: "application/json",
@@ -241,7 +241,7 @@ async function mt(a, e, t, r) {
   return n.json();
 }
 async function Re(a, e, t, r, i, s = !1) {
-  const o = H(a), n = X(e), l = s ? `${o}/search/${n}/get/${r}` : `${o}/${n}/get/${r}`, d = s ? { Accept: "application/json", "Content-Type": "application/json" } : Z(t), h = await fetch(l, {
+  const o = H(a), n = V(e), l = s ? `${o}/search/${n}/get/${r}` : `${o}/${n}/get/${r}`, d = s ? { Accept: "application/json", "Content-Type": "application/json" } : Z(t), h = await fetch(l, {
     method: "POST",
     headers: d,
     credentials: "same-origin",
@@ -261,14 +261,14 @@ async function Re(a, e, t, r, i, s = !1) {
   return h.json();
 }
 async function wt(a, e, t) {
-  const r = H(a), i = X(e), s = await fetch(`${r}/${i}/logout`, {
+  const r = H(a), i = V(e), s = await fetch(`${r}/${i}/logout`, {
     method: "GET",
     headers: Z(t),
     credentials: "same-origin"
   });
   return s.ok ? s.json() : { ok: !1, revoked: !1 };
 }
-function Te(a) {
+function Oe(a) {
   var i;
   const t = ((i = /^(?:https?:\/\/|\/\/)?(?:[^@\n]+@)?(?:www\.)?([^\n]+)/i.exec(a)) == null ? void 0 : i[1]) ?? a;
   return `${location.protocol === "https:" ? "wss" : "ws"}://${t}`;
@@ -278,7 +278,7 @@ class oe extends Error {
     super("Authentication expired"), this.name = "AuthExpiredError";
   }
 }
-function Oe(a, e) {
+function Te(a, e) {
   const t = a.remoteInfo;
   if (!t)
     return e.onError(new Error("remoteInfo is required for companion upload")), { abort() {
@@ -295,7 +295,7 @@ function Oe(a, e) {
     metadata: Object.keys(n).length > 0 ? n : void 0
   }, l).then((d) => {
     if (r) return;
-    const f = `${Te(t.companionUrl)}/api/${d.token}`;
+    const f = `${Oe(t.companionUrl)}/api/${d.token}`;
     try {
       i = new WebSocket(f);
     } catch {
@@ -306,15 +306,15 @@ function Oe(a, e) {
       var g, w, m;
       if (!r)
         try {
-          const O = JSON.parse(p.data);
-          switch (O.action) {
+          const T = JSON.parse(p.data);
+          switch (T.action) {
             case "progress": {
-              const _ = O.payload, D = _.bytesUploaded ?? 0, Y = _.bytesTotal ?? (t.size || 1);
+              const _ = T.payload, D = _.bytesUploaded ?? 0, Y = _.bytesTotal ?? (t.size || 1);
               e.onProgress(D, Y);
               break;
             }
             case "success": {
-              const _ = O.payload;
+              const _ = T.payload;
               if (i == null || i.close(), (g = _.response) != null && g.responseText)
                 try {
                   const D = JSON.parse(_.response.responseText);
@@ -331,7 +331,7 @@ function Oe(a, e) {
             }
             case "error": {
               i == null || i.close();
-              const _ = O.payload;
+              const _ = T.payload;
               let D = ((w = _.error) == null ? void 0 : w.message) || "Upload failed";
               if ((m = _.response) != null && m.responseText)
                 try {
@@ -364,7 +364,7 @@ function Oe(a, e) {
     }
   };
 }
-class je {
+class Me {
   constructor(e, t) {
     this.activeUploads = /* @__PURE__ */ new Map(), this.retryTimers = /* @__PURE__ */ new Map(), this.unsubscribe = null, this.store = e, this.config = t;
   }
@@ -476,7 +476,7 @@ class je {
       S(this.store, e.id, { progress: p, bytesUploaded: l, speed: i }), this.updateTotalProgress();
     };
     let n;
-    e.remoteInfo ? n = Oe(e, { ...s, onProgress: o }) : e.remoteUrl ? n = ze(e, s) : n = De(e, { ...s, onProgress: o }), this.activeUploads.set(e.id, n);
+    e.remoteInfo ? n = Te(e, { ...s, onProgress: o }) : e.remoteUrl ? n = ze(e, s) : n = De(e, { ...s, onProgress: o }), this.activeUploads.set(e.id, n);
   }
   handleComplete(e, t) {
     this.activeUploads.delete(e), S(this.store, e, {
@@ -541,7 +541,7 @@ function we(a) {
 function ae(a) {
   return `https://api.filerobot.com/${a}`;
 }
-async function Me(a, e) {
+async function Le(a, e) {
   const t = `${ae(a)}/key/${encodeURIComponent(e)}`, r = new AbortController(), i = setTimeout(() => r.abort(), 3e4);
   try {
     const s = await fetch(t, { signal: r.signal });
@@ -568,16 +568,13 @@ function ee(a, e) {
     case "sass-key":
       t["X-Filerobot-Key"] = a.sassKey;
       break;
-    case "session":
-      t["X-Filerobot-Session"] = a.sessionToken, a.companyToken && (t["X-Company-Token"] = a.companyToken), a.projectToken && (t["X-Project-Token"] = a.projectToken);
-      break;
   }
   return a.airboxPuid && (t["X-Filerobot-Airbox-Puid"] = a.airboxPuid), t;
 }
-async function Le(a) {
+async function je(a) {
   const e = ae(a.container);
   if (a.mode === "security-template") {
-    const t = await Me(a.container, a.securityTemplateId);
+    const t = await Le(a.container, a.securityTemplateId);
     return { apiBase: e, headers: ee(a, t), sassKey: t };
   }
   return { apiBase: e, headers: ee(a) };
@@ -602,7 +599,7 @@ const v = {
   FILL_METADATA: "sfx-fill-metadata"
 };
 let Ae = 0;
-function M() {
+function L() {
   return `file-${Date.now()}-${++Ae}`;
 }
 function J(a) {
@@ -701,7 +698,7 @@ function te(a, e, t) {
 function Ne(a, e, t) {
   return te(a, e, t);
 }
-function Xe(a) {
+function Ve(a) {
   return a.allowedFileTypes ? a.allowedFileTypes.join(",") : "";
 }
 const ye = {
@@ -755,7 +752,7 @@ const ye = {
     brandHtml: '<span class="brand-ico" style="background:#111"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><path d="M8.5 11.5v5h7v-5h5.5V21h-18v-9.5h5.5zm7-8v5h-7v-5h7z"/></svg></span>'
   }
 };
-function Ve(a) {
+function Xe(a) {
   return a.filter((e) => e in ye).map((e) => ye[e]);
 }
 var We = Object.defineProperty, Ke = (a, e, t, r) => {
@@ -786,7 +783,7 @@ const Je = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21
       ${this.sources.map(
       (e) => c`
           <button @click=${() => this._handleClick(e)}>
-            ${e.brandHtml ? A(e.brandHtml) : L`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
+            ${e.brandHtml ? A(e.brandHtml) : j`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             ${e.label}
           </button>
         `
@@ -979,7 +976,7 @@ const _e = 3, de = class de extends E {
     }}
       >
         ${e.brandHtml ? A(e.brandHtml) : c`<span class="pill-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
-              ${L`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
+              ${j`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             </span>`}
         ${e.label}
       </button>
@@ -995,7 +992,7 @@ const _e = 3, de = class de extends E {
     }}
       >
         ${e.brandHtml ? c`<span class="card-ico">${A(e.brandHtml)}</span>` : c`<span class="card-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
-              ${L`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
+              ${j`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             </span>`}
         <span class="card-label">${e.label}</span>
       </button>
@@ -1019,7 +1016,7 @@ const _e = 3, de = class de extends E {
       (t) => c`
               <button class="more-item" @click=${(r) => this._onMoreItemClick(t, r)}>
                 <div class="more-item-ico">
-                  ${t.brandHtml ? A(t.brandHtml) : t.iconColor ? c`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : L`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
+                  ${t.brandHtml ? A(t.brandHtml) : t.iconColor ? c`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : j`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
                 </div>
                 ${t.label}
               </button>
@@ -1042,7 +1039,7 @@ const _e = 3, de = class de extends E {
       (t) => c`
               <button class="more-item" @click=${(r) => this._onMoreItemClick(t, r)}>
                 <div class="more-item-ico">
-                  ${t.brandHtml ? A(t.brandHtml) : t.iconColor ? c`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : L`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
+                  ${t.brandHtml ? A(t.brandHtml) : t.iconColor ? c`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : j`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
                 </div>
                 ${t.label}
               </button>
@@ -1118,7 +1115,7 @@ const _e = 3, de = class de extends E {
         s.stopPropagation(), this._onSourceIconClick(i);
       }}
                     >
-                      ${i.brandHtml ? A(i.brandHtml) : L`<svg viewBox="0 0 24 24" class=${i.fillIcon ? "fill-icon" : ""}>${F(i.icon)}</svg>`}
+                      ${i.brandHtml ? A(i.brandHtml) : j`<svg viewBox="0 0 24 24" class=${i.fillIcon ? "fill-icon" : ""}>${F(i.icon)}</svg>`}
                     </button>
                   `
     )}
@@ -2551,7 +2548,7 @@ let se = he;
 st([
   b({ attribute: !1 })
 ], se.prototype, "file");
-const V = y`
+const X = y`
   .btn,
   .btn-ghost,
   .btn-primary,
@@ -2676,7 +2673,7 @@ const Ce = 7, fe = class fe extends E {
     `;
   }
 };
-fe.styles = [V, W, y`
+fe.styles = [X, W, y`
     :host {
       display: flex;
       flex: 1;
@@ -2816,7 +2813,7 @@ G([
 G([
   b({ type: String })
 ], I.prototype, "primaryLabel");
-var at = Object.defineProperty, T = (a, e, t, r) => {
+var at = Object.defineProperty, O = (a, e, t, r) => {
   for (var i = void 0, s = a.length - 1, o; s >= 0; s--)
     (o = a[s]) && (i = o(e, t, i) || i);
   return i && at(e, t, i), i;
@@ -2923,7 +2920,7 @@ const ge = class ge extends E {
     `;
   }
 };
-ge.styles = [V, W, y`
+ge.styles = [X, W, y`
     :host {
       display: flex;
       flex-direction: column;
@@ -3073,25 +3070,25 @@ ge.styles = [V, W, y`
     }
   `];
 let z = ge;
-T([
+O([
   b({ type: String })
 ], z.prototype, "uploadState");
-T([
+O([
   b({ type: Number })
 ], z.prototype, "fileCount");
-T([
+O([
   b({ type: Number })
 ], z.prototype, "totalSize");
-T([
+O([
   b({ type: Number })
 ], z.prototype, "failedCount");
-T([
+O([
   b({ type: Boolean })
 ], z.prototype, "showFillMetadata");
-T([
+O([
   b({ type: Number })
 ], z.prototype, "completedCount");
-T([
+O([
   b({ type: Number })
 ], z.prototype, "uploadProgress");
 const nt = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
@@ -3224,7 +3221,7 @@ const xe = class xe extends E {
     `;
   }
 };
-xe.styles = [V, W, y`
+xe.styles = [X, W, y`
     :host {
       display: block;
     }
@@ -3491,7 +3488,7 @@ const ve = class ve extends E {
     `;
   }
 };
-ve.styles = [V, W, y`
+ve.styles = [X, W, y`
     :host { display: block; }
 
     .backdrop {
@@ -3689,7 +3686,7 @@ const be = class be extends E {
     `;
   }
 };
-be.styles = [V, W, y`
+be.styles = [X, W, y`
     :host { display: block; }
 
     .backdrop {
@@ -3846,11 +3843,11 @@ const $ = (k = class extends E {
       if ((((o = (s = this.config) == null ? void 0 : s.connectors) == null ? void 0 : o.providers) ?? []).includes(t)) {
         if ($e.has(t)) {
           if (!customElements.get("sfx-search-provider-browser")) {
-            const { SfxSearchProviderBrowser: l } = await import("./search-provider-browser-D_kyqQ2m.js");
+            const { SfxSearchProviderBrowser: l } = await import("./search-provider-browser-B5ZWGUl8.js");
             customElements.define("sfx-search-provider-browser", l);
           }
         } else if (!customElements.get("sfx-provider-browser")) {
-          const { SfxProviderBrowser: l } = await import("./provider-browser-CUbPlWmj.js");
+          const { SfxProviderBrowser: l } = await import("./provider-browser-ixqCA0XP.js");
           customElements.define("sfx-provider-browser", l);
         }
         this._activeConnector = t;
@@ -3861,7 +3858,7 @@ const $ = (k = class extends E {
       const { url: t, name: r } = e.detail, i = (h = this.config) == null ? void 0 : h.callbacks, s = Ye(r), o = s.startsWith("image/"), n = this._store.getState(), l = te({ name: r, size: 0, type: s }, n.restrictions, n.files);
       if (l) {
         const g = {
-          id: M(),
+          id: L(),
           status: "rejected",
           file: null,
           remoteUrl: t,
@@ -3880,11 +3877,11 @@ const $ = (k = class extends E {
           tags: [],
           remoteInfo: null
         };
-        j(this._store, g), this._dispatchPublic(v.FILE_REJECTED, { file: g, reason: l }), (f = i == null ? void 0 : i.onFileRejected) == null || f.call(i, g, l);
+        M(this._store, g), this._dispatchPublic(v.FILE_REJECTED, { file: g, reason: l }), (f = i == null ? void 0 : i.onFileRejected) == null || f.call(i, g, l);
         return;
       }
       const d = {
-        id: M(),
+        id: L(),
         status: "idle",
         file: null,
         remoteUrl: t,
@@ -3903,7 +3900,7 @@ const $ = (k = class extends E {
         tags: [],
         remoteInfo: null
       };
-      j(this._store, d), this._dispatchPublic(v.FILE_ADDED, { file: d }), (p = i == null ? void 0 : i.onFileAdded) == null || p.call(i, d), this._store.getState().queueConfig.autoProceed && this.upload();
+      M(this._store, d), this._dispatchPublic(v.FILE_ADDED, { file: d }), (p = i == null ? void 0 : i.onFileAdded) == null || p.call(i, d), this._store.getState().queueConfig.autoProceed && this.upload();
     }, this._onUrlCancel = () => {
       this._showUrlDialog = !1;
     }, this._onCameraCapture = (e) => {
@@ -3971,7 +3968,7 @@ const $ = (k = class extends E {
         );
         if (l) {
           const h = {
-            id: M(),
+            id: L(),
             status: "rejected",
             file: null,
             remoteUrl: null,
@@ -3990,11 +3987,11 @@ const $ = (k = class extends E {
             tags: [],
             remoteInfo: o
           };
-          j(this._store, h), this._dispatchPublic(v.FILE_REJECTED, { file: h, reason: l }), (i = t == null ? void 0 : t.onFileRejected) == null || i.call(t, h, l);
+          M(this._store, h), this._dispatchPublic(v.FILE_REJECTED, { file: h, reason: l }), (i = t == null ? void 0 : t.onFileRejected) == null || i.call(t, h, l);
           continue;
         }
         const d = {
-          id: M(),
+          id: L(),
           status: "idle",
           file: null,
           remoteUrl: null,
@@ -4013,7 +4010,7 @@ const $ = (k = class extends E {
           tags: [],
           remoteInfo: o
         };
-        j(this._store, d), this._dispatchPublic(v.FILE_ADDED, { file: d }), (s = t == null ? void 0 : t.onFileAdded) == null || s.call(t, d);
+        M(this._store, d), this._dispatchPublic(v.FILE_ADDED, { file: d }), (s = t == null ? void 0 : t.onFileAdded) == null || s.call(t, d);
       }
       this._activeConnector = null, this._store.getState().queueConfig.autoProceed && this.upload();
     }, this._onConnectorClose = () => {
@@ -4206,7 +4203,7 @@ const $ = (k = class extends E {
   async _resolveAuthAndEngine(e) {
     var i, s;
     const t = e.auth;
-    if (t.mode === "sass-key" || t.mode === "session") {
+    if (t.mode === "sass-key") {
       this._apiBase = ae(t.container), this._authHeaders = ee(t), this._ensureEngine(), (i = this._engine) == null || i.updateConfig({
         apiBase: this._apiBase,
         authHeaders: this._authHeaders
@@ -4215,7 +4212,7 @@ const $ = (k = class extends E {
     }
     const r = ++this._authResolveId;
     try {
-      const o = await Le(t);
+      const o = await je(t);
       if (r !== this._authResolveId) return;
       this._apiBase = o.apiBase, this._authHeaders = o.headers, this._ensureEngine(), (s = this._engine) == null || s.updateConfig({
         apiBase: this._apiBase,
@@ -4227,7 +4224,7 @@ const $ = (k = class extends E {
     }
   }
   _ensureEngine() {
-    !this._engine && this._apiBase && this._authHeaders && (this._engine = new je(this._store, {
+    !this._engine && this._apiBase && this._authHeaders && (this._engine = new Me(this._store, {
       apiBase: this._apiBase,
       authHeaders: this._authHeaders
     }), this._engine.start());
@@ -4292,7 +4289,7 @@ const $ = (k = class extends E {
     if (e === this._cachedSourcesConfig) return this._cachedSources;
     if (this._cachedSourcesConfig = e, !e)
       return this._cachedSources = q, this._cachedSources;
-    const t = e.providers.length > 0 ? Ve(e.providers) : [], r = e.customSources ?? [], i = q.filter((d) => d.id === "device" || d.id === "url"), s = q.filter((d) => d.id !== "device" && d.id !== "url"), o = /* @__PURE__ */ new Set(), n = [];
+    const t = e.providers.length > 0 ? Xe(e.providers) : [], r = e.customSources ?? [], i = q.filter((d) => d.id === "device" || d.id === "url"), s = q.filter((d) => d.id !== "device" && d.id !== "url"), o = /* @__PURE__ */ new Set(), n = [];
     for (const d of [...i, ...t, ...s, ...r])
       if (!o.has(d.id)) {
         if (k._RESERVED_IDS.has(d.id) && d.onActivate) {
@@ -4319,7 +4316,7 @@ const $ = (k = class extends E {
       const l = this._store.getState(), d = Ne(n, l.restrictions, l.files);
       if (d) {
         const p = {
-          id: M(),
+          id: L(),
           status: "rejected",
           file: n,
           remoteUrl: null,
@@ -4338,22 +4335,22 @@ const $ = (k = class extends E {
           tags: [],
           remoteInfo: null
         };
-        j(this._store, p), this._dispatchPublic(v.FILE_REJECTED, { file: p, reason: d }), (i = t == null ? void 0 : t.onFileRejected) == null || i.call(t, p, d);
+        M(this._store, p), this._dispatchPublic(v.FILE_REJECTED, { file: p, reason: d }), (i = t == null ? void 0 : t.onFileRejected) == null || i.call(t, p, d);
         const g = (s = this.config) == null ? void 0 : s.rejectedFileAutoRemoveDelay, w = g === !1 || g === 0 ? 0 : g ?? 4e3;
         if (w > 0) {
-          const m = p.id, O = setTimeout(() => {
+          const m = p.id, T = setTimeout(() => {
             this._rejectedTimers.delete(m);
             const _ = this._store.getState().files.get(m);
             _ && _.status === "rejected" && me(this._store, m);
           }, w);
-          this._rejectedTimers.set(m, O);
+          this._rejectedTimers.set(m, T);
         }
         continue;
       }
       let h = null;
       n.type.startsWith("image/") && (h = URL.createObjectURL(n));
       const f = {
-        id: M(),
+        id: L(),
         status: "idle",
         file: n,
         remoteUrl: null,
@@ -4372,7 +4369,7 @@ const $ = (k = class extends E {
         tags: [],
         remoteInfo: null
       };
-      j(this._store, f), this._dispatchPublic(v.FILE_ADDED, { file: f }), (o = t == null ? void 0 : t.onFileAdded) == null || o.call(t, f), n.type.startsWith("video/") && qe(n).then((p) => {
+      M(this._store, f), this._dispatchPublic(v.FILE_ADDED, { file: f }), (o = t == null ? void 0 : t.onFileAdded) == null || o.call(t, f), n.type.startsWith("video/") && qe(n).then((p) => {
         if (!p) return;
         const g = this._store.getState(), w = g.files.get(f.id);
         if (w) {
@@ -4538,7 +4535,7 @@ const $ = (k = class extends E {
   }
   _renderBody() {
     var o, n, l;
-    const e = this._storeCtrl.state, t = [...e.files.values()], r = this._phase, i = Xe(e.restrictions), s = t.length > 0;
+    const e = this._storeCtrl.state, t = [...e.files.values()], r = this._phase, i = Ve(e.restrictions), s = t.length > 0;
     return c`
       <div class="content"
         @files-selected=${this._onFilesSelected}
@@ -5361,7 +5358,7 @@ export {
   q as C,
   v as P,
   z as S,
-  je as U,
+  Me as U,
   C as a,
   se as b,
   ie as c,
@@ -5372,14 +5369,14 @@ export {
   Ee as h,
   ee as i,
   Ue as j,
-  Me as k,
+  Le as k,
   ae as l,
-  Ve as m,
+  Xe as m,
   N as n,
   B as o,
   R as p,
   xt as q,
-  Le as r,
+  je as r,
   mt as s,
   wt as t,
   vt as u,