@orangelogic/design-system 2.112.0 → 2.114.0

package/library/chunks/{file-on-demand.DLVH0DID.js → file-on-demand.AwMj4AfO.js}

@@ -1,40 +1,40 @@
-import { C as J } from "./icon.DnBh6-56.js";
-import Q from "../components/line-clamp.js";
-import { C as bt, s as $t, a as St, b as dt } from "./tree.jg0MjIB8.js";
-import { n as d, C as H } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as tt } from "./component.styles.CRO4Odto.js";
-import { c as W } from "./custom-element.L4WJXn1j.js";
-import { L as q } from "./i18n.BcD4Ohsq.js";
-import { k as Et, h as It, i as wt, w as P, j as Lt, l as Ft, a as Ut, c as Rt, g as kt, m as Ot, n as Nt } from "./watch.CThbualB.js";
+import { C as tt } from "./icon.DnBh6-56.js";
+import et from "../components/line-clamp.js";
+import { C as bt, s as $t, a as St, b as dt } from "./tree.Btf2Q4YZ.js";
+import { n as d, C as W } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as st } from "./component.styles.CRO4Odto.js";
+import { c as q } from "./custom-element.L4WJXn1j.js";
+import { L as G } from "./i18n.CH-wak_P.js";
+import { k as Et, h as It, i as Ct, w as P, j as Lt, l as Ft, a as Ut, c as Rt, g as kt, m as Ot, n as Nt } from "./watch.CThbualB.js";
 import { p as R } from "./string.DUgD4c9f.js";
 import { x as n, i as ot, E as jt } from "./lit-element.jLBm65_O.js";
 import { r as u } from "./state.CSDxrqLd.js";
 import { e as z } from "./query.BBf1UFkC.js";
-import { e as C } from "./class-map.BiVq-cVR.js";
+import { e as w } from "./class-map.BiVq-cVR.js";
 import { c as U } from "./repeat.DbF2p5ae.js";
-import { n as p } from "./when.Dr1es41R.js";
-import { b as Bt, i as Ct } from "./_baseIteratee.DpzDid58.js";
+import { n as h } from "./when.Dr1es41R.js";
+import { b as Bt, i as wt } from "./_baseIteratee.DpzDid58.js";
 import Mt from "../components/avatar.js";
-import { C as Vt } from "./button.BvBgxmvw.js";
-import { C as Ht } from "./dialog.BoCFGpPO.js";
+import { C as Vt } from "./button.DwJEeW2t.js";
+import { C as Ht } from "./dialog.BYCWepBc.js";
 import Wt from "../components/divider.js";
 import nt from "../components/format-bytes.js";
-import { C as At } from "./icon-button.DO6DHXwo.js";
-import { C as qt } from "./input.B7SaYNrr.js";
-import { C as Gt } from "./option.CA-HtVdP.js";
+import { C as At } from "./icon-button.CQiBjznj.js";
+import { C as qt } from "./input.CH4lKxPM.js";
+import { C as Gt } from "./option.Bvh35v8S.js";
 import Dt from "../components/relative-time.js";
 import Yt from "../components/select.js";
 import Kt from "../components/space.js";
 import Zt from "../components/tab.js";
-import { C as Xt } from "./tab-group.DyxpVNOn.js";
+import { C as Xt } from "./tab-group.DvMX02hY.js";
 import Jt from "../components/tab-panel.js";
 import Tt from "../components/tooltip.js";
 import { C as rt } from "./typography.DJC_UXgs.js";
-import { C as Qt } from "./confirm-popover.dyPIFLWa.js";
+import { C as Qt } from "./confirm-popover.BifwpSuf.js";
 import { d as te } from "./debounce.CIEhztrj.js";
-import { a as et } from "./number.B4PQLJIg.js";
-import { i as K, a as ht } from "./url.Cj9cIQXJ.js";
-import { a as ee, b as pt } from "./_baseUniq.HFKneygy.js";
+import { a as Z } from "./number.B4PQLJIg.js";
+import { i as X, a as pt } from "./url.Cj9cIQXJ.js";
+import { a as ee, b as ht } from "./_baseUniq.HFKneygy.js";
 import { a as se } from "./toString.CAY8lys2.js";
 import { S as ut, i as ie } from "./isObjectLike.z36Fu426.js";
 import ae from "../components/progress-bar.js";
