@orangelogic/design-system 2.133.0 → 2.135.0

package/library/chunks/folder-select.DHV6f6TA.js

@@ -1,884 +0,0 @@
-import { C as Y } from "./icon.DnBh6-56.js";
-import { C as de } from "./input.CQNhMu4z.js";
-import ee from "../components/line-clamp.js";
-import pe from "../components/select.js";
-import ue from "../components/tag.js";
-import { C as $, a as fe } from "./tree.9PK8ifJd.js";
-import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as L, F as me, c as ye } from "./endpoints.6E17hFiK.js";
-import { M as P } from "./asset-link-format.QzzboHHE.js";
-import { c as te } from "./component.styles.CRO4Odto.js";
-import { c as W } from "./custom-element.L4WJXn1j.js";
-import { L as q } from "./i18n.DoMIwXr2.js";
-import { w as f } from "./watch.CThbualB.js";
-import { x as m, i as xe } from "./lit-element.jLBm65_O.js";
-import { r as x } from "./state.CSDxrqLd.js";
-import { e as re } from "./query.BBf1UFkC.js";
-import { r as ge } from "./choose.BTbF6BAn.js";
-import { C as se } from "./button.DYoFn504.js";
-import { d as be } from "./debounce.DaHuiSGU.js";
-import { g as G, p as Z, e as $e } from "./string.CbnVBzsd.js";
-import { o as y } from "./if-defined.BRoBj_Rp.js";
-import { c as A } from "./repeat.DbF2p5ae.js";
-import { o as Se } from "./style-map.llVFPd__.js";
-import { n as w } from "./when.Dr1es41R.js";
-import ve from "../components/space.js";
-import { g as Fe } from "./template.ClovJacp.js";
-import { e as Te } from "./class-map.BiVq-cVR.js";
-var S = /* @__PURE__ */ ((e) => (e.CortexPath = "Document.CortexPath", e.DocType = "CoreField.DocType", e.HasBrowserChildren = "Document.HasBrowserChildren", e.RepresentativeAssetId = "Document.DocumentDirectRepresentativeRID", e.TitleWithFallback = "CoreField.TitleWithFallback", e.rawDocSubtype = "Document.RawDocSubType", e))(S || {});
-const Ie = 50;
-async function H({
-  allowedFolders: e,
-  baseUrl: t,
-  bearerToken: r,
-  excludeVirtualFolders: a,
-  folderId: s,
-  includeDirectChild: p,
-  limit: u = Ie,
-  searchTerm: g,
-  self: I,
-  start: N = 0,
-  token: ne
-}) {
-  let O = [], Q = p ?? !0;
-  e && e.length > 0 && !s ? (O = e, I = !0, Q = !1) : s && (O = [s]);
-  try {
-    return (await L.request({
-      baseURL: t,
-      headers: {
-        Authorization: `Bearer ${r}`
-      },
-      method: "GET",
-      params: {
-        IncludeDirectChild: Q,
-        IncludeVirtualFolders: !a,
-        Limit: u,
-        ObjectRecordIDs: O,
-        SeeThru: !!g,
-        Self: I,
-        Start: N,
-        Text: g || void 0,
-        Token: ne || void 0
-      },
-      paramsSerializer: {
-        indexes: null
-      },
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(L.defaults.transformResponse) ? L.defaults.transformResponse : [],
-        (v, Re, R) => {
-          if (R !== void 0 && (R < 200 || R >= 300))
-            return {
-              data: [],
-              hasMore: !1,
-              totalCount: 0
-            };
-          if (!v || typeof v != "object")
-            throw new Error("Invalid response format");
-          const he = v.contentItems?.length ?? 0;
-          return {
-            data: v.contentItems?.map((b) => {
-              const E = b.fields[S.DocType] ?? "", U = b.fields[S.TitleWithFallback] ?? "", k = b.fields[S.CortexPath] ?? "", M = k.endsWith("/") && k.length > 1 ? k.slice(0, -1) : k;
-              let j = M;
-              return (E === P.Album || E === P.ProjectDocument) && (j = M ? `${M}/${U}` : U), {
-                docType: E,
-                fullPath: j,
-                hasChildren: b.fields[S.HasBrowserChildren] === "1",
-                id: b.recordID,
-                isShared: b.fields[S.rawDocSubtype] === "DO_OR1ND000001913488",
-                representativeAssetId: b.fields[S.RepresentativeAssetId] ?? "",
-                title: U
-              };
-            }) ?? [],
-            hasMore: N + he < v.totalCount,
-            totalCount: v.totalCount
-          };
-        }
-      ],
-      url: me
-    })).data;
-  } catch {
-    return {
-      data: [],
-      hasMore: !1,
-      totalCount: 0
-    };
-  }
-}
-var C = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(C || {}), Ce = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, d = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? _e(t, r) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
-  return a && s && Ce(t, r, s), s;
-};
-let o = class extends B {
-  constructor() {
-    super(...arguments), this.localize = new q(this), this.role = "treeitem", this.disabledSyncCheckboxes = !0, this.folderId = "", this.hasChildren = !1, this.selectable = !1, this.fullPath = "", this.docType = P.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.selection = "single", this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.token = "", this.bearerToken = "", this.baseUrl = "", this.searchTerm = "", this.api = H, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.data = null, this.hasMore = !1, this.loading = !1;
-  }
-  /**
-   * This is used to render the cx-tree-item inside the cx-folder-item without the shadow root so that the cx-tree can query select the cx-tree-item inside
-   */
-  createRenderRoot() {
-    return this;
-  }
-  async fetchFolders({
-    folderId: e,
-    start: t = 0
-  }) {
-    if (!this.api)
-      return {
-        data: [],
-        hasMore: !1,
-        totalCount: 0
-      };
-    try {
-      const { data: r, hasMore: a, totalCount: s } = await this.api({
-        baseUrl: this.baseUrl,
-        bearerToken: this.bearerToken,
-        excludeVirtualFolders: this.excludeVirtualFolders,
-        folderId: e,
-        start: t,
-        token: this.token
-      });
-      return {
-        data: r,
-        hasMore: a,
-        totalCount: s
-      };
-    } catch {
-      return {
-        data: [],
-        hasMore: !1,
-        totalCount: 0
-      };
-    }
-  }
-  async loadMore(e) {
-    e.stopPropagation();
-    const t = this.data?.length || 0;
-    this.loading = !0;
-    try {
-      const { data: r, hasMore: a } = await this.fetchFolders({
-        folderId: this.folderId,
-        start: t
-      });
-      this.data = [...this.data || [], ...r], this.hasMore = a, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
-    } catch {
-    } finally {
-      this.loading = !1;
-    }
-  }
-  async handleLazyLoad(e) {
-    e.stopPropagation(), this.treeItem.expanded = !0;
-    const t = this.data?.length || 0;
-    try {
-      const { data: r, hasMore: a } = await this.fetchFolders({
-        folderId: this.folderId,
-        start: t
-      });
-      this.data = r, this.hasMore = a, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
-    } catch {
-      this.treeItem.expanded = !1;
-    }
-  }
-  async syncBoxes() {
-    if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem))
-      return;
-    const e = this.fullPath, t = G({ id: this.folderId, path: e }), r = Z(e), a = this.currentRootIDsSet.has(t);
-    let s = !1;
-    if (e)
-      for (const u of this.currentRootIDsSet) {
-        const g = $e(u);
-        if (!g.path.trim() || !g.id.trim())
-          continue;
-        const I = Z(g.path);
-        if (I.startsWith(r) && I !== r) {
-          s = !0;
-          break;
-        }
-      }
-    const p = !a && s;
-    this.treeItem.selected = a, await this.treeItem.updateComplete, this.treeItem.indeterminate = p;
-  }
-  render() {
-    let e = "filled";
-    return this.docType === P.Album && (e = "outlined"), m`<cx-tree-item class=${Te({
-      "folder-select-tree-item": !0
-    })} data-id=${this.folderId} data-url=${y(this.url)} data-name=${y(this.name?.trim() || void 0)} data-representative-asset-id=${y(
-      this.representativeAssetId || void 0
-    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap"><cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${e}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${Fe(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${A(
-      this.data || [],
-      (t) => t.id,
-      (t) => m`<cx-folder-select-tree-item slot="children" folder-id=${t.id} full-path=${t.fullPath} name=${t.title} representative-asset-id=${t.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${t.hasChildren} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${y(t.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${t.url}></cx-folder-select-tree-item>`
-    )}
-        ${w(
-      this.hasMore,
-      () => m`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
-    )}</cx-tree-item>`;
-  }
-};
-o.styles = [te];
-o.dependencies = {
-  "cx-button": se,
-  "cx-icon": Y,
-  "cx-line-clamp": ee,
-  "cx-space": ve,
-  "cx-tree-item": $
-};
-d([
-  re("cx-tree-item")
-], o.prototype, "treeItem", 2);
-d([
-  l({ attribute: "folder-id", reflect: !0, type: String })
-], o.prototype, "folderId", 2);
-d([
-  l({ attribute: "has-children", reflect: !0, type: Boolean })
-], o.prototype, "hasChildren", 2);
-d([
-  l({ reflect: !0, type: Boolean })
-], o.prototype, "selectable", 2);
-d([
-  l({ attribute: "full-path", reflect: !0, type: String })
-], o.prototype, "fullPath", 2);
-d([
-  l({ attribute: "doc-type", reflect: !0, type: String })
-], o.prototype, "docType", 2);
-d([
-  l({ reflect: !0, type: String })
-], o.prototype, "name", 2);
-d([
-  l({
-    attribute: "representative-asset-id",
-    reflect: !0,
-    type: String
-  })
-], o.prototype, "representativeAssetId", 2);
-d([
-  l({ attribute: "selected-value", reflect: !0, type: String })
-], o.prototype, "selectedValue", 2);
-d([
-  l({ attribute: "selection", reflect: !0, type: String })
-], o.prototype, "selection", 2);
-d([
-  l({ attribute: !1, type: Object })
-], o.prototype, "currentRootIDsSet", 2);
-d([
-  l({ attribute: !1, type: Array })
-], o.prototype, "removedIDs", 2);
-d([
-  l({ reflect: !0, type: String })
-], o.prototype, "token", 2);
-d([
-  l({ attribute: "bearer-token", reflect: !0, type: String })
-], o.prototype, "bearerToken", 2);
-d([
-  l({ attribute: "base-url", reflect: !0, type: String })
-], o.prototype, "baseUrl", 2);
-d([
-  l({ attribute: "search-term", reflect: !0, type: String })
-], o.prototype, "searchTerm", 2);
-d([
-  l({ type: Function })
-], o.prototype, "api", 2);
-d([
-  l({
-    attribute: "exclude-virtual-folders",
-    reflect: !0,
-    type: Boolean
-  })
-], o.prototype, "excludeVirtualFolders", 2);
-d([
-  l({ reflect: !0, type: String })
-], o.prototype, "url", 2);
-d([
-  l({ reflect: !0, type: String })
-], o.prototype, "icon", 2);
-d([
-  x()
-], o.prototype, "data", 2);
-d([
-  x()
-], o.prototype, "hasMore", 2);
-d([
-  x()
-], o.prototype, "loading", 2);
-d([
-  f("currentRootIDsSet"),
-  f("removedIDs"),
-  f("fullPath"),
-  f("folderId")
-], o.prototype, "syncBoxes", 1);
-o = d([
-  W("cx-folder-select-tree-item")
-], o);
-var De = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, le = (e) => {
-  throw TypeError(e);
-}, h = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? ke(t, r) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
-  return a && s && De(t, r, s), s;
-}, ae = (e, t, r) => t.has(e) || le("Cannot " + r), F = (e, t, r) => (ae(e, t, "read from private field"), t.get(e)), z = (e, t, r) => t.has(e) ? le("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), J = (e, t, r, a) => (ae(e, t, "write to private field"), t.set(e, r), r), _, V, D;
-let n = class extends B {
-  constructor() {
-    super(...arguments), this.localize = new q(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = H, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], z(this, _, !1), z(this, V, 10), z(this, D, /* @__PURE__ */ new Set());
-  }
-  get empty() {
-    return !this.loading && this.data.length === 0;
-  }
-  /**
-   * This is used to render the cx-tree inside the cx-folder-select without the shadow root so that the cx-folder-select can query select the cx-tree inside
-   */
-  createRenderRoot() {
-    return this;
-  }
-  computeInitialLimit() {
-    const t = this.getRootNode();
-    let r = t instanceof ShadowRoot ? t.host : this.parentElement;
-    for (; r; ) {
-      if (r instanceof HTMLElement && r.offsetHeight > 0)
-        return Math.max(10, Math.ceil(r.offsetHeight / 32) + 2);
-      const a = r.getRootNode();
-      r = a instanceof ShadowRoot ? a.host : r.parentElement;
-    }
-    return 10;
-  }
-  runFirstUpdated() {
-    this.searchTerm = "", this.autoPageSize && J(this, V, this.computeInitialLimit()), this.handleFetchFolders();
-  }
-  async handleExtraFolderIdChange() {
-    if (!this.extraFolderId || !this.api) {
-      this.extraFolderData = null;
-      return;
-    }
-    const { data: e } = await this.api({
-      baseUrl: this.baseUrl,
-      bearerToken: this.bearerToken,
-      excludeVirtualFolders: this.excludeVirtualFolders,
-      folderId: this.extraFolderId,
-      includeDirectChild: !1,
-      limit: 1,
-      searchTerm: this.searchTerm,
-      seeThru: this.seeThru,
-      self: !0,
-      start: 0,
-      token: this.token
-    });
-    this.extraFolderData = e[0] ?? null;
-  }
-  /**
-   * Update `currentRootIDsSet` from a tree-item's toggle. Per-folder
-   * selection: each folder is independent, so a click only adds/removes
-   * the clicked folder — never its ancestors or descendants. Parents
-   * showing an indeterminate hint is purely visual (computed in
-   * `cx-folder-select-tree-item.syncBoxes` from path-prefix matches),
-   * not a real selection.
-   *
-   * Only runs in multiple mode — single mode is still driven by `selectedValue`.
-   */
-  async handleSelectedChange(e) {
-    if (this.selection !== "multiple")
-      return;
-    const t = e.target, r = t.dataset.id ?? "", a = t.closest(
-      "cx-folder-select-tree-item"
-    )?.fullPath;
-    if (await t.updateComplete, !r.trim() || !a?.trim())
-      return;
-    const s = G({ id: r, path: a });
-    t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(s) : this.currentRootIDsSet.delete(s), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
-  }
-  async loadMore(e) {
-    if (!this.api)
-      return;
-    e.stopPropagation();
-    const t = this.data.length;
-    this.loading = !0;
-    const { data: r, hasMore: a } = await this.api({
-      baseUrl: this.baseUrl,
-      bearerToken: this.bearerToken,
-      excludeVirtualFolders: this.excludeVirtualFolders,
-      folderId: "",
-      limit: 10,
-      searchTerm: this.searchTerm,
-      seeThru: this.seeThru,
-      start: t,
-      token: this.token
-    });
-    this.data = [...this.data, ...r], this.hasMore = a, this.loading = !1, this.seedSelectionFromValue(r), this.removePreloadedFolders(r);
-  }
-  async handleFetchFolders() {
-    const { data: e, hasMore: t } = await this.fetchFolders();
-    F(this, _) || (e.length > 0 && this.firstFetchCallback?.(e), J(this, _, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
-  }
-  async handleSelectedValueChange() {
-    if (!F(this, _))
-      return;
-    const e = new Set(
-      this.selectedValue.split(/[\s,]+/).filter(Boolean)
-    ), t = this.preloadedFolders.filter((r) => e.has(r.id));
-    t.length !== this.preloadedFolders.length && (this.preloadedFolders = t), await this.preloadSelectedFolders();
-  }
-  async fetchFolders() {
-    if (!this.api)
-      return {
-        data: [],
-        hasMore: !1
-      };
-    if (this.searchTerm.length > 0 && this.searchTerm.length < this.minQueryLength)
-      return {
-        data: [],
-        hasMore: !1
-      };
-    this.loading = !0;
-    const { data: e, hasMore: t } = await this.api({
-      baseUrl: this.baseUrl,
-      bearerToken: this.bearerToken,
-      excludeVirtualFolders: this.excludeVirtualFolders,
-      folderId: "",
-      limit: F(this, V),
-      searchTerm: this.searchTerm,
-      seeThru: this.seeThru,
-      start: 0,
-      token: this.token
-    });
-    return this.data = e, this.hasMore = t, this.loading = !1, {
-      data: e,
-      hasMore: t
-    };
-  }
-  handleChildrenLoaded(e) {
-    this.seedSelectionFromValue(e.detail.folders), this.removePreloadedFolders(e.detail.folders);
-  }
-  removePreloadedFolders(e) {
-    if (this.preloadedFolders.length === 0)
-      return;
-    const t = new Set(e.map((a) => a.id)), r = this.preloadedFolders.filter((a) => !t.has(a.id));
-    r.length !== this.preloadedFolders.length && (this.preloadedFolders = r);
-  }
-  async preloadSelectedFolders() {
-    if (this.selection !== "multiple" || !this.selectedValue || !this.api)
-      return;
-    const e = new Set(
-      this.selectedValue.split(/[\s,]+/).filter(Boolean)
-    ), t = /* @__PURE__ */ new Set([
-      ...this.data.map((s) => s.id),
-      ...this.extraFolderData ? [this.extraFolderData.id] : [],
-      ...this.preloadedFolders.map((s) => s.id),
-      ...F(this, D),
-      ...[
-        ...this.querySelectorAll(
-          "cx-folder-select-tree-item"
-        )
-      ].map((s) => s.getAttribute("folder-id") ?? "").filter(Boolean)
-    ]), r = [...e].filter(
-      (s) => !t.has(s)
-    );
-    if (r.length === 0)
-      return;
-    r.forEach((s) => F(this, D).add(s));
-    const a = [];
-    if (await Promise.all(
-      r.map(async (s) => {
-        try {
-          const { data: p } = await this.api({
-            baseUrl: this.baseUrl,
-            bearerToken: this.bearerToken,
-            excludeVirtualFolders: this.excludeVirtualFolders,
-            folderId: s,
-            includeDirectChild: !1,
-            limit: 1,
-            searchTerm: "",
-            seeThru: this.seeThru,
-            self: !0,
-            start: 0,
-            token: this.token
-          });
-          p[0] && a.push(p[0]);
-        } catch {
-        }
-      })
-    ), r.forEach((s) => F(this, D).delete(s)), a.length > 0) {
-      const s = new Set(this.preloadedFolders.map((u) => u.id)), p = a.filter((u) => !s.has(u.id));
-      p.length > 0 && (this.preloadedFolders = [...this.preloadedFolders, ...p].sort(
-        (u, g) => u.title.localeCompare(g.title)
-      ), this.seedSelectionFromValue(p));
-    }
-  }
-  seedSelectionFromValue(e) {
-    if (this.selection !== "multiple" || !this.selectedValue)
-      return;
-    const t = new Set(
-      this.selectedValue.split(/[\s,]+/).map((a) => a.trim()).filter(Boolean)
-    );
-    let r = !1;
-    for (const a of e)
-      if (a.fullPath && t.has(a.id)) {
-        const s = G({ id: a.id, path: a.fullPath });
-        this.currentRootIDsSet.has(s) || (this.currentRootIDsSet.add(s), r = !0);
-      }
-    r && (this.currentRootIDsSet = new Set(this.currentRootIDsSet));
-  }
-  renderFolder(e) {
-    return m`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${e.hasChildren} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
-  }
-  render() {
-    return m`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes @cx-selected-change=${this.handleSelectedChange} @cx-folder-select-children-loaded=${this.handleChildrenLoaded}>${w(
-      this.empty,
-      () => m`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
-    )}
-      ${w(
-      this.extraFolderData,
-      () => m`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${y(this.extraFolderData?.docType ?? void 0)} folder-id=${y(this.extraFolderData?.id ?? void 0)} full-path=${y(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
-    )}
-      ${A(
-      this.data,
-      (e) => e.id,
-      (e) => this.renderFolder(e)
-    )}
-      ${w(
-      this.hasMore,
-      () => m`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
-    )}</cx-tree>${A(
-      this.preloadedFolders,
-      (e) => `preloaded-${e.id}`,
-      (e) => m`<cx-folder-select-tree-item style=${Se({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${!1} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
-    )}`;
-  }
-};
-_ = /* @__PURE__ */ new WeakMap();
-V = /* @__PURE__ */ new WeakMap();
-D = /* @__PURE__ */ new WeakMap();
-n.dependencies = {
-  "cx-button": se,
-  "cx-folder-select-tree-item": o,
-  "cx-tree": fe
-};
-h([
-  l({ attribute: "min-query-length", reflect: !0, type: Number })
-], n.prototype, "minQueryLength", 2);
-h([
-  l({ attribute: "selection", reflect: !0, type: String })
-], n.prototype, "selection", 2);
-h([
-  l({ attribute: "search-term", reflect: !0, type: String })
-], n.prototype, "searchTerm", 2);
-h([
-  l({ attribute: "selected-value", reflect: !0, type: String })
-], n.prototype, "selectedValue", 2);
-h([
-  l({ reflect: !0, type: String })
-], n.prototype, "token", 2);
-h([
-  l({ attribute: "bearer-token", reflect: !0, type: String })
-], n.prototype, "bearerToken", 2);
-h([
-  l({ attribute: "base-url", reflect: !0, type: String })
-], n.prototype, "baseUrl", 2);
-h([
-  l({ attribute: "extra-folder-id", reflect: !0, type: String })
-], n.prototype, "extraFolderId", 2);
-h([
-  l({ attribute: "extra-folder-title", reflect: !0, type: String })
-], n.prototype, "extraFolderTitle", 2);
-h([
-  l({ attribute: "extra-folder-icon", reflect: !0, type: String })
-], n.prototype, "extraFolderIcon", 2);
-h([
-  l({ attribute: "see-thru", reflect: !0, type: Boolean })
-], n.prototype, "seeThru", 2);
-h([
-  x()
-], n.prototype, "extraFolderData", 2);
-h([
-  l({ type: Function })
-], n.prototype, "api", 2);
-h([
-  l({
-    attribute: "exclude-virtual-folders",
-    reflect: !0,
-    type: Boolean
-  })
-], n.prototype, "excludeVirtualFolders", 2);
-h([
-  l({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], n.prototype, "firstFetchCallback", 2);
-h([
-  l({ attribute: "auto-page-size", reflect: !0, type: Boolean })
-], n.prototype, "autoPageSize", 2);
-h([
-  x()
-], n.prototype, "data", 2);
-h([
-  x()
-], n.prototype, "hasMore", 2);
-h([
-  x()
-], n.prototype, "loading", 2);
-h([
-  x()
-], n.prototype, "preloadedFolders", 2);
-h([
-  x()
-], n.prototype, "currentRootIDsSet", 2);
-h([
-  x()
-], n.prototype, "removedIDs", 2);
-h([
-  f("extraFolderId")
-], n.prototype, "handleExtraFolderIdChange", 1);
-h([
-  f("baseUrl", { waitUntilFirstUpdate: !0 }),
-  f("token", { waitUntilFirstUpdate: !0 }),
-  f("searchTerm", { waitUntilFirstUpdate: !0 }),
-  f("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  be(500)
-], n.prototype, "handleFetchFolders", 1);
-h([
-  f("selectedValue", { waitUntilFirstUpdate: !0 })
-], n.prototype, "handleSelectedValueChange", 1);
-n = h([
-  W("cx-folder-select-tree")
-], n);
-const we = xe`:host{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.folder-select__search{flex-shrink:0}.folder-select__tree{flex-direction:column;flex:1;min-height:0;display:flex}.folder-select-tree{flex:1;min-height:0;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
-var Ve = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, ie = (e) => {
-  throw TypeError(e);
-}, c = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? Pe(t, r) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
-  return a && s && Ve(t, r, s), s;
-}, oe = (e, t, r) => t.has(e) || ie("Cannot " + r), K = (e, t, r) => (oe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? ie("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), X = (e, t, r, a) => (oe(e, t, "write to private field"), t.set(e, r), r), T;
-let i = class extends B {
-  constructor() {
-    super(), this.localize = new q(this), this.minQueryLength = 1, this.selection = "single", this.variant = C.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = H, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", Oe(this, T), this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectSetOptionSelected = this.selectSetOptionSelected.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
-  }
-  updateWrappedApi() {
-    if (!this.api) {
-      X(this, T, void 0);
-      return;
-    }
-    X(this, T, async (e) => {
-      try {
-        return await this.api(e);
-      } catch (t) {
-        return t instanceof ye && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
-      }
-    });
-  }
-  handleSearchTermChange() {
-    this.emit("cx-folder-select-search-term-change", {
-      detail: {
-        value: this.searchTerm
-      }
-    });
-  }
-  handleSearchTermInputChange(e) {
-    this.searchTerm = e.target.value;
-  }
-  handleSearchTermSelectChange(e) {
-    e.target === e.currentTarget && (this.searchTerm = e.currentTarget.displayInput.value);
-  }
-  handleSelectClear() {
-    if (this.searchTerm = "", this.selection !== "multiple")
-      return;
-    const e = this.shadowRoot?.querySelector("cx-folder-select-tree");
-    e && (e.currentRootIDsSet = /* @__PURE__ */ new Set(), e.removedIDs = []);
-  }
-  /**
-   * cx-select's selectedOptions cache (which drives the tag UI in
-   * `multiple` mode) is only recomputed during its own `selectionChanged`
-   * flow — that flow doesn't run in our setup because we no-op
-   * `selectSetOptionSelected` for multi-select (cx-tree owns selection).
-   * After the tree's selection change propagates through `syncBoxes` and
-   * lands on each tree-item's `.selected`, ask cx-select to re-read its
-   * options so the rendered tag list matches.
-   */
-  async handleTreeSelectedChange() {
-    this.selection !== "multiple" || !this.selectEl || (await new Promise(
-      (e) => requestAnimationFrame(() => e())
-    ), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.selectEl.displayLabel = this.searchTerm);
-  }
-  selectGetOptionValue(e) {
-    return !e || !(e instanceof $) ? this.value : e.dataset.id || this.value;
-  }
-  selectGetOptionLabel(e) {
-    return !e || !(e instanceof $) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
-  }
-  selectGetOptionSelected(e) {
-    if (!(!e || !(e instanceof $)))
-      return e.selected;
-  }
-  selectFilterCallback(e) {
-    return !(!e || !(e instanceof $));
-  }
-  /**
-   * Custom tag renderer for cx-select multi mode. Identical visuals to the
-   * default tag, but the X click goes through cx-tree's selection flow
-   * (`option.selected = false` → `cx-selected-change` →
-   * cx-folder-select-tree.handleSelectedChange) rather than
-   * cx-select.toggleOptionSelection (which our `selectSetOptionSelected`
-   * no-ops in multi mode, so the default X click would do nothing).
-   */
-  selectGetTag(e) {
-    return m`<cx-tag part="tag" exportparts="
-          base:tag__base,
-          content:tag__content,
-          remove-button:tag__remove-button,
-          remove-button__base:tag__remove-button__base
-        " removable @cx-remove=${(r) => {
-      r.stopPropagation(), e instanceof $ && (e.selected = !1);
-    }}><cx-line-clamp lines="1">${this.selectGetOptionLabel(e)}</cx-line-clamp></cx-tag>`;
-  }
-  selectSetOptionSelected(e, t) {
-    if (!(!e || !(e instanceof $)) && this.selection !== "multiple") {
-      if (t === void 0) {
-        e.selected = !e.selected;
-        return;
-      }
-      e.selected = t;
-    }
-  }
-  updateFunctionProps() {
-    this.selectEl && (this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.getTag = this.selectGetTag, this.selectEl.handleDefaultSlotChange());
-  }
-  handleOpenChange() {
-    if (this.selectEl) {
-      if (!this.open) {
-        this.selectEl.hide();
-        return;
-      }
-      this.updateFunctionProps();
-    }
-  }
-  async handleVariantChange() {
-    this.variant === C.Select && (await this.updateComplete, this.updateFunctionProps());
-  }
-  handleValueChange() {
-    this.selectEl && (this.searchTerm = "", this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.getTag = this.selectGetTag, this.selectEl.handleDefaultSlotChange());
-  }
-  render() {
-    return m`<div class="folder-select">${ge(this.variant, [
-      [
-        C.Input,
-        () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .api=${K(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
-      ],
-      [
-        C.Select,
-        () => m`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .api=${K(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
-      ]
-    ])}</div>`;
-  }
-};
-T = /* @__PURE__ */ new WeakMap();
-i.styles = [te, we];
-i.dependencies = {
-  "cx-folder-select-tree": n,
-  "cx-icon": Y,
-  "cx-input": de,
-  "cx-line-clamp": ee,
-  "cx-select": pe,
-  "cx-tag": ue
-};
-c([
-  re("cx-select")
-], i.prototype, "selectEl", 2);
-c([
-  l({ attribute: "min-query-length", reflect: !0, type: Number })
-], i.prototype, "minQueryLength", 2);
-c([
-  l({ attribute: "selection", reflect: !0, type: String })
-], i.prototype, "selection", 2);
-c([
-  l({ attribute: "variant", reflect: !0, type: String })
-], i.prototype, "variant", 2);
-c([
-  l({ reflect: !0, type: String })
-], i.prototype, "value", 2);
-c([
-  l({ reflect: !0, type: String })
-], i.prototype, "name", 2);
-c([
-  l({ attribute: "selected-label", reflect: !0, type: String })
-], i.prototype, "selectedLabel", 2);
-c([
-  l({ attribute: "base-url", reflect: !0, type: String })
-], i.prototype, "baseUrl", 2);
-c([
-  l({ reflect: !0, type: Boolean })
-], i.prototype, "open", 2);
-c([
-  l({ reflect: !1, type: String })
-], i.prototype, "token", 2);
-c([
-  l({ attribute: "bearer-token", reflect: !0, type: String })
-], i.prototype, "bearerToken", 2);
-c([
-  l({ attribute: "see-thru", reflect: !0, type: Boolean })
-], i.prototype, "seeThru", 2);
-c([
-  l({ type: Function })
-], i.prototype, "api", 2);
-c([
-  l({ reflect: !0, type: Boolean })
-], i.prototype, "required", 2);
-c([
-  l({ reflect: !1 })
-], i.prototype, "form", 2);
-c([
-  l({
-    attribute: "exclude-virtual-folders",
-    reflect: !0,
-    type: Boolean
-  })
-], i.prototype, "excludeVirtualFolders", 2);
-c([
-  l({
-    attribute: "extra-folder-id",
-    reflect: !0,
-    type: String
-  })
-], i.prototype, "extraFolderId", 2);
-c([
-  l({
-    attribute: "extra-folder-title",
-    reflect: !0,
-    type: String
-  })
-], i.prototype, "extraFolderTitle", 2);
-c([
-  l({
-    attribute: "extra-folder-icon",
-    reflect: !0,
-    type: String
-  })
-], i.prototype, "extraFolderIcon", 2);
-c([
-  l({ attribute: "auto-page-size", reflect: !0, type: Boolean })
-], i.prototype, "autoPageSize", 2);
-c([
-  l({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], i.prototype, "firstFetchCallback", 2);
-c([
-  x()
-], i.prototype, "searchTerm", 2);
-c([
-  f("api")
-], i.prototype, "updateWrappedApi", 1);
-c([
-  f("searchTerm", { waitUntilFirstUpdate: !0 })
-], i.prototype, "handleSearchTermChange", 1);
-c([
-  f("open")
-], i.prototype, "handleOpenChange", 1);
-c([
-  f("variant")
-], i.prototype, "handleVariantChange", 1);
-c([
-  f("selectedLabel", { waitUntilFirstUpdate: !0 }),
-  f("value", { waitUntilFirstUpdate: !0 })
-], i.prototype, "handleValueChange", 1);
-i = c([
-  W("cx-folder-select")
-], i);
-export {
-  i as C,
-  C as F,
-  H as a
-};