@orangelogic/design-system 2.69.0 → 2.70.0

package/library/chunks/{file-on-demand.BiC4cymk.js → file-on-demand.CXE4zf0J.js}

@@ -1,96 +1,95 @@
 import J from "../components/icon.js";
 import Q from "../components/line-clamp.js";
-import { C as ft, s as vt, a as yt, b as lt } from "./tree.Zls5YZ8z.js";
+import { C as yt, s as bt, a as $t, b as lt } from "./tree.Bx0IGsWm.js";
 import { n as d, C as H } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as tt } from "./component.styles.DMSLciL5.js";
 import { c as W } from "./custom-element.L4WJXn1j.js";
-import { L as q } from "./i18n.BMRLOAZR.js";
-import { k as Dt, a as bt, i as $t, w as P, S as Tt, b as Pt, c as zt, d as Et, e as Lt, f as Ft } from "./watch.q1sEjPWL.js";
-import { p as R } from "./string.Cp_XNbnV.js";
-import { x as o, i as at, E as Ut } from "./lit-element.jLBm65_O.js";
+import { L as q } from "./i18n.C0iakJkV.js";
+import { k as zt, h as St, i as wt, w as P, j as Et, l as Lt, f as Ft, g as Ut, d as Rt, m as kt, n as Ot } from "./watch.BCJD77bD.js";
+import { p as R } from "./string.B_rEG27K.js";
+import { x as n, i as at, E as Nt } 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 { c as U } from "./repeat.DbF2p5ae.js";
 import { n as p } from "./when.Dr1es41R.js";
-import { a as Rt, c as kt, b as dt } from "./_baseUniq.Df-fLIBx.js";
-import Ot from "../components/avatar.js";
-import { C as Nt } from "./button.SoX-7UYy.js";
-import { C as jt } from "./dialog.eN3RUbwx.js";
-import Bt from "../components/divider.js";
+import { a as jt, i as It, c as Bt, b as dt } from "./_baseUniq.BUihBa8c.js";
+import Mt from "../components/avatar.js";
+import { C as Vt } from "./button.CAAJPQFu.js";
+import { C as Ht } from "./dialog.qSV5AjOE.js";
+import Wt from "../components/divider.js";
 import ot from "../components/format-bytes.js";
-import It from "../components/icon-button.js";
-import Mt from "../components/input.js";
-import { C as Vt } from "./option.Ce_wlnZj.js";
-import St from "../components/relative-time.js";
-import Ht from "../components/select.js";
-import Wt from "../components/space.js";
-import qt from "../components/tab.js";
-import { C as Gt } from "./tab-group.B2pW__9H.js";
-import Yt from "../components/tab-panel.js";
-import wt from "../components/tooltip.js";
+import Ct from "../components/icon-button.js";
+import qt from "../components/input.js";
+import { C as Gt } from "./option.ByVbmxUQ.js";
+import At from "../components/relative-time.js";
+import Yt from "../components/select.js";
+import Kt from "../components/space.js";
+import Xt from "../components/tab.js";
+import { C as Zt } from "./tab-group.1h51o_Ly.js";
+import Jt from "../components/tab-panel.js";
+import Dt from "../components/tooltip.js";
 import { C as nt } from "./typography.oDzoLbZS.js";
-import { C as Kt } from "./confirm-popover.327ATuQH.js";
-import { d as Xt } from "./debounce.DaHuiSGU.js";
+import { C as Qt } from "./confirm-popover.ZD74yDWw.js";
+import { d as te } from "./debounce.DaHuiSGU.js";
 import { a as et } from "./number.CjNxU7Xs.js";
 import { i as K, a as ht } from "./url.LjsR2sB5.js";