@@ -50,7 +50,7 @@ function ce(t, e, i, a) {
 }
 function le(t) {
   return function(e, i, a) {
-    for (var s = -1, o = Object(e), c = a(e), h = c.length; h--; ) {
+    for (var s = -1, o = Object(e), c = a(e), p = c.length; p--; ) {
       var _ = c[++s];
       if (i(o[_], _, o) === !1)
         break;
@@ -59,10 +59,10 @@ function le(t) {
   };
 }
 var de = le();
-function he(t, e) {
+function pe(t, e) {
   return t && de(t, e, Et);
 }
-function pe(t, e) {
+function he(t, e) {
   return function(i, a) {
     if (i == null)
       return i;
@@ -73,7 +73,7 @@ function pe(t, e) {
     return i;
   };
 }
-var ue = pe(he);
+var ue = he(pe);
 function ge(t, e, i, a) {
   return ue(t, function(s, o, c) {
     e(a, s, i(s), c);
@@ -81,7 +81,7 @@ function ge(t, e, i, a) {
 }
 function xe(t, e) {
   return function(i, a) {
-    var s = wt(i) ? ce : ge, o = e ? e() : {};
+    var s = Ct(i) ? ce : ge, o = e ? e() : {};
     return s(i, t, Bt(a), o);
   };
 }
@@ -99,7 +99,7 @@ const _e = {
   PINNED: "pinned",
   RECENT: "recent",
   UPLOADS: "uploads"
-}, Z = 20, fe = {
+}, J = 20, fe = {
   GET_CONTENT: "/webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1"
 }, A = {
   ASSET_PATH: "Document.AssetPath",
@@ -109,7 +109,7 @@ const _e = {
   HAS_BROWSER_CHILDREN: "Document.HasBrowserChildren",
   PARENT_FOLDER_IDENTIFIER: "Document.ParentRecordID",
   TITLE_WITH_FALLBACK: "CoreField.TitleWithFallback"
-}, X = "GB", st = 1e3, O = 6e4, ve = ["album", "story", "project", "merchandise"], gt = (t) => {
+}, M = "GB", Q = 1e3, N = 6e4, ve = ["album", "story", "project", "merchandise"], gt = (t) => {
   const e = /* @__PURE__ */ new Date(), i = new Date(
     e.getFullYear(),
     e.getMonth(),
@@ -141,13 +141,13 @@ const _e = {
   limit: s = be,
   searchText: o,
   seeThru: c,
-  siteUrl: h,
+  siteUrl: p,
   start: _ = 0,
   token: m
 }) => {
-  if (!h)
+  if (!p)
     return { data: [], totalCount: 0 };
-  let g = h;
+  let g = p;
   g.endsWith("/") && (g = g.slice(0, -1));
   const $ = fe.GET_CONTENT, f = [
     ["Token", m],
@@ -170,59 +170,59 @@ const _e = {
     ["limit", s.toString()],
     ["start", _.toString()]
   ], F = new URL(`${g}${$}`);
-  f.forEach(([w, E]) => {
-    F.searchParams.append(w, E);
+  f.forEach(([C, E]) => {
+    F.searchParams.append(C, E);
   });
-  const k = await fetch(F.toString(), {
+  const O = await fetch(F.toString(), {
     headers: {
       Authorization: `Bearer ${m}`
     },
     method: "GET"
   });
-  if (!k.ok) {
-    const w = new Error();
-    throw w.message = "Failed to fetch", w;
-  }
-  const G = await k.json();
-  let Y = /* @__PURE__ */ new Set();
-  a && (Y = Ie(a));
-  const ct = G.contentItems?.map((w) => {
-    let E = M(
-      w.fields,
+  if (!O.ok) {
+    const C = new Error();
+    throw C.message = "Failed to fetch", C;
+  }
+  const Y = await O.json();
+  let K = /* @__PURE__ */ new Set();
+  a && (K = Ie(a));
+  const ct = Y.contentItems?.map((C) => {
+    let E = V(
+      C.fields,
       A.TITLE_WITH_FALLBACK
     ) ?? "", B = Se(
-      (M(
-        w.fields,
+      (V(
+        C.fields,
         A.ASSET_PATH
       ) ?? "").replace(/^Root\//i, "")
     ) || E;
     if (a) {
       if (a.has(B)) {
         const lt = B.split("/"), zt = lt.pop();
-        B = `${lt.join("/")}/${w.recordID}-${zt}`, E = `${w.recordID}-${E}`;
+        B = `${lt.join("/")}/${C.recordID}-${zt}`, E = `${C.recordID}-${E}`;
       }
-      o?.trim() && Y.has(E) && (E = B), a.add(B), Y.add(E);
+      o?.trim() && K.has(E) && (E = B), a.add(B), K.add(E);
     }
     return {
       childCount: Number(
-        M(
-          w.fields,
+        V(
+          C.fields,
           A.CHILD_COUNT
         ) ?? 0
       ),
       children: [],
-      docType: M(
-        w.fields,
+      docType: V(
+        C.fields,
         A.DOC_TYPE
       ) ?? "",
       fullPath: B,
-      hasChildren: M(
-        w.fields,
+      hasChildren: V(
+        C.fields,
         A.HAS_BROWSER_CHILDREN
       ) === "1",
-      id: w.recordID,
-      parentFolderIdentifier: M(
-        w.fields,
+      id: C.recordID,
+      parentFolderIdentifier: V(
+        C.fields,
         A.PARENT_FOLDER_IDENTIFIER
       ) ?? "",
       parents: [],
@@ -230,9 +230,9 @@ const _e = {
       title: E
     };
   }) ?? [];
-  return { data: ct, totalCount: G.totalCount ?? ct.length };
+  return { data: ct, totalCount: Y.totalCount ?? ct.length };
 };
-function M(t, e) {
+function V(t, e) {
   const i = e.toLowerCase(), a = Object.keys(t).find(
     (s) => s.toLowerCase() === i
   );
@@ -241,7 +241,7 @@ function M(t, e) {
 const at = "-", S = (t) => {
   const e = t.split(at), i = e.pop() ?? "", a = e.join(at);
   return { id: i, path: a };
-}, N = ({ id: t, path: e }) => [e, t].join(at), $e = (t) => {
+}, j = ({ id: t, path: e }) => [e, t].join(at), $e = (t) => {
   const e = t.split(".");
   return e.length > 1 ? e.pop() ?? "" : "";
 }, xt = (t) => {
@@ -258,21 +258,21 @@ const at = "-", S = (t) => {
     s && e.add(s);
   }
   return e;
-}, we = (t, e) => {
+}, Ce = (t, e) => {
   const i = t.split("/"), a = e.split("/");
   return i.slice(0, a.length + 1).join("/");
 };
 function _t(t) {
   return t.toSorted((e, i) => i.uploadTimestamp - e.uploadTimestamp);
 }
-var Ce = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
+var we = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ae(e, i) : e, o = t.length - 1, c; o >= 0; o--)
     (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
-  return a && s && Ce(e, i, s), s;
+  return a && s && we(e, i, s), s;
 };
-let y = class extends H {
+let y = class extends W {
   constructor() {
-    super(...arguments), this.localize = new q(this), this.role = "treeitem", this.siteUrl = "", this.token = "", this.searchText = "", this.folder = null, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.data = null, this.totalCount = 0, this.isLoading = !1, this.fetchFolders = async ({
+    super(...arguments), this.localize = new G(this), this.role = "treeitem", this.siteUrl = "", this.token = "", this.searchText = "", this.folder = null, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.data = null, this.totalCount = 0, this.isLoading = !1, this.fetchFolders = async ({
       folderId: t,
       start: e = 0
     }) => await Pt({
@@ -341,8 +341,8 @@ let y = class extends H {
         const f = S($);
         if (!f.path.trim() || !f.id.trim())
           return !1;
-        const F = R(f.path), k = R(a);
-        a && F.startsWith(k) && F !== k && g.add(we(f.path, a));
+        const F = R(f.path), O = R(a);
+        a && F.startsWith(O) && F !== O && g.add(Ce(f.path, a));
       });
     };
     o(this.removedIDs, i), o(s, e);
@@ -350,16 +350,16 @@ let y = class extends H {
       const g = S(m);
       if (!g.path.trim() || !g.id.trim())
         return !1;
-      const $ = N({
+      const $ = j({
         id: this.folder?.id ?? "",
         path: a
-      }), f = R(g.path), F = R(a), k = g.id === this.folder?.id, G = !this.removedIDs.includes($) && F.startsWith(f);
-      return k || G;
+      }), f = R(g.path), F = R(a), O = g.id === this.folder?.id, Y = !this.removedIDs.includes($) && F.startsWith(f);
+      return O || Y;
     });
-    const h = this.folder?.childCount && e.size === this.folder?.childCount;
+    const p = this.folder?.childCount && e.size === this.folder?.childCount;
     if (this.folder?.childCount && i.size === this.folder?.childCount) {
       this.currentRootIDsSet.delete(
-        N({
+        j({
           id: this.folder?.id ?? "",
           path: a
         })
@@ -367,9 +367,9 @@ let y = class extends H {
       const m = this.parentElement?.parentElement;
       m && m instanceof y && m.syncBoxes(), c = !1;
     } else if (!c)
-      if (h) {
+      if (p) {
         this.currentRootIDsSet.add(
-          N({
+          j({
             id: this.folder?.id ?? "",
             path: a
           })
@@ -381,7 +381,7 @@ let y = class extends H {
   }
   render() {
     const t = mt(this.folder?.path ?? [], this.folder?.fullPath ?? "");
-    return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${C({
+    return n`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${w({
       "folder-tree__item": !0,
       selectable: !0
     })} data-id=${this.folder?.id} data-path=${t} ?lazy=${this.folder?.hasChildren && this.data === null} @cx-lazy-load=${this.onLazyLoad}><div class="folder-tree__label"><cx-icon class="folder-tree__icon" name="folder"></cx-icon><cx-line-clamp lines="1" class="folder-tree__label__value">${this.folder?.title}</cx-line-clamp></div>${U(
@@ -389,16 +389,16 @@ let y = class extends H {
       (e) => e.id,
       (e) => n`<cx-folder-item slot="children" .folder=${e} .siteUrl=${this.siteUrl} .token=${this.token} .removedIDs=${this.removedIDs} .currentRootIDsSet=${this.currentRootIDsSet} .folderPathsSet=${this.folderPathsSet}></cx-folder-item>`
     )}
-        ${p(
+        ${h(
       this.data && this.data.length < this.totalCount,
       () => n`<div slot="children" class="load-more-button"><cx-button data-testid="load-more-button" variant="text" @click=${this.loadMore} ?loading=${this.isLoading}>${this.localize.term("more")}</cx-button></div>`
     )}</cx-tree-item>`;
   }
 };
-y.styles = [tt];
+y.styles = [st];
 y.dependencies = {
-  "cx-icon": J,
-  "cx-line-clamp": Q,
+  "cx-icon": tt,
+  "cx-line-clamp": et,
   "cx-tree-item": bt
 };
 D([
@@ -452,7 +452,7 @@ D([
   P(["currentRootIDsSet", "removedIDs"])
 ], y.prototype, "syncBoxes", 1);
 y = D([
-  W("cx-folder-item")
+  q("cx-folder-item")
 ], y);
 const De = ot`.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{--tooltip-max-width:min(80vw, 640px);flex-grow:1;flex-shrink:1;overflow:hidden}.load-more-button{margin-left:calc(1em + var(--cx-spacing-x-small) + 1rem + var(--cx-spacing-x-small) * 2)}.load-more-button cx-button{line-height:var(--cx-line-height-small)}`;
 var Te = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
@@ -460,9 +460,9 @@ var Te = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, I = (t, e,
     (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
   return a && s && Te(e, i, s), s;
 };
-let b = class extends H {
+let b = class extends W {
   constructor() {
-    super(...arguments), this.localize = new q(this), this.role = "tree", this.siteUrl = "", this.bearerToken = "", this.token = "", this.searchText = "", this.folders = [], this.rootIDs = [], this.totalCount = 0, this.loadMore = () => {
+    super(...arguments), this.localize = new G(this), this.role = "tree", this.siteUrl = "", this.bearerToken = "", this.token = "", this.searchText = "", this.folders = [], this.rootIDs = [], this.totalCount = 0, this.loadMore = () => {
     }, this.isLoading = !1, this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.renderFolder = (t) => n`<cx-folder-item .currentRootIDsSet=${this.currentRootIDsSet} .folder=${t} .folderPathsSet=${this.folderPathsSet} .removedIDs=${this.removedIDs} bearer-token=${this.bearerToken} search-text=${this.searchText} site-url=${this.siteUrl} token=${this.token}></cx-folder-item>`;
   }
   get currentRootIDs() {
@@ -474,7 +474,7 @@ let b = class extends H {
   resetTree() {
     this.currentRootIDsSet = new Set(this.rootIDs), this.tree.querySelectorAll("cx-folder-item").forEach((t) => {
       t.selected = this.currentRootIDsSet.has(
-        N({
+        j({
           id: t.id,
           path: t.dataset.path ?? ""
         })
@@ -485,7 +485,7 @@ let b = class extends H {
     const e = t.target, i = e.dataset.id ?? "", a = e.dataset.path ?? "";
     if (await e.updateComplete, !i.trim() || !a.trim())
       return;
-    const s = N({
+    const s = j({
       id: i,
       path: a
     });
@@ -495,7 +495,7 @@ let b = class extends H {
           dt(e, "multiple"), this.currentRootIDsSet.add(s);
           for (const o of e.getChildrenItems())
             !o.id.trim() || !o.dataset.path?.trim() || this.currentRootIDsSet.add(
-              N({
+              j({
                 id: o.id,
                 path: o.dataset.path ?? ""
               })
@@ -507,26 +507,26 @@ let b = class extends H {
       } else
         this.removedIDs.push(s), this.currentRootIDsSet.has(s) && (this.currentRootIDsSet.delete(s), dt(e, "multiple"));
       [...this.currentRootIDsSet].forEach((o) => {
-        const c = R(a), h = S(o).path, _ = R(h);
+        const c = R(a), p = S(o).path, _ = R(p);
         _.startsWith(c) && _ !== c && (e.selected || this.currentRootIDsSet.delete(o));
       }), this.currentRootIDsSet = new Set(this.currentRootIDsSet);
     }
   }
   render() {
-    return n`<div class="folder-tree selectable"><cx-tree class=${C({
+    return n`<div class="folder-tree selectable"><cx-tree class=${w({
       selectable: !0
     })} @cx-selected-change=${this.handleSelectedChange} selection="multiple" disabled-auto-expand disabled-sync-checkboxes>${U(
       this.folders,
       (t) => t.id,
       (t) => this.renderFolder(t)
     )}
-          ${p(
+          ${h(
       this.folders && this.folders.length < this.totalCount,
       () => n`<div class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.isLoading}>${this.localize.term("more")}</cx-button></div>`
     )}</cx-tree></div>`;
   }
 };
-b.styles = [tt, De];
+b.styles = [st, De];
 b.dependencies = {
   "cx-folder-item": y,
   "cx-tree": St
@@ -574,7 +574,7 @@ I([
   P("rootIDs")
 ], b.prototype, "handleRootIDsChange", 1);
 b = I([
-  W("cx-folder-tree")
+  q("cx-folder-tree")
 ], b);
 function ze(t, e, i) {
   switch (i.length) {
@@ -595,9 +595,9 @@ function Ee(t, e, i) {
     for (var a = arguments, s = -1, o = ft(a.length - e, 0), c = Array(o); ++s < o; )
       c[s] = a[e + s];
     s = -1;
-    for (var h = Array(e + 1); ++s < e; )
-      h[s] = a[s];
-    return h[e] = i(c), ze(t, this, h);
+    for (var p = Array(e + 1); ++s < e; )
+      p[s] = a[s];
+    return p[e] = i(c), ze(t, this, p);
   };
 }
 function Le(t) {
@@ -618,7 +618,7 @@ var vt = function() {
     value: Le(e),
     writable: !0
   });
-} : Ct, Ue = 800, Re = 16, ke = Date.now;
+} : wt, Ue = 800, Re = 16, ke = Date.now;
 function Oe(t) {
   var e = 0, i = 0;
   return function() {
@@ -633,16 +633,16 @@ function Oe(t) {
 }
 var Ne = Oe(Fe);
 function je(t, e) {
-  return Ne(Ee(t, e, Ct), t + "");
+  return Ne(Ee(t, e, wt), t + "");
 }
 var Be = 200;
 function Me(t, e, i, a) {
-  var s = -1, o = ee, c = !0, h = t.length, _ = [], m = e.length;
-  if (!h)
+  var s = -1, o = ee, c = !0, p = t.length, _ = [], m = e.length;
+  if (!p)
     return _;
   i && (e = se(e, Ft(i))), e.length >= Be && (o = Rt, c = !1, e = new Ut(e));
   t:
-    for (; ++s < h; ) {
+    for (; ++s < p; ) {
       var g = t[s], $ = i == null ? g : i(g);
       if (g = g !== 0 ? g : 0, c && $ === $) {
         for (var f = m; f--; )
@@ -655,38 +655,38 @@ function Me(t, e, i, a) {
 }
 var yt = ut ? ut.isConcatSpreadable : void 0;
 function Ve(t) {
-  return wt(t) || kt(t) || !!(yt && t && t[yt]);
+  return Ct(t) || kt(t) || !!(yt && t && t[yt]);
 }
 function He(t, e, i, a, s) {
   var o = -1, c = t.length;
   for (i || (i = Ve), s || (s = []); ++o < c; ) {
-    var h = t[o];
-    i(h) ? Ot(s, h) : a || (s[s.length] = h);
+    var p = t[o];
+    i(p) ? Ot(s, p) : a || (s[s.length] = p);
   }
   return s;
 }
 function We(t, e, i) {
   var a = t.length;
   if (a < 2)
-    return a ? pt(t[0]) : [];
+    return a ? ht(t[0]) : [];
   for (var s = -1, o = Array(a); ++s < a; )
-    for (var c = t[s], h = -1; ++h < a; )
-      h != s && (o[s] = Me(o[s] || c, t[h], e, i));
-  return pt(He(o), e, i);
+    for (var c = t[s], p = -1; ++p < a; )
+      p != s && (o[s] = Me(o[s] || c, t[p], e, i));
+  return ht(He(o), e, i);
 }
 function qe(t) {
   return ie(t) && It(t);
 }
 var it = je(function(t) {
   return We(Nt(t, qe));
-}), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}), Ge = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
+}), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}), Ge = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, k = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ye(e, i) : e, o = t.length - 1, c; o >= 0; o--)
     (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
   return a && s && Ge(e, i, s), s;
 };
-let T = class extends H {
+let T = class extends W {
   constructor() {
-    super(...arguments), this.localize = new q(this), this.size = 0, this.remainingSize = 0, this.childrenCount = 0, this.assetsCount = 0;
+    super(...arguments), this.localize = new G(this), this.size = 0, this.remainingSize = 0, this.childrenCount = 0, this.assetsCount = 0;
   }
   get cachedSize() {
     return Math.max(0, this.size - this.remainingSize);
@@ -698,21 +698,25 @@ let T = class extends H {
     return this;
   }
   renderFolderSuccessText() {
-    return n`${this.childrenCount} ${this.localize.term("subfolders")},
-    ${this.assetsCount} ${this.localize.term("assets")}`;
+    return n`${this.childrenCount} ${this.localize.term("subfolders")} ‧
+    ${this.assetsCount} ${this.localize.term("assets")} ‧ 
+    <cx-format-bytes value=${this.size}></cx-format-bytes>`;
+  }
+  renderFileSuccessText() {
+    return n`<cx-format-bytes value=${this.size}></cx-format-bytes>`;
   }
   renderSuccess() {
-    return n`<div class="file-on-demand-pinned-status__success progress"><cx-icon name="file_download" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${p(this.isFolder, this.renderFolderSuccessText.bind(this), () => n`${this.localize.term("cached")}`)}</cx-line-clamp></cx-typography></div>`;
+    return n`<div class="file-on-demand-pinned-status__success progress"><cx-typography variant="small"><cx-line-clamp lines="1">${h(this.isFolder, this.renderFolderSuccessText.bind(this), this.renderFileSuccessText.bind(this))}</cx-line-clamp></cx-typography></div>`;
   }
   renderFailed() {
-    return n`<div class="file-on-demand-pinned-status__failed progress"><cx-icon name="file_download_off" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("syncFailedCacheFull")}</cx-line-clamp></cx-typography></div>`;
+    return n`<div class="file-on-demand-pinned-status__failed progress"><cx-icon name="warning"></cx-icon><cx-tooltip content=${this.uploadErrorMessage || this.localize.term("syncFailed")}><cx-typography variant="small"><cx-line-clamp lines="1"><span class="pinned-status__text">${this.localize.term("syncFailed")}</span></cx-line-clamp></cx-typography></cx-tooltip></div>`;
   }
   renderCanceled() {
     return n`<div class="file-on-demand-pinned-status__canceled progress"><cx-icon name="file_download_off" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("syncCanceled")}</cx-line-clamp></cx-typography></div>`;
   }
   renderInProgress() {
-    return n`<div class="file-on-demand-pinned-status__in-progress progress"><cx-icon name="downloading" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("caching")} ${this.percentage}% (<cx-format-bytes .value=${this.cachedSize}></cx-format-bytes>/
-          <cx-format-bytes .value=${this.size}></cx-format-bytes>)
+    return n`<div class="file-on-demand-pinned-status__in-progress progress"><cx-icon name="downloading" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.percentage}% (<cx-format-bytes value=${this.cachedSize}></cx-format-bytes>/
+          <cx-format-bytes value=${this.size}></cx-format-bytes>)
         </cx-line-clamp></cx-typography></div>`;
   }
   render() {
@@ -725,58 +729,64 @@ let T = class extends H {
     ])}</div>`;
   }
 };
-T.styles = [tt];
+T.styles = [st];
 T.dependencies = {
   "cx-format-bytes": nt,
-  "cx-icon": J,
-  "cx-line-clamp": Q,
+  "cx-icon": tt,
+  "cx-line-clamp": et,
   "cx-typography": rt
 };
-j([
+k([
   d({
     attribute: "upload-status",
     type: String
   })
 ], T.prototype, "uploadStatus", 2);
-j([
+k([
   d({ type: Number })
 ], T.prototype, "size", 2);
-j([
+k([
   d({
     attribute: "remaining-size",
     type: Number
   })
 ], T.prototype, "remainingSize", 2);
-j([
+k([
   d({
     attribute: "is-folder",
     type: Boolean
   })
 ], T.prototype, "isFolder", 2);
-j([
+k([
   d({
     attribute: "children-count",
     type: Number
   })
 ], T.prototype, "childrenCount", 2);
-j([
+k([
   d({
     attribute: "assets-count",
     type: Number
   })
 ], T.prototype, "assetsCount", 2);
-T = j([
-  W("cx-file-on-demand-pinned-status")
+k([
+  d({
+    attribute: "upload-error-message",
+    type: String
+  })
+], T.prototype, "uploadErrorMessage", 2);
+T = k([
+  q("cx-file-on-demand-pinned-status")
 ], T);
-const Ke = ot`:host{--cx-asset-thumbnail-width:56px;padding:var(--cx-spacing-2x-small) var(--cx-spacing-small);display:block}.asset{max-height:var(--asset-height);gap:var(--cx-spacing-small);display:flex}:host(:hover){background-color:var(--cx-input-filled-background-color-hover)}.asset__description{flex-direction:column;flex:1;justify-content:center;width:0;display:flex}.asset__description__label{display:flex}.asset__description__label__text{flex-grow:1;flex-shrink:1;overflow:hidden}.asset__description__status{color:var(--cx-color-neutral-500);line-height:var(--cx-line-height-medium)}.asset__actions{justify-content:flex-end;align-items:center;min-width:64px;display:flex}.asset:hover .asset__actions{visibility:visible;opacity:1}.asset__actions{visibility:hidden;opacity:0}.asset__actions__spinner{min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium);justify-content:center;align-items:center;display:flex}.asset__actions__spinner::part(base){flex-grow:0}.asset__thumbnail{width:var(--cx-asset-thumbnail-width);height:var(--asset-height);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-medium);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.asset__thumbnail--placeholder{background-color:var(--cx-color-primary-50)}.asset__thumbnail--folder{background-color:var(--cx-color-neutral-100)}.asset__thumbnail__image{height:100%;max-width:var(--cx-asset-thumbnail-width);object-fit:cover;flex-shrink:0}.asset__thumbnail__icon{--font-size:38px;color:var(--cx-color-primary-400);display:none}.asset__folder__icon{--font-size:var(--cx-font-size-x-large);color:var(--cx-color-neutral-600)}.asset__thumbnail__extension{bottom:var(--cx-spacing-3x-small);width:26px;color:var(--cx-color-primary-50);display:none;position:absolute;left:50%;transform:translate(-50%)}.asset__thumbnail__extension__line-clamp{text-align:center;width:100%}.asset__thumbnail__extension__text{text-transform:uppercase;flex-grow:1;flex-shrink:1;display:contents;overflow:hidden}.asset__thumbnail--placeholder .asset__thumbnail__image{display:none}.asset__thumbnail--placeholder .asset__thumbnail__icon,.asset__thumbnail--placeholder .asset__thumbnail__extension{display:flex}cx-progress-bar{--height:4px;--indicator-color:var(--color);--track-color:var(--cx-color-neutral-300);z-index:0}.progress{align-items:center;gap:var(--cx-spacing-2x-small);width:100%;margin-top:var(--cx-spacing-3x-small);display:flex}.syncing-progress,.completed-progress,.failed-progress,.canceled-progress{margin-top:var(--cx-spacing-2x-small)}.progress *{white-space:nowrap}.progress cx-icon{--font-size:var(--cx-font-size-medium)}.progress cx-typography::part(base){line-height:var(--cx-font-size-medium)}.uploading-progress.in-progress cx-icon{color:var(--cx-color-primary-500)}.uploading-progress.paused cx-icon{color:var(--cx-color-warning-500)}.syncing-progress cx-icon{color:var(--cx-color-warning)}.completed-progress cx-icon{color:var(--cx-color-success)}.failed-progress cx-icon,.failed-progress__text{color:var(--cx-color-danger);cursor:help}.canceled-progress cx-icon{color:var(--cx-color-neutral-600)}.file-on-demand-pinned-status__success cx-icon,.file-on-demand-pinned-status__in-progress cx-icon{color:var(--cx-color-success-500)}.file-on-demand-pinned-status__failed cx-icon{color:var(--cx-color-danger-500)}.file-on-demand-pinned-status__canceled cx-icon{color:var(--cx-color-neutral-500)}`;
-var Ze = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, V = (t, e, i, a) => {
+const Ke = ot`:host{--cx-asset-thumbnail-width:56px;padding:var(--cx-spacing-2x-small) var(--cx-spacing-small);display:block}.asset{max-height:var(--asset-height);gap:var(--cx-spacing-small);display:flex}:host(:hover){background-color:var(--cx-input-filled-background-color-hover)}.asset__description{flex-direction:column;flex:1;justify-content:center;width:0;display:flex}.asset__description__label{display:flex}.asset__description__label__text{flex-grow:1;flex-shrink:1;overflow:hidden}.asset__description__status{color:var(--cx-color-neutral-500);line-height:var(--cx-line-height-medium)}.asset__actions{justify-content:flex-end;align-items:center;min-width:64px;display:flex}.asset:hover .asset__actions{visibility:visible;opacity:1}.asset__actions{visibility:hidden;opacity:0}.asset__actions__spinner{min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium);justify-content:center;align-items:center;display:flex}.asset__actions__spinner::part(base){flex-grow:0}.asset__thumbnail{width:var(--cx-asset-thumbnail-width);height:var(--asset-height);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-medium);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.asset__thumbnail--placeholder{background-color:var(--cx-color-primary-50)}.asset__thumbnail--folder{background-color:var(--cx-color-neutral-100)}.asset__thumbnail__image{height:100%;max-width:var(--cx-asset-thumbnail-width);object-fit:cover;flex-shrink:0}.asset__thumbnail__icon{--font-size:38px;color:var(--cx-color-primary-400);display:none}.asset__folder__icon{--font-size:var(--cx-font-size-x-large);color:var(--cx-color-neutral-600)}.asset__thumbnail__extension{bottom:var(--cx-spacing-3x-small);width:26px;color:var(--cx-color-primary-50);display:none;position:absolute;left:50%;transform:translate(-50%)}.asset__thumbnail__extension__line-clamp{text-align:center;width:100%}.asset__thumbnail__extension__text{text-transform:uppercase;flex-grow:1;flex-shrink:1;display:contents;overflow:hidden}.asset__thumbnail--placeholder .asset__thumbnail__image{display:none}.asset__thumbnail--placeholder .asset__thumbnail__icon,.asset__thumbnail--placeholder .asset__thumbnail__extension{display:flex}cx-progress-bar{--height:4px;--indicator-color:var(--color);--track-color:var(--cx-color-neutral-300);z-index:0}.progress{align-items:center;gap:var(--cx-spacing-2x-small);width:100%;margin-top:var(--cx-spacing-3x-small);display:flex}.syncing-progress,.completed-progress,.failed-progress,.canceled-progress{margin-top:var(--cx-spacing-2x-small)}.progress *{white-space:nowrap}.progress cx-icon{--font-size:var(--cx-font-size-medium)}.progress cx-typography::part(base){line-height:var(--cx-font-size-medium)}.uploading-progress.in-progress cx-icon{color:var(--cx-color-primary-500)}.uploading-progress.paused cx-icon{color:var(--cx-color-warning-500)}.syncing-progress cx-icon{color:var(--cx-color-warning)}.completed-progress cx-icon{color:var(--cx-color-success)}.failed-progress cx-icon,.failed-progress__text{color:var(--cx-color-danger);cursor:help}.canceled-progress cx-icon{color:var(--cx-color-neutral-600)}.file-on-demand-pinned-status__success cx-icon{color:var(--cx-color-success-500)}.file-on-demand-pinned-status__in-progress cx-icon{color:var(--cx-color-primary-500)}.file-on-demand-pinned-status__failed cx-icon{color:var(--cx-color-warning-600)}.file-on-demand-pinned-status__failed .pinned-status__text{cursor:help}.file-on-demand-pinned-status__canceled cx-icon{color:var(--cx-color-neutral-500)}`;
+var Ze = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, H = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Xe(e, i) : e, o = t.length - 1, c; o >= 0; o--)
     (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
   return a && s && Ze(e, i, s), s;
 };
-let L = class extends H {
+let L = class extends W {
   constructor() {
-    super(...arguments), this.localize = new q(this), this.favoriteInProgressAssets = [], this.pinInProgressAssets = [], this.thumbnailLoadError = !1;
+    super(...arguments), this.localize = new G(this), this.favoriteInProgressAssets = [], this.pinInProgressAssets = [], this.thumbnailLoadError = !1;
   }
   /** Failed or canceled uploads: show open-in-drive and retry. */
   get showRetryableUploadActions() {
@@ -903,36 +913,36 @@ let L = class extends H {
     uploadErrorMessage: o,
     uploadStatus: c = v.InProgress
   }) {
-    const h = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? h : 100, m = n`<div class=${C({
+    const p = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? p : 100, m = n`<div class=${w({
       "in-progress": c === v.InProgress,
       paused: t,
       progress: !0,
       "uploading-progress": !0
-    })}>${p(t, () => n`<cx-icon name="pause" variant="filled"></cx-icon>`, () => n`<cx-icon name="arrow_upward"></cx-icon>`)}<cx-typography variant="small"><cx-line-clamp lines="1">${p(t, () => n`${this.localize.term("paused")} ‧`)}<cx-format-bytes .value=${e}></cx-format-bytes>${this.localize.term("of")}<cx-format-bytes .value=${a}></cx-format-bytes>
-            (${Math.round(h)}%)
-            ${p(
+    })}>${h(t, () => n`<cx-icon name="pause" variant="filled"></cx-icon>`, () => n`<cx-icon name="arrow_upward"></cx-icon>`)}<cx-typography variant="small"><cx-line-clamp lines="1">${h(t, () => n`${this.localize.term("paused")} ‧`)}<cx-format-bytes value=${e}></cx-format-bytes> ${this.localize.term("of")} <cx-format-bytes value=${a}></cx-format-bytes>
+            (${Math.round(p)}%)
+            ${h(
       !!i && !t,
       () => n`‧
-                  <cx-relative-time format="narrow" numeric="always" date=${new Date(Date.now() + (i ?? 0))} sync sync-interval=${O}></cx-relative-time>`
+                  <cx-relative-time format="narrow" numeric="always" date=${new Date(Date.now() + (i ?? 0))} sync sync-interval=${N}></cx-relative-time>`
     )}</cx-line-clamp></cx-typography></div>`, g = n`<div class="progress syncing-progress"><cx-icon name="cached"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("syncing")} ‧
-            <cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${O}></cx-relative-time></cx-line-clamp></cx-typography></div>`, $ = n`<div class="progress completed-progress"><cx-icon name="check"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("readyToUse")} ‧
-            <cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${O}></cx-relative-time></cx-line-clamp></cx-typography></div>`, f = n`<div class="progress failed-progress"><cx-typography variant="small"><cx-line-clamp lines="1"><cx-tooltip content=${o || this.localize.term("uploadFailed")}><span class="failed-progress__text">${this.localize.term("uploadFailed")} ‧
-              </span></cx-tooltip><cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${O}></cx-relative-time></cx-line-clamp></cx-typography></div>`, F = n`<div class="progress canceled-progress"><cx-icon name="cancel"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("canceled")} ‧
-            <cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${O}></cx-relative-time></cx-line-clamp></cx-typography></div>`;
+            <cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${N}></cx-relative-time></cx-line-clamp></cx-typography></div>`, $ = n`<div class="progress completed-progress"><cx-icon name="check"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("readyToUse")} ‧
+            <cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${N}></cx-relative-time></cx-line-clamp></cx-typography></div>`, f = n`<div class="progress failed-progress"><cx-typography variant="small"><cx-line-clamp lines="1"><cx-tooltip content=${o || this.localize.term("uploadFailed")}><span class="failed-progress__text">${this.localize.term("uploadFailed")} ‧
+              </span></cx-tooltip><cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${N}></cx-relative-time></cx-line-clamp></cx-typography></div>`, F = n`<div class="progress canceled-progress"><cx-icon name="cancel"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("canceled")} ‧
+            <cx-relative-time format="narrow" numeric="always" date=${new Date(s)} sync sync-interval=${N}></cx-relative-time></cx-line-clamp></cx-typography></div>`;
     return n`
-      ${p(
+      ${h(
       c === v.InProgress,
       () => n`<cx-progress-bar style=${ne({
         "--color": t ? "var(--cx-color-warning-500)" : "var(--cx-color-primary-500)"
       })} .value=${_.toFixed(0)} class="progress-bar"></cx-progress-bar>${m}`
     )}
-      ${p(
+      ${h(
       c === v.PendingComplete,
       () => g
     )}
-      ${p(c === v.Success, () => $)}
-      ${p(c === v.Failed, () => f)}
-      ${p(c === v.Canceled, () => F)}
+      ${h(c === v.Success, () => $)}
+      ${h(c === v.Failed, () => f)}
+      ${h(c === v.Canceled, () => F)}
     `;
   }
   renderUploadingStatus() {
@@ -949,16 +959,16 @@ let L = class extends H {
     `;
   }
   renderPinnedStatus() {
-    return n`<cx-file-on-demand-pinned-status size=${this.asset.size ?? 0} remaining-size=${this.asset.remainingSize ?? 0} upload-status=${this.asset.uploadStatus} ?is-folder=${this.isFolder} children-count=${this.asset.childrenCount ?? 0} assets-count=${this.asset.assetsCount ?? 0}></cx-file-on-demand-pinned-status>`;
+    return n`<cx-file-on-demand-pinned-status size=${this.asset.size ?? 0} remaining-size=${this.asset.remainingSize ?? 0} upload-status=${this.asset.uploadStatus} ?is-folder=${this.isFolder} children-count=${this.asset.childrenCount ?? 0} assets-count=${this.asset.assetsCount ?? 0} upload-error-message=${this.asset.uploadErrorMessage}></cx-file-on-demand-pinned-status>`;
   }
   renderThumbnailContent() {
-    return this.isFolder ? this.listType === x.FAVORITES ? n`<cx-icon class="asset__folder__icon" name="folder_special"></cx-icon>` : n`<cx-icon class="asset__folder__icon" name="topic"></cx-icon>` : n`${p(
+    return this.isFolder ? this.listType === x.FAVORITES ? n`<cx-icon class="asset__folder__icon" name="folder_special"></cx-icon>` : n`<cx-icon class="asset__folder__icon" name="topic"></cx-icon>` : n`${h(
       !!this.thumbnailUrl,
       () => n`<img alt=${this.asset.fileName} class="asset__thumbnail__image" src=${this.thumbnailUrl} @error=${this.handleImgError} @load=${this.handleImgLoad}>`
     )}<cx-icon class="asset__thumbnail__icon" name="insert_drive_file" variant="filled"></cx-icon><div class="asset__thumbnail__extension"><cx-line-clamp class="asset__thumbnail__extension__line-clamp" lines="1"><cx-typography class="asset__thumbnail__extension__text" variant="small">${$e(this.asset.fileName)}</cx-typography></cx-line-clamp></div>`;
   }
   renderThumbnail() {
-    return n`<div class=${C({
+    return n`<div class=${w({
       asset__thumbnail: !0,
       "asset__thumbnail--folder": this.isFolder,
       "asset__thumbnail--placeholder": this.showThumbnailPlaceholder
@@ -969,7 +979,7 @@ let L = class extends H {
   }
   renderNormalActions() {
     return n`${this.renderOpenDriveButton()}
-      ${p(
+      ${h(
       this.favoriteInProgressAssets.includes(this.asset.recordId),
       () => n`<cx-spinner class="asset__actions__spinner"></cx-spinner>`,
       () => n`<cx-tooltip content=${this.asset.isInFavorite ? this.localize.term("unfavorite") : this.localize.term("favorite")} hoist><cx-icon-button data-testid="asset__favorite-button" name="star" variant=${this.asset.isInFavorite ? "filled" : "outlined"} @click=${this.handleFavoriteClick}></cx-icon-button></cx-tooltip>`
@@ -982,59 +992,59 @@ let L = class extends H {
     return n`<cx-tooltip content=${this.asset.isPaused ? this.localize.term("resume") : this.localize.term("pause")} hoist><cx-icon-button data-testid=${this.asset.isPaused ? "asset__resume-button" : "asset__pause-button"} name=${this.asset.isPaused ? "play_arrow" : "pause"} variant="filled" @click=${this.handlePauseUploadClick}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("cancel")} hoist><cx-icon-button data-testid="asset__cancel-button" name="close" @click=${this.handleCancelUploadClick}></cx-icon-button></cx-tooltip>`;
   }
   renderPinnedActions() {
-    return n`${p(
+    return n`${h(
       this.pinInProgressAssets.includes(this.asset.recordId),
       () => n`<cx-spinner class="asset__actions__spinner"></cx-spinner>`,
-      () => n`<cx-tooltip content=${this.asset.isPinned ? this.localize.term("unpin") : this.localize.term("pin")} hoist><cx-icon-button data-testid="asset__pin-button" name="keep" variant=${this.asset.isPinned ? "filled" : "outlined"} @click=${this.handlePinClick}></cx-icon-button></cx-tooltip>`
+      () => n`${this.renderOpenDriveButton()}<cx-tooltip content=${this.asset.isPinned ? this.localize.term("unpin") : this.localize.term("pin")} hoist><cx-icon-button data-testid="asset__pin-button" name="keep" variant=${this.asset.isPinned ? "filled" : "outlined"} @click=${this.handlePinClick}></cx-icon-button></cx-tooltip>`
     )} `;
   }
   render() {
-    return n`<div data-id=${this.asset.recordId} data-testid=${`asset-${this.asset.uploadStatus}`} class="asset">${this.renderThumbnail()}<div class="asset__description"><div class="asset__description__label"><cx-line-clamp class="asset__description__label__text" lines="1"><cx-typography variant="body3">${this.asset.fileName}</cx-typography></cx-line-clamp></div><div class="asset__description__status">${p(
+    return n`<div data-id=${this.asset.recordId} data-testid=${`asset-${this.asset.uploadStatus}`} class="asset">${this.renderThumbnail()}<div class="asset__description"><div class="asset__description__label"><cx-line-clamp class="asset__description__label__text" lines="1"><cx-typography variant="body3">${this.asset.fileName}</cx-typography></cx-line-clamp></div><div class="asset__description__status">${h(
       this.listType === x.RECENT,
-      () => n`<cx-typography variant="small" class="asset__description__status__time"><cx-relative-time format="narrow" numeric="always" date=${new Date(this.asset.uploadTimestamp)} sync sync-interval=${O}></cx-relative-time></cx-typography>`
+      () => n`<cx-typography variant="small" class="asset__description__status__time"><cx-relative-time format="narrow" numeric="always" date=${new Date(this.asset.uploadTimestamp)} sync sync-interval=${N}></cx-relative-time></cx-typography>`
     )}
-            ${p(
+            ${h(
       this.listType === x.UPLOADS,
       () => this.renderUploadingStatus()
     )}
-            ${p(
+            ${h(
       this.listType === x.PINNED,
       () => this.renderPinnedStatus()
-    )}</div></div><div class="asset__actions">${p(this.showNormalActions, () => this.renderNormalActions())}
-          ${p(
+    )}</div></div><div class="asset__actions">${h(this.showNormalActions, () => this.renderNormalActions())}
+          ${h(
       this.showInProgressActions,
       () => this.renderInProgressActions()
     )}
-          ${p(
+          ${h(
       this.showRetryableUploadActions,
       () => this.renderRetryableUploadActions()
     )}
-          ${p(this.showPinnedActions, () => this.renderPinnedActions())}</div></div>`;
+          ${h(this.showPinnedActions, () => this.renderPinnedActions())}</div></div>`;
   }
 };
-L.styles = [tt, Ke];
+L.styles = [st, Ke];
 L.dependencies = {
   "cx-file-on-demand-pinned-status": T,
   "cx-format-bytes": nt,
-  "cx-icon": J,
+  "cx-icon": tt,
   "cx-icon-button": At,
-  "cx-line-clamp": Q,
+  "cx-line-clamp": et,
   "cx-progress-bar": ae,
   "cx-relative-time": Dt,
   "cx-spinner": oe,
   "cx-tooltip": Tt,
   "cx-typography": rt
 };
-V([
+H([
   d({ type: Object })
 ], L.prototype, "asset", 2);
-V([
+H([
   d({
     attribute: "list-type",
     type: String
   })
 ], L.prototype, "listType", 2);
-V([
+H([
   d({
     attribute: "favorite-in-progress-assets",
     converter: {
@@ -1044,7 +1054,7 @@ V([
     type: String
   })
 ], L.prototype, "favoriteInProgressAssets", 2);
-V([
+H([
   d({
     attribute: "pin-in-progress-assets",
     converter: {
@@ -1054,21 +1064,21 @@ V([
     type: String
   })
 ], L.prototype, "pinInProgressAssets", 2);
-V([
+H([
   u()
 ], L.prototype, "thumbnailLoadError", 2);
-L = V([
-  W("cx-file-on-demand-asset")
+L = H([
+  q("cx-file-on-demand-asset")
 ], L);
-const Je = ot`:host{--asset-height:40px;color:var(--cx-color-neutral-900);--cx-button-text-transform:none;--tooltip-max-width:min(80vw, 640px);height:100%;display:block}.container{height:100%;display:block}.container--user-interaction-blocked{pointer-events:none;user-select:none}.loading-overlay{background-color:var(--cx-color-neutral-50);opacity:.8;width:100%;height:100%;z-index:var(--cx-z-index-tooltip);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.assets,.welcome{flex-direction:column;height:100%;display:flex}.assets-list__tab-group .empty-icon{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-3x-large)}cx-tab{line-height:var(--cx-line-height-large)}.assets-list__tab-group cx-tab{width:25%}.settings__tab-group cx-tab{width:50%}cx-tab::part(base){justify-content:center;display:flex}cx-tab::part(label){text-align:center}cx-tab-panel{--padding:0 0 var(--cx-spacing-x-small) 0}cx-icon[slot=prefix]{font-size:var(--cx-font-size-large)}.error-message{color:var(--cx-color-danger);min-height:1ch}.welcome{padding:var(--cx-spacing-x-large) var(--cx-spacing-medium) var(--cx-spacing-medium) var(--cx-spacing-medium);justify-content:center;align-items:center;gap:var(--cx-spacing-x-large)}.welcome__message{justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.welcome__actions{justify-content:center;gap:var(--cx-spacing-x-small);flex-direction:column;width:100%;display:flex}.welcome__connect-button,.welcome__cancel-connection-button,.welcome__input{width:100%}.welcome__connect-button--disabled::part(base){cursor:help}.welcome .error-message{text-align:center}.header{background-color:var(--cx-color-neutral-50);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:space-between;line-height:1;display:flex}.header__user{align-items:center;gap:var(--cx-spacing-x-small);display:flex;overflow:hidden}.header__username{display:flex;overflow:hidden}.header__username__text{flex-grow:1;flex-shrink:1;overflow:hidden}.header__avatar{--size:24px}.header__actions{min-width:fit-content}.settings__version__badge::part(base){width:var(--cx-spacing-x-small);padding:0}.assets-list{flex:1;height:0}.assets-list__tab-group,.assets-list__tab-group::part(base),.assets-list__tab-group::part(body),.assets-list__tab-group cx-tab-panel,.assets-list__tab-group cx-tab-panel::part(base){height:100%;overflow:hidden}.assets-list__tab-group .assets-list__tab-group__empty-message{justify-content:center;align-items:center;gap:var(--cx-spacing-medium);font-size:var(--cx-font-size-x-large);padding:var(--cx-spacing-large) 0;text-align:center;flex-direction:column;display:flex}.assets-list__tab-group .assets-list__tab-group__empty-message:not(.favorites-empty){margin-top:40px}.assets-list__tab-group .recent__list,.assets-list__tab-group .favorites__list,.assets-list__tab-group .uploads__list,.assets-list__tab-group .pinned__list{height:100%;padding:0 0 var(--cx-spacing-x-small) 0;flex-direction:column;display:flex;overflow:hidden auto}.favorites-tab-panel__content,.pinned-tab-panel__content{flex-direction:column;height:100%;display:flex}.favorites__sync-time{justify-content:center;align-items:center;display:flex}.assets-list__tab-group .favorites__list,.assets-list__tab-group .pinned__list{flex:1;height:0}.recent__other.empty,.uploads__other.empty,.recent__today.empty,.uploads__today.empty{display:none}.status-footer{padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);gap:var(--cx-spacing-2x-small);flex-direction:column;display:flex}.status-footer cx-typography,.status-footer cx-line-clamp{line-height:1}.status-footer .cache-usage,.status-footer .connected-url,.status-footer .connection-status,.status-footer .asset-index-sync-status{justify-content:space-between;align-items:center;display:flex}.status-footer .label{color:var(--cx-color-neutral-600)}.status-footer__divider{--spacing:0;margin-bottom:var(--cx-spacing-small)}.connected-url .label{white-space:nowrap}.connected-url .value-line-clamp{padding:0 var(--cx-spacing-2x-small)}.connected-url .value::part(base){font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.cache-usage__warning-icon{color:var(--cx-color-warning-500)}.status-footer .cache-usage .label{color:var(--cx-color-primary-600)}.connection-status__value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);cursor:help;display:flex}.connection-status__value cx-typography{display:inline-flex}.connection-status__value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.connection-status--excellent .connection-status__value{color:var(--cx-color-success)}.connection-status--good .connection-status__value{color:var(--cx-color-warning)}.connection-status--bad .connection-status__value{color:var(--cx-color-danger)}.connection-status cx-icon{font-size:var(--cx-font-size-medium)}.asset-index-sync-status .value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.asset-index-sync-status .value cx-typography{display:inline-flex}.asset-index-sync-status .value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.asset-index-sync-status--loaded .value{color:var(--cx-color-success)}.asset-index-sync-status--loading .value{color:var(--cx-color-warning)}.asset-index-sync-status--error .value{color:var(--cx-color-danger)}.asset-index-sync-status cx-icon{font-size:var(--cx-font-size-medium)}.uploads__list .asset-group__label{justify-content:space-between;align-items:center;display:flex}.asset-group__clear-button::part(base){color:var(--cx-color-primary-500);font-size:var(--cx-font-size-x-small)}.asset-group__label{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);color:var(--cx-color-neutral-400);line-height:var(--cx-line-height-large)}.settings{height:100%}.settings .error-message{text-align:center}.settings__form{flex-direction:column;height:100%;display:flex}.settings__tab-group{flex:1;height:0}.settings__tab-group::part(base),.settings__tab-group::part(body){height:100%;overflow:hidden}.settings__tab-group cx-tab-panel{padding:var(--cx-spacing-medium) var(--cx-spacing-large) var(--cx-spacing-large) var(--cx-spacing-large);height:100%;overflow-y:auto}.settings-group{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.settings__general,.settings__advanced{gap:calc(var(--cx-spacing-small) * 2);flex-direction:column;display:flex}.settings__footer{border-top:1px solid var(--cx-color-neutral-200);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:flex-end;display:flex}.settings__footer__actions{gap:var(--cx-spacing-x-small);display:flex}.settings__connection-url{justify-content:space-between;display:flex}.settings__connection-url__value{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__software__version__value{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.settings__software__version__value__text{flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version__install-button{flex-shrink:0}.settings__about{text-align:center;color:var(--cx-color-neutral-500)}.settings__disconnect-button{width:100%}.settings__disconnect-button::part(base),.settings__disconnect-button cx-icon{color:var(--cx-color-danger)}.settings__cache__size{gap:var(--cx-spacing-x-small);flex-direction:column;justify-content:center;display:flex}.settings__cache__size cx-input{width:150px}.settings__cache__location{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__cache__location__label,.settings__cache__size__label{--color:var(--cx-color-neutral-600)}.settings__cache__location__value{justify-content:space-between;align-items:center;display:flex}.settings__cache__location__value__text{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__cache__location__actions{flex-wrap:nowrap}.settings__cache__location__change-button{flex-shrink:0}cx-tree-item:not(.selectable){--selected-color:var(--cx-color-neutral-700)}cx-tree-item:not(:hover):not(.selectable)::part(item){background-color:unset;color:var(--cx-color-neutral-700)}.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{flex-grow:1;flex-shrink:1;overflow:hidden}.select-folders-popup::part(body){gap:var(--cx-spacing-medium);flex-direction:column;display:flex;overflow:hidden}.select-folders-popup .selectable-folder-tree{flex:1;overflow:auto}.select-folders-popup__actions{justify-content:flex-end;display:flex}`;
+const Je = ot`:host{--asset-height:40px;color:var(--cx-color-neutral-900);--cx-button-text-transform:none;--tooltip-max-width:min(80vw, 640px);height:100%;display:block}.container{height:100%;display:block}.container--user-interaction-blocked{pointer-events:none;user-select:none}.loading-overlay{background-color:var(--cx-color-neutral-50);opacity:.8;width:100%;height:100%;z-index:var(--cx-z-index-tooltip);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.assets,.welcome{flex-direction:column;height:100%;display:flex}.assets-list__tab-group .empty-icon{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-3x-large)}cx-tab{line-height:var(--cx-line-height-large)}.assets-list__tab-group cx-tab{width:25%}.settings__tab-group cx-tab{width:50%}cx-tab::part(base){justify-content:center;display:flex}cx-tab::part(label){text-align:center}cx-tab-panel{--padding:0 0 var(--cx-spacing-x-small) 0}cx-icon[slot=prefix]{font-size:var(--cx-font-size-large)}.error-message{color:var(--cx-color-danger);min-height:1ch}.welcome{padding:var(--cx-spacing-x-large) var(--cx-spacing-medium) var(--cx-spacing-medium) var(--cx-spacing-medium);justify-content:center;align-items:center;gap:var(--cx-spacing-x-large)}.welcome__message{justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.welcome__actions{justify-content:center;gap:var(--cx-spacing-x-small);flex-direction:column;width:100%;display:flex}.welcome__connect-button,.welcome__cancel-connection-button,.welcome__input{width:100%}.welcome__connect-button--disabled::part(base){cursor:help}.welcome .error-message{text-align:center}.header{background-color:var(--cx-color-neutral-50);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:space-between;line-height:1;display:flex}.header__user{align-items:center;gap:var(--cx-spacing-x-small);display:flex;overflow:hidden}.header__username{display:flex;overflow:hidden}.header__username__text{flex-grow:1;flex-shrink:1;overflow:hidden}.header__avatar{--size:24px}.header__actions{min-width:fit-content}.settings__version__badge::part(base){width:var(--cx-spacing-x-small);padding:0}.assets-list{flex:1;height:0}.assets-list__tab-group,.assets-list__tab-group::part(base),.assets-list__tab-group::part(body),.assets-list__tab-group cx-tab-panel,.assets-list__tab-group cx-tab-panel::part(base){height:100%;overflow:hidden}.assets-list__tab-group .assets-list__tab-group__empty-message{justify-content:center;align-items:center;gap:var(--cx-spacing-medium);font-size:var(--cx-font-size-x-large);padding:var(--cx-spacing-large) 0;text-align:center;flex-direction:column;display:flex}.assets-list__tab-group .assets-list__tab-group__empty-message:not(.favorites-empty){margin-top:40px}.assets-list__tab-group .recent__list,.assets-list__tab-group .favorites__list,.assets-list__tab-group .uploads__list,.assets-list__tab-group .pinned__list{height:100%;padding:0 0 var(--cx-spacing-x-small) 0;flex-direction:column;display:flex;overflow:hidden auto}.favorites-tab-panel__content,.pinned-tab-panel__content{flex-direction:column;height:100%;display:flex}.favorites__sync-time{justify-content:center;align-items:center;display:flex}.assets-list__tab-group .favorites__list,.assets-list__tab-group .pinned__list{flex:1;height:0}.recent__other.empty,.uploads__other.empty,.recent__today.empty,.uploads__today.empty{display:none}.status-footer{padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);gap:var(--cx-spacing-2x-small);flex-direction:column;display:flex}.status-footer cx-typography,.status-footer cx-line-clamp{line-height:1}.status-footer .cache-usage,.status-footer .connected-url,.status-footer .connection-status,.status-footer .asset-index-sync-status{justify-content:space-between;align-items:center;display:flex}.status-footer .label{color:var(--cx-color-neutral-600)}.status-footer__divider{--spacing:0;margin-bottom:var(--cx-spacing-small)}.connected-url .label{white-space:nowrap}.connected-url .value-line-clamp{padding:0 var(--cx-spacing-2x-small)}.connected-url .value::part(base){font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.cache-usage__warning-icon{color:var(--cx-color-warning-500)}.status-footer .cache-usage .label{color:var(--cx-color-neutral-600)}.connection-status__value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);cursor:help;display:flex}.connection-status__value cx-typography{display:inline-flex}.connection-status__value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.connection-status--excellent .connection-status__value{color:var(--cx-color-success)}.connection-status--good .connection-status__value{color:var(--cx-color-warning)}.connection-status--bad .connection-status__value{color:var(--cx-color-danger)}.connection-status cx-icon{font-size:var(--cx-font-size-medium)}.asset-index-sync-status .value{justify-content:center;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.asset-index-sync-status .value cx-typography{display:inline-flex}.asset-index-sync-status .value cx-typography::part(base){text-transform:capitalize;font-weight:var(--cx-font-weight-medium)}.asset-index-sync-status--loaded .value{color:var(--cx-color-success)}.asset-index-sync-status--loading .value{color:var(--cx-color-warning)}.asset-index-sync-status--error .value{color:var(--cx-color-danger)}.asset-index-sync-status cx-icon{font-size:var(--cx-font-size-medium)}.uploads__list .asset-group__label{justify-content:space-between;align-items:center;display:flex}.asset-group__clear-button::part(base){color:var(--cx-color-primary-500);font-size:var(--cx-font-size-x-small)}.asset-group__label{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);color:var(--cx-color-neutral-400);line-height:var(--cx-line-height-large)}.settings{height:100%}.settings .error-message{text-align:center}.settings__form{flex-direction:column;height:100%;display:flex}.settings__tab-group{flex:1;height:0}.settings__tab-group::part(base),.settings__tab-group::part(body){height:100%;overflow:hidden}.settings__tab-group cx-tab-panel{padding:var(--cx-spacing-medium) var(--cx-spacing-large) var(--cx-spacing-large) var(--cx-spacing-large);height:100%;overflow-y:auto}.settings-group{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.settings__general,.settings__advanced{gap:calc(var(--cx-spacing-small) * 2);flex-direction:column;display:flex}.settings__footer{border-top:1px solid var(--cx-color-neutral-200);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);justify-content:flex-end;display:flex}.settings__footer__actions{gap:var(--cx-spacing-x-small);display:flex}.settings__connection-url{justify-content:space-between;display:flex}.settings__connection-url__value{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__software__version__value{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.settings__software__version__value__text{flex-grow:1;flex-shrink:1;overflow:hidden}.settings__software__version__install-button{flex-shrink:0}.settings__about{text-align:center;color:var(--cx-color-neutral-500)}.settings__disconnect-button{width:100%}.settings__disconnect-button::part(base),.settings__disconnect-button cx-icon{color:var(--cx-color-danger)}.settings__cache__size{gap:var(--cx-spacing-medium);flex-direction:column;display:flex}.settings__cache__input{gap:var(--cx-spacing-medium);flex-direction:row;display:flex}.settings__cache__size cx-input{flex:1}.settings__cache__input .size-unit{color:var(--cx-color-neutral-700)}.settings__cache__location{gap:var(--cx-spacing-small);flex-direction:column;display:flex}.settings__cache__location__label,.settings__cache__size__label{--color:var(--cx-color-neutral-600)}.settings__cache__location__value{justify-content:space-between;align-items:center;display:flex}.settings__cache__location__value__text{padding:0 var(--cx-spacing-small);flex-grow:1;flex-shrink:1;overflow:hidden}.settings__cache__location__actions{flex-wrap:nowrap}.settings__cache__location__change-button{flex-shrink:0}cx-tree-item:not(.selectable){--selected-color:var(--cx-color-neutral-700)}cx-tree-item:not(:hover):not(.selectable)::part(item){background-color:unset;color:var(--cx-color-neutral-700)}.folder-tree{flex:1;overflow:auto}.folder-tree:not(.selectable){max-height:200px}.folder-tree__item::part(label){width:100%;overflow:hidden}.folder-tree__icon{font-size:var(--cx-font-size-large);color:var(--cx-color-neutral-600)}.folder-tree__label{gap:var(--cx-spacing-x-small);width:100%;line-height:var(--cx-line-height-medium);display:flex;overflow:hidden}.folder-tree__label__value{flex-grow:1;flex-shrink:1;overflow:hidden}.select-folders-popup::part(body){gap:var(--cx-spacing-medium);flex-direction:column;display:flex;overflow:hidden}.select-folders-popup .selectable-folder-tree{flex:1;overflow:auto}.select-folders-popup__actions{justify-content:flex-end;display:flex}`;
 var Qe = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, l = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? ts(e, i) : e, o = t.length - 1, c; o >= 0; o--)
     (c = t[o]) && (s = (a ? c(e, i, s) : c(s)) || s);
   return a && s && Qe(e, i, s), s;
 };
-let r = class extends H {
+let r = class extends W {
   constructor() {
-    super(...arguments), this.localize = new q(this), this.connectionEstablished = !1, this.connectionStatus = "excellent", this.connectionStatusTooltip = "", this.assetIndexSyncStatus = "loading", this.userAvatarUrl = "", this.username = "", this.recentAssets = { assets: [], hasMore: !1 }, this.favoriteAssets = { assets: [], hasMore: !1 }, this.favoritesLastSync = Date.now(), this.favoriteInProgressAssets = [], this.pinInProgressAssets = [], this.uploadingAssets = { assets: [], hasMore: !1 }, this.pinnedAssets = { assets: [], hasMore: !1 }, this.availableFolderIdentifiers = [], this.isLoading = !1, this.settings = {
+    super(...arguments), this.localize = new G(this), this.connectionEstablished = !1, this.connectionStatus = "excellent", this.connectionStatusTooltip = "", this.assetIndexSyncStatus = "loading", this.userAvatarUrl = "", this.username = "", this.recentAssets = { assets: [], hasMore: !1 }, this.favoriteAssets = { assets: [], hasMore: !1 }, this.favoritesLastSync = Date.now(), this.favoriteInProgressAssets = [], this.pinInProgressAssets = [], this.uploadingAssets = { assets: [], hasMore: !1 }, this.pinnedAssets = { assets: [], hasMore: !1 }, this.availableFolderIdentifiers = [], this.isLoading = !1, this.settings = {
       cacheLocation: "Default",
       cacheSize: 0,
       cacheUsage: 0,
@@ -1086,11 +1096,11 @@ let r = class extends H {
         // maxDownloadRate: 0,
         // maxUploadRate: 0,
       }
-    }, this.pickCacheLocation = async () => "Default", this.hasNewVersion = !1, this.aboutContent = "", this.token = "", this.userInteractionBlocked = !1, this.isConnecting = !1, this.isCancellingConnection = !1, this.isDisconnecting = !1, this.isUpgrading = !1, this.isSettingsOpened = !1, this.rootIDs = this.settings.config.rootIDs, this._activeFoldersMode = this.rootIDs.length > 0, this.removedIds = [], this.cacheSize = et({
-      base: st,
+    }, this.pickCacheLocation = async () => "Default", this.hasNewVersion = !1, this.aboutContent = "", this.token = "", this.userInteractionBlocked = !1, this.isConnecting = !1, this.isCancellingConnection = !1, this.isDisconnecting = !1, this.isUpgrading = !1, this.isSettingsOpened = !1, this.rootIDs = this.settings.config.rootIDs, this._activeFoldersMode = this.rootIDs.length > 0, this.removedIds = [], this.cacheSize = Z({
+      base: Q,
       decimals: 2,
       inputUnit: "B",
-      targetUnit: X,
+      targetUnit: M,
       value: this.settings.cacheSize ?? 0
     }), this.cacheLocation = this.settings.cacheLocation, this.proxyTypes = this.settings.config.proxyTypes ?? [], this.siteUrl = this.settings.config.siteUrl, this.isRecentAssetsLoading = !1, this.isFavoriteAssetsLoading = !1, this.isUploadingAssetsLoading = !1, this.isPinnedAssetsLoading = !1, this.connectError = "", this.disconnectError = "", this.upgradeError = "", this.totalCount = 0, this.folderPathsSet = /* @__PURE__ */ new Set(), this.validConnectionUrl = !1, this.isAddingRootIDs = !1, this.fetchFolders = async ({
       excludes: t = [],
@@ -1141,7 +1151,7 @@ let r = class extends H {
   }
   fetchData() {
     if (!this.connectionEstablished) {
-      this.validConnectionUrl = K(this.settings.config.siteUrl);
+      this.validConnectionUrl = X(this.settings.config.siteUrl);
       return;
     }
     this.folderPathsSet = /* @__PURE__ */ new Set(), this.fetchFolders({
@@ -1156,13 +1166,13 @@ let r = class extends H {
     this.connectionEstablished && (await this.updateComplete, await this.assetsListTabGroup?.updateComplete, this.assetsListTabGroup?.show(x.RECENT));
   }
   updateSettingsStates() {
-    this._activeFoldersMode = this.settings.config.rootIDs?.length > 0, this.rootIDs = this.settings.config.rootIDs ?? [], this.cacheSize = et({
-      base: st,
+    this._activeFoldersMode = this.settings.config.rootIDs?.length > 0, this.rootIDs = this.settings.config.rootIDs ?? [], this.cacheSize = Z({
+      base: Q,
       decimals: 2,
       inputUnit: "B",
-      targetUnit: X,
+      targetUnit: M,
       value: this.settings.cacheSize ?? 0
-    }), this.cacheLocation = this.settings.cacheLocation ?? "Default", this.proxyTypes = this.settings.config.proxyTypes ?? [], this.siteUrl = this.settings.config.siteUrl ?? "", this.validConnectionUrl = K(this.settings.config.siteUrl);
+    }), this.cacheLocation = this.settings.cacheLocation ?? "Default", this.proxyTypes = this.settings.config.proxyTypes ?? [], this.siteUrl = this.settings.config.siteUrl ?? "", this.validConnectionUrl = X(this.settings.config.siteUrl);
   }
   get formHasChanges() {
     return this.settings.cacheSize !== this.cacheSize || this.settings.cacheLocation !== this.cacheLocation || !!it(this.settings.config.proxyTypes, this.proxyTypes).length || !!it(this.settings.config.rootIDs, this.rootIDs).length;
@@ -1170,8 +1180,8 @@ let r = class extends H {
   connect(t = null) {
     if (t?.preventDefault(), this.connectError = "", !this.siteUrl?.trim())
       return;
-    const e = ht(this.siteUrl);
-    if (!K(e)) {
+    const e = pt(this.siteUrl);
+    if (!X(e)) {
       this.connectError = this.localize.term("pleaseEnterAValidUrl");
       return;
     }
@@ -1222,10 +1232,10 @@ let r = class extends H {
       detail: {
         settings: {
           cacheLocation: this.cacheLocation,
-          cacheSize: et({
-            base: st,
+          cacheSize: Z({
+            base: Q,
             decimals: 2,
-            inputUnit: X,
+            inputUnit: M,
             targetUnit: "B",
             value: this.cacheSize
           }),
@@ -1273,7 +1283,7 @@ let r = class extends H {
     if (!this.recentAssetsList)
       return;
     const { clientHeight: t, scrollHeight: e, scrollTop: i } = this.recentAssetsList;
-    !this.isRecentAssetsLoading && this.recentAssets.hasMore && i + t >= e - Z && (this.isRecentAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+    !this.isRecentAssetsLoading && this.recentAssets.hasMore && i + t >= e - J && (this.isRecentAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
       detail: {
         type: "recent"
       }
@@ -1286,7 +1296,7 @@ let r = class extends H {
     if (!this.favoritesAssetsList)
       return;
     const { clientHeight: t, scrollHeight: e, scrollTop: i } = this.favoritesAssetsList;
-    !this.isFavoriteAssetsLoading && this.favoriteAssets.hasMore && i + t >= e - Z && (this.isFavoriteAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+    !this.isFavoriteAssetsLoading && this.favoriteAssets.hasMore && i + t >= e - J && (this.isFavoriteAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
       detail: {
         type: "favorites"
       }
@@ -1296,7 +1306,7 @@ let r = class extends H {
     if (!this.pinnedAssetsList)
       return;
     const { clientHeight: t, scrollHeight: e, scrollTop: i } = this.pinnedAssetsList;
-    !this.isPinnedAssetsLoading && this.pinnedAssets.hasMore && i + t >= e - Z && (this.isPinnedAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+    !this.isPinnedAssetsLoading && this.pinnedAssets.hasMore && i + t >= e - J && (this.isPinnedAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
       detail: {
         type: "pinned"
       }
@@ -1312,7 +1322,7 @@ let r = class extends H {
     if (!this.uploadsAssetsList)
       return;
     const { clientHeight: t, scrollHeight: e, scrollTop: i } = this.uploadsAssetsList;
-    !this.isUploadingAssetsLoading && this.uploadingAssets.hasMore && i + t >= e - Z && (this.isUploadingAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+    !this.isUploadingAssetsLoading && this.uploadingAssets.hasMore && i + t >= e - J && (this.isUploadingAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
       detail: {
         type: "uploads"
       }
@@ -1334,7 +1344,7 @@ let r = class extends H {
     const t = () => {
       this.openDrive();
     };
-    return n`<div class="header"><div class="header__user"><cx-avatar class="header__avatar" image=${this.userAvatarUrl} label=${this.username}></cx-avatar><div class="header__username"><cx-line-clamp lines="1" class="header__username__text"><cx-typography variant="body3">${this.username}</cx-typography></cx-line-clamp></div></div><div class="header__actions"><cx-tooltip content=${this.localize.term("search")} hoist><cx-icon-button data-testid="header__search-button" name="search" @click=${this.openSearch}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("openDrive")} hoist><cx-icon-button data-testid="header__drive-button" name="folder_open" @click=${t}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("settings")} hoist><cx-icon-button data-testid="header__settings-button" class="header__settings" name="settings" @click=${this.showSettings}>${p(
+    return n`<div class="header"><div class="header__user"><cx-avatar class="header__avatar" image=${this.userAvatarUrl} label=${this.username}></cx-avatar><div class="header__username"><cx-line-clamp lines="1" class="header__username__text"><cx-typography variant="body3">${this.username}</cx-typography></cx-line-clamp></div></div><div class="header__actions"><cx-tooltip content=${this.localize.term("search")} hoist><cx-icon-button data-testid="header__search-button" name="search" @click=${this.openSearch}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("openDrive")} hoist><cx-icon-button data-testid="header__drive-button" name="folder_open" @click=${t}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("settings")} hoist><cx-icon-button data-testid="header__settings-button" class="header__settings" name="settings" @click=${this.showSettings}>${h(
       this.hasNewVersion,
       () => n`<cx-badge class="settings__version__badge" slot="badge" variant="danger" pill size="x-small"></cx-badge>`
     )}</cx-icon-button></cx-tooltip></div></div>`;
@@ -1346,14 +1356,14 @@ let r = class extends H {
   renderRecentAssets() {
     const t = n`<div class="recent-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="explore"></cx-icon><cx-typography variant="body2">${this.localize.term("allViewedAssetsWillBeVisibleHere")}</cx-typography></div>`, [e, i] = gt(
       this.recentAssets.assets
-    ), a = n`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${C({
+    ), a = n`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${w({
       empty: e.length === 0,
       recent__today: !0
     })} data-testid="recent__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography></div>${U(
       e,
       (s) => s.recordId,
       (s) => this.renderAsset(s, x.RECENT)
-    )}</div><div class=${C({
+    )}</div><div class=${w({
       empty: i.length === 0,
       recent__other: !0
     })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${U(
@@ -1361,7 +1371,7 @@ let r = class extends H {
       (s) => s.recordId,
       (s) => this.renderAsset(s, x.RECENT)
     )}</div></div>`;
-    return n`<cx-tab-panel name=${x.RECENT} class="assets-list__recent-tab-panel">${p(
+    return n`<cx-tab-panel name=${x.RECENT} class="assets-list__recent-tab-panel">${h(
       this.recentAssets.assets.length > 0,
       () => a,
       () => t
@@ -1374,7 +1384,7 @@ let r = class extends H {
       (a) => this.renderAsset(a, x.FAVORITES)
     )}</div>`;
     return n`<cx-tab-panel name=${x.FAVORITES} class="assets-list__favorites-tab-panel"><div class="favorites-tab-panel__content"><div class="asset-group__label favorites__sync-time"><cx-typography variant="small">${this.localize.term("favoritesSync")} -
-              <cx-relative-time format="narrow" numeric="always" date=${new Date(this.favoritesLastSync)} sync sync-interval=${O}></cx-relative-time></cx-typography></div>${p(
+              <cx-relative-time format="narrow" numeric="always" date=${new Date(this.favoritesLastSync)} sync sync-interval=${N}></cx-relative-time></cx-typography></div>${h(
       e.length > 0,
       () => i,
       () => t
@@ -1386,17 +1396,17 @@ let r = class extends H {
   renderUploadingAssets() {
     const t = n`<div class="uploads-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="arrow_upward"></cx-icon><cx-typography variant="body2">${this.localize.term("allAssetUploadsWillBeVisibleHere")}</cx-typography></div>`, [e, i] = gt(
       this.uploadingAssets.assets
-    ), a = n`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${C({
+    ), a = n`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${w({
       empty: e.length === 0,
       recent__today: !0
-    })} data-testid="uploads__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography>${p(e.length > 0, () => this.renderClearUploadButton())}</div>${U(
+    })} data-testid="uploads__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography>${h(e.length > 0, () => this.renderClearUploadButton())}</div>${U(
       e,
       (s) => s.recordId,
       (s) => this.renderAsset(s, x.UPLOADS)
-    )}</div><div class=${C({
+    )}</div><div class=${w({
       empty: i.length === 0,
       uploads__other: !0
-    })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography>${p(
+    })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography>${h(
       e.length === 0 && i.length > 0,
       () => this.renderClearUploadButton()
     )}</div>${U(
@@ -1404,7 +1414,7 @@ let r = class extends H {
       (s) => s.recordId,
       (s) => this.renderAsset(s, x.UPLOADS)
     )}</div></div>`;
-    return n`<cx-tab-panel name=${x.UPLOADS} class="assets-list__uploads-tab-panel">${p(
+    return n`<cx-tab-panel name=${x.UPLOADS} class="assets-list__uploads-tab-panel">${h(
       this.uploadingAssets.assets.length > 0,
       () => a,
       () => t
@@ -1416,7 +1426,7 @@ let r = class extends H {
       (a) => a.recordId,
       (a) => this.renderAsset(a, x.PINNED)
     )}</div>`;
-    return n`<cx-tab-panel name=${x.PINNED} class="assets-list__pinned-tab-panel"><div class="pinned-tab-panel__content">${p(
+    return n`<cx-tab-panel name=${x.PINNED} class="assets-list__pinned-tab-panel"><div class="pinned-tab-panel__content">${h(
       e.length > 0,
       () => i,
       () => t
@@ -1459,42 +1469,42 @@ let r = class extends H {
       s?.target && s.target !== this.dialog || (this.folderTree.resetTree(), this.folderTree.rootIDs = [], this.folderTree.removedIDs = [], this.dialog.hide(), this.searchText = "");
     }, i = async () => {
       this.isAddingRootIDs = !0, await this.updateComplete, this.searchText = "";
-      const s = this.rootIDs.filter((h) => {
+      const s = this.rootIDs.filter((p) => {
         if (!this.folderTree.shadowRoot?.querySelector(
-          `[data-id="${S(h).id}"]`
+          `[data-id="${S(p).id}"]`
         ))
           return !0;
       }), o = /* @__PURE__ */ new Set([
         ...this.folderTree.currentRootIDs,
         ...s
       ]);
-      for (const h of o) {
-        const _ = R(S(h).path), m = this.folderTree.removedIDs.filter(
+      for (const p of o) {
+        const _ = R(S(p).path), m = this.folderTree.removedIDs.filter(
           (g) => R(S(g).path).startsWith(_)
         );
         if (m.length > 0) {
           const { totalCount: g } = await this.fetchFolders({
             excludes: m.map((f) => S(f).id),
-            folderId: S(h).id,
+            folderId: S(p).id,
             start: 0
           }), { data: $ } = await this.fetchFolders({
             excludes: m.map((f) => S(f).id),
-            folderId: S(h).id,
+            folderId: S(p).id,
             limit: g || 10,
             start: 0
           });
           $.forEach((f) => {
             o.add(
-              N({ id: f.id, path: f.fullPath })
+              j({ id: f.id, path: f.fullPath })
             );
-          }), o.delete(h);
+          }), o.delete(p);
         }
       }
       const c = Array.from(o);
       this.updateActiveFolderIdentifiers(c), this.removedIds = c.filter(
-        (h) => [...c].some((_) => {
-          const m = S(h), g = S(_), $ = R(g.path);
-          return _ !== h && m.path.startsWith($);
+        (p) => [...c].some((_) => {
+          const m = S(p), g = S(_), $ = R(g.path);
+          return _ !== p && m.path.startsWith($);
         })
       ), e(), this.isAddingRootIDs = !1;
     }, a = (s) => {
@@ -1522,7 +1532,7 @@ let r = class extends H {
       const { id: s, path: o } = S(a), c = () => {
         e(s);
       };
-      return n`<cx-tree-item data-id=${s} class=${C({
+      return n`<cx-tree-item data-id=${s} class=${w({
         "folder-tree__item": !0
       })}><div class="folder-tree__label"><cx-icon class="folder-tree__icon" name="folder"></cx-icon><cx-line-clamp lines="1" class="folder-tree__label__value">${o}</cx-line-clamp></div><cx-tooltip slot="actions" content=${this.localize.term("removeFolder", 1)} hoist><cx-icon-button @click=${c} name="close"></cx-icon-button></cx-tooltip></cx-tree-item>`;
     };
@@ -1537,14 +1547,14 @@ let r = class extends H {
     t.target.value === "custom" ? (this._activeFoldersMode = !0, this.rootIDs = this.settings.config.rootIDs ?? []) : (this._activeFoldersMode = !1, this.rootIDs = []);
   }
   renderGeneralSettings() {
-    const t = n`<div class="settings-group settings__active-folder"><cx-typography variant="h5">${this.localize.term("activeFolders")}</cx-typography><cx-typography variant="body3">${this.localize.term("activeFoldersHelpText")}</cx-typography><cx-select data-testid="settings__active-folder-select" hoist input-behavior="none" value=${this._activeFoldersMode ? "custom" : "all"} @cx-change=${this.handleActiveFolderChange}><cx-option value="all">${this.localize.term("allFoldersDefault")}</cx-option><cx-option value="custom">${this.localize.term("custom")}</cx-option></cx-select>${p(
+    const t = n`<div class="settings-group settings__active-folder"><cx-typography variant="h5">${this.localize.term("activeFolders")}</cx-typography><cx-typography variant="body3">${this.localize.term("activeFoldersHelpText")}</cx-typography><cx-select data-testid="settings__active-folder-select" hoist input-behavior="none" value=${this._activeFoldersMode ? "custom" : "all"} @cx-change=${this.handleActiveFolderChange}><cx-option value="all">${this.localize.term("allFoldersDefault")}</cx-option><cx-option value="custom">${this.localize.term("custom")}</cx-option></cx-select>${h(
       this._activeFoldersMode,
       () => n`
             ${this.renderRootFolderTree()} ${this.renderSelectFoldersPopup()}
           `
     )}</div>`;
     return n`<div class="settings__general">${t}<div class="settings-group settings__software"><cx-typography variant="h5">${this.localize.term("software")}</cx-typography><div class="settings__software__version"><div class="settings__software__version__value"><cx-line-clamp lines="1" class="settings__software__version__value__text"><cx-typography variant="body3">${this.localize.term("currentVersion")}
-                  ${xt(this.settings.config.version ?? "")}</cx-typography></cx-line-clamp></div>${p(
+                  ${xt(this.settings.config.version ?? "")}</cx-typography></cx-line-clamp></div>${h(
       this.hasNewVersion,
       () => n`<div class="settings__software__version__value"><cx-badge class="settings__version__badge" slot="badge" variant="danger" pill size="x-small"></cx-badge><cx-line-clamp lines="1" class="settings__software__version__value__text"><cx-typography variant="body3">${this.localize.term(
         "newVersionAvailable",
@@ -1573,6 +1583,15 @@ let r = class extends H {
     }
     this.cacheSize = Number(e.value);
   }
+  formatCacheUsage() {
+    return Z({
+      base: Q,
+      decimals: 2,
+      inputUnit: "B",
+      targetUnit: M,
+      value: this.settings.cacheUsage ?? 0
+    });
+  }
   async handleCacheLocationClick() {
     const t = await this.pickCacheLocation();
     this.cacheLocation = t;
@@ -1584,7 +1603,7 @@ let r = class extends H {
     const t = n`<cx-tooltip content=${this.localize.term("openDrive")} hoist><cx-icon-button data-testid="settings__cache__location__open-button" name="folder_open" outline @click=${this.openCacheLocation}></cx-icon-button></cx-tooltip>`;
     return n`<div class="settings__advanced"><div class="settings-group settings__proxy"><cx-typography variant="h5">Proxy</cx-typography><cx-select class="settings__proxy__select" label=${this.localize.term("types")} multiple=multiple input-behavior="none" value=${(this.proxyTypes ?? []).join(" ")} @cx-change=${this.handleProxyChange}><cx-option value="Image" ?disabled=${(this.proxyTypes ?? []).includes("All")}>${this.localize.term("image")}</cx-option><cx-option value="Video" ?disabled=${(this.proxyTypes ?? []).includes("All")}>${this.localize.term("video")}</cx-option><cx-option value="Audio" ?disabled=${(this.proxyTypes ?? []).includes("All")}>${this.localize.term("audio")}</cx-option><cx-option value="All">${this.localize.term("all")}</cx-option></cx-select><cx-typography variant="small">${this.localize.term(
       "itCanTakeAFewMinutesForThisSettingToTakeEffect"
-    )}</cx-typography></div><div class="settings-group settings__cache"><cx-typography variant="h5">${this.localize.term("cache")}</cx-typography><div class="settings__cache__size"><cx-typography variant="body3" class="settings__cache__size__label">${this.localize.term("currentUsage")}: <cx-format-bytes .value=${this.settings.cacheUsage}></cx-format-bytes></cx-typography><cx-typography variant="body3" class="settings__cache__size__label">${this.localize.term("capacity")}</cx-typography><cx-input data-testid="settings__cache__size__input" label=${this.localize.term("size")} type="number" no-spin-buttons min="0" step="any" value=${this.cacheSize} @keydown=${this.handleCacheSizeKeydown} @cx-change=${this.handleCacheSizeChange}><cx-typography slot="suffix" variant="body2">${X}</cx-typography></cx-input></div><div class="settings__cache__location"><cx-typography variant="body3" class="settings__cache__location__label">${this.localize.term("location")}</cx-typography><div class="settings__cache__location__value"><cx-line-clamp lines="1" class="settings__cache__location__value__text"><cx-typography variant="body3">${this.cacheLocation}</cx-typography></cx-line-clamp><cx-space spacing="x-small" class="settings__cache__location__actions"><cx-button class="settings__cache__location__change-button" outline @click=${this.handleCacheLocationClick}><cx-icon name="edit" slot="prefix"></cx-icon>${this.localize.term("change")}</cx-button>${t}</cx-space></div></div><div class="settings__cache__buttons"><cx-button data-testid="settings__cache__clear-button" @click=${this.clearCache}><cx-icon name="delete" slot="prefix"></cx-icon>${this.localize.term("clearCache")}</cx-button></div></div><div class="settings-group settings__config"><cx-typography variant="h5">${this.localize.term("config")}</cx-typography><div class="settings__config__buttons"><cx-button data-testid="settings__config__export-button" @click=${this.exportSettings}><cx-icon name="file_download" slot="prefix"></cx-icon>${this.localize.term("export")}</cx-button><cx-button @click=${this.importSettings} data-testid="settings__config__import-button"><cx-icon name="file_upload" slot="prefix"></cx-icon>${this.localize.term("import")}</cx-button></div></div><div class="settings-group settings__logs"><cx-typography variant="h5">${this.localize.term("logs")}</cx-typography><div class="settings__logs__buttons"><cx-button data-testid="settings__logs__view-button" @click=${this.viewLogs}><cx-icon name="code" slot="prefix"></cx-icon>${this.localize.term("view")}</cx-button></div></div></div>`;
+    )}</cx-typography></div><div class="settings-group settings__cache"><cx-typography variant="h5">${this.localize.term("cache")}</cx-typography><div class="settings__cache__size"><cx-typography variant="body3" class="settings__cache__size__label">${this.localize.term("cacheSizeDescription")}</cx-typography><div class="settings__cache__input"><cx-input data-testid="settings__cache__used__input" disabled=disabled label=${this.localize.term("used")} type="number" no-spin-buttons step="any" value=${this.formatCacheUsage()}><cx-typography class="size-unit" slot="suffix" variant="body2">${M}</cx-typography></cx-input><cx-input data-testid="settings__cache__size__input" label=${this.localize.term("size")} type="number" no-spin-buttons min="0" step="any" value=${this.cacheSize} @keydown=${this.handleCacheSizeKeydown} @cx-change=${this.handleCacheSizeChange}><cx-typography class="size-unit" slot="suffix" variant="body2">${M}</cx-typography></cx-input></div></div><div class="settings__cache__location"><cx-typography variant="body3" class="settings__cache__location__label">${this.localize.term("location")}</cx-typography><div class="settings__cache__location__value"><cx-line-clamp lines="1" class="settings__cache__location__value__text"><cx-typography variant="body3">${this.cacheLocation}</cx-typography></cx-line-clamp><cx-space spacing="x-small" class="settings__cache__location__actions"><cx-button class="settings__cache__location__change-button" outline @click=${this.handleCacheLocationClick}><cx-icon name="edit" slot="prefix"></cx-icon>${this.localize.term("change")}</cx-button>${t}</cx-space></div></div><div class="settings__cache__buttons"><cx-button data-testid="settings__cache__clear-button" @click=${this.clearCache}><cx-icon name="delete" slot="prefix"></cx-icon>${this.localize.term("clearCache")}</cx-button></div></div><div class="settings-group settings__config"><cx-typography variant="h5">${this.localize.term("config")}</cx-typography><div class="settings__config__buttons"><cx-button data-testid="settings__config__export-button" @click=${this.exportSettings}><cx-icon name="file_download" slot="prefix"></cx-icon>${this.localize.term("export")}</cx-button><cx-button @click=${this.importSettings} data-testid="settings__config__import-button"><cx-icon name="file_upload" slot="prefix"></cx-icon>${this.localize.term("import")}</cx-button></div></div><div class="settings-group settings__logs"><cx-typography variant="h5">${this.localize.term("logs")}</cx-typography><div class="settings__logs__buttons"><cx-button data-testid="settings__logs__view-button" @click=${this.viewLogs}><cx-icon name="code" slot="prefix"></cx-icon>${this.localize.term("view")}</cx-button></div></div></div>`;
   }
   renderSettingsView() {
     const t = () => {
@@ -1614,33 +1633,33 @@ let r = class extends H {
         case "error":
           return n`<cx-icon variant="filled" name="error"></cx-icon>`;
       }
-    }, a = n`<div class=${C({
+    }, a = n`<div class=${w({
       "connection-status": !0,
       "connection-status--bad": this.connectionStatus === "bad",
       "connection-status--excellent": this.connectionStatus === "excellent",
       "connection-status--good": this.connectionStatus === "good"
     })}><cx-typography class="label" variant="small">${this.localize.term("connection")}</cx-typography><cx-tooltip class="connection-status__tooltip" content=${this.connectionStatusTooltip} hoist ?disabled=${!this.connectionStatusTooltip.trim()}><div class="connection-status__value"><cx-typography variant="small">${this.connectionStatus}</cx-typography>${e()}</div></cx-tooltip></div>`, s = this.settings.cacheUsage >= this.settings.cacheSize;
-    return n`<cx-divider class="status-footer__divider"></cx-divider><div class="status-footer"><div class="connected-url"><cx-typography class="label" variant="small">${this.localize.term("connectedTo")}</cx-typography><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small">${this.settings.config.siteUrl}</cx-typography></cx-line-clamp></div>${a}<div class=${C({
+    return n`<cx-divider class="status-footer__divider"></cx-divider><div class="status-footer"><div class="connected-url"><cx-typography class="label" variant="small">${this.localize.term("connectedTo")}</cx-typography><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small">${this.settings.config.siteUrl}</cx-typography></cx-line-clamp></div>${a}<div class=${w({
       "asset-index-sync-status": !0,
       "asset-index-sync-status--error": this.assetIndexSyncStatus === "error",
       "asset-index-sync-status--loaded": this.assetIndexSyncStatus === "loaded",
       "asset-index-sync-status--loading": this.assetIndexSyncStatus === "loading"
-    })}><cx-typography class="label" variant="small">${this.localize.term("assetIndexSync")}</cx-typography><div class="value"><cx-typography variant="small">${_e[this.assetIndexSyncStatus]}</cx-typography>${i()}</div></div><div class="cache-usage"><cx-typography class="label" variant="small">${this.localize.term("cache")}</cx-typography><cx-tooltip ?disabled=${!s} content=${this.localize.term("cacheUsageWarning")}><cx-space spacing="3x-small"><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small"><cx-format-bytes .value=${this.settings.cacheUsage}></cx-format-bytes>
+    })}><cx-typography class="label" variant="small">${this.localize.term("assetIndexSync")}</cx-typography><div class="value"><cx-typography variant="small">${_e[this.assetIndexSyncStatus]}</cx-typography>${i()}</div></div><div class="cache-usage"><cx-typography class="label" variant="small">${this.localize.term("cache")}</cx-typography><cx-tooltip ?disabled=${!s} content=${this.localize.term("cacheUsageWarning")}><cx-space spacing="3x-small"><cx-line-clamp class="value-line-clamp" lines="1"><cx-typography class="value" variant="small"><cx-format-bytes value=${this.settings.cacheUsage}></cx-format-bytes>
                   /
-                  <cx-format-bytes .value=${this.settings.cacheSize}></cx-format-bytes></cx-typography></cx-line-clamp>${p(s, () => n`<cx-icon class="cache-usage__warning-icon" name="warning" variant="filled"></cx-icon>`)}</cx-space></cx-tooltip></div>${p(this.assetIndexSyncStatus === "error", () => t)}</div>`;
+                  <cx-format-bytes value=${this.settings.cacheSize}></cx-format-bytes></cx-typography></cx-line-clamp></cx-space></cx-tooltip></div>${h(this.assetIndexSyncStatus === "error", () => t)}</div>`;
   }
   handleConnectionURLInput(t) {
     this.validConnectionUrl = !0, this.siteUrl = t.target.value.trim();
-    const e = ht(this.siteUrl);
-    K(e) || (this.validConnectionUrl = !1);
+    const e = pt(this.siteUrl);
+    X(e) || (this.validConnectionUrl = !1);
   }
   renderWelcomeView() {
-    return n`<div class="welcome"><div class="welcome__message"><cx-typography variant="h5">${this.localize.term("welcomeToFileOnDemand")}</cx-typography><cx-typography variant="body3">${this.localize.term("enterYourSiteUrlToConnect")}</cx-typography></div><form class="welcome__actions" @submit=${this.connect}><cx-input aria-label=${this.localize.term("connectionURLInput")} class="welcome__input" placeholder="Ex: https://cortex.orangelogic.com/" value=${this.settings.config.siteUrl} @cx-input=${this.handleConnectionURLInput}></cx-input><cx-tooltip class="welcome__connect-button__tooltip" ?disabled=${this.siteUrl.trim() && this.validConnectionUrl} content=${this.siteUrl.trim() ? this.localize.term("pleaseEnterAValidUrl") : this.localize.term("connectionCannotBeEmpty")}><cx-button type="submit" ?loading=${this.isConnecting} variant="primary" class=${C({
+    return n`<div class="welcome"><div class="welcome__message"><cx-typography variant="h5">${this.localize.term("welcomeToFileOnDemand")}</cx-typography><cx-typography variant="body3">${this.localize.term("enterYourSiteUrlToConnect")}</cx-typography></div><form class="welcome__actions" @submit=${this.connect}><cx-input aria-label=${this.localize.term("connectionURLInput")} class="welcome__input" placeholder="Ex: https://cortex.orangelogic.com/" value=${this.settings.config.siteUrl} @cx-input=${this.handleConnectionURLInput}></cx-input><cx-tooltip class="welcome__connect-button__tooltip" ?disabled=${this.siteUrl.trim() && this.validConnectionUrl} content=${this.siteUrl.trim() ? this.localize.term("pleaseEnterAValidUrl") : this.localize.term("connectionCannotBeEmpty")}><cx-button type="submit" ?loading=${this.isConnecting} variant="primary" class=${w({
       "welcome__connect-button": !0,
       "welcome__connect-button--disabled": !this.siteUrl.trim() || !this.validConnectionUrl
-    })} ?disabled=${!this.siteUrl.trim() || !this.validConnectionUrl}>${this.localize.term("connect")}</cx-button></cx-tooltip><cx-button type="button" ?loading=${this.isCancellingConnection} variant="text" class=${C({
+    })} ?disabled=${!this.siteUrl.trim() || !this.validConnectionUrl}>${this.localize.term("connect")}</cx-button></cx-tooltip><cx-button type="button" ?loading=${this.isCancellingConnection} variant="text" class=${w({
       "welcome__cancel-connection-button": !0
-    })} ?disabled=${!this.isConnecting} @click=${this.cancelConnection}>${this.localize.term("cancel")}</cx-button><cx-typography class="error-message" variant="body3">${p(
+    })} ?disabled=${!this.isConnecting} @click=${this.cancelConnection}>${this.localize.term("cancel")}</cx-button><cx-typography class="error-message" variant="body3">${h(
       this.connectError,
       () => this.connectError,
       () => " "
@@ -1653,12 +1672,12 @@ let r = class extends H {
     return n`<div class="loading-overlay"><cx-spinner></cx-spinner></div>`;
   }
   render() {
-    return n`<div class=${C({
+    return n`<div class=${w({
       container: !0,
       "container--connected": this.connectionEstablished,
       "container--user-interaction-blocked": this.userInteractionBlocked
     })}>${this.renderView()}
-        ${p(this.userInteractionBlocked, () => this.renderLoadingOverlay())}</div>`;
+        ${h(this.userInteractionBlocked, () => this.renderLoadingOverlay())}</div>`;
   }
   // #endregion
 };
@@ -1672,10 +1691,10 @@ r.dependencies = {
   "cx-file-on-demand-asset": L,
   "cx-folder-tree": b,
   "cx-format-bytes": nt,
-  "cx-icon": J,
+  "cx-icon": tt,
   "cx-icon-button": At,
   "cx-input": qt,
-  "cx-line-clamp": Q,
+  "cx-line-clamp": et,
   "cx-option": Gt,
   "cx-relative-time": Dt,
   "cx-select": Yt,
@@ -1951,7 +1970,7 @@ l([
   P("cacheLocation")
 ], r.prototype, "handleCacheLocationChange", 1);
 r = l([
-  W("cx-file-on-demand")
+  q("cx-file-on-demand")
 ], r);
 export {
   r as C,