@orangelogic/design-system 2.162.0 → 2.164.0

package/library/components/file-on-demand.js

@@ -1,94 +1,70 @@
-import { C as tt } from "../chunks/icon.mxNZ85k0.js";
+import { C as tt } from "../chunks/icon.D5iM9wXS.js";
 import et from "./line-clamp.js";
-import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.C2dPd6gt.js";
-import { n as d, C as W } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.vn5sHbdt.js";
+import { n as l, C as W } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as st } from "../chunks/component.styles.CRO4Odto.js";
 import { c as q } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as G } from "../chunks/i18n.Bchq8v1d.js";
-import { k as St, f as Ct, i as wt, w as z, h as At } from "../chunks/watch.DOt4Mabe.js";
+import { a as St, w as z, p as Ct } from "../chunks/watch.DJF5K-8U.js";
 import { p as R } from "../chunks/string.BhJ0Zogu.js";
-import { x as o, i as ot, E as Dt } from "../chunks/lit-element.jLBm65_O.js";
+import { x as o, i as ot, E as wt } from "../chunks/lit-element.jLBm65_O.js";
 import { r as h } from "../chunks/state.CSDxrqLd.js";
 import { e as P } from "../chunks/query.BBf1UFkC.js";
-import { e as C } from "../chunks/class-map.BiVq-cVR.js";
-import { c as U } from "../chunks/repeat.CFjcER6_.js";
+import { e as S } from "../chunks/class-map.BiVq-cVR.js";
+import { c as F } from "../chunks/repeat.CFjcER6_.js";
 import { n as p } from "../chunks/when.Dr1es41R.js";
-import { b as Tt } from "../chunks/_baseIteratee.BdKyHJ5i.js";
-import zt from "./avatar.js";
-import { C as Pt } from "../chunks/button.8syoJXYs.js";
-import { C as Et } from "../chunks/dialog.Bzf4-IgH.js";
-import Lt from "./divider.js";
+import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
+import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
+import Tt from "./avatar.js";
+import { C as zt } from "../chunks/button.DGyqdBou.js";
+import { C as Pt } from "../chunks/dialog.05FgdLBZ.js";
+import Et from "./divider.js";
 import nt from "./format-bytes.js";
-import { C as vt } from "../chunks/icon-button.DbVIFgu7.js";
-import { C as Ft } from "../chunks/input.BcyLZUmv.js";
-import { C as Ut } from "../chunks/option.qN3aaqVI.js";
+import { C as vt } from "../chunks/icon-button.BwmMJ0bI.js";
+import { C as Lt } from "../chunks/input.DOorVTYZ.js";
+import { C as Ut } from "../chunks/option.DyNR1vzy.js";
 import yt from "./relative-time.js";
-import Rt from "./select.js";
-import kt from "./space.js";
-import Ot from "./tab.js";
-import { C as Nt } from "../chunks/tab-group.kSg5_10g.js";
-import Bt from "./tab-panel.js";
+import Ft from "./select.js";
+import Rt from "./space.js";
+import kt from "./tab.js";
+import { C as Ot } from "../chunks/tab-group.1Y71_aN8.js";
+import Nt from "./tab-panel.js";
 import bt from "./tooltip.js";
 import { C as rt } from "../chunks/typography.IqHbnd3C.js";
-import { C as jt } from "../chunks/confirm-popover.C-eHPJaU.js";
-import { d as Mt } from "../chunks/debounce.DaHuiSGU.js";
-import { a as Z } from "../chunks/number.CtCaI0T_.js";
+import { C as jt } from "../chunks/confirm-popover.D8mdy6KG.js";
+import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
+import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
 import { i as X, b as pt } from "../chunks/url.Bd5rq4G0.js";