-import { b as Zt } from "./_baseRest.ClTMQtN1.js";
-import { a as Jt } from "./toString.CRT5zqEU.js";
-import { S as pt, i as Qt } from "./isObjectLike.D3cpZO39.js";
-import te from "../components/progress-bar.js";
-import ee from "../components/spinner.js";
-import { o as se } from "./style-map.llVFPd__.js";
-import { r as ie } from "./choose.BTbF6BAn.js";
-function ae(t, e, i, a) {
-  for (var s = -1, n = t == null ? 0 : t.length; ++s < n; ) {
-    var l = t[s];
-    e(a, l, i(l), t);
+import { a as ee } from "./toString.CL_lYXbK.js";
+import { S as pt, i as se } from "./isObjectLike.z36Fu426.js";
+import ie from "../components/progress-bar.js";
+import ae from "../components/spinner.js";
+import { o as oe } from "./style-map.llVFPd__.js";
+import { r as ne } from "./choose.BTbF6BAn.js";
+function re(t, e, i, a) {
+  for (var s = -1, o = t == null ? 0 : t.length; ++s < o; ) {
+    var c = t[s];
+    e(a, c, i(c), t);
   }
   return a;
 }
-function oe(t) {
+function ce(t) {
   return function(e, i, a) {
-    for (var s = -1, n = Object(e), l = a(e), h = l.length; h--; ) {
-      var _ = l[++s];
-      if (i(n[_], _, n) === !1)
+    for (var s = -1, o = Object(e), c = a(e), h = c.length; h--; ) {
+      var _ = c[++s];
+      if (i(o[_], _, o) === !1)
         break;
     }
     return e;
   };
 }
-var ne = oe();
-function re(t, e) {
-  return t && ne(t, e, Dt);
+var le = ce();
+function de(t, e) {
+  return t && le(t, e, zt);
 }
-function ce(t, e) {
+function he(t, e) {
   return function(i, a) {
     if (i == null)
       return i;
-    if (!bt(i))
+    if (!St(i))
       return t(i, a);
-    for (var s = i.length, n = -1, l = Object(i); ++n < s && a(l[n], n, l) !== !1; )
+    for (var s = i.length, o = -1, c = Object(i); ++o < s && a(c[o], o, c) !== !1; )
       ;
     return i;
   };
 }
-var le = ce(re);
-function de(t, e, i, a) {
-  return le(t, function(s, n, l) {
-    e(a, s, i(s), l);
+var pe = he(de);
+function ue(t, e, i, a) {
+  return pe(t, function(s, o, c) {
+    e(a, s, i(s), c);
   }), a;
 }
-function he(t, e) {
+function ge(t, e) {
   return function(i, a) {
-    var s = $t(i) ? ae : de, n = e ? e() : {};
-    return s(i, t, Rt(a), n);
+    var s = wt(i) ? re : ue, o = e ? e() : {};
+    return s(i, t, jt(a), o);
   };
 }
-var pe = he(function(t, e, i) {
+var xe = ge(function(t, e, i) {
   t[i ? 0 : 1].push(e);
 }, function() {
   return [[], []];
 });
-const ue = {
+const me = {
   error: "Upload error",
   loaded: "Up-to-date",
   loading: "Syncing"
@@ -99,7 +98,7 @@ const ue = {
   PINNED: "pinned",
   RECENT: "recent",
   UPLOADS: "uploads"
-}, X = 20, ge = {
+}, X = 20, _e = {
   GET_CONTENT: "/webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1"
 }, A = {
   ASSET_PATH: "Document.AssetPath",
@@ -109,7 +108,7 @@ const ue = {
   HAS_BROWSER_CHILDREN: "Document.HasBrowserChildren",
   PARENT_FOLDER_IDENTIFIER: "Document.ParentRecordID",
   TITLE_WITH_FALLBACK: "CoreField.TitleWithFallback"
-}, Z = "GB", O = 6e4, xe = ["album", "story", "project", "merchandise"], ut = (t) => {
+}, Z = "GB", O = 6e4, fe = ["album", "story", "project", "merchandise"], ut = (t) => {
   const e = /* @__PURE__ */ new Date(), i = new Date(
     e.getFullYear(),
     e.getMonth(),
@@ -119,28 +118,28 @@ const ue = {
     e.getMonth(),
     e.getDate() + 1
   ).getTime();
-  return pe(
-    t.toSorted((s, n) => n.uploadTimestamp - s.uploadTimestamp),
+  return xe(
+    t.toSorted((s, o) => o.uploadTimestamp - s.uploadTimestamp),
     (s) => s.uploadTimestamp >= i && s.uploadTimestamp < a
   );
-}, me = ({
+}, ve = ({
   excludesRecordIDs: t,
   searchText: e
 }) => {
   let i = "";
   e?.trim() && (i = `Story_Title:${e}`);
   let a = "";
-  t?.length && (a = t.map((n) => `RecordID:NOT ${n}`).join(" AND "));
+  t?.length && (a = t.map((o) => `RecordID:NOT ${o}`).join(" AND "));
   let s = i ? ` AND (${[i].filter(Boolean).join(" OR ")})` : "";
   return a && (s = `${s} AND (${a})`), `(MediaType:Story OR MediaType:Album)${s}`;
-}, _e = 10, Ct = async ({
+}, ye = 10, Tt = async ({
   excludes: t = [],
   folderId: e,
   folderPath: i = [],
   folderPathsSet: a,
-  limit: s = _e,
-  searchText: n,
-  seeThru: l,
+  limit: s = ye,
+  searchText: o,
+  seeThru: c,
   siteUrl: h,
   start: _ = 0,
   token: m
@@ -149,13 +148,13 @@ const ue = {
     return { data: [], totalCount: 0 };
   let g = h;
   g.endsWith("/") && (g = g.slice(0, -1));
-  const $ = ge.GET_CONTENT, f = [
+  const $ = _e.GET_CONTENT, f = [
     ["Token", m],
     [
       "extraFilters",
-      me({
+      ve({
         excludesRecordIDs: t,
-        searchText: n
+        searchText: o
       })
     ],
     ["fields", A.ASSET_PATH],
@@ -166,12 +165,12 @@ const ue = {
     ["fields", A.PARENT_FOLDER_IDENTIFIER],
     ["fields", A.CHILD_COUNT],
     ["objectRecordID", e],
-    ["seeThru", n?.trim() || l ? "true" : "false"],
+    ["seeThru", o?.trim() || c ? "true" : "false"],
     ["limit", s.toString()],
     ["start", _.toString()]
   ], F = new URL(`${g}${$}`);
-  f.forEach(([w, E]) => {
-    F.searchParams.append(w, E);
+  f.forEach(([I, E]) => {
+    F.searchParams.append(I, E);
   });
   const k = await fetch(F.toString(), {
     headers: {
@@ -180,49 +179,49 @@ const ue = {
     method: "GET"
   });
   if (!k.ok) {
-    const w = new Error();
-    throw w.message = "Failed to fetch", w;
+    const I = new Error();
+    throw I.message = "Failed to fetch", I;
   }
   const G = await k.json();
   let Y = /* @__PURE__ */ new Set();
-  a && (Y = ye(a));
-  const rt = G.contentItems?.map((w) => {
+  a && (Y = Se(a));
+  const rt = G.contentItems?.map((I) => {
     let E = M(
-      w.fields,
+      I.fields,
       A.TITLE_WITH_FALLBACK
-    ) ?? "", B = ve(
+    ) ?? "", B = $e(
       (M(
-        w.fields,
+        I.fields,
         A.ASSET_PATH
       ) ?? "").replace(/^Root\//i, "")
     ) || E;
     if (a) {
       if (a.has(B)) {
-        const ct = B.split("/"), At = ct.pop();
-        B = `${ct.join("/")}/${w.recordID}-${At}`, E = `${w.recordID}-${E}`;
+        const ct = B.split("/"), Pt = ct.pop();
+        B = `${ct.join("/")}/${I.recordID}-${Pt}`, E = `${I.recordID}-${E}`;
       }
-      n?.trim() && Y.has(E) && (E = B), a.add(B), Y.add(E);
+      o?.trim() && Y.has(E) && (E = B), a.add(B), Y.add(E);
     }
     return {
       childCount: Number(
         M(
-          w.fields,
+          I.fields,
           A.CHILD_COUNT
         ) ?? 0
       ),
       children: [],
       docType: M(
-        w.fields,
+        I.fields,
         A.DOC_TYPE
       ) ?? "",
       fullPath: B,
       hasChildren: M(
-        w.fields,
+        I.fields,
         A.HAS_BROWSER_CHILDREN
       ) === "1",
-      id: w.recordID,
+      id: I.recordID,
       parentFolderIdentifier: M(
-        w.fields,
+        I.fields,
         A.PARENT_FOLDER_IDENTIFIER
       ) ?? "",
       parents: [],
@@ -238,10 +237,10 @@ function M(t, e) {
   );
   return a ? t[a] : void 0;
 }
-const it = "-", I = (t) => {
+const it = "-", S = (t) => {
   const e = t.split(it), i = e.pop() ?? "", a = e.join(it);
   return { id: i, path: a };
-}, N = ({ id: t, path: e }) => [e, t].join(it), fe = (t) => {
+}, N = ({ id: t, path: e }) => [e, t].join(it), be = (t) => {
   const e = t.split(".");
   return e.length > 1 ? e.pop() ?? "" : "";
 }, gt = (t) => {
@@ -251,31 +250,31 @@ const it = "-", I = (t) => {
   let i = e?.trim();
   const a = e ? e.split("/").length : 0;
   return (t ? t.length : 0) >= a && (i = t.join("/") ?? ""), i;
-}, ve = (t) => t.split("/").map((e) => e.trim()).join("/"), ye = (t) => {
+}, $e = (t) => t.split("/").map((e) => e.trim()).join("/"), Se = (t) => {
   const e = /* @__PURE__ */ new Set();
   for (const i of t) {
     const a = i.split("/"), s = a[a.length - 1];
     s && e.add(s);
   }
   return e;
-}, be = (t, e) => {
+}, we = (t, e) => {
   const i = t.split("/"), a = e.split("/");
   return i.slice(0, a.length + 1).join("/");
 };
 function mt(t) {
   return t.toSorted((e, i) => i.uploadTimestamp - e.uploadTimestamp);
 }
-var $e = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ie(e, i) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (a ? l(e, i, s) : l(s)) || s);
-  return a && s && $e(e, i, s), s;
+var Ie = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ce(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 && Ie(e, i, s), s;
 };
 let y = class extends H {
   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 ({
       folderId: t,
       start: e = 0
-    }) => await Ct({
+    }) => await Tt({
       folderId: t,
       folderPath: this.folder?.path ?? [],
       folderPathsSet: this.folderPathsSet,
@@ -301,8 +300,8 @@ let y = class extends H {
       });
       if (this.data = e, this.totalCount = i, await this.updateComplete, !this.treeItem.selected && !this.treeItem.indeterminate) {
         let a = !0, s = !0;
-        for (const n of this.treeItem.getChildrenItems())
-          n.selected ? (vt(n, !0, "multiple"), s = !1) : a = !1;
+        for (const o of this.treeItem.getChildrenItems())
+          o.selected ? (bt(o, !0, "multiple"), s = !1) : a = !1;
         this.treeItem.indeterminate = !a && !s;
       }
     };
@@ -336,18 +335,18 @@ let y = class extends H {
     if (await this.updateComplete, !this.treeItem)
       return;
     let t = !1;
-    const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = xt(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], n = (m, g) => {
+    const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = xt(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], o = (m, g) => {
       m.forEach(($) => {
-        const f = I($);
+        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(be(f.path, a));
+        a && F.startsWith(k) && F !== k && g.add(we(f.path, a));
       });
     };
-    n(this.removedIDs, i), n(s, e);
-    let l = !!s.some((m) => {
-      const g = I(m);
+    o(this.removedIDs, i), o(s, e);
+    let c = !!s.some((m) => {
+      const g = S(m);
       if (!g.path.trim() || !g.id.trim())
         return !1;
       const $ = N({
@@ -365,8 +364,8 @@ let y = class extends H {
         })
       );
       const m = this.parentElement?.parentElement;
-      m && m instanceof y && m.syncBoxes(), l = !1;
-    } else if (!l)
+      m && m instanceof y && m.syncBoxes(), c = !1;
+    } else if (!c)
       if (h) {
         this.currentRootIDsSet.add(
           N({
@@ -375,13 +374,13 @@ let y = class extends H {
           })
         );
         const m = this.parentElement?.parentElement;
-        m && m instanceof y && m.syncBoxes(), l = !0;
+        m && m instanceof y && m.syncBoxes(), c = !0;
       } else e.size > 0 && (t = !0);
-    l ? (t = i.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;
+    c ? (t = i.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 = xt(this.folder?.path ?? [], this.folder?.fullPath ?? "");
-    return o`
+    return n`
       <cx-tree-item
         aria-label=${this.folder?.title ?? ""}
         class=${C({
@@ -402,7 +401,7 @@ let y = class extends H {
         ${U(
       this.data ?? [],
       (e) => e.id,
-      (e) => o`<cx-folder-item
+      (e) => n`<cx-folder-item
               slot="children"
               .folder=${e}
               .siteUrl=${this.siteUrl}
@@ -414,7 +413,7 @@ let y = class extends H {
     )}
         ${p(
       this.data && this.data.length < this.totalCount,
-      () => o`
+      () => n`
             <div slot="children" class="load-more-button">
               <cx-button
                 data-testid="load-more-button"
@@ -435,7 +434,7 @@ y.styles = [tt];
 y.dependencies = {
   "cx-icon": J,
   "cx-line-clamp": Q,
-  "cx-tree-item": ft
+  "cx-tree-item": yt
 };
 D([
   z("cx-tree-item")
@@ -490,7 +489,7 @@ D([
 y = D([
   W("cx-folder-item")
 ], y);
-const Se = at`
+const Ae = at`
   .folder-tree {
     overflow: auto;
     flex: 1;
@@ -545,15 +544,15 @@ const Se = at`
     line-height: var(--cx-line-height-small);
   }
 `;
-var we = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, S = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ce(e, i) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (a ? l(e, i, s) : l(s)) || s);
-  return a && s && we(e, i, s), s;
+var De = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, w = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Te(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 && De(e, i, s), s;
 };
 let b = class extends H {
   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 = () => {
-    }, this.isLoading = !1, this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.renderFolder = (t) => o`<cx-folder-item
+    }, 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}
@@ -592,27 +591,27 @@ let b = class extends H {
       if (e.selected) {
         if (!this.currentRootIDsSet.has(s)) {
           lt(e, "multiple"), this.currentRootIDsSet.add(s);
-          for (const n of e.getChildrenItems())
-            !n.id.trim() || !n.dataset.path?.trim() || this.currentRootIDsSet.add(
+          for (const o of e.getChildrenItems())
+            !o.id.trim() || !o.dataset.path?.trim() || this.currentRootIDsSet.add(
               N({
-                id: n.id,
-                path: n.dataset.path ?? ""
+                id: o.id,
+                path: o.dataset.path ?? ""
               })
             );
         }
         this.removedIDs = this.removedIDs.filter(
-          (n) => n !== s && !I(n).path.startsWith(a + "/")
+          (o) => o !== s && !S(o).path.startsWith(a + "/")
         );
       } else
         this.removedIDs.push(s), this.currentRootIDsSet.has(s) && (this.currentRootIDsSet.delete(s), lt(e, "multiple"));
-      [...this.currentRootIDsSet].forEach((n) => {
-        const l = R(a), h = I(n).path, _ = R(h);
-        _.startsWith(l) && _ !== l && (e.selected || this.currentRootIDsSet.delete(n));
+      [...this.currentRootIDsSet].forEach((o) => {
+        const c = R(a), h = S(o).path, _ = R(h);
+        _.startsWith(c) && _ !== c && (e.selected || this.currentRootIDsSet.delete(o));
       }), this.currentRootIDsSet = new Set(this.currentRootIDsSet);
     }
   }
   render() {
-    return o`
+    return n`
       <div class="folder-tree selectable">
         <cx-tree
           class=${C({
@@ -630,7 +629,7 @@ let b = class extends H {
     )}
           ${p(
       this.folders && this.folders.length < this.totalCount,
-      () => o`
+      () => n`
               <div class="load-more-button">
                 <cx-button
                   variant="text"
@@ -647,104 +646,163 @@ let b = class extends H {
     `;
   }
 };
-b.styles = [tt, Se];
+b.styles = [tt, Ae];
 b.dependencies = {
   "cx-folder-item": y,
-  "cx-tree": yt
+  "cx-tree": $t
 };
-S([
+w([
   z("cx-tree")
 ], b.prototype, "tree", 2);
-S([
+w([
   d({ attribute: "site-url", reflect: !0, type: String })
 ], b.prototype, "siteUrl", 2);
-S([
+w([
   d({ attribute: "bearer-token", reflect: !0, type: String })
 ], b.prototype, "bearerToken", 2);
-S([
+w([
   d({ attribute: "token", reflect: !0, type: String })
 ], b.prototype, "token", 2);
-S([
+w([
   d({ attribute: "search-text", reflect: !0, type: String })
 ], b.prototype, "searchText", 2);
-S([
+w([
   d({ type: Array })
 ], b.prototype, "folders", 2);
-S([
+w([
   d({ attribute: "root-ids", reflect: !0, type: Array })
 ], b.prototype, "rootIDs", 2);
-S([
+w([
   d({ attribute: "total-count", reflect: !0, type: Number })
 ], b.prototype, "totalCount", 2);
-S([
+w([
   d({ attribute: "load-more", type: Function })
 ], b.prototype, "loadMore", 2);
-S([
+w([
   d({ attribute: "is-loading", reflect: !0, type: Boolean })
 ], b.prototype, "isLoading", 2);
-S([
+w([
   d({ attribute: "folder-paths-set", type: Object })
 ], b.prototype, "folderPathsSet", 2);
-S([
+w([
   u()
 ], b.prototype, "removedIDs", 2);
-S([
+w([
   u()
 ], b.prototype, "currentRootIDsSet", 2);
-S([
+w([
   P("rootIDs")
 ], b.prototype, "handleRootIDsChange", 1);
-b = S([
+b = w([
   W("cx-folder-tree")
 ], b);
-var Ae = 200;
-function De(t, e, i, a) {
-  var s = -1, n = kt, l = !0, h = t.length, _ = [], m = e.length;
+function Pe(t, e, i) {
+  switch (i.length) {
+    case 0:
+      return t.call(e);
+    case 1:
+      return t.call(e, i[0]);
+    case 2:
+      return t.call(e, i[0], i[1]);
+    case 3:
+      return t.call(e, i[0], i[1], i[2]);
+  }
+  return t.apply(e, i);
+}
+var _t = Math.max;
+function ze(t, e, i) {
+  return e = _t(e === void 0 ? t.length - 1 : e, 0), function() {
+    for (var a = arguments, s = -1, o = _t(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), Pe(t, this, h);
+  };
+}
+function Ee(t) {
+  return function() {
+    return t;
+  };
+}
+var ft = function() {
+  try {
+    var t = Et(Object, "defineProperty");
+    return t({}, "", {}), t;
+  } catch {
+  }
+}(), Le = ft ? function(t, e) {
+  return ft(t, "toString", {
+    configurable: !0,
+    enumerable: !1,
+    value: Ee(e),
+    writable: !0
+  });
+} : It, Fe = 800, Ue = 16, Re = Date.now;
+function ke(t) {
+  var e = 0, i = 0;
+  return function() {
+    var a = Re(), s = Ue - (a - i);
+    if (i = a, s > 0) {
+      if (++e >= Fe)
+        return arguments[0];
+    } else
+      e = 0;
+    return t.apply(void 0, arguments);
+  };
+}
+var Oe = ke(Le);
+function Ne(t, e) {
+  return Oe(ze(t, e, It), t + "");
+}
+var je = 200;
+function Be(t, e, i, a) {
+  var s = -1, o = Bt, c = !0, h = t.length, _ = [], m = e.length;
   if (!h)
     return _;
-  i && (e = Jt(e, Pt(i))), e.length >= Ae && (n = zt, l = !1, e = new Tt(e));
+  i && (e = ee(e, Lt(i))), e.length >= je && (o = Ut, c = !1, e = new Ft(e));
   t:
     for (; ++s < h; ) {
       var g = t[s], $ = i == null ? g : i(g);
-      if (g = g !== 0 ? g : 0, l && $ === $) {
+      if (g = g !== 0 ? g : 0, c && $ === $) {
         for (var f = m; f--; )
           if (e[f] === $)
             continue t;
         _.push(g);
-      } else n(e, $, a) || _.push(g);
+      } else o(e, $, a) || _.push(g);
     }
   return _;
 }
-var _t = pt ? pt.isConcatSpreadable : void 0;
-function Te(t) {
-  return $t(t) || Et(t) || !!(_t && t && t[_t]);
+var vt = pt ? pt.isConcatSpreadable : void 0;
+function Me(t) {
+  return wt(t) || Rt(t) || !!(vt && t && t[vt]);
 }
-function Pe(t, e, i, a, s) {
-  var n = -1, l = t.length;
-  for (i || (i = Te), s || (s = []); ++n < l; ) {
-    var h = t[n];
-    i(h) ? Lt(s, h) : a || (s[s.length] = h);
+function Ve(t, e, i, a, s) {
+  var o = -1, c = t.length;
+  for (i || (i = Me), s || (s = []); ++o < c; ) {
+    var h = t[o];
+    i(h) ? kt(s, h) : a || (s[s.length] = h);
   }
   return s;
 }
-function ze(t, e, i) {
+function He(t, e, i) {
   var a = t.length;
   if (a < 2)
     return a ? dt(t[0]) : [];
-  for (var s = -1, n = Array(a); ++s < a; )
-    for (var l = t[s], h = -1; ++h < a; )
-      h != s && (n[s] = De(n[s] || l, t[h], e, i));
-  return dt(Pe(n), e, i);
+  for (var s = -1, o = Array(a); ++s < a; )
+    for (var c = t[s], h = -1; ++h < a; )
+      h != s && (o[s] = Be(o[s] || c, t[h], e, i));
+  return dt(Ve(o), e, i);
 }
-function Ee(t) {
-  return Qt(t) && bt(t);
+function We(t) {
+  return se(t) && St(t);
 }
-var st = Zt(function(t) {
-  return ze(Ft(t, Ee));
-}), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}), Le = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Fe(e, i) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (a ? l(e, i, s) : l(s)) || s);
-  return a && s && Le(e, i, s), s;
+var st = Ne(function(t) {
+  return He(Ot(t, We));
+}), v = /* @__PURE__ */ ((t) => (t.Canceled = "CANCELED", t.Failed = "FAILED", t.InProgress = "INPROGRESS", t.PendingComplete = "PENDINGCOMPLETE", t.Success = "SUCCESS", t))(v || {}), qe = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ge(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 T = class extends H {
   constructor() {
@@ -760,21 +818,21 @@ let T = class extends H {
     return this;
   }
   renderFolderSuccessText() {
-    return o`${this.childrenCount} ${this.localize.term("subfolders")},
+    return n`${this.childrenCount} ${this.localize.term("subfolders")},
     ${this.assetsCount} ${this.localize.term("assets")}`;
   }
   renderSuccess() {
-    return o`<div class="file-on-demand-pinned-status__success progress">
+    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), () => o`${this.localize.term("cached")}`)}
+          ${p(this.isFolder, this.renderFolderSuccessText.bind(this), () => n`${this.localize.term("cached")}`)}
         </cx-line-clamp>
       </cx-typography>
     </div>`;
   }
   renderFailed() {
-    return o`<div class="file-on-demand-pinned-status__failed progress">
+    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">
@@ -784,7 +842,7 @@ let T = class extends H {
     </div>`;
   }
   renderCanceled() {
-    return o`<div class="file-on-demand-pinned-status__canceled progress">
+    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">
@@ -794,7 +852,7 @@ let T = class extends H {
     </div>`;
   }
   renderInProgress() {
-    return o`<div class="file-on-demand-pinned-status__in-progress progress">
+    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">
@@ -805,8 +863,8 @@ let T = class extends H {
     </div>`;
   }
   render() {
-    return o`<div class="file-on-demand-pinned-status">
-      ${ie(this.uploadStatus, [
+    return n`<div class="file-on-demand-pinned-status">
+      ${ne(this.uploadStatus, [
       [v.Success, this.renderSuccess.bind(this)],
       [v.Failed, this.renderFailed.bind(this)],
       [v.InProgress, this.renderInProgress.bind(this)],
@@ -859,7 +917,7 @@ j([
 T = j([
   W("cx-file-on-demand-pinned-status")
 ], T);
-const Ue = at`
+const Ye = at`
   :host {
     padding: var(--cx-spacing-2x-small) var(--cx-spacing-small);
     display: block;
@@ -1059,10 +1117,10 @@ const Ue = at`
     color: var(--cx-color-neutral-500);
   }
 `;
-var Re = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, V = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ke(e, i) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (a ? l(e, i, s) : l(s)) || s);
-  return a && s && Re(e, i, s), s;
+var Ke = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, V = (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 && Ke(e, i, s), s;
 };
 let L = class extends H {
   constructor() {
@@ -1084,7 +1142,7 @@ let L = class extends H {
     return this.listType === x.PINNED;
   }
   get isFolder() {
-    return xe.includes((this.asset.docType ?? "").toLowerCase());
+    return fe.includes((this.asset.docType ?? "").toLowerCase());
   }
   get thumbnailUrl() {
     return this.asset.thumbnail?.trim() ?? "";
@@ -1190,27 +1248,27 @@ let L = class extends H {
     remainingTime: i,
     size: a = 0,
     timestamp: s = Date.now(),
-    uploadErrorMessage: n,
-    uploadStatus: l = v.InProgress
+    uploadErrorMessage: o,
+    uploadStatus: c = v.InProgress
   }) {
-    const h = a > 0 ? e * 100 / a : 0, _ = l === v.InProgress ? h : 100, m = o`
+    const h = a > 0 ? e * 100 / a : 0, _ = c === v.InProgress ? h : 100, m = n`
       <div class=${C({
-      "in-progress": l === v.InProgress,
+      "in-progress": c === v.InProgress,
       paused: t,
       progress: !0,
       "uploading-progress": !0
     })}>
-        ${p(t, () => o`<cx-icon name="pause" variant="filled"></cx-icon>`, () => o`<cx-icon name="arrow_upward"></cx-icon>`)}
+        ${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, () => o`${this.localize.term("paused")} ‧`)}
+            ${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(
       !!i && !t,
-      () => o`‧
+      () => n`‧
                   <cx-relative-time
                     format="narrow"
                     numeric="always"
@@ -1222,7 +1280,7 @@ let L = class extends H {
           </cx-line-clamp>
         </cx-typography>
       </div>
-    `, g = o`
+    `, g = n`
       <div class="progress syncing-progress">
         <cx-icon name="cached"></cx-icon>
         <cx-typography variant="small">
@@ -1238,7 +1296,7 @@ let L = class extends H {
           </cx-line-clamp>
         </cx-typography>
       </div>
-    `, $ = o`
+    `, $ = n`
       <div class="progress completed-progress">
         <cx-icon name="check"></cx-icon>
         <cx-typography variant="small">
@@ -1254,12 +1312,12 @@ let L = class extends H {
           </cx-line-clamp>
         </cx-typography>
       </div>
-    `, f = o`
+    `, f = n`
       <div class="progress failed-progress">
         <cx-typography variant="small">
           <cx-line-clamp lines="1">
             <cx-tooltip
-              content=${n || this.localize.term("uploadFailed")}
+              content=${o || this.localize.term("uploadFailed")}
             >
               <span class="failed-progress__text">
                 ${this.localize.term("uploadFailed")} ‧
@@ -1275,7 +1333,7 @@ let L = class extends H {
           </cx-line-clamp>
         </cx-typography>
       </div>
-    `, F = o`
+    `, F = n`
       <div class="progress canceled-progress">
         <cx-icon name="cancel"></cx-icon>
         <cx-typography variant="small">
@@ -1292,11 +1350,11 @@ let L = class extends H {
         </cx-typography>
       </div>
     `;
-    return o`
+    return n`
       ${p(
-      l === v.InProgress,
-      () => o`<cx-progress-bar
-              style=${se({
+      c === v.InProgress,
+      () => n`<cx-progress-bar
+              style=${oe({
         "--color": t ? "var(--cx-color-warning-500)" : "var(--cx-color-primary-500)"
       })}
               .value=${_.toFixed(0)}
@@ -1305,16 +1363,16 @@ let L = class extends H {
             >${m}`
     )}
       ${p(
-      l === v.PendingComplete,
+      c === v.PendingComplete,
       () => g
     )}
-      ${p(l === v.Success, () => $)}
-      ${p(l === v.Failed, () => f)}
-      ${p(l === v.Canceled, () => F)}
+      ${p(c === v.Success, () => $)}
+      ${p(c === v.Failed, () => f)}
+      ${p(c === v.Canceled, () => F)}
     `;
   }
   renderUploadingStatus() {
-    return o`
+    return n`
       ${this.renderProgress({
       isPaused: this.asset.isPaused,
       progress: (this.asset.size ?? 0) - (this.asset.remainingSize ?? 0),
@@ -1327,7 +1385,7 @@ let L = class extends H {
     `;
   }
   renderPinnedStatus() {
-    return o`<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}
@@ -1337,12 +1395,12 @@ let L = class extends H {
     ></cx-file-on-demand-pinned-status>`;
   }
   renderThumbnailContent() {
-    return this.isFolder ? this.listType === x.FAVORITES ? o`<cx-icon
+    return this.isFolder ? this.listType === x.FAVORITES ? n`<cx-icon
           class="asset__folder__icon"
           name="folder_special"
-        ></cx-icon>` : o`<cx-icon class="asset__folder__icon" name="topic"></cx-icon>` : o`${p(
+        ></cx-icon>` : n`<cx-icon class="asset__folder__icon" name="topic"></cx-icon>` : n`${p(
       !!this.thumbnailUrl,
-      () => o`<img
+      () => n`<img
             alt=${this.asset.fileName}
             class="asset__thumbnail__image"
             src=${this.thumbnailUrl}
@@ -1364,13 +1422,13 @@ let L = class extends H {
             class="asset__thumbnail__extension__text"
             variant="small"
           >
-            ${fe(this.asset.fileName)}
+            ${be(this.asset.fileName)}
           </cx-typography>
         </cx-line-clamp>
       </div>`;
   }
   renderThumbnail() {
-    return o`<div
+    return n`<div
       class=${C({
       asset__thumbnail: !0,
       "asset__thumbnail--folder": this.isFolder,
@@ -1381,7 +1439,7 @@ let L = class extends H {
     </div>`;
   }
   renderOpenDriveButton() {
-    return o`<cx-tooltip content=${this.localize.term("openInDrive")} hoist>
+    return n`<cx-tooltip content=${this.localize.term("openInDrive")} hoist>
       <cx-icon-button
         data-testid="asset__drive-button"
         name="folder_open"
@@ -1390,11 +1448,11 @@ let L = class extends H {
     </cx-tooltip>`;
   }
   renderNormalActions() {
-    return o`${this.renderOpenDriveButton()}
+    return n`${this.renderOpenDriveButton()}
       ${p(
       this.favoriteInProgressAssets.includes(this.asset.recordId),
-      () => o`<cx-spinner class="asset__actions__spinner"></cx-spinner>`,
-      () => o`<cx-tooltip
+      () => 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
           >
@@ -1408,7 +1466,7 @@ let L = class extends H {
     )} `;
   }
   renderRetryableUploadActions() {
-    return o`${this.renderOpenDriveButton()}
+    return n`${this.renderOpenDriveButton()}
       <cx-tooltip content=${this.localize.term("retry")} hoist>
         <cx-icon-button
           data-testid="asset__retry-button"
@@ -1418,7 +1476,7 @@ let L = class extends H {
       </cx-tooltip>`;
   }
   renderInProgressActions() {
-    return o`
+    return n`
       <cx-tooltip
         content=${this.asset.isPaused ? this.localize.term("resume") : this.localize.term("pause")}
         hoist
@@ -1440,10 +1498,10 @@ let L = class extends H {
     `;
   }
   renderPinnedActions() {
-    return o`${p(
+    return n`${p(
       this.pinInProgressAssets.includes(this.asset.recordId),
-      () => o`<cx-spinner class="asset__actions__spinner"></cx-spinner>`,
-      () => o`<cx-tooltip
+      () => 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
         >
@@ -1457,7 +1515,7 @@ let L = class extends H {
     )} `;
   }
   render() {
-    return o`
+    return n`
       <div
         data-id=${this.asset.recordId}
         data-testid=${`asset-${this.asset.uploadStatus}`}
@@ -1475,7 +1533,7 @@ let L = class extends H {
           <div class="asset__description__status">
             ${p(
       this.listType === x.RECENT,
-      () => o`
+      () => n`
                 <cx-typography
                   variant="small"
                   class="asset__description__status__time"
@@ -1516,17 +1574,17 @@ let L = class extends H {
     `;
   }
 };
-L.styles = [tt, Ue];
+L.styles = [tt, Ye];
 L.dependencies = {
   "cx-file-on-demand-pinned-status": T,
   "cx-format-bytes": ot,
   "cx-icon": J,
-  "cx-icon-button": It,
+  "cx-icon-button": Ct,
   "cx-line-clamp": Q,
-  "cx-progress-bar": te,
-  "cx-relative-time": St,
-  "cx-spinner": ee,
-  "cx-tooltip": wt,
+  "cx-progress-bar": ie,
+  "cx-relative-time": At,
+  "cx-spinner": ae,
+  "cx-tooltip": Dt,
   "cx-typography": nt
 };
 V([
@@ -1564,7 +1622,7 @@ V([
 L = V([
   W("cx-file-on-demand-asset")
 ], L);
-const Oe = at`
+const Ze = at`
   :host {
     --asset-height: 40px;
     display: block;
@@ -2105,10 +2163,10 @@ const Oe = at`
     justify-content: flex-end;
   }
 `;
-var Ne = Object.defineProperty, je = Object.getOwnPropertyDescriptor, c = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? je(e, i) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (a ? l(e, i, s) : l(s)) || s);
-  return a && s && Ne(e, i, s), s;
+var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, l = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Qe(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 && Je(e, i, s), s;
 };
 let r = class extends H {
   constructor() {
@@ -2143,7 +2201,7 @@ let r = class extends H {
       start: s = 0
     }) => {
       try {
-        return await Ct({
+        return await Tt({
           excludes: t,
           folderId: e,
           folderPathsSet: i,
@@ -2153,8 +2211,8 @@ let r = class extends H {
           start: s,
           token: this.token
         });
-      } catch (n) {
-        n instanceof Error && n.message === "Failed to fetch" && this.emit("cx-renew-token");
+      } catch (o) {
+        o instanceof Error && o.message === "Failed to fetch" && this.emit("cx-renew-token");
       }
       return {
         data: this.availableFolderIdentifiers,
@@ -2367,7 +2425,7 @@ let r = class extends H {
     this.rootIDs = t, await this.updateComplete;
     const i = this.container.querySelectorAll("cx-tree-item"), a = st(this.rootIDs, e);
     i.forEach((s) => {
-      a.includes(s.dataset.id ?? "") && vt(s);
+      a.includes(s.dataset.id ?? "") && bt(s);
     });
   }
   // #region Render
@@ -2375,7 +2433,7 @@ let r = class extends H {
     const t = () => {
       this.openDrive();
     };
-    return o`
+    return n`
       <div class="header">
         <div class="header__user">
           <cx-avatar
@@ -2413,7 +2471,7 @@ let r = class extends H {
             >
               ${p(
       this.hasNewVersion,
-      () => o`<cx-badge
+      () => n`<cx-badge
                     class="settings__version__badge"
                     slot="badge"
                     variant="danger"
@@ -2429,7 +2487,7 @@ let r = class extends H {
   }
   // #region Assets
   renderAsset(t, e) {
-    return o`<cx-file-on-demand-asset
+    return n`<cx-file-on-demand-asset
       .asset=${t}
       .listType=${e}
       .favoriteInProgressAssets=${this.favoriteInProgressAssets}
@@ -2437,7 +2495,7 @@ let r = class extends H {
     ></cx-file-on-demand-asset>`;
   }
   renderRecentAssets() {
-    const t = o`
+    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">
@@ -2446,7 +2504,7 @@ let r = class extends H {
       </div>
     `, [e, i] = ut(
       this.recentAssets.assets
-    ), a = o`
+    ), a = n`
       <div class="recent__list" @scroll=${this.requestMoreRecentAssets}>
         <div
           class=${C({
@@ -2485,7 +2543,7 @@ let r = class extends H {
         </div>
       </div>
     `;
-    return o`
+    return n`
       <cx-tab-panel
         name=${x.RECENT}
         class="assets-list__recent-tab-panel"
@@ -2499,14 +2557,14 @@ let r = class extends H {
     `;
   }
   renderFavoriteAssets() {
-    const t = o`
+    const t = n`
       <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 = mt(this.favoriteAssets.assets), i = o`
+    `, e = mt(this.favoriteAssets.assets), i = n`
       <div class="favorites__list" @scroll=${this.requestMoreFavoriteAssets}>
         ${U(
       e,
@@ -2515,7 +2573,7 @@ let r = class extends H {
     )}
       </div>
     `;
-    return o`
+    return n`
       <cx-tab-panel
         name=${x.FAVORITES}
         class="assets-list__favorites-tab-panel"
@@ -2543,7 +2601,7 @@ let r = class extends H {
     `;
   }
   renderUploadingAssets() {
-    const t = o`
+    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">
@@ -2552,7 +2610,7 @@ let r = class extends H {
       </div>
     `, [e, i] = ut(
       this.uploadingAssets.assets
-    ), a = o`
+    ), a = n`
       <div class="uploads__list" @scroll=${this.requestMoreUploadingAssets}>
         <div
           class=${C({
@@ -2599,7 +2657,7 @@ let r = class extends H {
         </div>
       </div>
     `;
-    return o`
+    return n`
       <cx-tab-panel
         name=${x.UPLOADS}
         class="assets-list__uploads-tab-panel"
@@ -2613,14 +2671,14 @@ let r = class extends H {
     `;
   }
   renderPinnedAssets() {
-    const t = o`
+    const t = n`
       <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 = mt(this.pinnedAssets.assets), i = o`
+    `, e = mt(this.pinnedAssets.assets), i = n`
       <div class="pinned__list" @scroll=${this.requestMorePinnedAssets}>
         ${U(
       e,
@@ -2629,7 +2687,7 @@ let r = class extends H {
     )}
       </div>
     `;
-    return o`
+    return n`
       <cx-tab-panel
         name=${x.PINNED}
         class="assets-list__pinned-tab-panel"
@@ -2645,7 +2703,7 @@ let r = class extends H {
     `;
   }
   renderAssetsList() {
-    return o`
+    return n`
       <div class="assets-list">
         <cx-tab-group
           @cx-tab-show=${async (e) => {
@@ -2703,7 +2761,7 @@ let r = class extends H {
     `;
   }
   renderAssetsView() {
-    return o`
+    return n`
       <div class="assets">
         ${this.renderHeader()}${this.renderAssetsList()}${this.renderStatusFooter()}
       </div>
@@ -2726,47 +2784,47 @@ let r = class extends H {
       this.isAddingRootIDs = !0, await this.updateComplete, this.searchText = "";
       const s = this.rootIDs.filter((h) => {
         if (!this.folderTree.shadowRoot?.querySelector(
-          `[data-id="${I(h).id}"]`
+          `[data-id="${S(h).id}"]`
         ))
           return !0;
-      }), n = /* @__PURE__ */ new Set([
+      }), o = /* @__PURE__ */ new Set([
         ...this.folderTree.currentRootIDs,
         ...s
       ]);
-      for (const h of n) {
-        const _ = R(I(h).path), m = this.folderTree.removedIDs.filter(
-          (g) => R(I(g).path).startsWith(_)
+      for (const h of o) {
+        const _ = R(S(h).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) => I(f).id),
-            folderId: I(h).id,
+            excludes: m.map((f) => S(f).id),
+            folderId: S(h).id,
             start: 0
           }), { data: $ } = await this.fetchFolders({
-            excludes: m.map((f) => I(f).id),
-            folderId: I(h).id,
+            excludes: m.map((f) => S(f).id),
+            folderId: S(h).id,
             limit: g || 10,
             start: 0
           });
           $.forEach((f) => {
-            n.add(
+            o.add(
               N({ id: f.id, path: f.fullPath })
             );
-          }), n.delete(h);
+          }), o.delete(h);
         }
       }
-      const l = Array.from(n);
-      this.updateActiveFolderIdentifiers(l), this.removedIds = l.filter(
-        (h) => [...l].some((_) => {
-          const m = I(h), g = I(_), $ = R(g.path);
+      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($);
         })
       ), e(), this.isAddingRootIDs = !1;
     }, a = (s) => {
-      const n = s.target;
-      this.searchText = (n.value ?? "").trim();
+      const o = s.target;
+      this.searchText = (o.value ?? "").trim();
     };
-    return o`
+    return n`
       <cx-dialog
         class="select-folders-popup"
         no-header
@@ -2804,7 +2862,7 @@ let r = class extends H {
   }
   renderSelectableFolderTree() {
     const t = this.availableFolderIdentifiers;
-    return o`
+    return n`
       <cx-folder-tree
         class="selectable-folder-tree"
         .siteUrl=${this.settings.config.siteUrl}
@@ -2821,20 +2879,20 @@ let r = class extends H {
   }
   renderRootFolderTree() {
     if (!this.rootIDs.length)
-      return Ut;
+      return Nt;
     const t = this.rootIDs.filter(
       (a) => !this.removedIds.includes(a)
     ), e = (a) => {
       this.updateActiveFolderIdentifiers(
         t.filter(
-          (s) => I(s).id !== a
+          (s) => S(s).id !== a
         )
       ), this.folderTree.rootIDs = this.rootIDs, this.folderTree.resetTree();
     }, i = (a) => {
-      const { id: s, path: n } = I(a), l = () => {
+      const { id: s, path: o } = S(a), c = () => {
         e(s);
       };
-      return o`
+      return n`
         <cx-tree-item
           data-id=${s}
           class=${C({
@@ -2844,7 +2902,7 @@ let r = class extends H {
           <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}
+              ${o}
             </cx-line-clamp>
           </div>
           <cx-tooltip
@@ -2853,14 +2911,14 @@ let r = class extends H {
             hoist
           >
             <cx-icon-button
-              @click=${l}
+              @click=${c}
               name="close"
             ></cx-icon-button>
           </cx-tooltip>
         </cx-tree-item>
       `;
     };
-    return o`
+    return n`
       <div data-testid="root-folder-tree" class="folder-tree">
         <cx-tree selection="none">
           ${U(
@@ -2877,7 +2935,7 @@ 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 = o`
+    const t = n`
       <div class="settings-group settings__active-folder">
         <cx-typography variant="h5">
           ${this.localize.term("activeFolders")}
@@ -2899,13 +2957,13 @@ let r = class extends H {
         </cx-select>
         ${p(
       this._activeFoldersMode,
-      () => o`
+      () => n`
             ${this.renderRootFolderTree()} ${this.renderSelectFoldersPopup()}
           `
     )}
       </div>
     `;
-    return o`
+    return n`
       <div class="settings__general">
         ${t}
         <div class="settings-group settings__software">
@@ -2926,7 +2984,7 @@ let r = class extends H {
             </div>
             ${p(
       this.hasNewVersion,
-      () => o`<div class="settings__software__version__value">
+      () => n`<div class="settings__software__version__value">
                   <cx-badge
                     class="settings__version__badge"
                     slot="badge"
@@ -3028,7 +3086,7 @@ let r = class extends H {
     await this.updateComplete, this.cacheLocationValueText?.handleResize();
   }
   renderAdvancedSettings() {
-    const t = o`<cx-tooltip
+    const t = n`<cx-tooltip
       content=${this.localize.term("openDrive")}
       hoist
     >
@@ -3039,7 +3097,7 @@ let r = class extends H {
         @click=${this.openCacheLocation}
       ></cx-icon-button>
     </cx-tooltip>`;
-    return o`
+    return n`
       <div class="settings__advanced">
         <div class="settings-group settings__proxy">
           <cx-typography variant="h5">Proxy</cx-typography>
@@ -3192,7 +3250,7 @@ let r = class extends H {
     const t = () => {
       this.hideSettings();
     };
-    return o`
+    return n`
       <div class="settings">
         <form class="settings__form" @submit=${(i) => {
       i.preventDefault(), this.saveSettings();
@@ -3245,33 +3303,33 @@ let r = class extends H {
   }
   // #endregion
   renderStatusFooter() {
-    const t = o`
+    const t = n`
       <cx-typography class="error-message" variant="small">
         ${this.localize.term("fileOnDemandSyncErrorMessage")}
       </cx-typography>
     `, e = () => {
       switch (this.connectionStatus) {
         case "excellent":
-          return o`
+          return n`
             <cx-icon variant="filled" name="check_circle"></cx-icon>
           `;
         case "good":
-          return o` <cx-icon variant="filled" name="circle"></cx-icon> `;
+          return n` <cx-icon variant="filled" name="circle"></cx-icon> `;
         case "bad":
-          return o` <cx-icon variant="filled" name="circle"></cx-icon> `;
+          return n` <cx-icon variant="filled" name="circle"></cx-icon> `;
       }
     }, i = () => {
       switch (this.assetIndexSyncStatus) {
         case "loaded":
-          return o`
+          return n`
             <cx-icon variant="filled" name="check_circle"></cx-icon>
           `;
         case "loading":
-          return o` <cx-icon variant="filled" name="cached"></cx-icon> `;
+          return n` <cx-icon variant="filled" name="cached"></cx-icon> `;
         case "error":
-          return o` <cx-icon variant="filled" name="error"></cx-icon> `;
+          return n` <cx-icon variant="filled" name="error"></cx-icon> `;
       }
-    }, a = o`<div
+    }, a = n`<div
       class=${C({
       "connection-status": !0,
       "connection-status--bad": this.connectionStatus === "bad",
@@ -3296,7 +3354,7 @@ let r = class extends H {
         </div>
       </cx-tooltip>
     </div>`, s = this.settings.cacheUsage >= this.settings.cacheSize;
-    return o`
+    return n`
       <cx-divider class="status-footer__divider"></cx-divider>
       <div class="status-footer">
         <div class="connected-url">
@@ -3323,7 +3381,7 @@ let r = class extends H {
           </cx-typography>
           <div class="value">
             <cx-typography variant="small">
-              ${ue[this.assetIndexSyncStatus]}
+              ${me[this.assetIndexSyncStatus]}
             </cx-typography>
             ${i()}
           </div>
@@ -3341,7 +3399,7 @@ let r = class extends H {
                   <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>`)}
+              ${p(s, () => n`<cx-icon class="cache-usage__warning-icon" name="warning" variant="filled"></cx-icon>`)}
             </cx-space>
           </cx-tooltip>
         </div>
@@ -3355,7 +3413,7 @@ let r = class extends H {
     K(e) || (this.validConnectionUrl = !1);
   }
   renderWelcomeView() {
-    return o`
+    return n`
       <div class="welcome">
         <div class="welcome__message">
           <cx-typography variant="h5">
@@ -3418,14 +3476,14 @@ let r = class extends H {
     return this.connectionEstablished ? this.isSettingsOpened ? this.renderSettingsView() : this.renderAssetsView() : this.renderWelcomeView();
   }
   renderLoadingOverlay() {
-    return o`
+    return n`
       <div class="loading-overlay">
         <cx-spinner></cx-spinner>
       </div>
     `;
   }
   render() {
-    return o`
+    return n`
       <div
         class=${C({
       container: !0,
@@ -3440,115 +3498,115 @@ let r = class extends H {
   }
   // #endregion
 };
-r.styles = Oe;
+r.styles = Ze;
 r.dependencies = {
-  "cx-avatar": Ot,
-  "cx-button": Nt,
-  "cx-confirm-popover": Kt,
-  "cx-dialog": jt,
-  "cx-divider": Bt,
+  "cx-avatar": Mt,
+  "cx-button": Vt,
+  "cx-confirm-popover": Qt,
+  "cx-dialog": Ht,
+  "cx-divider": Wt,
   "cx-file-on-demand-asset": L,
   "cx-folder-tree": b,
   "cx-format-bytes": ot,
   "cx-icon": J,
-  "cx-icon-button": It,
-  "cx-input": Mt,
+  "cx-icon-button": Ct,
+  "cx-input": qt,
   "cx-line-clamp": Q,
-  "cx-option": Vt,
-  "cx-relative-time": St,
-  "cx-select": Ht,
-  "cx-space": Wt,
-  "cx-tab": qt,
-  "cx-tab-group": Gt,
-  "cx-tab-panel": Yt,
-  "cx-tooltip": wt,
-  "cx-tree": yt,
-  "cx-tree-item": ft,
+  "cx-option": Gt,
+  "cx-relative-time": At,
+  "cx-select": Yt,
+  "cx-space": Kt,
+  "cx-tab": Xt,
+  "cx-tab-group": Zt,
+  "cx-tab-panel": Jt,
+  "cx-tooltip": Dt,
+  "cx-tree": $t,
+  "cx-tree-item": yt,
   "cx-typography": nt
 };
-c([
+l([
   z(".container")
 ], r.prototype, "container", 2);
-c([
+l([
   z("cx-folder-tree")
 ], r.prototype, "folderTree", 2);
-c([
+l([
   z("cx-dialog")
 ], r.prototype, "dialog", 2);
-c([
+l([
   z(".recent__list")
 ], r.prototype, "recentAssetsList", 2);
-c([
+l([
   z(".favorites__list")
 ], r.prototype, "favoritesAssetsList", 2);
-c([
+l([
   z(".uploads__list")
 ], r.prototype, "uploadsAssetsList", 2);
-c([
+l([
   z(".pinned__list")
 ], r.prototype, "pinnedAssetsList", 2);
-c([
+l([
   z(".assets-list__tab-group")
 ], r.prototype, "assetsListTabGroup", 2);
-c([
+l([
   z(".settings__cache__location__value__text")
 ], r.prototype, "cacheLocationValueText", 2);
-c([
+l([
   d({
     attribute: "connection-established",
     type: Boolean
   })
 ], r.prototype, "connectionEstablished", 2);
-c([
+l([
   d({
     attribute: "connection-status",
     reflect: !0,
     type: String
   })
 ], r.prototype, "connectionStatus", 2);
-c([
+l([
   d({
     attribute: "connection-status-tooltip",
     type: String
   })
 ], r.prototype, "connectionStatusTooltip", 2);
-c([
+l([
   d({
     attribute: "asset-index-sync-status",
     reflect: !0,
     type: String
   })
 ], r.prototype, "assetIndexSyncStatus", 2);
-c([
+l([
   d({
     attribute: "user-avatar-url",
     type: String
   })
 ], r.prototype, "userAvatarUrl", 2);
-c([
+l([
   d({
     type: String
   })
 ], r.prototype, "username", 2);
-c([
+l([
   d({
     attribute: "recent-assets",
     type: Object
   })
 ], r.prototype, "recentAssets", 2);
-c([
+l([
   d({
     attribute: "favorite-assets",
     type: Object
   })
 ], r.prototype, "favoriteAssets", 2);
-c([
+l([
   d({
     attribute: "favorite-last-sync",
     type: Number
   })
 ], r.prototype, "favoritesLastSync", 2);
-c([
+l([
   d({
     attribute: "favorite-in-progress-assets",
     converter: {
@@ -3558,7 +3616,7 @@ c([
     type: String
   })
 ], r.prototype, "favoriteInProgressAssets", 2);
-c([
+l([
   d({
     attribute: "pin-in-progress-assets",
     converter: {
@@ -3568,173 +3626,177 @@ c([
     type: String
   })
 ], r.prototype, "pinInProgressAssets", 2);
-c([
+l([
   d({
     attribute: "uploading-assets",
     type: Object
   })
 ], r.prototype, "uploadingAssets", 2);
-c([
+l([
   d({
     attribute: "pinned-assets",
     type: Object
   })
 ], r.prototype, "pinnedAssets", 2);
-c([
+l([
   u()
 ], r.prototype, "availableFolderIdentifiers", 2);
-c([
+l([
   u()
 ], r.prototype, "isLoading", 2);
-c([
+l([
   d({
     attribute: "settings",
     type: Object
   })
 ], r.prototype, "settings", 2);
-c([
+l([
   d({ attribute: "pick-cache-location", type: Function })
 ], r.prototype, "pickCacheLocation", 2);
-c([
+l([
   d({
     attribute: "has-new-version",
     type: Boolean
   })
 ], r.prototype, "hasNewVersion", 2);
-c([
+l([
   d({
     attribute: "about-content",
     type: String
   })
 ], r.prototype, "aboutContent", 2);
-c([
+l([
   d({ type: String })
 ], r.prototype, "token", 2);
-c([
+l([
   d({
     attribute: "user-interaction-blocked",
     type: Boolean
   })
 ], r.prototype, "userInteractionBlocked", 2);
-c([
+l([
   d({
     attribute: "is-connecting",
     type: Boolean
   })
 ], r.prototype, "isConnecting", 2);
-c([
+l([
   d({
     attribute: "is-cancelling-connection",
     type: Boolean
   })
 ], r.prototype, "isCancellingConnection", 2);
-c([
+l([
   d({
     attribute: "is-disconnecting",
     type: Boolean
   })
 ], r.prototype, "isDisconnecting", 2);
-c([
+l([
   d({
     attribute: "is-upgrading",
     type: Boolean
   })
 ], r.prototype, "isUpgrading", 2);
-c([
+l([
   u()
 ], r.prototype, "isSettingsOpened", 2);
-c([
+l([
   u()
 ], r.prototype, "rootIDs", 2);
-c([
+l([
   u()
 ], r.prototype, "_activeFoldersMode", 2);
-c([
+l([
   u()
 ], r.prototype, "removedIds", 2);
-c([
+l([
   u()
 ], r.prototype, "cacheSize", 2);
-c([
+l([
   u()
 ], r.prototype, "cacheLocation", 2);
-c([
+l([
   u()
 ], r.prototype, "proxyTypes", 2);
-c([
+l([
   u()
 ], r.prototype, "siteUrl", 2);
-c([
+l([
   u()
 ], r.prototype, "isRecentAssetsLoading", 2);
-c([
+l([
   u()
 ], r.prototype, "isFavoriteAssetsLoading", 2);
-c([
+l([
   u()
 ], r.prototype, "isUploadingAssetsLoading", 2);
-c([
+l([
   u()
 ], r.prototype, "isPinnedAssetsLoading", 2);
-c([
+l([
   u()
 ], r.prototype, "connectError", 2);
-c([
+l([
   u()
 ], r.prototype, "disconnectError", 2);
-c([
+l([
   u()
 ], r.prototype, "upgradeError", 2);
-c([
+l([
   u()
 ], r.prototype, "totalCount", 2);
-c([
+l([
   u()
 ], r.prototype, "folderPathsSet", 2);
-c([
+l([
   u()
 ], r.prototype, "validConnectionUrl", 2);
-c([
+l([
   u()
 ], r.prototype, "isAddingRootIDs", 2);
-c([
+l([
   P(["connectionEstablished", "token"])
 ], r.prototype, "fetchData", 1);
-c([
+l([
   P(["connectionEstablished"])
 ], r.prototype, "showRecentTab", 1);
-c([
+l([
   P("settings")
 ], r.prototype, "updateSettingsStates", 1);
-c([
+l([
   P("recentAssets")
 ], r.prototype, "onRecentAssetsChanged", 1);
-c([
+l([
   P("pinnedAssets")
 ], r.prototype, "onPinnedAssetsChanged", 1);
-c([
+l([
   P("favoriteAssets")
 ], r.prototype, "onFavoriteAssetsChanged", 1);
-c([
+l([
   P("uploadingAssets")
 ], r.prototype, "onUploadingAssetsChanged", 1);
-c([
+l([
   u()
 ], r.prototype, "searchText", 2);
-c([
+l([
   P(["searchText"]),
-  Xt(200)
+  te(200)
 ], r.prototype, "onSearch", 1);
-c([
+l([
   P("cacheLocation")
 ], r.prototype, "handleCacheLocationChange", 1);
-r = c([
+r = l([
   W("cx-file-on-demand")
 ], r);
 export {
   r as C,
-  De as a,
-  Pe as b,
-  ze as c,
-  Ee as i
+  Ve as a,
+  Ne as b,
+  Be as c,
+  ft as d,
+  He as e,
+  We as i,
+  ze as o,
+  Oe as s
 };