@orangelogic/design-system 2.141.0 → 2.143.0

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

@@ -1,38 +1,1874 @@
-import { C as K } from "../chunks/file-on-demand.Bxq3-Dk1.js";
-import "./avatar.js";
-import "../chunks/button.C6-GrLyD.js";
-import "../chunks/dialog.C79Kd2S4.js";
-import "./divider.js";
-import "./format-bytes.js";
-import "../chunks/icon.DnBh6-56.js";
-import "../chunks/icon-button.LhIEmHNF.js";
-import "../chunks/input.ClJ4MEsk.js";
-import "./line-clamp.js";
-import "../chunks/option.n6PDuSs1.js";
-import "./relative-time.js";
-import "./select.js";
-import "./space.js";
-import "./tab.js";
-import "../chunks/tab-group.COQGzlw4.js";
-import "./tab-panel.js";
-import "./tooltip.js";
-import "../chunks/tree.DeIv5gWv.js";
-import "../chunks/typography.DJC_UXgs.js";
-import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/confirm-popover.CTdjw4Mi.js";
-import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/debounce.DaHuiSGU.js";
-import "../chunks/i18n.DeUAP8n2.js";
-import "../chunks/watch.CThbualB.js";
-import "../chunks/number.B4PQLJIg.js";
-import "../chunks/string.BmBJ_BLT.js";
-import "../chunks/url.-WDYqplj.js";
-import "../chunks/lit-element.jLBm65_O.js";
-import "../chunks/state.CSDxrqLd.js";
-import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.BiVq-cVR.js";
-import "../chunks/repeat.CFjcER6_.js";
-import "../chunks/when.Dr1es41R.js";
+import { C as tt } from "../chunks/icon.-k4fR0bD.js";
+import et from "./line-clamp.js";
+import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.BpSudcAI.js";
+import { n as d, 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.C4wPyPTR.js";
+import { k as St, f as Ct, i as wt, w as z, h as At } from "../chunks/watch.CkGTlwIo.js";
+import { p as R } from "../chunks/string.BmBJ_BLT.js";
+import { x as o, i as ot, E as Dt } 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 { n as p } from "../chunks/when.Dr1es41R.js";
+import { b as Tt } from "../chunks/_baseIteratee.Dhw-0WrS.js";
+import zt from "./avatar.js";
+import { C as Pt } from "../chunks/button.Bja8HrmJ.js";
+import { C as Et } from "../chunks/dialog.0TzzxNXE.js";
+import Lt from "./divider.js";
+import nt from "./format-bytes.js";
+import { C as vt } from "../chunks/icon-button.Ce2tPGuf.js";
+import { C as Ft } from "../chunks/input.BAvin1Qu.js";
+import { C as Ut } from "../chunks/option.DT-6HmoC.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.DyInpwMz.js";
+import Bt 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.CQm_rVIt.js";
+import { d as Mt } from "../chunks/debounce.DaHuiSGU.js";
+import { a as Z } from "../chunks/number.B4PQLJIg.js";
+import { i as X, b as pt } from "../chunks/url.-WDYqplj.js";
+import { b as Vt, a as Ht, i as Wt } from "../chunks/_baseXor.DY_sP7af.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);
+  }
+  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);
+  }), i;
+}
+function ie(t, e) {
+  return function(a, i) {
+    var s = wt(a) ? Zt : se, n = e ? e() : {};
+    return s(a, t, Tt(i), n);
+  };
+}
+var ae = ie(function(t, e, a) {
+  t[a ? 0 : 1].push(e);
+}, function() {
+  return [[], []];
+});
+const oe = {
+  error: "Upload error",
+  loaded: "Up-to-date",
+  loading: "Syncing"
+}, u = {
+  FAVORITES: "favorites",
+  PINNED: "pinned",
+  RECENT: "recent",
+  UPLOADS: "uploads"
+}, J = 20, ne = {
+  GET_CONTENT: "/webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1"
+}, w = {
+  ASSET_PATH: "Document.AssetPath",
+  CHILD_COUNT: "Document.ChildCount",
+  CORTEX_PATH: "Document.CortexPath",
+  DOC_TYPE: "CoreField.DocType",
+  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) => {
+  const e = /* @__PURE__ */ new Date(), a = new Date(
+    e.getFullYear(),
+    e.getMonth(),
+    e.getDate()
+  ).getTime(), i = new Date(
+    e.getFullYear(),
+    e.getMonth(),
+    e.getDate() + 1
+  ).getTime();
+  return ae(
+    t.toSorted((s, n) => n.uploadTimestamp - s.uploadTimestamp),
+    (s) => s.uploadTimestamp >= a && s.uploadTimestamp < i
+  );
+}, ce = ({
+  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 "));
+  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 ({
+  excludes: t = [],
+  folderId: e,
+  folderPath: a = [],
+  folderPathsSet: i,
+  limit: s = le,
+  searchText: n,
+  seeThru: l,
+  siteUrl: x,
+  start: b = 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 = [
+    ["Token", g],
+    [
+      "extraFilters",
+      ce({
+        excludesRecordIDs: t,
+        searchText: n
+      })
+    ],
+    ["fields", w.ASSET_PATH],
+    ["fields", w.CORTEX_PATH],
+    ["fields", w.DOC_TYPE],
+    ["fields", w.TITLE_WITH_FALLBACK],
+    ["fields", w.HAS_BROWSER_CHILDREN],
+    ["fields", w.PARENT_FOLDER_IDENTIFIER],
+    ["fields", w.CHILD_COUNT],
+    ["objectRecordID", e],
+    ["seeThru", n?.trim() || l ? "true" : "false"],
+    ["limit", s.toString()],
+    ["start", b.toString()]
+  ], F = new URL(`${m}${D}`);
+  y.forEach(([S, E]) => {
+    F.searchParams.append(S, E);
+  });
+  const O = await fetch(F.toString(), {
+    headers: {
+      Authorization: `Bearer ${g}`
+    },
+    method: "GET"
+  });
+  if (!O.ok) {
+    const S = new Error();
+    throw S.message = "Failed to fetch", S;
+  }
+  const Y = await O.json();
+  let K = /* @__PURE__ */ new Set();
+  i && (K = he(i));
+  const ct = Y.contentItems?.map((S) => {
+    let E = V(
+      S.fields,
+      w.TITLE_WITH_FALLBACK
+    ) ?? "", j = pe(
+      (V(
+        S.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}`;
+      }
+      n?.trim() && K.has(E) && (E = j), i.add(j), K.add(E);
+    }
+    return {
+      childCount: Number(
+        V(
+          S.fields,
+          w.CHILD_COUNT
+        ) ?? 0
+      ),
+      children: [],
+      docType: V(
+        S.fields,
+        w.DOC_TYPE
+      ) ?? "",
+      fullPath: j,
+      hasChildren: V(
+        S.fields,
+        w.HAS_BROWSER_CHILDREN
+      ) === "1",
+      id: S.recordID,
+      parentFolderIdentifier: V(
+        S.fields,
+        w.PARENT_FOLDER_IDENTIFIER
+      ) ?? "",
+      parents: [],
+      path: [...a, E],
+      title: E
+    };
+  }) ?? [];
+  return { data: ct, totalCount: Y.totalCount ?? ct.length };
+};
+function V(t, e) {
+  const a = e.toLowerCase(), i = Object.keys(t).find(
+    (s) => s.toLowerCase() === a
+  );
+  return i ? t[i] : void 0;
+}
+const at = "-", $ = (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) => {
+  const e = t.split(".");
+  return e.length > 1 ? e.pop() ?? "" : "";
+}, ut = (t) => {
+  const e = t.match(/(?:V\.?)?(\d+(?:\.\d+)*(?:-[a-zA-Z0-9]+(?:[.-][a-zA-Z0-9]+)*)?)/);
+  return e ? e[1] : "";
+}, gt = (t, e) => {
+  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) => {
+  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) => {
+  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;
+};
+let f = class extends W {
+  constructor() {
+    super(...arguments), this.localize = new G(this), this.role = "treeitem", this.siteUrl = "", this.token = "", this.searchText = "", this.folder = null, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.data = null, this.totalCount = 0, this.isLoading = !1, this.fetchFolders = async ({
+      folderId: t,
+      start: e = 0
+    }) => await $t({
+      folderId: t,
+      folderPath: this.folder?.path ?? [],
+      folderPathsSet: this.folderPathsSet,
+      siteUrl: this.siteUrl,
+      start: e,
+      token: this.token
+    }), this.loadMore = async (t) => {
+      t?.stopPropagation();
+      const e = this.data?.length ?? 0;
+      if (e >= this.totalCount)
+        return;
+      this.isLoading = !0;
+      const { data: a, totalCount: i } = await this.fetchFolders({
+        folderId: this.folder?.id ?? "",
+        start: e
+      });
+      this.data = [...this.data ?? [], ...a], this.totalCount = i, this.isLoading = !1;
+    }, this.onLazyLoad = async (t) => {
+      if (t.target !== this.treeItem)
+        return;
+      const { data: e, totalCount: a } = await this.fetchFolders({
+        folderId: this.folder?.id ?? ""
+      });
+      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;
+        this.treeItem.indeterminate = !i && !s;
+      }
+    };
+  }
+  get selected() {
+    return this.treeItem.selected;
+  }
+  set selected(t) {
+    this.treeItem.selected = t;
+  }
+  get expanded() {
+    return this.treeItem.expanded;
+  }
+  set expanded(t) {
+    this.treeItem.expanded = t;
+  }
+  get indeterminate() {
+    return this.treeItem.indeterminate;
+  }
+  set indeterminate(t) {
+    this.treeItem.indeterminate = t;
+  }
+  // this is so that external cx-tree can query select the cx-tree-item inside
+  createRenderRoot() {
+    return this;
+  }
+  getChildrenItems() {
+    return this.treeItem.getChildrenItems();
+  }
+  async syncBoxes() {
+    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) => {
+      g.forEach((D) => {
+        const y = $(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));
+      });
+    };
+    n(this.removedIDs, a), n(s, e);
+    let l = !!s.some((g) => {
+      const m = $(g);
+      if (!m.path.trim() || !m.id.trim())
+        return !1;
+      const D = B({
+        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);
+      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({
+          id: this.folder?.id ?? "",
+          path: i
+        })
+      );
+      const g = this.parentElement?.parentElement;
+      g && g instanceof f && g.syncBoxes(), l = !1;
+    } else if (!l)
+      if (x) {
+        this.currentRootIDsSet.add(
+          B({
+            id: this.folder?.id ?? "",
+            path: i
+          })
+        );
+        const g = this.parentElement?.parentElement;
+        g && g instanceof f && g.syncBoxes(), l = !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;
+  }
+  render() {
+    const t = gt(this.folder?.path ?? [], this.folder?.fullPath ?? "");
+    return o`<cx-tree-item aria-label=${this.folder?.title ?? ""} class=${C({
+      "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(
+      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>`
+    )}
+        ${p(
+      this.data && this.data.length < this.totalCount,
+      () => o`<div slot="children" class="load-more-button"><cx-button data-testid="load-more-button" variant="text" @click=${this.loadMore} ?loading=${this.isLoading}>${this.localize.term("more")}</cx-button></div>`
+    )}</cx-tree-item>`;
+  }
+};
+f.styles = [st];
+f.dependencies = {
+  "cx-icon": tt,
+  "cx-line-clamp": et,
+  "cx-tree-item": mt
+};
+A([
+  P("cx-tree-item")
+], f.prototype, "treeItem", 2);
+A([
+  d({
+    attribute: "site-url",
+    reflect: !0,
+    type: String
+  })
+], f.prototype, "siteUrl", 2);
+A([
+  d({ reflect: !0, type: String })
+], f.prototype, "token", 2);
+A([
+  d({ attribute: "search-text", reflect: !0, type: String })
+], f.prototype, "searchText", 2);
+A([
+  d({ type: Object })
+], f.prototype, "folder", 2);
+A([
+  d({
+    attribute: "current-root-ids-set",
+    type: Object
+  })
+], f.prototype, "currentRootIDsSet", 2);
+A([
+  d({ attribute: "folder-paths-set", type: Object })
+], f.prototype, "folderPathsSet", 2);
+A([
+  d({
+    attribute: "removed-ids",
+    converter: {
+      fromAttribute: (t) => t.split(" "),
+      toAttribute: (t) => t.join(" ")
+    },
+    type: String
+  })
+], f.prototype, "removedIDs", 2);
+A([
+  h()
+], f.prototype, "data", 2);
+A([
+  h()
+], f.prototype, "totalCount", 2);
+A([
+  h()
+], f.prototype, "isLoading", 2);
+A([
+  z(["currentRootIDsSet", "removedIDs"])
+], f.prototype, "syncBoxes", 1);
+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;
+};
+let v = class extends W {
+  constructor() {
+    super(...arguments), this.localize = new G(this), this.role = "tree", this.siteUrl = "", this.bearerToken = "", this.token = "", this.searchText = "", this.folders = [], this.rootIDs = [], this.totalCount = 0, this.loadMore = () => {
+    }, this.isLoading = !1, this.folderPathsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.renderFolder = (t) => o`<cx-folder-item .currentRootIDsSet=${this.currentRootIDsSet} .folder=${t} .folderPathsSet=${this.folderPathsSet} .removedIDs=${this.removedIDs} bearer-token=${this.bearerToken} search-text=${this.searchText} site-url=${this.siteUrl} token=${this.token}></cx-folder-item>`;
+  }
+  get currentRootIDs() {
+    return Array.from(this.currentRootIDsSet);
+  }
+  handleRootIDsChange() {
+    this.currentRootIDsSet = new Set(this.rootIDs);
+  }
+  resetTree() {
+    this.currentRootIDsSet = new Set(this.rootIDs), this.tree.querySelectorAll("cx-folder-item").forEach((t) => {
+      t.selected = this.currentRootIDsSet.has(
+        B({
+          id: t.id,
+          path: t.dataset.path ?? ""
+        })
+      ), t.expanded = !1, t.indeterminate = !1;
+    });
+  }
+  async handleSelectedChange(t) {
+    const e = t.target, a = e.dataset.id ?? "", i = e.dataset.path ?? "";
+    if (await e.updateComplete, !a.trim() || !i.trim())
+      return;
+    const s = B({
+      id: a,
+      path: i
+    });
+    if (!(e.indeterminate && !e.selected)) {
+      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 ?? ""
+              })
+            );
+        }
+        this.removedIDs = this.removedIDs.filter(
+          (n) => n !== s && !$(n).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 = new Set(this.currentRootIDsSet);
+    }
+  }
+  render() {
+    return o`<div class="folder-tree selectable"><cx-tree class=${C({
+      selectable: !0
+    })} @cx-selected-change=${this.handleSelectedChange} selection="multiple" disabled-auto-expand disabled-sync-checkboxes>${U(
+      this.folders,
+      (t) => t.id,
+      (t) => this.renderFolder(t)
+    )}
+          ${p(
+      this.folders && this.folders.length < this.totalCount,
+      () => o`<div class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.isLoading}>${this.localize.term("more")}</cx-button></div>`
+    )}</cx-tree></div>`;
+  }
+};
+v.styles = [st, me];
+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 })
+], v.prototype, "siteUrl", 2);
+I([
+  d({ attribute: "bearer-token", reflect: !0, type: String })
+], v.prototype, "bearerToken", 2);
+I([
+  d({ attribute: "token", reflect: !0, type: String })
+], v.prototype, "token", 2);
+I([
+  d({ attribute: "search-text", reflect: !0, type: String })
+], v.prototype, "searchText", 2);
+I([
+  d({ type: Array })
+], v.prototype, "folders", 2);
+I([
+  d({ attribute: "root-ids", reflect: !0, type: Array })
+], v.prototype, "rootIDs", 2);
+I([
+  d({ attribute: "total-count", reflect: !0, type: Number })
+], v.prototype, "totalCount", 2);
+I([
+  d({ attribute: "load-more", type: Function })
+], v.prototype, "loadMore", 2);
+I([
+  d({ attribute: "is-loading", reflect: !0, type: Boolean })
+], v.prototype, "isLoading", 2);
+I([
+  d({ 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([
+  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;
+};
+let T = class extends W {
+  constructor() {
+    super(...arguments), this.localize = new G(this), this.size = 0, this.remainingSize = 0, this.childrenCount = 0, this.assetsCount = 0;
+  }
+  get cachedSize() {
+    return Math.max(0, this.size - this.remainingSize);
+  }
+  get percentage() {
+    return this.size ? Math.round(this.cachedSize / this.size * 100) : 0;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  renderFolderSuccessText() {
+    return o`${this.childrenCount} ${this.localize.term("subfolders")} ‧
+    ${this.assetsCount} ${this.localize.term("assets")} ‧ 
+    <cx-format-bytes value=${this.size}></cx-format-bytes>`;
+  }
+  renderFileSuccessText() {
+    return o`<cx-format-bytes value=${this.size}></cx-format-bytes>`;
+  }
+  renderSuccess() {
+    return o`<div class="file-on-demand-pinned-status__success progress"><cx-typography variant="small"><cx-line-clamp lines="1">${p(this.isFolder, this.renderFolderSuccessText.bind(this), this.renderFileSuccessText.bind(this))}</cx-line-clamp></cx-typography></div>`;
+  }
+  renderFailed() {
+    return o`<div class="file-on-demand-pinned-status__failed progress"><cx-icon name="warning"></cx-icon><cx-tooltip content=${this.uploadErrorMessage || this.localize.term("syncFailed")}><cx-typography variant="small"><cx-line-clamp lines="1"><span class="pinned-status__text">${this.localize.term("syncFailed")}</span></cx-line-clamp></cx-typography></cx-tooltip></div>`;
+  }
+  renderCanceled() {
+    return o`<div class="file-on-demand-pinned-status__canceled progress"><cx-icon name="file_download_off" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.localize.term("syncCanceled")}</cx-line-clamp></cx-typography></div>`;
+  }
+  renderInProgress() {
+    return o`<div class="file-on-demand-pinned-status__in-progress progress"><cx-icon name="downloading" variant="filled"></cx-icon><cx-typography variant="small"><cx-line-clamp lines="1">${this.percentage}% (<cx-format-bytes value=${this.cachedSize}></cx-format-bytes>/
+          <cx-format-bytes value=${this.size}></cx-format-bytes>)
+        </cx-line-clamp></cx-typography></div>`;
+  }
+  render() {
+    return o`<div class="file-on-demand-pinned-status">${Kt(this.uploadStatus, [
+      [_.Success, this.renderSuccess.bind(this)],
+      [_.Failed, this.renderFailed.bind(this)],
+      [_.InProgress, this.renderInProgress.bind(this)],
+      [_.PendingComplete, this.renderInProgress.bind(this)],
+      [_.Canceled, this.renderCanceled.bind(this)]
+    ])}</div>`;
+  }
+};
+T.styles = [st];
+T.dependencies = {
+  "cx-format-bytes": nt,
+  "cx-icon": tt,
+  "cx-line-clamp": et,
+  "cx-typography": rt
+};
+k([
+  d({
+    attribute: "upload-status",
+    type: String
+  })
+], T.prototype, "uploadStatus", 2);
+k([
+  d({ type: Number })
+], T.prototype, "size", 2);
+k([
+  d({
+    attribute: "remaining-size",
+    type: Number
+  })
+], T.prototype, "remainingSize", 2);
+k([
+  d({
+    attribute: "is-folder",
+    type: Boolean
+  })
+], T.prototype, "isFolder", 2);
+k([
+  d({
+    attribute: "children-count",
+    type: Number
+  })
+], T.prototype, "childrenCount", 2);
+k([
+  d({
+    attribute: "assets-count",
+    type: Number
+  })
+], T.prototype, "assetsCount", 2);
+k([
+  d({
+    attribute: "upload-error-message",
+    type: String
+  })
+], T.prototype, "uploadErrorMessage", 2);
+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;
+};
+let L = class extends W {
+  constructor() {
+    super(...arguments), this.localize = new G(this), this.favoriteInProgressAssets = [], this.pinInProgressAssets = [], this.thumbnailLoadError = !1;
+  }
+  /** Failed or canceled uploads: show open-in-drive and retry. */
+  get showRetryableUploadActions() {
+    return this.listType === u.PINNED ? !1 : this.asset.uploadStatus === _.Failed || this.asset.uploadStatus === _.Canceled;
+  }
+  get showInProgressActions() {
+    return this.listType === u.PINNED ? !1 : this.asset.uploadStatus === _.InProgress;
+  }
+  get showNormalActions() {
+    return this.listType === u.PINNED ? !1 : [_.Success, _.PendingComplete].includes(
+      this.asset.uploadStatus
+    ) || !this.asset.uploadStatus?.trim();
+  }
+  get showPinnedActions() {
+    return this.listType === u.PINNED;
+  }
+  get isFolder() {
+    return re.includes((this.asset.docType ?? "").toLowerCase());
+  }
+  get thumbnailUrl() {
+    return this.asset.thumbnail?.trim() ?? "";
+  }
+  get showThumbnailPlaceholder() {
+    return !this.thumbnailUrl || this.thumbnailLoadError;
+  }
+  willUpdate(t) {
+    if (super.willUpdate(t), !t.has("asset"))
+      return;
+    (t.get("asset")?.thumbnail?.trim() ?? "") !== this.thumbnailUrl && (this.thumbnailLoadError = !1);
+  }
+  handleImgError() {
+    this.thumbnailLoadError = !0;
+  }
+  handleImgLoad() {
+    this.thumbnailLoadError = !1;
+  }
+  handleOpenDriveClick() {
+    this.openDrive(this.asset);
+  }
+  openDrive(t) {
+    this.emit("cx-open-drive", {
+      detail: {
+        asset: t
+      }
+    });
+  }
+  unmarkFavorite(t) {
+    this.emit("cx-unmark-favorite", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  markFavorite(t) {
+    this.emit("cx-mark-favorite", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  pinAsset(t) {
+    this.emit("cx-file-on-demand-pin", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  unpinAsset(t) {
+    this.emit("cx-file-on-demand-unpin", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  handlePinClick() {
+    this.asset.isPinned ? this.unpinAsset(this.asset.recordId) : this.pinAsset(this.asset.recordId);
+  }
+  handleFavoriteClick() {
+    this.asset.isInFavorite ? this.unmarkFavorite(this.asset.recordId) : this.markFavorite(this.asset.recordId);
+  }
+  retryUpload(t) {
+    this.emit("cx-retry-upload", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  handleRetryUploadClick() {
+    this.asset.uploadId && this.retryUpload(this.asset.uploadId);
+  }
+  resumeUpload(t) {
+    this.emit("cx-resume-upload", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  pauseUpload(t) {
+    this.emit("cx-pause-upload", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  cancelUpload(t) {
+    this.emit("cx-cancel-upload", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  handlePauseUploadClick() {
+    this.asset.uploadId && (this.asset.isPaused ? this.resumeUpload(this.asset.uploadId) : this.pauseUpload(this.asset.uploadId));
+  }
+  handleCancelUploadClick() {
+    this.asset.uploadId && this.cancelUpload(this.asset.uploadId);
+  }
+  renderProgress({
+    isPaused: t = !1,
+    progress: e = 0,
+    remainingTime: a,
+    size: i = 0,
+    timestamp: s = Date.now(),
+    uploadErrorMessage: n,
+    uploadStatus: l = _.InProgress
+  }) {
+    const x = i > 0 ? e * 100 / i : 0, b = l === _.InProgress ? x : 100, g = o`<div class=${C({
+      "in-progress": l === _.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>`)}<cx-typography variant="small"><cx-line-clamp lines="1">${p(t, () => o`${this.localize.term("paused")} ‧`)}<cx-format-bytes value=${e}></cx-format-bytes> ${this.localize.term("of")} <cx-format-bytes value=${i}></cx-format-bytes>
+            (${Math.round(x)}%)
+            ${p(
+      !!a && !t,
+      () => o`‧
+                  <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>`;
+    return o`
+      ${p(
+      l === _.InProgress,
+      () => o`<cx-progress-bar style=${Yt({
+        "--color": t ? "var(--cx-color-warning-500)" : "var(--cx-color-primary-500)"
+      })} .value=${b.toFixed(0)} class="progress-bar"></cx-progress-bar>${g}`
+    )}
+      ${p(
+      l === _.PendingComplete,
+      () => m
+    )}
+      ${p(l === _.Success, () => D)}
+      ${p(l === _.Failed, () => y)}
+      ${p(l === _.Canceled, () => F)}
+    `;
+  }
+  renderUploadingStatus() {
+    return o`
+      ${this.renderProgress({
+      isPaused: this.asset.isPaused,
+      progress: (this.asset.size ?? 0) - (this.asset.remainingSize ?? 0),
+      remainingTime: this.asset.remainingTime,
+      size: this.asset.size ?? 0,
+      timestamp: this.asset.uploadTimestamp,
+      uploadErrorMessage: this.asset.uploadErrorMessage,
+      uploadStatus: this.asset.uploadStatus
+    })}
+    `;
+  }
+  renderPinnedStatus() {
+    return o`<cx-file-on-demand-pinned-status size=${this.asset.size ?? 0} remaining-size=${this.asset.remainingSize ?? 0} upload-status=${this.asset.uploadStatus} ?is-folder=${this.isFolder} children-count=${this.asset.childrenCount ?? 0} assets-count=${this.asset.assetsCount ?? 0} upload-error-message=${this.asset.uploadErrorMessage}></cx-file-on-demand-pinned-status>`;
+  }
+  renderThumbnailContent() {
+    return this.isFolder ? this.listType === 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>`;
+  }
+  renderThumbnail() {
+    return o`<div class=${C({
+      asset__thumbnail: !0,
+      "asset__thumbnail--folder": this.isFolder,
+      "asset__thumbnail--placeholder": this.showThumbnailPlaceholder
+    })}>${this.renderThumbnailContent()}</div>`;
+  }
+  renderOpenDriveButton() {
+    return o`<cx-tooltip content=${this.localize.term("openInDrive")} hoist><cx-icon-button data-testid="asset__drive-button" name="folder_open" @click=${this.handleOpenDriveClick}></cx-icon-button></cx-tooltip>`;
+  }
+  renderNormalActions() {
+    return o`${this.renderOpenDriveButton()}
+      ${p(
+      this.favoriteInProgressAssets.includes(this.asset.recordId),
+      () => o`<cx-spinner class="asset__actions__spinner"></cx-spinner>`,
+      () => o`<cx-tooltip content=${this.asset.isInFavorite ? this.localize.term("unfavorite") : this.localize.term("favorite")} hoist><cx-icon-button data-testid="asset__favorite-button" name="star" variant=${this.asset.isInFavorite ? "filled" : "outlined"} @click=${this.handleFavoriteClick}></cx-icon-button></cx-tooltip>`
+    )} `;
+  }
+  renderRetryableUploadActions() {
+    return o`${this.renderOpenDriveButton()}<cx-tooltip content=${this.localize.term("retry")} hoist><cx-icon-button data-testid="asset__retry-button" name="refresh" @click=${this.handleRetryUploadClick}></cx-icon-button></cx-tooltip>`;
+  }
+  renderInProgressActions() {
+    return o`<cx-tooltip content=${this.asset.isPaused ? this.localize.term("resume") : this.localize.term("pause")} hoist><cx-icon-button data-testid=${this.asset.isPaused ? "asset__resume-button" : "asset__pause-button"} name=${this.asset.isPaused ? "play_arrow" : "pause"} variant="filled" @click=${this.handlePauseUploadClick}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("cancel")} hoist><cx-icon-button data-testid="asset__cancel-button" name="close" @click=${this.handleCancelUploadClick}></cx-icon-button></cx-tooltip>`;
+  }
+  renderPinnedActions() {
+    return o`${p(
+      this.pinInProgressAssets.includes(this.asset.recordId),
+      () => o`<cx-spinner class="asset__actions__spinner"></cx-spinner>`,
+      () => o`${this.renderOpenDriveButton()}<cx-tooltip content=${this.asset.isPinned ? this.localize.term("unpin") : this.localize.term("pin")} hoist><cx-icon-button data-testid="asset__pin-button" name="keep" variant=${this.asset.isPinned ? "filled" : "outlined"} @click=${this.handlePinClick}></cx-icon-button></cx-tooltip>`
+    )} `;
+  }
+  render() {
+    return o`<div data-id=${this.asset.recordId} data-testid=${`asset-${this.asset.uploadStatus}`} class="asset">${this.renderThumbnail()}<div class="asset__description"><div class="asset__description__label"><cx-line-clamp class="asset__description__label__text" lines="1"><cx-typography variant="body3">${this.asset.fileName}</cx-typography></cx-line-clamp></div><div class="asset__description__status">${p(
+      this.listType === u.RECENT,
+      () => o`<cx-typography variant="small" class="asset__description__status__time"><cx-relative-time format="narrow" numeric="always" date=${new Date(this.asset.uploadTimestamp)} sync sync-interval=${N}></cx-relative-time></cx-typography>`
+    )}
+            ${p(
+      this.listType === u.UPLOADS,
+      () => this.renderUploadingStatus()
+    )}
+            ${p(
+      this.listType === u.PINNED,
+      () => this.renderPinnedStatus()
+    )}</div></div><div class="asset__actions">${p(this.showNormalActions, () => this.renderNormalActions())}
+          ${p(
+      this.showInProgressActions,
+      () => this.renderInProgressActions()
+    )}
+          ${p(
+      this.showRetryableUploadActions,
+      () => this.renderRetryableUploadActions()
+    )}
+          ${p(this.showPinnedActions, () => this.renderPinnedActions())}</div></div>`;
+  }
+};
+L.styles = [st, be];
+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-relative-time": yt,
+  "cx-spinner": Gt,
+  "cx-tooltip": bt,
+  "cx-typography": rt
+};
+H([
+  d({ type: Object })
+], L.prototype, "asset", 2);
+H([
+  d({
+    attribute: "list-type",
+    type: String
+  })
+], L.prototype, "listType", 2);
+H([
+  d({
+    attribute: "favorite-in-progress-assets",
+    converter: {
+      fromAttribute: (t) => t.split(" ").filter(Boolean),
+      toAttribute: (t) => t.join(" ")
+    },
+    type: String
+  })
+], L.prototype, "favoriteInProgressAssets", 2);
+H([
+  d({
+    attribute: "pin-in-progress-assets",
+    converter: {
+      fromAttribute: (t) => t.split(" ").filter(Boolean),
+      toAttribute: (t) => t.join(" ")
+    },
+    type: String
+  })
+], L.prototype, "pinInProgressAssets", 2);
+H([
+  h()
+], L.prototype, "thumbnailLoadError", 2);
+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;
+};
+let r = 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",
+      cacheSize: 0,
+      cacheUsage: 0,
+      config: {
+        latestVersion: "",
+        monitoringActivated: !1,
+        mountPoint: "",
+        mountProxy: !1,
+        proxyTypes: [],
+        rootIDs: [],
+        siteUrl: "",
+        version: ""
+        // unlimitedDownloadRate: false,
+        // unlimitedUploadRate: false,
+        // maxDownloadRate: 0,
+        // maxUploadRate: 0,
+      }
+    }, this.pickCacheLocation = async () => "Default", this.hasNewVersion = !1, this.aboutContent = "", this.token = "", this.userInteractionBlocked = !1, this.isConnecting = !1, this.isCancellingConnection = !1, this.isDisconnecting = !1, this.isUpgrading = !1, this.isSettingsOpened = !1, this.rootIDs = this.settings.config.rootIDs, this._activeFoldersMode = this.rootIDs.length > 0, this.removedIds = [], this.cacheSize = Z({
+      base: Q,
+      decimals: 2,
+      inputUnit: "B",
+      targetUnit: M,
+      value: this.settings.cacheSize ?? 0
+    }), this.cacheLocation = this.settings.cacheLocation, this.proxyTypes = this.settings.config.proxyTypes ?? [], this.siteUrl = this.settings.config.siteUrl, this.isRecentAssetsLoading = !1, this.isFavoriteAssetsLoading = !1, this.isUploadingAssetsLoading = !1, this.isPinnedAssetsLoading = !1, this.connectError = "", this.disconnectError = "", this.upgradeError = "", this.totalCount = 0, this.folderPathsSet = /* @__PURE__ */ new Set(), this.validConnectionUrl = !1, this.isAddingRootIDs = !1, this.fetchFolders = async ({
+      excludes: t = [],
+      folderId: e,
+      folderPathsSet: a,
+      limit: i = void 0,
+      start: s = 0
+    }) => {
+      try {
+        return await $t({
+          excludes: t,
+          folderId: e,
+          folderPathsSet: a,
+          limit: i,
+          searchText: this.searchText,
+          siteUrl: this.settings.config.siteUrl,
+          start: s,
+          token: this.token
+        });
+      } catch (n) {
+        n instanceof Error && n.message === "Failed to fetch" && this.emit("cx-renew-token");
+      }
+      return {
+        data: this.availableFolderIdentifiers,
+        totalCount: this.availableFolderIdentifiers.length
+      };
+    }, this.searchText = "", this.loadMore = async () => {
+      const t = this.availableFolderIdentifiers?.length ?? 0;
+      if (t >= this.totalCount)
+        return;
+      this.isLoading = !0;
+      const { data: e, totalCount: a } = await this.fetchFolders({
+        folderId: "",
+        folderPathsSet: this.folderPathsSet,
+        start: t
+      });
+      this.availableFolderIdentifiers = [
+        ...this.availableFolderIdentifiers ?? [],
+        ...e
+      ], this.totalCount = a, this.isLoading = !1;
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  runFirstUpdated() {
+    this.settings.config.siteUrl && this.connect();
+  }
+  fetchData() {
+    if (!this.connectionEstablished) {
+      this.validConnectionUrl = X(this.settings.config.siteUrl);
+      return;
+    }
+    this.folderPathsSet = /* @__PURE__ */ new Set(), this.fetchFolders({
+      folderId: "",
+      folderPathsSet: this.folderPathsSet
+    }).then((t) => {
+      this.availableFolderIdentifiers = t.data, this.totalCount = t.totalCount;
+    });
+  }
+  // set recent tab as active when connection is established
+  async showRecentTab() {
+    this.connectionEstablished && (await this.updateComplete, await this.assetsListTabGroup?.updateComplete, this.assetsListTabGroup?.show(u.RECENT));
+  }
+  updateSettingsStates() {
+    this._activeFoldersMode = this.settings.config.rootIDs?.length > 0, this.rootIDs = this.settings.config.rootIDs ?? [], this.cacheSize = Z({
+      base: Q,
+      decimals: 2,
+      inputUnit: "B",
+      targetUnit: M,
+      value: this.settings.cacheSize ?? 0
+    }), this.cacheLocation = this.settings.cacheLocation ?? "Default", this.proxyTypes = this.settings.config.proxyTypes ?? [], this.siteUrl = this.settings.config.siteUrl ?? "", this.validConnectionUrl = X(this.settings.config.siteUrl);
+  }
+  get formHasChanges() {
+    return this.settings.cacheSize !== this.cacheSize || this.settings.cacheLocation !== this.cacheLocation || !!it(this.settings.config.proxyTypes, this.proxyTypes).length || !!it(this.settings.config.rootIDs, this.rootIDs).length;
+  }
+  connect(t = null) {
+    if (t?.preventDefault(), this.connectError = "", !this.siteUrl?.trim())
+      return;
+    const e = pt(this.siteUrl);
+    if (!X(e)) {
+      this.connectError = this.localize.term("pleaseEnterAValidUrl");
+      return;
+    }
+    this.settings.config.siteUrl = e, this.emit("cx-connect", {
+      detail: {
+        connectionUrl: this.settings.config.siteUrl
+      }
+    });
+  }
+  cancelConnection() {
+    this.emit("cx-cancel-connection", {
+      detail: {
+        connectionUrl: this.settings.config.siteUrl
+      }
+    });
+  }
+  disconnect() {
+    this.emit("cx-disconnect", {
+      detail: {
+        connectionUrl: this.settings.config.siteUrl
+      }
+    });
+  }
+  upgrade() {
+    this.emit("cx-upgrade");
+  }
+  clearCache() {
+    this.emit("cx-clear-cache");
+  }
+  importSettings() {
+    this.emit("cx-import-settings");
+  }
+  exportSettings() {
+    this.emit("cx-export-settings");
+  }
+  viewLogs(t = "") {
+    this.emit("cx-view-logs", {
+      detail: {
+        assetId: t
+      }
+    });
+  }
+  clearUpload() {
+    this.emit("cx-clear-upload");
+  }
+  saveSettings() {
+    this.emit("cx-save-settings", {
+      detail: {
+        settings: {
+          cacheLocation: this.cacheLocation,
+          cacheSize: Z({
+            base: Q,
+            decimals: 2,
+            inputUnit: M,
+            targetUnit: "B",
+            value: this.cacheSize
+          }),
+          cacheUsage: this.settings.cacheUsage,
+          config: {
+            latestVersion: this.settings.config.latestVersion,
+            monitoringActivated: this.settings.config.monitoringActivated,
+            mountPoint: this.settings.config.mountPoint,
+            mountProxy: this.settings.config.mountProxy,
+            proxyTypes: this.proxyTypes,
+            rootIDs: this.rootIDs.filter(
+              (t) => !this.removedIds.includes(t)
+            ),
+            siteUrl: this.settings.config.siteUrl,
+            version: this.settings.config.version
+            // maxDownloadRate: this._maxDownloadRate,
+            // maxUploadRate: this._maxUploadRate,
+            // unlimitedDownloadRate: this._unlimitedDownloadRate,
+            // unlimitedUploadRate: this._unlimitedUploadRate,
+          }
+        }
+      }
+    });
+  }
+  openSearch() {
+    this.emit("cx-open-search");
+  }
+  openDrive(t) {
+    this.emit("cx-open-drive", {
+      detail: {
+        asset: t
+      }
+    });
+  }
+  openCacheLocation() {
+    this.emit("cx-open-cache-location");
+  }
+  hideSettings() {
+    this.isSettingsOpened = !1, this.isDisconnecting = !1, this.disconnectError = "", this.isUpgrading = !1, this.upgradeError = "", this.updateSettingsStates();
+  }
+  showSettings() {
+    this.isSettingsOpened = !0;
+  }
+  requestMoreRecentAssets() {
+    if (!this.recentAssetsList)
+      return;
+    const { clientHeight: t, scrollHeight: e, scrollTop: a } = this.recentAssetsList;
+    !this.isRecentAssetsLoading && this.recentAssets.hasMore && a + t >= e - J && (this.isRecentAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+      detail: {
+        type: "recent"
+      }
+    }));
+  }
+  onRecentAssetsChanged() {
+    this.isRecentAssetsLoading = !1;
+  }
+  requestMoreFavoriteAssets() {
+    if (!this.favoritesAssetsList)
+      return;
+    const { clientHeight: t, scrollHeight: e, scrollTop: a } = this.favoritesAssetsList;
+    !this.isFavoriteAssetsLoading && this.favoriteAssets.hasMore && a + t >= e - J && (this.isFavoriteAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+      detail: {
+        type: "favorites"
+      }
+    }));
+  }
+  requestMorePinnedAssets() {
+    if (!this.pinnedAssetsList)
+      return;
+    const { clientHeight: t, scrollHeight: e, scrollTop: a } = this.pinnedAssetsList;
+    !this.isPinnedAssetsLoading && this.pinnedAssets.hasMore && a + t >= e - J && (this.isPinnedAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+      detail: {
+        type: "pinned"
+      }
+    }));
+  }
+  onPinnedAssetsChanged() {
+    this.isPinnedAssetsLoading = !1;
+  }
+  onFavoriteAssetsChanged() {
+    this.isFavoriteAssetsLoading = !1;
+  }
+  requestMoreUploadingAssets() {
+    if (!this.uploadsAssetsList)
+      return;
+    const { clientHeight: t, scrollHeight: e, scrollTop: a } = this.uploadsAssetsList;
+    !this.isUploadingAssetsLoading && this.uploadingAssets.hasMore && a + t >= e - J && (this.isUploadingAssetsLoading = !0, this.emit("cx-file-on-demand-load-more", {
+      detail: {
+        type: "uploads"
+      }
+    }));
+  }
+  onUploadingAssetsChanged() {
+    this.isUploadingAssetsLoading = !1;
+  }
+  async updateActiveFolderIdentifiers(t) {
+    const e = this.rootIDs;
+    this.rootIDs = t, await this.updateComplete;
+    const a = this.container.querySelectorAll("cx-tree-item"), i = it(this.rootIDs, e);
+    a.forEach((s) => {
+      i.includes(s.dataset.id ?? "") && _t(s);
+    });
+  }
+  // #region Render
+  renderHeader() {
+    const t = () => {
+      this.openDrive();
+    };
+    return o`<div class="header"><div class="header__user"><cx-avatar class="header__avatar" image=${this.userAvatarUrl} label=${this.username}></cx-avatar><div class="header__username"><cx-line-clamp lines="1" class="header__username__text"><cx-typography variant="body3">${this.username}</cx-typography></cx-line-clamp></div></div><div class="header__actions"><cx-tooltip content=${this.localize.term("search")} hoist><cx-icon-button data-testid="header__search-button" name="search" @click=${this.openSearch}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("openDrive")} hoist><cx-icon-button data-testid="header__drive-button" name="folder_open" @click=${t}></cx-icon-button></cx-tooltip><cx-tooltip content=${this.localize.term("settings")} hoist><cx-icon-button data-testid="header__settings-button" class="header__settings" name="settings" @click=${this.showSettings}>${p(
+      this.hasNewVersion,
+      () => o`<cx-badge class="settings__version__badge" slot="badge" variant="danger" pill size="x-small"></cx-badge>`
+    )}</cx-icon-button></cx-tooltip></div></div>`;
+  }
+  // #region Assets
+  renderAsset(t, e) {
+    return o`<cx-file-on-demand-asset .asset=${t} .listType=${e} .favoriteInProgressAssets=${this.favoriteInProgressAssets} .pinInProgressAssets=${this.pinInProgressAssets}></cx-file-on-demand-asset>`;
+  }
+  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({
+      empty: e.length === 0,
+      recent__today: !0
+    })} data-testid="recent__today"><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("today")}</cx-typography></div>${U(
+      e,
+      (s) => s.recordId,
+      (s) => this.renderAsset(s, u.RECENT)
+    )}</div><div class=${C({
+      empty: a.length === 0,
+      recent__other: !0
+    })}><div class="asset-group__label"><cx-typography variant="small">${this.localize.term("allOther")}</cx-typography></div>${U(
+      a,
+      (s) => s.recordId,
+      (s) => this.renderAsset(s, u.RECENT)
+    )}</div></div>`;
+    return o`<cx-tab-panel name=${u.RECENT} class="assets-list__recent-tab-panel">${p(
+      this.recentAssets.assets.length > 0,
+      () => i,
+      () => t
+    )}</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(
+      e,
+      (i) => i.recordId,
+      (i) => this.renderAsset(i, u.FAVORITES)
+    )}</div>`;
+    return o`<cx-tab-panel name=${u.FAVORITES} class="assets-list__favorites-tab-panel"><div class="favorites-tab-panel__content"><div class="asset-group__label favorites__sync-time"><cx-typography variant="small">${this.localize.term("favoritesSync")} -
+              <cx-relative-time format="narrow" numeric="always" date=${new Date(this.favoritesLastSync)} sync sync-interval=${N}></cx-relative-time></cx-typography></div>${p(
+      e.length > 0,
+      () => a,
+      () => t
+    )}</div></cx-tab-panel>`;
+  }
+  renderClearUploadButton() {
+    return o`<cx-button class="asset-group__clear-button" variant="text" size="small" @click=${this.clearUpload}>${this.localize.term("clearAll")}</cx-button>`;
+  }
+  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({
+      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(
+      e,
+      (s) => s.recordId,
+      (s) => this.renderAsset(s, u.UPLOADS)
+    )}</div><div class=${C({
+      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(
+      a,
+      (s) => s.recordId,
+      (s) => this.renderAsset(s, u.UPLOADS)
+    )}</div></div>`;
+    return o`<cx-tab-panel name=${u.UPLOADS} class="assets-list__uploads-tab-panel">${p(
+      this.uploadingAssets.assets.length > 0,
+      () => i,
+      () => t
+    )}</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(
+      e,
+      (i) => i.recordId,
+      (i) => this.renderAsset(i, u.PINNED)
+    )}</div>`;
+    return o`<cx-tab-panel name=${u.PINNED} class="assets-list__pinned-tab-panel"><div class="pinned-tab-panel__content">${p(
+      e.length > 0,
+      () => a,
+      () => t
+    )}</div></cx-tab-panel>`;
+  }
+  renderAssetsList() {
+    return o`<div class="assets-list"><cx-tab-group @cx-tab-show=${async (e) => {
+      switch (await e.target.updateComplete, e.detail.name) {
+        case u.RECENT:
+          this.requestMoreRecentAssets();
+          break;
+        case u.FAVORITES:
+          this.requestMoreFavoriteAssets();
+          break;
+        case u.UPLOADS:
+          this.requestMoreUploadingAssets();
+          break;
+        case u.PINNED:
+          this.requestMorePinnedAssets();
+          break;
+      }
+    }} no-scroll-controls class="assets-list__tab-group"><cx-tab active data-testid="assets-list__recent-tab" slot="nav" panel=${u.RECENT}>${this.localize.term("recent")}</cx-tab><cx-tab data-testid="assets-list__pins-tab" slot="nav" panel=${u.PINNED}>${this.localize.term("pins")}</cx-tab><cx-tab data-testid="assets-list__favorites-tab" slot="nav" panel=${u.FAVORITES}>${this.localize.term("favorites")}</cx-tab><cx-tab data-testid="assets-list__uploads-tab" slot="nav" panel=${u.UPLOADS}>${this.localize.term("uploads")}</cx-tab>${this.renderRecentAssets()} ${this.renderFavoriteAssets()}
+          ${this.renderUploadingAssets()} ${this.renderPinnedAssets()}</cx-tab-group></div>`;
+  }
+  renderAssetsView() {
+    return o`<div class="assets">${this.renderHeader()}${this.renderAssetsList()}${this.renderStatusFooter()}</div>`;
+  }
+  onSearch() {
+    this.folderPathsSet = /* @__PURE__ */ new Set(), this.fetchFolders({
+      folderId: "",
+      folderPathsSet: this.folderPathsSet
+    }).then((t) => {
+      this.availableFolderIdentifiers = t.data, this.totalCount = t.totalCount;
+    });
+  }
+  renderSelectFoldersPopup() {
+    const t = () => {
+      this.folderTree.rootIDs = this.rootIDs, this.dialog.show();
+    }, e = (s = null) => {
+      s?.target && s.target !== this.dialog || (this.folderTree.resetTree(), this.folderTree.rootIDs = [], this.folderTree.removedIDs = [], this.dialog.hide(), this.searchText = "");
+    }, a = async () => {
+      this.isAddingRootIDs = !0, await this.updateComplete, this.searchText = "";
+      const s = this.rootIDs.filter((x) => {
+        if (!this.folderTree.shadowRoot?.querySelector(
+          `[data-id="${$(x).id}"]`
+        ))
+          return !0;
+      }), n = /* @__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)
+        );
+        if (g.length > 0) {
+          const { totalCount: m } = await this.fetchFolders({
+            excludes: g.map((y) => $(y).id),
+            folderId: $(x).id,
+            start: 0
+          }), { data: D } = await this.fetchFolders({
+            excludes: g.map((y) => $(y).id),
+            folderId: $(x).id,
+            limit: m || 10,
+            start: 0
+          });
+          D.forEach((y) => {
+            n.add(
+              B({ id: y.id, path: y.fullPath })
+            );
+          }), n.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);
+        })
+      ), e(), this.isAddingRootIDs = !1;
+    }, i = (s) => {
+      const n = s.target;
+      this.searchText = (n.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>`;
+  }
+  renderSelectableFolderTree() {
+    const t = this.availableFolderIdentifiers;
+    return o`<cx-folder-tree class="selectable-folder-tree" .siteUrl=${this.settings.config.siteUrl} .token=${this.token} .searchText=${this.searchText} .folders=${t} .rootIDs=${this.rootIDs} .totalCount=${this.totalCount} .loadMore=${this.loadMore} .folderPathsSet=${this.folderPathsSet} ?isLoading=${this.isLoading}></cx-folder-tree>`;
+  }
+  renderRootFolderTree() {
+    if (!this.rootIDs.length)
+      return Dt;
+    const t = this.rootIDs.filter(
+      (i) => !this.removedIds.includes(i)
+    ), e = (i) => {
+      this.updateActiveFolderIdentifiers(
+        t.filter(
+          (s) => $(s).id !== i
+        )
+      ), this.folderTree.rootIDs = this.rootIDs, this.folderTree.resetTree();
+    }, a = (i) => {
+      const { id: s, path: n } = $(i), l = () => {
+        e(s);
+      };
+      return o`<cx-tree-item data-id=${s} class=${C({
+        "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>`;
+    };
+    return o`<div data-testid="root-folder-tree" class="folder-tree"><cx-tree selection="none">${U(
+      t,
+      (i) => i,
+      (i) => a(i)
+    )}
+          ></cx-tree></div>`;
+  }
+  handleActiveFolderChange(t) {
+    t.target.value === "custom" ? (this._activeFoldersMode = !0, this.rootIDs = this.settings.config.rootIDs ?? []) : (this._activeFoldersMode = !1, this.rootIDs = []);
+  }
+  renderGeneralSettings() {
+    const t = o`<div class="settings-group settings__active-folder"><cx-typography variant="h5">${this.localize.term("activeFolders")}</cx-typography><cx-typography variant="body3">${this.localize.term("activeFoldersHelpText")}</cx-typography><cx-select data-testid="settings__active-folder-select" hoist input-behavior="none" value=${this._activeFoldersMode ? "custom" : "all"} @cx-change=${this.handleActiveFolderChange}><cx-option value="all">${this.localize.term("allFoldersDefault")}</cx-option><cx-option value="custom">${this.localize.term("custom")}</cx-option></cx-select>${p(
+      this._activeFoldersMode,
+      () => o`
+            ${this.renderRootFolderTree()} ${this.renderSelectFoldersPopup()}
+          `
+    )}</div>`;
+    return o`<div class="settings__general">${t}<div class="settings-group settings__software"><cx-typography variant="h5">${this.localize.term("software")}</cx-typography><div class="settings__software__version"><div class="settings__software__version__value"><cx-line-clamp lines="1" class="settings__software__version__value__text"><cx-typography variant="body3">${this.localize.term("currentVersion")}
+                  ${ut(this.settings.config.version ?? "")}</cx-typography></cx-line-clamp></div>${p(
+      this.hasNewVersion,
+      () => o`<div class="settings__software__version__value"><cx-badge class="settings__version__badge" slot="badge" variant="danger" pill size="x-small"></cx-badge><cx-line-clamp lines="1" class="settings__software__version__value__text"><cx-typography variant="body3">${this.localize.term(
+        "newVersionAvailable",
+        ut(
+          this.settings.config.latestVersion ?? ""
+        )
+      )}</cx-typography></cx-line-clamp><cx-button size="small" ?loading=${this.isUpgrading} class="settings__software__version__install-button" outline @click=${this.upgrade}><cx-icon name="install_desktop" slot="prefix"></cx-icon>${this.localize.term("download")}</cx-button></div>`
+    )}</div></div><div class="settings-group settings__connection"><cx-typography variant="h5">${this.localize.term("connection")}</cx-typography><div class="settings__connection-url"><cx-typography variant="body3">URL:</cx-typography><cx-line-clamp class="settings__connection-url__value" lines="1"><cx-typography variant="body3">${this.settings.config.siteUrl}</cx-typography></cx-line-clamp></div></div><cx-space direction="vertical"><div class="settings__disconnect"><cx-button slot="trigger" ?loading=${this.isDisconnecting} text variant="text" class="settings__disconnect-button" @click=${this.disconnect}><cx-icon name="cloud_off" slot="prefix"></cx-icon>${this.localize.term("disconnect")}</cx-button><cx-typography class="error-message" variant="body3">${this.disconnectError}</cx-typography></div></cx-space><div class="settings-group settings__about"><div data-testid="settings__about__content"><cx-typography variant="small">${this.aboutContent}</cx-typography></div></div></div>`;
+  }
+  handleProxyChange(t) {
+    const a = t.target.value;
+    a.includes("All") ? this.proxyTypes = ["All"] : this.proxyTypes = a;
+  }
+  handleCacheSizeKeydown(t) {
+    const e = /\d/;
+    // Block minus sign and non-numeric characters
+    (t.key === "Minus" || // for key="-" (Firefox)
+    t.key === "-" || // for key="-" (Chrome)
+    t.key.length === 1 && !e.test(t.key)) && t.preventDefault();
+  }
+  handleCacheSizeChange(t) {
+    const e = t.target;
+    if (Number(e.value) < 0) {
+      e.setCustomValidity(this.localize.term("cacheSizeCannotBeNegative"));
+      return;
+    }
+    this.cacheSize = Number(e.value);
+  }
+  formatCacheUsage() {
+    return Z({
+      base: Q,
+      decimals: 2,
+      inputUnit: "B",
+      targetUnit: M,
+      value: this.settings.cacheUsage ?? 0
+    });
+  }
+  async handleCacheLocationClick() {
+    const t = await this.pickCacheLocation();
+    this.cacheLocation = t;
+  }
+  async handleCacheLocationChange() {
+    await this.updateComplete, this.cacheLocationValueText?.handleResize();
+  }
+  renderAdvancedSettings() {
+    const t = o`<cx-tooltip content=${this.localize.term("openDrive")} hoist><cx-icon-button data-testid="settings__cache__location__open-button" name="folder_open" outline @click=${this.openCacheLocation}></cx-icon-button></cx-tooltip>`;
+    return o`<div class="settings__advanced"><div class="settings-group settings__proxy"><cx-typography variant="h5">Proxy</cx-typography><cx-select class="settings__proxy__select" label=${this.localize.term("types")} multiple=multiple input-behavior="none" value=${(this.proxyTypes ?? []).join(" ")} @cx-change=${this.handleProxyChange}><cx-option value="Image" ?disabled=${(this.proxyTypes ?? []).includes("All")}>${this.localize.term("image")}</cx-option><cx-option value="Video" ?disabled=${(this.proxyTypes ?? []).includes("All")}>${this.localize.term("video")}</cx-option><cx-option value="Audio" ?disabled=${(this.proxyTypes ?? []).includes("All")}>${this.localize.term("audio")}</cx-option><cx-option value="All">${this.localize.term("all")}</cx-option></cx-select><cx-typography variant="small">${this.localize.term(
+      "itCanTakeAFewMinutesForThisSettingToTakeEffect"
+    )}</cx-typography></div><div class="settings-group settings__cache"><cx-typography variant="h5">${this.localize.term("cache")}</cx-typography><div class="settings__cache__size"><cx-typography variant="body3" class="settings__cache__size__label">${this.localize.term("cacheSizeDescription")}</cx-typography><div class="settings__cache__input"><cx-input data-testid="settings__cache__used__input" disabled=disabled label=${this.localize.term("used")} type="number" no-spin-buttons step="any" value=${this.formatCacheUsage()}><cx-typography class="size-unit" slot="suffix" variant="body2">${M}</cx-typography></cx-input><cx-input data-testid="settings__cache__size__input" label=${this.localize.term("size")} type="number" no-spin-buttons min="0" step="any" value=${this.cacheSize} @keydown=${this.handleCacheSizeKeydown} @cx-change=${this.handleCacheSizeChange}><cx-typography class="size-unit" slot="suffix" variant="body2">${M}</cx-typography></cx-input></div></div><div class="settings__cache__location"><cx-typography variant="body3" class="settings__cache__location__label">${this.localize.term("location")}</cx-typography><div class="settings__cache__location__value"><cx-line-clamp lines="1" class="settings__cache__location__value__text"><cx-typography variant="body3">${this.cacheLocation}</cx-typography></cx-line-clamp><cx-space spacing="x-small" class="settings__cache__location__actions"><cx-button class="settings__cache__location__change-button" outline @click=${this.handleCacheLocationClick}><cx-icon name="edit" slot="prefix"></cx-icon>${this.localize.term("change")}</cx-button>${t}</cx-space></div></div><div class="settings__cache__buttons"><cx-button data-testid="settings__cache__clear-button" @click=${this.clearCache}><cx-icon name="delete" slot="prefix"></cx-icon>${this.localize.term("clearCache")}</cx-button></div></div><div class="settings-group settings__config"><cx-typography variant="h5">${this.localize.term("config")}</cx-typography><div class="settings__config__buttons"><cx-button data-testid="settings__config__export-button" @click=${this.exportSettings}><cx-icon name="file_download" slot="prefix"></cx-icon>${this.localize.term("export")}</cx-button><cx-button @click=${this.importSettings} data-testid="settings__config__import-button"><cx-icon name="file_upload" slot="prefix"></cx-icon>${this.localize.term("import")}</cx-button></div></div><div class="settings-group settings__logs"><cx-typography variant="h5">${this.localize.term("logs")}</cx-typography><div class="settings__logs__buttons"><cx-button data-testid="settings__logs__view-button" @click=${this.viewLogs}><cx-icon name="code" slot="prefix"></cx-icon>${this.localize.term("view")}</cx-button></div></div></div>`;
+  }
+  renderSettingsView() {
+    const t = () => {
+      this.hideSettings();
+    };
+    return o`<div class="settings"><form class="settings__form" @submit=${(a) => {
+      a.preventDefault(), this.saveSettings();
+    }}><cx-tab-group no-scroll-controls class="settings__tab-group"><cx-tab active class="settings_general-tab" slot="nav" panel="general">${this.localize.term("general")}</cx-tab><cx-tab data-testid="settings_advanced-tab" slot="nav" panel="advanced">${this.localize.term("advanced")}</cx-tab><cx-tab-panel name="general">${this.renderGeneralSettings()}</cx-tab-panel><cx-tab-panel name="advanced" class="settings_advanced-tab-panel">${this.renderAdvancedSettings()}</cx-tab-panel></cx-tab-group><div class="settings__footer"><div class="settings__footer__actions"><cx-button data-testid="settings__cancel-button" type="button" @click=${t}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="settings__save-button" ?disabled=${!this.formHasChanges} type="submit" variant="primary">${this.localize.term("save")}</cx-button></div></div></form></div>`;
+  }
+  // #endregion
+  renderStatusFooter() {
+    const t = o`<cx-typography class="error-message" variant="small">${this.localize.term("fileOnDemandSyncErrorMessage")}</cx-typography>`, e = () => {
+      switch (this.connectionStatus) {
+        case "excellent":
+          return o`<cx-icon variant="filled" name="check_circle"></cx-icon>`;
+        case "good":
+          return o`<cx-icon variant="filled" name="circle"></cx-icon>`;
+        case "bad":
+          return o`<cx-icon variant="filled" name="circle"></cx-icon>`;
+      }
+    }, a = () => {
+      switch (this.assetIndexSyncStatus) {
+        case "loaded":
+          return o`<cx-icon variant="filled" name="check_circle"></cx-icon>`;
+        case "loading":
+          return o`<cx-icon variant="filled" name="cached"></cx-icon>`;
+        case "error":
+          return o`<cx-icon variant="filled" name="error"></cx-icon>`;
+      }
+    }, i = o`<div class=${C({
+      "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({
+      "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-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>`;
+  }
+  handleConnectionURLInput(t) {
+    this.validConnectionUrl = !0, this.siteUrl = t.target.value.trim();
+    const e = pt(this.siteUrl);
+    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({
+      "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({
+      "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,
+      () => this.connectError,
+      () => " "
+    )}</cx-typography></form></div>`;
+  }
+  renderView() {
+    return this.connectionEstablished ? this.isSettingsOpened ? this.renderSettingsView() : this.renderAssetsView() : this.renderWelcomeView();
+  }
+  renderLoadingOverlay() {
+    return o`<div class="loading-overlay"><cx-spinner></cx-spinner></div>`;
+  }
+  render() {
+    return o`<div class=${C({
+      container: !0,
+      "container--connected": this.connectionEstablished,
+      "container--user-interaction-blocked": this.userInteractionBlocked
+    })}>${this.renderView()}
+        ${p(this.userInteractionBlocked, () => this.renderLoadingOverlay())}</div>`;
+  }
+  // #endregion
+};
+r.styles = Se;
+r.dependencies = {
+  "cx-avatar": zt,
+  "cx-button": Pt,
+  "cx-confirm-popover": jt,
+  "cx-dialog": Et,
+  "cx-divider": Lt,
+  "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-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-tooltip": bt,
+  "cx-tree": ft,
+  "cx-tree-item": mt,
+  "cx-typography": rt
+};
+c([
+  P(".container")
+], r.prototype, "container", 2);
+c([
+  P("cx-folder-tree")
+], r.prototype, "folderTree", 2);
+c([
+  P("cx-dialog")
+], r.prototype, "dialog", 2);
+c([
+  P(".recent__list")
+], r.prototype, "recentAssetsList", 2);
+c([
+  P(".favorites__list")
+], r.prototype, "favoritesAssetsList", 2);
+c([
+  P(".uploads__list")
+], r.prototype, "uploadsAssetsList", 2);
+c([
+  P(".pinned__list")
+], r.prototype, "pinnedAssetsList", 2);
+c([
+  P(".assets-list__tab-group")
+], r.prototype, "assetsListTabGroup", 2);
+c([
+  P(".settings__cache__location__value__text")
+], r.prototype, "cacheLocationValueText", 2);
+c([
+  d({
+    attribute: "connection-established",
+    type: Boolean
+  })
+], r.prototype, "connectionEstablished", 2);
+c([
+  d({
+    attribute: "connection-status",
+    reflect: !0,
+    type: String
+  })
+], r.prototype, "connectionStatus", 2);
+c([
+  d({
+    attribute: "connection-status-tooltip",
+    type: String
+  })
+], r.prototype, "connectionStatusTooltip", 2);
+c([
+  d({
+    attribute: "asset-index-sync-status",
+    reflect: !0,
+    type: String
+  })
+], r.prototype, "assetIndexSyncStatus", 2);
+c([
+  d({
+    attribute: "user-avatar-url",
+    type: String
+  })
+], r.prototype, "userAvatarUrl", 2);
+c([
+  d({
+    type: String
+  })
+], r.prototype, "username", 2);
+c([
+  d({
+    attribute: "recent-assets",
+    type: Object
+  })
+], r.prototype, "recentAssets", 2);
+c([
+  d({
+    attribute: "favorite-assets",
+    type: Object
+  })
+], r.prototype, "favoriteAssets", 2);
+c([
+  d({
+    attribute: "favorite-last-sync",
+    type: Number
+  })
+], r.prototype, "favoritesLastSync", 2);
+c([
+  d({
+    attribute: "favorite-in-progress-assets",
+    converter: {
+      fromAttribute: (t) => t.split(" ").filter(Boolean),
+      toAttribute: (t) => t.join(" ")
+    },
+    type: String
+  })
+], r.prototype, "favoriteInProgressAssets", 2);
+c([
+  d({
+    attribute: "pin-in-progress-assets",
+    converter: {
+      fromAttribute: (t) => t.split(" ").filter(Boolean),
+      toAttribute: (t) => t.join(" ")
+    },
+    type: String
+  })
+], r.prototype, "pinInProgressAssets", 2);
+c([
+  d({
+    attribute: "uploading-assets",
+    type: Object
+  })
+], r.prototype, "uploadingAssets", 2);
+c([
+  d({
+    attribute: "pinned-assets",
+    type: Object
+  })
+], r.prototype, "pinnedAssets", 2);
+c([
+  h()
+], r.prototype, "availableFolderIdentifiers", 2);
+c([
+  h()
+], r.prototype, "isLoading", 2);
+c([
+  d({
+    attribute: "settings",
+    type: Object
+  })
+], r.prototype, "settings", 2);
+c([
+  d({ attribute: "pick-cache-location", type: Function })
+], r.prototype, "pickCacheLocation", 2);
+c([
+  d({
+    attribute: "has-new-version",
+    type: Boolean
+  })
+], r.prototype, "hasNewVersion", 2);
+c([
+  d({
+    attribute: "about-content",
+    type: String
+  })
+], r.prototype, "aboutContent", 2);
+c([
+  d({ type: String })
+], r.prototype, "token", 2);
+c([
+  d({
+    attribute: "user-interaction-blocked",
+    type: Boolean
+  })
+], r.prototype, "userInteractionBlocked", 2);
+c([
+  d({
+    attribute: "is-connecting",
+    type: Boolean
+  })
+], r.prototype, "isConnecting", 2);
+c([
+  d({
+    attribute: "is-cancelling-connection",
+    type: Boolean
+  })
+], r.prototype, "isCancellingConnection", 2);
+c([
+  d({
+    attribute: "is-disconnecting",
+    type: Boolean
+  })
+], r.prototype, "isDisconnecting", 2);
+c([
+  d({
+    attribute: "is-upgrading",
+    type: Boolean
+  })
+], r.prototype, "isUpgrading", 2);
+c([
+  h()
+], r.prototype, "isSettingsOpened", 2);
+c([
+  h()
+], r.prototype, "rootIDs", 2);
+c([
+  h()
+], r.prototype, "_activeFoldersMode", 2);
+c([
+  h()
+], r.prototype, "removedIds", 2);
+c([
+  h()
+], r.prototype, "cacheSize", 2);
+c([
+  h()
+], r.prototype, "cacheLocation", 2);
+c([
+  h()
+], r.prototype, "proxyTypes", 2);
+c([
+  h()
+], r.prototype, "siteUrl", 2);
+c([
+  h()
+], r.prototype, "isRecentAssetsLoading", 2);
+c([
+  h()
+], r.prototype, "isFavoriteAssetsLoading", 2);
+c([
+  h()
+], r.prototype, "isUploadingAssetsLoading", 2);
+c([
+  h()
+], r.prototype, "isPinnedAssetsLoading", 2);
+c([
+  h()
+], r.prototype, "connectError", 2);
+c([
+  h()
+], r.prototype, "disconnectError", 2);
+c([
+  h()
+], r.prototype, "upgradeError", 2);
+c([
+  h()
+], r.prototype, "totalCount", 2);
+c([
+  h()
+], r.prototype, "folderPathsSet", 2);
+c([
+  h()
+], r.prototype, "validConnectionUrl", 2);
+c([
+  h()
+], r.prototype, "isAddingRootIDs", 2);
+c([
+  z(["connectionEstablished", "token"])
+], r.prototype, "fetchData", 1);
+c([
+  z(["connectionEstablished"])
+], r.prototype, "showRecentTab", 1);
+c([
+  z("settings")
+], r.prototype, "updateSettingsStates", 1);
+c([
+  z("recentAssets")
+], r.prototype, "onRecentAssetsChanged", 1);
+c([
+  z("pinnedAssets")
+], r.prototype, "onPinnedAssetsChanged", 1);
+c([
+  z("favoriteAssets")
+], r.prototype, "onFavoriteAssetsChanged", 1);
+c([
+  z("uploadingAssets")
+], r.prototype, "onUploadingAssetsChanged", 1);
+c([
+  h()
+], r.prototype, "searchText", 2);
+c([
+  z(["searchText"]),
+  Mt(200)
+], r.prototype, "onSearch", 1);
+c([
+  z("cacheLocation")
+], r.prototype, "handleCacheLocationChange", 1);
+r = c([
+  q("cx-file-on-demand")
+], r);
 export {
-  K as default
+  r as default
 };