-import { b as Vt, a as Ht, i as Wt } from "../chunks/_baseXor.VohG8cOH.js";
-import qt from "./progress-bar.js";
-import Gt from "./spinner.js";
-import { o as Yt } from "../chunks/style-map.llVFPd__.js";
-import { r as Kt } from "../chunks/choose.BTbF6BAn.js";
-function Zt(t, e, a, i) {
-  for (var s = -1, n = t == null ? 0 : t.length; ++s < n; ) {
-    var l = t[s];
-    e(i, l, a(l), t);
+import { a as Mt, i as Vt } from "../chunks/isArrayLikeObject.D7afXo-f.js";
+import { b as Ht } from "../chunks/_baseXor.DixEm6JQ.js";
+import Wt from "./progress-bar.js";
+import qt from "./spinner.js";
+import { o as Gt } from "../chunks/style-map.llVFPd__.js";
+import { r as Yt } from "../chunks/choose.BTbF6BAn.js";
+function Kt(t, e, a, i) {
+  for (var s = -1, r = t == null ? 0 : t.length; ++s < r; ) {
+    var d = t[s];
+    e(i, d, a(d), t);
   }
   return i;
 }
-function Xt(t) {
-  return function(e, a, i) {
-    for (var s = -1, n = Object(e), l = i(e), x = l.length; x--; ) {
-      var b = l[++s];
-      if (a(n[b], b, n) === !1)
-        break;
-    }
-    return e;
-  };
-}
-var Jt = Xt();
-function Qt(t, e) {
-  return t && Jt(t, e, St);
-}
-function te(t, e) {
-  return function(a, i) {
-    if (a == null)
-      return a;
-    if (!Ct(a))
-      return t(a, i);
-    for (var s = a.length, n = -1, l = Object(a); ++n < s && i(l[n], n, l) !== !1; )
-      ;
-    return a;
-  };
-}
-var ee = te(Qt);
-function se(t, e, a, i) {
-  return ee(t, function(s, n, l) {
-    e(i, s, a(s), l);
+function Zt(t, e, a, i) {
+  return At(t, function(s, r, d) {
+    e(i, s, a(s), d);
   }), i;
 }
-function ie(t, e) {
+function Xt(t, e) {
   return function(a, i) {
-    var s = wt(a) ? Zt : se, n = e ? e() : {};
-    return s(a, t, Tt(i), n);
+    var s = St(a) ? Kt : Zt, r = e ? e() : {};
+    return s(a, t, Dt(i), r);
   };
 }
-var ae = ie(function(t, e, a) {
+var Jt = Xt(function(t, e, a) {
   t[a ? 0 : 1].push(e);
 }, function() {
   return [[], []];
 });
-const oe = {
+const Qt = {
   error: "Upload error",
   loaded: "Up-to-date",
   loading: "Syncing"
@@ -97,7 +73,7 @@ const oe = {
   PINNED: "pinned",
   RECENT: "recent",
   UPLOADS: "uploads"
-}, J = 20, ne = {
+}, J = 20, te = {
   GET_CONTENT: "/webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1"
 }, w = {
   ASSET_PATH: "Document.AssetPath",
@@ -107,7 +83,7 @@ const oe = {
   HAS_BROWSER_CHILDREN: "Document.HasBrowserChildren",
   PARENT_FOLDER_IDENTIFIER: "Document.ParentRecordID",
   TITLE_WITH_FALLBACK: "CoreField.TitleWithFallback"
-}, M = "GB", Q = 1e3, N = 6e4, re = ["album", "story", "project", "merchandise"], ht = (t) => {
+}, M = "GB", Q = 1e3, N = 6e4, ee = ["album", "story", "project", "merchandise"], ht = (t) => {
   const e = /* @__PURE__ */ new Date(), a = new Date(
     e.getFullYear(),
     e.getMonth(),
@@ -117,43 +93,43 @@ const oe = {
     e.getMonth(),
     e.getDate() + 1
   ).getTime();
-  return ae(
-    t.toSorted((s, n) => n.uploadTimestamp - s.uploadTimestamp),
+  return Jt(
+    t.toSorted((s, r) => r.uploadTimestamp - s.uploadTimestamp),
     (s) => s.uploadTimestamp >= a && s.uploadTimestamp < i
   );
-}, ce = ({
+}, se = ({
   excludesRecordIDs: t,
   searchText: e
 }) => {
   let a = "";
   e?.trim() && (a = `Story_Title:${e}`);
   let i = "";
-  t?.length && (i = t.map((n) => `RecordID:NOT ${n}`).join(" AND "));
+  t?.length && (i = t.map((r) => `RecordID:NOT ${r}`).join(" AND "));
   let s = a ? ` AND (${[a].filter(Boolean).join(" OR ")})` : "";
   return i && (s = `${s} AND (${i})`), `(MediaType:Story OR MediaType:Album)${s}`;
-}, le = 10, $t = async ({
+}, ie = 10, $t = async ({
   excludes: t = [],
   folderId: e,
   folderPath: a = [],
   folderPathsSet: i,
-  limit: s = le,
-  searchText: n,
-  seeThru: l,
+  limit: s = ie,
+  searchText: r,
+  seeThru: d,
   siteUrl: x,
-  start: b = 0,
+  start: C = 0,
   token: g
 }) => {
   if (!x)
     return { data: [], totalCount: 0 };
   let m = x;
   m.endsWith("/") && (m = m.slice(0, -1));
-  const D = ne.GET_CONTENT, y = [
+  const D = te.GET_CONTENT, y = [
     ["Token", g],
     [
       "extraFilters",
-      ce({
+      se({
         excludesRecordIDs: t,
-        searchText: n
+        searchText: r
       })
     ],
     ["fields", w.ASSET_PATH],
@@ -164,63 +140,63 @@ const oe = {
     ["fields", w.PARENT_FOLDER_IDENTIFIER],
     ["fields", w.CHILD_COUNT],
     ["objectRecordID", e],
-    ["seeThru", n?.trim() || l ? "true" : "false"],
+    ["seeThru", r?.trim() || d ? "true" : "false"],
     ["limit", s.toString()],
-    ["start", b.toString()]
-  ], F = new URL(`${m}${D}`);
-  y.forEach(([S, E]) => {
-    F.searchParams.append(S, E);
+    ["start", C.toString()]
+  ], U = new URL(`${m}${D}`);
+  y.forEach(([I, E]) => {
+    U.searchParams.append(I, E);
   });
-  const O = await fetch(F.toString(), {
+  const O = await fetch(U.toString(), {
     headers: {
       Authorization: `Bearer ${g}`
     },
     method: "GET"
   });
   if (!O.ok) {
-    const S = new Error();
-    throw S.message = "Failed to fetch", S;
+    const I = new Error();
+    throw I.message = "Failed to fetch", I;
   }
   const Y = await O.json();
   let K = /* @__PURE__ */ new Set();
-  i && (K = he(i));
-  const ct = Y.contentItems?.map((S) => {
+  i && (K = ne(i));
+  const ct = Y.contentItems?.map((I) => {
     let E = V(
-      S.fields,
+      I.fields,
       w.TITLE_WITH_FALLBACK
-    ) ?? "", j = pe(
+    ) ?? "", B = oe(
       (V(
-        S.fields,
+        I.fields,
         w.ASSET_PATH
       ) ?? "").replace(/^Root\//i, "")
     ) || E;
     if (i) {
-      if (i.has(j)) {
-        const lt = j.split("/"), It = lt.pop();
-        j = `${lt.join("/")}/${S.recordID}-${It}`, E = `${S.recordID}-${E}`;
+      if (i.has(B)) {
+        const lt = B.split("/"), It = lt.pop();
+        B = `${lt.join("/")}/${I.recordID}-${It}`, E = `${I.recordID}-${E}`;
       }
-      n?.trim() && K.has(E) && (E = j), i.add(j), K.add(E);
+      r?.trim() && K.has(E) && (E = B), i.add(B), K.add(E);
     }
     return {
       childCount: Number(
         V(
-          S.fields,
+          I.fields,
           w.CHILD_COUNT
         ) ?? 0
       ),
       children: [],
       docType: V(
-        S.fields,
+        I.fields,
         w.DOC_TYPE
       ) ?? "",
-      fullPath: j,
+      fullPath: B,
       hasChildren: V(
-        S.fields,
+        I.fields,
         w.HAS_BROWSER_CHILDREN
       ) === "1",
-      id: S.recordID,
+      id: I.recordID,
       parentFolderIdentifier: V(
-        S.fields,
+        I.fields,
         w.PARENT_FOLDER_IDENTIFIER
       ) ?? "",
       parents: [],
@@ -236,10 +212,10 @@ function V(t, e) {
   );
   return i ? t[i] : void 0;
 }
-const at = "-", $ = (t) => {
+const at = "-", b = (t) => {
   const e = t.split(at), a = e.pop() ?? "", i = e.join(at);
   return { id: a, path: i };
-}, B = ({ id: t, path: e }) => [e, t].join(at), de = (t) => {
+}, j = ({ id: t, path: e }) => [e, t].join(at), ae = (t) => {
   const e = t.split(".");
   return e.length > 1 ? e.pop() ?? "" : "";
 }, ut = (t) => {
@@ -249,24 +225,24 @@ const at = "-", $ = (t) => {
   let a = e?.trim();
   const i = e ? e.split("/").length : 0;
   return (t ? t.length : 0) >= i && (a = t.join("/") ?? ""), a;
-}, pe = (t) => t.split("/").map((e) => e.trim()).join("/"), he = (t) => {
+}, oe = (t) => t.split("/").map((e) => e.trim()).join("/"), ne = (t) => {
   const e = /* @__PURE__ */ new Set();
   for (const a of t) {
     const i = a.split("/"), s = i[i.length - 1];
     s && e.add(s);
   }
   return e;
-}, ue = (t, e) => {
+}, re = (t, e) => {
   const a = t.split("/"), i = e.split("/");
   return a.slice(0, i.length + 1).join("/");
 };
 function xt(t) {
   return t.toSorted((e, a) => a.uploadTimestamp - e.uploadTimestamp);
 }
-var ge = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, A = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? xe(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (i ? l(e, a, s) : l(s)) || s);
-  return i && s && ge(e, a, s), s;
+var ce = Object.defineProperty, le = Object.getOwnPropertyDescriptor, A = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? le(e, a) : e, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (i ? d(e, a, s) : d(s)) || s);
+  return i && s && ce(e, a, s), s;
 };
 let f = class extends W {
   constructor() {
@@ -299,8 +275,8 @@ let f = class extends W {
       });
       if (this.data = e, this.totalCount = a, await this.updateComplete, this.closest("cx-tree")?.initTreeItems(), !this.treeItem.selected && !this.treeItem.indeterminate) {
         let i = !0, s = !0;
-        for (const n of this.treeItem.getChildrenItems())
-          n.selected ? (_t(n, !0, "multiple"), s = !1) : i = !1;
+        for (const r of this.treeItem.getChildrenItems())
+          r.selected ? (_t(r, !0, "multiple"), s = !1) : i = !1;
         this.treeItem.indeterminate = !i && !s;
       }
     };
@@ -334,55 +310,55 @@ let f = class extends W {
     if (await this.updateComplete, !this.treeItem)
       return;
     let t = !1;
-    const e = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), i = gt(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], n = (g, m) => {
+    const e = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), i = gt(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], r = (g, m) => {
       g.forEach((D) => {
-        const y = $(D);
+        const y = b(D);
         if (!y.path.trim() || !y.id.trim())
           return !1;
-        const F = R(y.path), O = R(i);
-        i && F.startsWith(O) && F !== O && m.add(ue(y.path, i));
+        const U = R(y.path), O = R(i);
+        i && U.startsWith(O) && U !== O && m.add(re(y.path, i));
       });
     };
-    n(this.removedIDs, a), n(s, e);
-    let l = !!s.some((g) => {
-      const m = $(g);
+    r(this.removedIDs, a), r(s, e);
+    let d = !!s.some((g) => {
+      const m = b(g);
       if (!m.path.trim() || !m.id.trim())
         return !1;
-      const D = B({
+      const D = j({
         id: this.folder?.id ?? "",
         path: i
-      }), y = R(m.path), F = R(i), O = m.id === this.folder?.id, Y = !this.removedIDs.includes(D) && F.startsWith(y);
+      }), y = R(m.path), U = R(i), O = m.id === this.folder?.id, Y = !this.removedIDs.includes(D) && U.startsWith(y);
       return O || Y;
     });
     const x = this.folder?.childCount && e.size === this.folder?.childCount;
     if (this.folder?.childCount && a.size === this.folder?.childCount) {
       this.currentRootIDsSet.delete(
-        B({
+        j({
           id: this.folder?.id ?? "",
           path: i
         })
       );
       const g = this.parentElement?.parentElement;
-      g && g instanceof f && g.syncBoxes(), l = !1;
-    } else if (!l)
+      g && g instanceof f && g.syncBoxes(), d = !1;
+    } else if (!d)
       if (x) {
         this.currentRootIDsSet.add(
-          B({
+          j({
             id: this.folder?.id ?? "",
             path: i
           })
         );
         const g = this.parentElement?.parentElement;
-        g && g instanceof f && g.syncBoxes(), l = !0;
+        g && g instanceof f && g.syncBoxes(), d = !0;
       } else e.size > 0 && (t = !0);
-    l ? (t = a.size > 0, this.treeItem.selected = !0) : (t = e.size > 0, this.treeItem.selected = !1, await this.treeItem.updateComplete), t ? (this.treeItem.selected = !1, await this.treeItem.updateComplete, this.treeItem.indeterminate = !0) : this.treeItem.indeterminate = !1;
+    d ? (t = a.size > 0, this.treeItem.selected = !0) : (t = e.size > 0, this.treeItem.selected = !1, await this.treeItem.updateComplete), t ? (this.treeItem.selected = !1, await this.treeItem.updateComplete, this.treeItem.indeterminate = !0) : this.treeItem.indeterminate = !1;
   }
   render() {
     const t = gt(this.folder?.path ?? [], this.folder?.fullPath ?? "");
-    return o`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${C({
+    return o`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${S({
       "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(
+    })} 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>${F(
       this.data ?? [],
       (e) => e.id,
       (e) => o`<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>`
@@ -403,32 +379,32 @@ A([
   P("cx-tree-item")
 ], f.prototype, "treeItem", 2);
 A([
-  d({
+  l({
     attribute: "site-url",
     reflect: !0,
     type: String
   })
 ], f.prototype, "siteUrl", 2);
 A([
-  d({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], f.prototype, "token", 2);
 A([
-  d({ attribute: "search-text", reflect: !0, type: String })
+  l({ attribute: "search-text", reflect: !0, type: String })
 ], f.prototype, "searchText", 2);
 A([
-  d({ type: Object })
+  l({ type: Object })
 ], f.prototype, "folder", 2);
 A([
-  d({
+  l({
     attribute: "current-root-ids-set",
     type: Object
   })
 ], f.prototype, "currentRootIDsSet", 2);
 A([
-  d({ attribute: "folder-paths-set", type: Object })
+  l({ attribute: "folder-paths-set", type: Object })
 ], f.prototype, "folderPathsSet", 2);
 A([
-  d({
+  l({
     attribute: "removed-ids",
     converter: {
       fromAttribute: (t) => t.split(" "),
@@ -452,11 +428,11 @@ A([
 f = A([
   q("cx-folder-item")
 ], f);
-const me = 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 _e = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, I = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? fe(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (i ? l(e, a, s) : l(s)) || s);
-  return i && s && _e(e, a, s), s;
+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 pe = Object.defineProperty, he = Object.getOwnPropertyDescriptor, $ = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? he(e, a) : e, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (i ? d(e, a, s) : d(s)) || s);
+  return i && s && pe(e, a, s), s;
 };
 let v = class extends W {
   constructor() {
@@ -472,7 +448,7 @@ let v = class extends W {
   resetTree() {
     this.currentRootIDsSet = new Set(this.rootIDs), this.tree.querySelectorAll("cx-folder-item").forEach((t) => {
       t.selected = this.currentRootIDsSet.has(
-        B({
+        j({
           id: t.id,
           path: t.dataset.path ?? ""
         })
@@ -483,7 +459,7 @@ let v = class extends W {
     const e = t.target, a = e.dataset.id ?? "", i = e.dataset.path ?? "";
     if (await e.updateComplete, !a.trim() || !i.trim())
       return;
-    const s = B({
+    const s = j({
       id: a,
       path: i
     });
@@ -491,29 +467,29 @@ let v = class extends W {
       if (e.selected) {
         if (!this.currentRootIDsSet.has(s)) {
           dt(e, "multiple"), this.currentRootIDsSet.add(s);
-          for (const n of e.getChildrenItems())
-            !n.id.trim() || !n.dataset.path?.trim() || this.currentRootIDsSet.add(
-              B({
-                id: n.id,
-                path: n.dataset.path ?? ""
+          for (const r of e.getChildrenItems())
+            !r.id.trim() || !r.dataset.path?.trim() || this.currentRootIDsSet.add(
+              j({
+                id: r.id,
+                path: r.dataset.path ?? ""
               })
             );
         }
         this.removedIDs = this.removedIDs.filter(
-          (n) => n !== s && !$(n).path.startsWith(i + "/")
+          (r) => r !== s && !b(r).path.startsWith(i + "/")
         );
       } else
         this.removedIDs.push(s), this.currentRootIDsSet.has(s) && (this.currentRootIDsSet.delete(s), dt(e, "multiple"));
-      [...this.currentRootIDsSet].forEach((n) => {
-        const l = R(i), x = $(n).path, b = R(x);
-        b.startsWith(l) && b !== l && (e.selected || this.currentRootIDsSet.delete(n));
+      [...this.currentRootIDsSet].forEach((r) => {
+        const d = R(i), x = b(r).path, C = R(x);
+        C.startsWith(d) && C !== d && (e.selected || this.currentRootIDsSet.delete(r));
       }), this.currentRootIDsSet = new Set(this.currentRootIDsSet);
     }
   }
   render() {
-    return o`<div class="folder-tree selectable"><cx-tree class=${C({
+    return o`<div class="folder-tree selectable"><cx-tree class=${S({
       selectable: !0
-    })} @cx-selected-change=${this.handleSelectedChange} selection="multiple" disabled-auto-expand disabled-sync-checkboxes>${U(
+    })} @cx-selected-change=${this.handleSelectedChange} selection="multiple" disabled-auto-expand disabled-sync-checkboxes>${F(
       this.folders,
       (t) => t.id,
       (t) => this.renderFolder(t)
@@ -524,62 +500,62 @@ let v = class extends W {
     )}</cx-tree></div>`;
   }
 };
-v.styles = [st, me];
+v.styles = [st, de];
 v.dependencies = {
   "cx-folder-item": f,
   "cx-tree": ft
 };
-I([
+$([
   P("cx-tree")
 ], v.prototype, "tree", 2);
-I([
-  d({ attribute: "site-url", reflect: !0, type: String })
+$([
+  l({ attribute: "site-url", reflect: !0, type: String })
 ], v.prototype, "siteUrl", 2);
-I([
-  d({ attribute: "bearer-token", reflect: !0, type: String })
+$([
+  l({ attribute: "bearer-token", reflect: !0, type: String })
 ], v.prototype, "bearerToken", 2);
-I([
-  d({ attribute: "token", reflect: !0, type: String })
+$([
+  l({ attribute: "token", reflect: !0, type: String })
 ], v.prototype, "token", 2);
-I([
-  d({ attribute: "search-text", reflect: !0, type: String })
+$([
+  l({ attribute: "search-text", reflect: !0, type: String })
 ], v.prototype, "searchText", 2);
-I([
-  d({ type: Array })
+$([
+  l({ type: Array })
 ], v.prototype, "folders", 2);
-I([
-  d({ attribute: "root-ids", reflect: !0, type: Array })
+$([
+  l({ attribute: "root-ids", reflect: !0, type: Array })
 ], v.prototype, "rootIDs", 2);
-I([
-  d({ attribute: "total-count", reflect: !0, type: Number })
+$([
+  l({ attribute: "total-count", reflect: !0, type: Number })
 ], v.prototype, "totalCount", 2);
-I([
-  d({ attribute: "load-more", type: Function })
+$([
+  l({ attribute: "load-more", type: Function })
 ], v.prototype, "loadMore", 2);
-I([
-  d({ attribute: "is-loading", reflect: !0, type: Boolean })
+$([
+  l({ attribute: "is-loading", reflect: !0, type: Boolean })
 ], v.prototype, "isLoading", 2);
-I([
-  d({ attribute: "folder-paths-set", type: Object })
+$([
+  l({ attribute: "folder-paths-set", type: Object })
 ], v.prototype, "folderPathsSet", 2);
-I([
+$([
   h()
 ], v.prototype, "removedIDs", 2);
-I([
+$([
   h()
 ], v.prototype, "currentRootIDsSet", 2);
-I([
+$([
   z("rootIDs")
 ], v.prototype, "handleRootIDsChange", 1);
-v = I([
+v = $([
   q("cx-folder-tree")
 ], v);
-var it = Vt(function(t) {
-  return Ht(At(t, Wt));
-}), _ = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(_ || {}), ve = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, k = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ye(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (i ? l(e, a, s) : l(s)) || s);
-  return i && s && ve(e, a, s), s;
+var it = Mt(function(t) {
+  return Ht(Ct(t, Vt));
+}), _ = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(_ || {}), ue = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, k = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ge(e, a) : e, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (i ? d(e, a, s) : d(s)) || s);
+  return i && s && ue(e, a, s), s;
 };
 let T = class extends W {
   constructor() {
@@ -617,7 +593,7 @@ let T = class extends W {
         </cx-line-clamp></cx-typography></div>`;
   }
   render() {
-    return o`<div class="file-on-demand-pinned-status">${Kt(this.uploadStatus, [
+    return o`<div class="file-on-demand-pinned-status">${Yt(this.uploadStatus, [
       [_.Success, this.renderSuccess.bind(this)],
       [_.Failed, this.renderFailed.bind(this)],
       [_.InProgress, this.renderInProgress.bind(this)],
@@ -634,40 +610,40 @@ T.dependencies = {
   "cx-typography": rt
 };
 k([
-  d({
+  l({
     attribute: "upload-status",
     type: String
   })
 ], T.prototype, "uploadStatus", 2);
 k([
-  d({ type: Number })
+  l({ type: Number })
 ], T.prototype, "size", 2);
 k([
-  d({
+  l({
     attribute: "remaining-size",
     type: Number
   })
 ], T.prototype, "remainingSize", 2);
 k([
-  d({
+  l({
     attribute: "is-folder",
     type: Boolean
   })
 ], T.prototype, "isFolder", 2);
 k([
-  d({
+  l({
     attribute: "children-count",
     type: Number
   })
 ], T.prototype, "childrenCount", 2);
 k([
-  d({
+  l({
     attribute: "assets-count",
     type: Number
   })
 ], T.prototype, "assetsCount", 2);
 k([
-  d({
+  l({
     attribute: "upload-error-message",
     type: String
   })
@@ -675,11 +651,11 @@ k([
 T = k([
   q("cx-file-on-demand-pinned-status")
 ], T);
-const be = 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 $e = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, H = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ie(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (i ? l(e, a, s) : l(s)) || s);
-  return i && s && $e(e, a, s), s;
+const xe = 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 me = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, H = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? _e(e, a) : e, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (i ? d(e, a, s) : d(s)) || s);
+  return i && s && me(e, a, s), s;
 };
 let L = class extends W {
   constructor() {
@@ -701,7 +677,7 @@ let L = class extends W {
     return this.listType === u.PINNED;
   }
   get isFolder() {
-    return re.includes((this.asset.docType ?? "").toLowerCase());
+    return ee.includes((this.asset.docType ?? "").toLowerCase());
   }
   get thumbnailUrl() {
     return this.asset.thumbnail?.trim() ?? "";
@@ -807,11 +783,11 @@ let L = class extends W {
     remainingTime: a,
     size: i = 0,
     timestamp: s = Date.now(),
-    uploadErrorMessage: n,
-    uploadStatus: l = _.InProgress
+    uploadErrorMessage: r,
+    uploadStatus: d = _.InProgress
   }) {
-    const x = i > 0 ? e * 100 / i : 0, b = l === _.InProgress ? x : 100, g = o`<div class=${C({
-      "in-progress": l === _.InProgress,
+    const x = i > 0 ? e * 100 / i : 0, C = d === _.InProgress ? x : 100, g = o`<div class=${S({
+      "in-progress": d === _.InProgress,
       paused: t,
       progress: !0,
       "uploading-progress": !0
@@ -823,23 +799,23 @@ let L = class extends W {
                   <cx-relative-time format="narrow" numeric="always" date=${new Date(Date.now() + (a ?? 0))} sync sync-interval=${N}></cx-relative-time>`
     )}</cx-line-clamp></cx-typography></div>`, m = o`<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=${N}></cx-relative-time></cx-line-clamp></cx-typography></div>`, D = o`<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>`, y = o`<div class="progress failed-progress"><cx-typography variant="small"><cx-line-clamp lines="1"><cx-tooltip content=${n || 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 = o`<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>`, y = o`<div class="progress failed-progress"><cx-typography variant="small"><cx-line-clamp lines="1"><cx-tooltip content=${r || 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>`, U = o`<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 o`
       ${p(
-      l === _.InProgress,
-      () => o`<cx-progress-bar style=${Yt({
+      d === _.InProgress,
+      () => o`<cx-progress-bar style=${Gt({
         "--color": t ? "var(--cx-color-warning-500)" : "var(--cx-color-primary-500)"
-      })} .value=${b.toFixed(0)} class="progress-bar"></cx-progress-bar>${g}`
+      })} .value=${C.toFixed(0)} class="progress-bar"></cx-progress-bar>${g}`
     )}
       ${p(
-      l === _.PendingComplete,
+      d === _.PendingComplete,
       () => m
     )}
-      ${p(l === _.Success, () => D)}
-      ${p(l === _.Failed, () => y)}
-      ${p(l === _.Canceled, () => F)}
+      ${p(d === _.Success, () => D)}
+      ${p(d === _.Failed, () => y)}
+      ${p(d === _.Canceled, () => U)}
     `;
   }
   renderUploadingStatus() {
@@ -862,10 +838,10 @@ let L = class extends W {
     return this.isFolder ? this.listType === u.FAVORITES ? o`<cx-icon class="asset__folder__icon" name="folder_special"></cx-icon>` : o`<cx-icon class="asset__folder__icon" name="topic"></cx-icon>` : o`${p(
       !!this.thumbnailUrl,
       () => o`<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">${de(this.asset.fileName)}</cx-typography></cx-line-clamp></div>`;
+    )}<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">${ae(this.asset.fileName)}</cx-typography></cx-line-clamp></div>`;
   }
   renderThumbnail() {
-    return o`<div class=${C({
+    return o`<div class=${S({
       asset__thumbnail: !0,
       "asset__thumbnail--folder": this.isFolder,
       "asset__thumbnail--placeholder": this.showThumbnailPlaceholder
@@ -919,30 +895,30 @@ let L = class extends W {
           ${p(this.showPinnedActions, () => this.renderPinnedActions())}</div></div>`;
   }
 };
-L.styles = [st, be];
+L.styles = [st, xe];
 L.dependencies = {
   "cx-file-on-demand-pinned-status": T,
   "cx-format-bytes": nt,
   "cx-icon": tt,
   "cx-icon-button": vt,
   "cx-line-clamp": et,
-  "cx-progress-bar": qt,
+  "cx-progress-bar": Wt,
   "cx-relative-time": yt,
-  "cx-spinner": Gt,
+  "cx-spinner": qt,
   "cx-tooltip": bt,
   "cx-typography": rt
 };
 H([
-  d({ type: Object })
+  l({ type: Object })
 ], L.prototype, "asset", 2);
 H([
-  d({
+  l({
     attribute: "list-type",
     type: String
   })
 ], L.prototype, "listType", 2);
 H([
-  d({
+  l({
     attribute: "favorite-in-progress-assets",
     converter: {
       fromAttribute: (t) => t.split(" ").filter(Boolean),
@@ -952,7 +928,7 @@ H([
   })
 ], L.prototype, "favoriteInProgressAssets", 2);
 H([
-  d({
+  l({
     attribute: "pin-in-progress-assets",
     converter: {
       fromAttribute: (t) => t.split(" ").filter(Boolean),
@@ -967,13 +943,13 @@ H([
 L = H([
   q("cx-file-on-demand-asset")
 ], L);
-const Se = 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 Ce = Object.defineProperty, we = Object.getOwnPropertyDescriptor, c = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? we(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (i ? l(e, a, s) : l(s)) || s);
-  return i && s && Ce(e, a, s), s;
+const fe = 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 ve = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, c = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ye(e, a) : e, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (i ? d(e, a, s) : d(s)) || s);
+  return i && s && ve(e, a, s), s;
 };
-let r = class extends W {
+let n = class extends W {
   constructor() {
     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",
@@ -1017,8 +993,8 @@ let r = class extends W {
           start: s,
           token: this.token
         });
-      } catch (n) {
-        n instanceof Error && n.message === "Failed to fetch" && this.emit("cx-renew-token");
+      } catch (r) {
+        r instanceof Error && r.message === "Failed to fetch" && this.emit("cx-renew-token");
       }
       return {
         data: this.availableFolderIdentifiers,
@@ -1253,17 +1229,17 @@ let r = class extends W {
   renderRecentAssets() {
     const t = o`<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, a] = ht(
       this.recentAssets.assets
-    ), i = o`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${C({
+    ), i = o`<div class="recent__list" @scroll=${this.requestMoreRecentAssets}><div class=${S({
       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(
+    })} data-testid="recent__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography></div>${F(
       e,
       (s) => s.recordId,
       (s) => this.renderAsset(s, u.RECENT)
-    )}</div><div class=${C({
+    )}</div><div class=${S({
       empty: a.length === 0,
       recent__other: !0
-    })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${U(
+    })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${F(
       a,
       (s) => s.recordId,
       (s) => this.renderAsset(s, u.RECENT)
@@ -1275,7 +1251,7 @@ let r = class extends W {
     )}</cx-tab-panel>`;
   }
   renderFavoriteAssets() {
-    const t = o`<div class="favorites-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="star"></cx-icon><cx-typography variant="body2">${this.localize.term("allFavoriteAssetsWillBeVisibleHere")}</cx-typography></div>`, e = xt(this.favoriteAssets.assets), a = o`<div class="favorites__list" @scroll=${this.requestMoreFavoriteAssets}>${U(
+    const t = o`<div class="favorites-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="star"></cx-icon><cx-typography variant="body2">${this.localize.term("allFavoriteAssetsWillBeVisibleHere")}</cx-typography></div>`, e = xt(this.favoriteAssets.assets), a = o`<div class="favorites__list" @scroll=${this.requestMoreFavoriteAssets}>${F(
       e,
       (i) => i.recordId,
       (i) => this.renderAsset(i, u.FAVORITES)
@@ -1293,20 +1269,20 @@ let r = class extends W {
   renderUploadingAssets() {
     const t = o`<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, a] = ht(
       this.uploadingAssets.assets
-    ), i = o`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${C({
+    ), i = o`<div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}><div class=${S({
       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>${p(e.length > 0, () => this.renderClearUploadButton())}</div>${F(
       e,
       (s) => s.recordId,
       (s) => this.renderAsset(s, u.UPLOADS)
-    )}</div><div class=${C({
+    )}</div><div class=${S({
       empty: a.length === 0,
       uploads__other: !0
     })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography>${p(
       e.length === 0 && a.length > 0,
       () => this.renderClearUploadButton()
-    )}</div>${U(
+    )}</div>${F(
       a,
       (s) => s.recordId,
       (s) => this.renderAsset(s, u.UPLOADS)
@@ -1318,7 +1294,7 @@ let r = class extends W {
     )}</cx-tab-panel>`;
   }
   renderPinnedAssets() {
-    const t = o`<div class="pinned-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="keep"></cx-icon><cx-typography variant="body2">${this.localize.term("allPinnedAssetsWillBeVisibleHere")}</cx-typography></div>`, e = xt(this.pinnedAssets.assets), a = o`<div class="pinned__list" @scroll=${this.requestMorePinnedAssets}>${U(
+    const t = o`<div class="pinned-empty assets-list__tab-group__empty-message"><cx-icon class="empty-icon" name="keep"></cx-icon><cx-typography variant="body2">${this.localize.term("allPinnedAssetsWillBeVisibleHere")}</cx-typography></div>`, e = xt(this.pinnedAssets.assets), a = o`<div class="pinned__list" @scroll=${this.requestMorePinnedAssets}>${F(
       e,
       (i) => i.recordId,
       (i) => this.renderAsset(i, u.PINNED)
@@ -1368,45 +1344,45 @@ let r = class extends W {
       this.isAddingRootIDs = !0, await this.updateComplete, this.searchText = "";
       const s = this.rootIDs.filter((x) => {
         if (!this.folderTree.shadowRoot?.querySelector(
-          `[data-id="${$(x).id}"]`
+          `[data-id="${b(x).id}"]`
         ))
           return !0;
-      }), n = /* @__PURE__ */ new Set([
+      }), r = /* @__PURE__ */ new Set([
         ...this.folderTree.currentRootIDs,
         ...s
       ]);
-      for (const x of n) {
-        const b = R($(x).path), g = this.folderTree.removedIDs.filter(
-          (m) => R($(m).path).startsWith(b)
+      for (const x of r) {
+        const C = R(b(x).path), g = this.folderTree.removedIDs.filter(
+          (m) => R(b(m).path).startsWith(C)
         );
         if (g.length > 0) {
           const { totalCount: m } = await this.fetchFolders({
-            excludes: g.map((y) => $(y).id),
-            folderId: $(x).id,
+            excludes: g.map((y) => b(y).id),
+            folderId: b(x).id,
             start: 0
           }), { data: D } = await this.fetchFolders({
-            excludes: g.map((y) => $(y).id),
-            folderId: $(x).id,
+            excludes: g.map((y) => b(y).id),
+            folderId: b(x).id,
             limit: m || 10,
             start: 0
           });
           D.forEach((y) => {
-            n.add(
-              B({ id: y.id, path: y.fullPath })
+            r.add(
+              j({ id: y.id, path: y.fullPath })
             );
-          }), n.delete(x);
+          }), r.delete(x);
         }
       }
-      const l = Array.from(n);
-      this.updateActiveFolderIdentifiers(l), this.removedIds = l.filter(
-        (x) => [...l].some((b) => {
-          const g = $(x), m = $(b), D = R(m.path);
-          return b !== x && g.path.startsWith(D);
+      const d = Array.from(r);
+      this.updateActiveFolderIdentifiers(d), this.removedIds = d.filter(
+        (x) => [...d].some((C) => {
+          const g = b(x), m = b(C), D = R(m.path);
+          return C !== x && g.path.startsWith(D);
         })
       ), e(), this.isAddingRootIDs = !1;
     }, i = (s) => {
-      const n = s.target;
-      this.searchText = (n.value ?? "").trim();
+      const r = s.target;
+      this.searchText = (r.value ?? "").trim();
     };
     return o`<cx-dialog class="select-folders-popup" no-header @cx-after-hide=${e} .boundary=${this.container}><cx-input autofocus clearable @cx-input=${i} value=${this.searchText} placeholder=${this.localize.term("search")}><cx-icon name="search" slot="prefix"></cx-icon></cx-input>${this.renderSelectableFolderTree()}<div class="select-folders-popup__actions"><cx-button ?loading=${this.isAddingRootIDs} variant="primary" @click=${a}>${this.localize.term("add")}</cx-button></div></cx-dialog><cx-button data-testid="settings__select-folders-button" @click=${t}><cx-icon name="folder" slot="prefix"></cx-icon>${this.localize.term("selectFolders")}</cx-button>`;
   }
@@ -1416,24 +1392,24 @@ let r = class extends W {
   }
   renderRootFolderTree() {
     if (!this.rootIDs.length)
-      return Dt;
+      return wt;
     const t = this.rootIDs.filter(
       (i) => !this.removedIds.includes(i)
     ), e = (i) => {
       this.updateActiveFolderIdentifiers(
         t.filter(
-          (s) => $(s).id !== i
+          (s) => b(s).id !== i
         )
       ), this.folderTree.rootIDs = this.rootIDs, this.folderTree.resetTree();
     }, a = (i) => {
-      const { id: s, path: n } = $(i), l = () => {
+      const { id: s, path: r } = b(i), d = () => {
         e(s);
       };
-      return o`<cx-tree-item data-id=${s} class=${C({
+      return o`<cx-tree-item data-id=${s} class=${S({
         "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">${n}</cx-line-clamp></div><cx-tooltip slot="actions" content=${this.localize.term("removeFolder", 1)} hoist><cx-icon-button @click=${l} name="close"></cx-icon-button></cx-tooltip></cx-tree-item>`;
+      })}><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">${r}</cx-line-clamp></div><cx-tooltip slot="actions" content=${this.localize.term("removeFolder", 1)} hoist><cx-icon-button @click=${d} name="close"></cx-icon-button></cx-tooltip></cx-tree-item>`;
     };
-    return o`<div data-testid="root-folder-tree" class="folder-tree"><cx-tree selection="none">${U(
+    return o`<div data-testid="root-folder-tree" class="folder-tree"><cx-tree selection="none">${F(
       t,
       (i) => i,
       (i) => a(i)
@@ -1530,18 +1506,18 @@ let r = class extends W {
         case "error":
           return o`<cx-icon variant="filled" name="error"></cx-icon>`;
       }
-    }, i = o`<div class=${C({
+    }, i = o`<div class=${S({
       "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 o`<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>${i}<div class=${C({
+    return o`<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>${i}<div class=${S({
       "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">${oe[this.assetIndexSyncStatus]}</cx-typography>${a()}</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">${Qt[this.assetIndexSyncStatus]}</cx-typography>${a()}</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, () => o`<cx-icon class="cache-usage__warning-icon" name="warning" variant="filled"></cx-icon>`)}</cx-space></cx-tooltip></div>${p(this.assetIndexSyncStatus === "error", () => t)}</div>`;
   }
@@ -1551,10 +1527,10 @@ let r = class extends W {
     X(e) || (this.validConnectionUrl = !1);
   }
   renderWelcomeView() {
-    return o`<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 o`<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=${S({
       "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=${S({
       "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(
       this.connectError,
@@ -1569,7 +1545,7 @@ let r = class extends W {
     return o`<div class="loading-overlay"><cx-spinner></cx-spinner></div>`;
   }
   render() {
-    return o`<div class=${C({
+    return o`<div class=${S({
       container: !0,
       "container--connected": this.connectionEstablished,
       "container--user-interaction-blocked": this.userInteractionBlocked
@@ -1578,27 +1554,27 @@ let r = class extends W {
   }
   // #endregion
 };
-r.styles = Se;
-r.dependencies = {
-  "cx-avatar": zt,
-  "cx-button": Pt,
+n.styles = fe;
+n.dependencies = {
+  "cx-avatar": Tt,
+  "cx-button": zt,
   "cx-confirm-popover": jt,
-  "cx-dialog": Et,
-  "cx-divider": Lt,
+  "cx-dialog": Pt,
+  "cx-divider": Et,
   "cx-file-on-demand-asset": L,
   "cx-folder-tree": v,
   "cx-format-bytes": nt,
   "cx-icon": tt,
   "cx-icon-button": vt,
-  "cx-input": Ft,
+  "cx-input": Lt,
   "cx-line-clamp": et,
   "cx-option": Ut,
   "cx-relative-time": yt,
-  "cx-select": Rt,
-  "cx-space": kt,
-  "cx-tab": Ot,
-  "cx-tab-group": Nt,
-  "cx-tab-panel": Bt,
+  "cx-select": Ft,
+  "cx-space": Rt,
+  "cx-tab": kt,
+  "cx-tab-group": Ot,
+  "cx-tab-panel": Nt,
   "cx-tooltip": bt,
   "cx-tree": ft,
   "cx-tree-item": mt,
@@ -1606,88 +1582,88 @@ r.dependencies = {
 };
 c([
   P(".container")
-], r.prototype, "container", 2);
+], n.prototype, "container", 2);
 c([
   P("cx-folder-tree")
-], r.prototype, "folderTree", 2);
+], n.prototype, "folderTree", 2);
 c([
   P("cx-dialog")
-], r.prototype, "dialog", 2);
+], n.prototype, "dialog", 2);
 c([
   P(".recent__list")
-], r.prototype, "recentAssetsList", 2);
+], n.prototype, "recentAssetsList", 2);
 c([
   P(".favorites__list")
-], r.prototype, "favoritesAssetsList", 2);
+], n.prototype, "favoritesAssetsList", 2);
 c([
   P(".uploads__list")
-], r.prototype, "uploadsAssetsList", 2);
+], n.prototype, "uploadsAssetsList", 2);
 c([
   P(".pinned__list")
-], r.prototype, "pinnedAssetsList", 2);
+], n.prototype, "pinnedAssetsList", 2);
 c([
   P(".assets-list__tab-group")
-], r.prototype, "assetsListTabGroup", 2);
+], n.prototype, "assetsListTabGroup", 2);
 c([
   P(".settings__cache__location__value__text")
-], r.prototype, "cacheLocationValueText", 2);
+], n.prototype, "cacheLocationValueText", 2);
 c([
-  d({
+  l({
     attribute: "connection-established",
     type: Boolean
   })
-], r.prototype, "connectionEstablished", 2);
+], n.prototype, "connectionEstablished", 2);
 c([
-  d({
+  l({
     attribute: "connection-status",
     reflect: !0,
     type: String
   })
-], r.prototype, "connectionStatus", 2);
+], n.prototype, "connectionStatus", 2);
 c([
-  d({
+  l({
     attribute: "connection-status-tooltip",
     type: String
   })
-], r.prototype, "connectionStatusTooltip", 2);
+], n.prototype, "connectionStatusTooltip", 2);
 c([
-  d({
+  l({
     attribute: "asset-index-sync-status",
     reflect: !0,
     type: String
   })
-], r.prototype, "assetIndexSyncStatus", 2);
+], n.prototype, "assetIndexSyncStatus", 2);
 c([
-  d({
+  l({
     attribute: "user-avatar-url",
     type: String
   })
-], r.prototype, "userAvatarUrl", 2);
+], n.prototype, "userAvatarUrl", 2);
 c([
-  d({
+  l({
     type: String
   })
-], r.prototype, "username", 2);
+], n.prototype, "username", 2);
 c([
-  d({
+  l({
     attribute: "recent-assets",
     type: Object
   })
-], r.prototype, "recentAssets", 2);
+], n.prototype, "recentAssets", 2);
 c([
-  d({
+  l({
     attribute: "favorite-assets",
     type: Object
   })
-], r.prototype, "favoriteAssets", 2);
+], n.prototype, "favoriteAssets", 2);
 c([
-  d({
+  l({
     attribute: "favorite-last-sync",
     type: Number
   })
-], r.prototype, "favoritesLastSync", 2);
+], n.prototype, "favoritesLastSync", 2);
 c([
-  d({
+  l({
     attribute: "favorite-in-progress-assets",
     converter: {
       fromAttribute: (t) => t.split(" ").filter(Boolean),
@@ -1695,9 +1671,9 @@ c([
     },
     type: String
   })
-], r.prototype, "favoriteInProgressAssets", 2);
+], n.prototype, "favoriteInProgressAssets", 2);
 c([
-  d({
+  l({
     attribute: "pin-in-progress-assets",
     converter: {
       fromAttribute: (t) => t.split(" ").filter(Boolean),
@@ -1705,170 +1681,170 @@ c([
     },
     type: String
   })
-], r.prototype, "pinInProgressAssets", 2);
+], n.prototype, "pinInProgressAssets", 2);
 c([
-  d({
+  l({
     attribute: "uploading-assets",
     type: Object
   })
-], r.prototype, "uploadingAssets", 2);
+], n.prototype, "uploadingAssets", 2);
 c([
-  d({
+  l({
     attribute: "pinned-assets",
     type: Object
   })
-], r.prototype, "pinnedAssets", 2);
+], n.prototype, "pinnedAssets", 2);
 c([
   h()
-], r.prototype, "availableFolderIdentifiers", 2);
+], n.prototype, "availableFolderIdentifiers", 2);
 c([
   h()
-], r.prototype, "isLoading", 2);
+], n.prototype, "isLoading", 2);
 c([
-  d({
+  l({
     attribute: "settings",
     type: Object
   })
-], r.prototype, "settings", 2);
+], n.prototype, "settings", 2);
 c([
-  d({ attribute: "pick-cache-location", type: Function })
-], r.prototype, "pickCacheLocation", 2);
+  l({ attribute: "pick-cache-location", type: Function })
+], n.prototype, "pickCacheLocation", 2);
 c([
-  d({
+  l({
     attribute: "has-new-version",
     type: Boolean
   })
-], r.prototype, "hasNewVersion", 2);
+], n.prototype, "hasNewVersion", 2);
 c([
-  d({
+  l({
     attribute: "about-content",
     type: String
   })
-], r.prototype, "aboutContent", 2);
+], n.prototype, "aboutContent", 2);
 c([
-  d({ type: String })
-], r.prototype, "token", 2);
+  l({ type: String })
+], n.prototype, "token", 2);
 c([
-  d({
+  l({
     attribute: "user-interaction-blocked",
     type: Boolean
   })
-], r.prototype, "userInteractionBlocked", 2);
+], n.prototype, "userInteractionBlocked", 2);
 c([
-  d({
+  l({
     attribute: "is-connecting",
     type: Boolean
   })
-], r.prototype, "isConnecting", 2);
+], n.prototype, "isConnecting", 2);
 c([
-  d({
+  l({
     attribute: "is-cancelling-connection",
     type: Boolean
   })
-], r.prototype, "isCancellingConnection", 2);
+], n.prototype, "isCancellingConnection", 2);
 c([
-  d({
+  l({
     attribute: "is-disconnecting",
     type: Boolean
   })
-], r.prototype, "isDisconnecting", 2);
+], n.prototype, "isDisconnecting", 2);
 c([
-  d({
+  l({
     attribute: "is-upgrading",
     type: Boolean
   })
-], r.prototype, "isUpgrading", 2);
+], n.prototype, "isUpgrading", 2);
 c([
   h()
-], r.prototype, "isSettingsOpened", 2);
+], n.prototype, "isSettingsOpened", 2);
 c([
   h()
-], r.prototype, "rootIDs", 2);
+], n.prototype, "rootIDs", 2);
 c([
   h()
-], r.prototype, "_activeFoldersMode", 2);
+], n.prototype, "_activeFoldersMode", 2);
 c([
   h()
-], r.prototype, "removedIds", 2);
+], n.prototype, "removedIds", 2);
 c([
   h()
-], r.prototype, "cacheSize", 2);
+], n.prototype, "cacheSize", 2);
 c([
   h()
-], r.prototype, "cacheLocation", 2);
+], n.prototype, "cacheLocation", 2);
 c([
   h()
-], r.prototype, "proxyTypes", 2);
+], n.prototype, "proxyTypes", 2);
 c([
   h()
-], r.prototype, "siteUrl", 2);
+], n.prototype, "siteUrl", 2);
 c([
   h()
-], r.prototype, "isRecentAssetsLoading", 2);
+], n.prototype, "isRecentAssetsLoading", 2);
 c([
   h()
-], r.prototype, "isFavoriteAssetsLoading", 2);
+], n.prototype, "isFavoriteAssetsLoading", 2);
 c([
   h()
-], r.prototype, "isUploadingAssetsLoading", 2);
+], n.prototype, "isUploadingAssetsLoading", 2);
 c([
   h()
-], r.prototype, "isPinnedAssetsLoading", 2);
+], n.prototype, "isPinnedAssetsLoading", 2);
 c([
   h()
-], r.prototype, "connectError", 2);
+], n.prototype, "connectError", 2);
 c([
   h()
-], r.prototype, "disconnectError", 2);
+], n.prototype, "disconnectError", 2);
 c([
   h()
-], r.prototype, "upgradeError", 2);
+], n.prototype, "upgradeError", 2);
 c([
   h()
-], r.prototype, "totalCount", 2);
+], n.prototype, "totalCount", 2);
 c([
   h()
-], r.prototype, "folderPathsSet", 2);
+], n.prototype, "folderPathsSet", 2);
 c([
   h()
-], r.prototype, "validConnectionUrl", 2);
+], n.prototype, "validConnectionUrl", 2);
 c([
   h()
-], r.prototype, "isAddingRootIDs", 2);
+], n.prototype, "isAddingRootIDs", 2);
 c([
   z(["connectionEstablished", "token"])
-], r.prototype, "fetchData", 1);
+], n.prototype, "fetchData", 1);
 c([
   z(["connectionEstablished"])
-], r.prototype, "showRecentTab", 1);
+], n.prototype, "showRecentTab", 1);
 c([
   z("settings")
-], r.prototype, "updateSettingsStates", 1);
+], n.prototype, "updateSettingsStates", 1);
 c([
   z("recentAssets")
-], r.prototype, "onRecentAssetsChanged", 1);
+], n.prototype, "onRecentAssetsChanged", 1);
 c([
   z("pinnedAssets")
-], r.prototype, "onPinnedAssetsChanged", 1);
+], n.prototype, "onPinnedAssetsChanged", 1);
 c([
   z("favoriteAssets")
-], r.prototype, "onFavoriteAssetsChanged", 1);
+], n.prototype, "onFavoriteAssetsChanged", 1);
 c([
   z("uploadingAssets")
-], r.prototype, "onUploadingAssetsChanged", 1);
+], n.prototype, "onUploadingAssetsChanged", 1);
 c([
   h()
-], r.prototype, "searchText", 2);
+], n.prototype, "searchText", 2);
 c([
   z(["searchText"]),
-  Mt(200)
-], r.prototype, "onSearch", 1);
+  Bt(200)
+], n.prototype, "onSearch", 1);
 c([
   z("cacheLocation")
-], r.prototype, "handleCacheLocationChange", 1);
-r = c([
+], n.prototype, "handleCacheLocationChange", 1);
+n = c([
   q("cx-file-on-demand")
-], r);
+], n);
 export {
-  r as default
+  n as default
 };