@orangelogic/design-system 2.172.0 → 2.174.0

package/library/chunks/{folder-select.C6Sv4jtu.js → folder-select.BgWvY0t0.js}

@@ -1,102 +1,102 @@
-import { C as te } from "./icon.D5iM9wXS.js";
+import { C as re } from "./icon.D5iM9wXS.js";
 import { C as me } from "./input.B-c9KEAH.js";
-import re from "../components/line-clamp.js";
+import se from "../components/line-clamp.js";
 import ye from "../components/select.js";
 import ge from "../components/tag.js";
 import { C as S, a as xe } from "./tree.B0-6Ny9b.js";
-import { n as s, C as B } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as z, F as be, A as $e } from "./endpoints.CwgTrs4A.js";
+import { n as s, C as N } from "./lib-cortex-element.CVMmyPMC.js";
+import { h as A, F as be, A as $e } from "./endpoints.CwgTrs4A.js";
 import { M as P } from "./asset-link-format.ClaYu_v8.js";
-import { c as se } from "./component.styles.CRO4Odto.js";
-import { c as N } from "./custom-element.L4WJXn1j.js";
-import { L as W } from "./i18n.DbXTTLXx.js";
-import { w as m } from "./watch.DJF5K-8U.js";
-import { g as R, p as K, e as q } from "./string.BhJ0Zogu.js";
-import { x as y, i as ve } from "./lit-element.jLBm65_O.js";
-import { r as g } from "./state.CSDxrqLd.js";
-import { e as ie } from "./query.BBf1UFkC.js";
-import { r as Se } from "./choose.BTbF6BAn.js";
-import { C as le } from "./button.zWaIO1sl.js";
-import { d as Ie } from "./debounce.DaHuiSGU.js";
-import { o as p } from "./if-defined.BRoBj_Rp.js";
+import { c as ie } from "./component.styles.CRO4Odto.js";
+import { c as W } from "./custom-element.L4WJXn1j.js";
+import { L as H } from "./i18n.DbXTTLXx.js";
+import { w as y } from "./watch.DJF5K-8U.js";
+import { g as V, p as X, e as R } from "./string.BhJ0Zogu.js";
+import { x as g, i as ve } from "./lit-element.jLBm65_O.js";
+import { r as x } from "./state.CSDxrqLd.js";
+import { e as q } from "./query.BBf1UFkC.js";
+import { r as Ie } from "./choose.BTbF6BAn.js";
+import { C as ae } from "./button.zWaIO1sl.js";
+import { d as Fe } from "./debounce.DaHuiSGU.js";
+import { o as u } from "./if-defined.BRoBj_Rp.js";
 import { c as G } from "./repeat.CFjcER6_.js";
-import { o as ae } from "./style-map.llVFPd__.js";
+import { o as le } from "./style-map.llVFPd__.js";
 import { n as k } from "./when.Dr1es41R.js";
-import Fe from "../components/space.js";
+import Se from "../components/space.js";
 import { g as Te } from "./template.ClovJacp.js";
 import { e as Ce } from "./class-map.BiVq-cVR.js";
-var b = /* @__PURE__ */ ((e) => (e.CortexPath = "Document.CortexPath", e.DocSubTypeIconColor = "DocSubTypeIconColor", e.DocSubTypeIconImageUrl = "DocSubTypeIconImageUrl", e.DocSubTypeIconName = "DocSubTypeIconName", e.DocSubTypeIsFontIcon = "DocSubTypeIsFontIcon", e.DocType = "CoreField.DocType", e.HasBrowserChildren = "Document.HasBrowserChildren", e.RepresentativeAssetId = "Document.DocumentDirectRepresentativeRID", e.TitleWithFallback = "CoreField.TitleWithFallback", e))(b || {});
+var v = /* @__PURE__ */ ((e) => (e.CortexPath = "Document.CortexPath", e.DocSubTypeIconColor = "DocSubTypeIconColor", e.DocSubTypeIconImageUrl = "DocSubTypeIconImageUrl", e.DocSubTypeIconName = "DocSubTypeIconName", e.DocSubTypeIsFontIcon = "DocSubTypeIsFontIcon", e.DocType = "CoreField.DocType", e.HasBrowserChildren = "Document.HasBrowserChildren", e.RepresentativeAssetId = "Document.DocumentDirectRepresentativeRID", e.TitleWithFallback = "CoreField.TitleWithFallback", e))(v || {});
 const De = 50;
-async function H({
+async function Q({
   allowedFolders: e,
   baseUrl: t,
   bearerToken: r,
-  excludeVirtualFolders: l,
-  folderId: i,
-  includeDirectChild: u,
-  limit: f = De,
-  searchTerm: $,
-  self: D,
-  start: Q = 0,
-  token: pe
+  excludeVirtualFolders: i,
+  folderId: a,
+  includeDirectChild: f,
+  limit: m = De,
+  searchTerm: p,
+  self: b,
+  start: j = 0,
+  token: ue
 }) {
-  let U = [], j = u ?? !0;
-  e && e.length > 0 && !i ? (U = e, D = !0, j = !1) : i && (U = [i]);
+  let E = [], Z = f ?? !0;
+  e && e.length > 0 && !a ? (E = e, b = !0, Z = !1) : a && (E = [a]);
   try {
-    return (await z.request({
+    return (await A.request({
       baseURL: t,
       headers: {
         Authorization: `Bearer ${r}`
       },
       method: "GET",
       params: {
-        IncludeDirectChild: j,
-        IncludeVirtualFolders: !l,
-        Limit: f,
-        ObjectRecordIDs: U,
-        SeeThru: !!$,
-        Self: D,
-        Start: Q,
-        Text: $ || void 0,
-        Token: pe || void 0
+        IncludeDirectChild: Z,
+        IncludeVirtualFolders: !i,
+        Limit: m,
+        ObjectRecordIDs: E,
+        SeeThru: !!p,
+        Self: b,
+        Start: j,
+        Text: p || void 0,
+        Token: ue || void 0
       },
       paramsSerializer: {
         indexes: null
       },
       responseType: "json",
       transformResponse: [
-        ...Array.isArray(z.defaults.transformResponse) ? z.defaults.transformResponse : [],
-        (I, Le, E) => {
-          if (E !== void 0 && (E < 200 || E >= 300))
+        ...Array.isArray(A.defaults.transformResponse) ? A.defaults.transformResponse : [],
+        (F, Le, L) => {
+          if (L !== void 0 && (L < 200 || L >= 300))
             return {
               data: [],
               hasMore: !1,
               totalCount: 0
             };
-          if (!I || typeof I != "object")
+          if (!F || typeof F != "object")
             throw new Error("Invalid response format");
-          const fe = I.contentItems?.length ?? 0;
+          const fe = F.contentItems?.length ?? 0;
           return {
-            data: I.contentItems?.map((x) => {
-              const L = x.fields[b.DocType] ?? "", O = x.fields[b.TitleWithFallback] ?? "", w = x.fields[b.CortexPath] ?? "", M = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
-              let Z = M;
-              (L === P.Album || L === P.ProjectDocument) && (Z = M ? `${M}/${O}` : O);
-              const J = x.fields[b.DocSubTypeIsFontIcon];
+            data: F.contentItems?.map(($) => {
+              const M = $.fields[v.DocType] ?? "", z = $.fields[v.TitleWithFallback] ?? "", w = $.fields[v.CortexPath] ?? "", O = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
+              let J = O;
+              (M === P.Album || M === P.ProjectDocument) && (J = O ? `${O}/${z}` : z);
+              const K = $.fields[v.DocSubTypeIsFontIcon];
               return {
-                docType: L,
-                fullPath: Z,
-                hasChildren: x.fields[b.HasBrowserChildren] === "1",
-                iconColor: x.fields[b.DocSubTypeIconColor],
-                iconImageUrl: x.fields[b.DocSubTypeIconImageUrl],
-                iconName: x.fields[b.DocSubTypeIconName],
-                id: x.recordID,
-                isFontIcon: J === void 0 ? void 0 : J === "1",
-                representativeAssetId: x.fields[b.RepresentativeAssetId] ?? "",
-                title: O
+                docType: M,
+                fullPath: J,
+                hasChildren: $.fields[v.HasBrowserChildren] === "1",
+                iconColor: $.fields[v.DocSubTypeIconColor],
+                iconImageUrl: $.fields[v.DocSubTypeIconImageUrl],
+                iconName: $.fields[v.DocSubTypeIconName],
+                id: $.recordID,
+                isFontIcon: K === void 0 ? void 0 : K === "1",
+                representativeAssetId: $.fields[v.RepresentativeAssetId] ?? "",
+                title: z
               };
             }) ?? [],
-            hasMore: Q + fe < I.totalCount,
-            totalCount: I.totalCount
+            hasMore: j + fe < F.totalCount,
+            totalCount: F.totalCount
           };
         }
       ],
@@ -114,14 +114,14 @@ const oe = {
   fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
   toAttribute: (e) => e.join(" ")
 };
-var F = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(F || {}), _e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, h = (e, t, r, l) => {
-  for (var i = l > 1 ? void 0 : l ? we(t, r) : t, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
-  return l && i && _e(t, r, i), i;
+var T = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(T || {}), _e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, h = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? we(t, r) : t, f = e.length - 1, m; f >= 0; f--)
+    (m = e[f]) && (a = (i ? m(t, r, a) : m(a)) || a);
+  return i && a && _e(t, r, a), a;
 };
-let a = class extends B {
+let o = class extends N {
   constructor() {
-    super(...arguments), this.localize = new W(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.iconName = "", this.iconImageUrl = "", this.iconColor = "", this.isFontIcon = !1, this.data = null, this.hasMore = !1, this.loading = !1;
+    super(...arguments), this.localize = new H(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 = Q, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.iconName = "", this.iconImageUrl = "", this.iconColor = "", this.isFontIcon = !1, 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
@@ -140,7 +140,7 @@ let a = class extends B {
         totalCount: 0
       };
     try {
-      const { data: r, hasMore: l, totalCount: i } = await this.api({
+      const { data: r, hasMore: i, totalCount: a } = await this.api({
         baseUrl: this.baseUrl,
         bearerToken: this.bearerToken,
         excludeVirtualFolders: this.excludeVirtualFolders,
@@ -150,8 +150,8 @@ let a = class extends B {
       });
       return {
         data: r,
-        hasMore: l,
-        totalCount: i
+        hasMore: i,
+        totalCount: a
       };
     } catch {
       return {
@@ -166,11 +166,11 @@ let a = class extends B {
     const t = this.data?.length || 0;
     this.loading = !0;
     try {
-      const { data: r, hasMore: l } = await this.fetchFolders({
+      const { data: r, hasMore: i } = await this.fetchFolders({
         folderId: this.folderId,
         start: t
       });
-      this.data = [...this.data || [], ...r], this.hasMore = l, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
+      this.data = [...this.data || [], ...r], this.hasMore = i, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
     } catch {
     } finally {
       this.loading = !1;
@@ -180,11 +180,11 @@ let a = class extends B {
     e.stopPropagation(), this.treeItem.expanded = !0;
     const t = this.data?.length || 0;
     try {
-      const { data: r, hasMore: l } = await this.fetchFolders({
+      const { data: r, hasMore: i } = await this.fetchFolders({
         folderId: this.folderId,
         start: t
       });
-      this.data = r, this.hasMore = l, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
+      this.data = r, this.hasMore = i, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
     } catch {
       this.treeItem.expanded = !1;
     }
@@ -192,21 +192,21 @@ let a = class extends B {
   async syncBoxes() {
     if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem))
       return;
-    const e = this.fullPath, t = R({ id: this.folderId, path: e }), r = K(e), l = this.currentRootIDsSet.has(t);
-    let i = !1;
+    const e = this.fullPath, t = V({ id: this.folderId, path: e }), r = X(e), i = this.currentRootIDsSet.has(t);
+    let a = !1;
     if (e)
-      for (const f of this.currentRootIDsSet) {
-        const $ = q(f);
-        if (!$.path.trim() || !$.id.trim())
+      for (const m of this.currentRootIDsSet) {
+        const p = R(m);
+        if (!p.path.trim() || !p.id.trim())
           continue;
-        const D = K($.path);
-        if (D.startsWith(r) && D !== r) {
-          i = !0;
+        const b = X(p.path);
+        if (b.startsWith(r) && b !== r) {
+          a = !0;
           break;
         }
       }
-    const u = !l && i;
-    this.treeItem.selected = l, await this.treeItem.updateComplete, this.treeItem.indeterminate = u;
+    const f = !i && a;
+    this.treeItem.selected = i, await this.treeItem.updateComplete, this.treeItem.indeterminate = f;
   }
   /**
    * Resolves the icon to render, in priority order:
@@ -219,150 +219,150 @@ let a = class extends B {
    * 4. Default folder icon, keeping the existing docType-driven variant.
    */
   renderIcon() {
-    const e = ae(
+    const e = le(
       this.iconColor ? { color: this.iconColor } : {}
     );
     if (!this.icon && this.isFontIcon === !1 && this.iconImageUrl)
-      return y`<cx-icon class="folder-select-tree__item__icon" src=${this.iconImageUrl} style=${e}></cx-icon>`;
+      return g`<cx-icon class="folder-select-tree__item__icon" src=${this.iconImageUrl} style=${e}></cx-icon>`;
     if (!this.icon && this.isFontIcon !== !1 && this.iconName)
-      return y`<cx-icon class="folder-select-tree__item__icon" name=${this.iconName} variant="fa" style=${e}></cx-icon>`;
+      return g`<cx-icon class="folder-select-tree__item__icon" name=${this.iconName} variant="fa" style=${e}></cx-icon>`;
     const t = this.docType === P.Album ? "outlined" : "filled";
-    return y`<cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${t}></cx-icon>`;
+    return g`<cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${t}></cx-icon>`;
   }
   render() {
-    return y`<cx-tree-item class=${Ce({
+    return g`<cx-tree-item class=${Ce({
       "folder-select-tree-item": !0
-    })} data-id=${this.folderId} data-url=${p(this.url)} data-name=${p(this.name?.trim() || void 0)} data-representative-asset-id=${p(
+    })} data-id=${this.folderId} data-url=${u(this.url)} data-name=${u(this.name?.trim() || void 0)} data-representative-asset-id=${u(
       this.representativeAssetId || void 0
     )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection === "multiple" ? this.currentRootIDsSet.has(
-      R({ id: this.folderId, path: this.fullPath })
+      V({ id: this.folderId, path: this.fullPath })
     ) : 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">${this.renderIcon()}<cx-line-clamp lines="1" class="folder-select-tree-item__title">${Te(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${G(
       this.data || [],
       (e) => e.id,
-      (e) => y`<cx-folder-select-tree-item slot="children" folder-id=${e.id} full-path=${e.fullPath} name=${e.title} doc-type=${e.docType} icon-name=${p(e.iconName || void 0)} icon-image-url=${p(e.iconImageUrl || void 0)} icon-color=${p(e.iconColor || void 0)} representative-asset-id=${e.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${p(e.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${e.url}></cx-folder-select-tree-item>`
+      (e) => g`<cx-folder-select-tree-item slot="children" folder-id=${e.id} full-path=${e.fullPath} name=${e.title} doc-type=${e.docType} icon-name=${u(e.iconName || void 0)} icon-image-url=${u(e.iconImageUrl || void 0)} icon-color=${u(e.iconColor || void 0)} representative-asset-id=${e.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${u(e.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${e.url}></cx-folder-select-tree-item>`
     )}
         ${k(
       this.hasMore,
-      () => y`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
+      () => g`<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>`;
   }
 };
-a.styles = [se];
-a.dependencies = {
-  "cx-button": le,
-  "cx-icon": te,
-  "cx-line-clamp": re,
-  "cx-space": Fe,
+o.styles = [ie];
+o.dependencies = {
+  "cx-button": ae,
+  "cx-icon": re,
+  "cx-line-clamp": se,
+  "cx-space": Se,
   "cx-tree-item": S
 };
 h([
-  ie("cx-tree-item")
-], a.prototype, "treeItem", 2);
+  q("cx-tree-item")
+], o.prototype, "treeItem", 2);
 h([
   s({ attribute: "folder-id", reflect: !0, type: String })
-], a.prototype, "folderId", 2);
+], o.prototype, "folderId", 2);
 h([
   s({ attribute: "has-children", reflect: !0, type: Boolean })
-], a.prototype, "hasChildren", 2);
+], o.prototype, "hasChildren", 2);
 h([
   s({ reflect: !0, type: Boolean })
-], a.prototype, "selectable", 2);
+], o.prototype, "selectable", 2);
 h([
   s({ attribute: "full-path", reflect: !0, type: String })
-], a.prototype, "fullPath", 2);
+], o.prototype, "fullPath", 2);
 h([
   s({ attribute: "doc-type", reflect: !0, type: String })
-], a.prototype, "docType", 2);
+], o.prototype, "docType", 2);
 h([
   s({ reflect: !0, type: String })
-], a.prototype, "name", 2);
+], o.prototype, "name", 2);
 h([
   s({
     attribute: "representative-asset-id",
     reflect: !0,
     type: String
   })
-], a.prototype, "representativeAssetId", 2);
+], o.prototype, "representativeAssetId", 2);
 h([
   s({ attribute: "selected-value", reflect: !0, type: String })
-], a.prototype, "selectedValue", 2);
+], o.prototype, "selectedValue", 2);
 h([
   s({ attribute: "selection", reflect: !0, type: String })
-], a.prototype, "selection", 2);
+], o.prototype, "selection", 2);
 h([
   s({ attribute: !1, type: Object })
-], a.prototype, "currentRootIDsSet", 2);
+], o.prototype, "currentRootIDsSet", 2);
 h([
   s({ attribute: !1, type: Array })
-], a.prototype, "removedIDs", 2);
+], o.prototype, "removedIDs", 2);
 h([
   s({ reflect: !0, type: String })
-], a.prototype, "token", 2);
+], o.prototype, "token", 2);
 h([
   s({ attribute: "bearer-token", reflect: !0, type: String })
-], a.prototype, "bearerToken", 2);
+], o.prototype, "bearerToken", 2);
 h([
   s({ attribute: "base-url", reflect: !0, type: String })
-], a.prototype, "baseUrl", 2);
+], o.prototype, "baseUrl", 2);
 h([
   s({ attribute: "search-term", reflect: !0, type: String })
-], a.prototype, "searchTerm", 2);
+], o.prototype, "searchTerm", 2);
 h([
   s({ type: Function })
-], a.prototype, "api", 2);
+], o.prototype, "api", 2);
 h([
   s({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
-], a.prototype, "excludeVirtualFolders", 2);
+], o.prototype, "excludeVirtualFolders", 2);
 h([
   s({ reflect: !0, type: String })
-], a.prototype, "url", 2);
+], o.prototype, "url", 2);
 h([
   s({ reflect: !0, type: String })
-], a.prototype, "icon", 2);
+], o.prototype, "icon", 2);
 h([
   s({ attribute: "icon-name", reflect: !0, type: String })
-], a.prototype, "iconName", 2);
+], o.prototype, "iconName", 2);
 h([
   s({ attribute: "icon-image-url", reflect: !0, type: String })
-], a.prototype, "iconImageUrl", 2);
+], o.prototype, "iconImageUrl", 2);
 h([
   s({ attribute: "icon-color", reflect: !0, type: String })
-], a.prototype, "iconColor", 2);
+], o.prototype, "iconColor", 2);
 h([
   s({ attribute: "is-font-icon", reflect: !0, type: Boolean })
-], a.prototype, "isFontIcon", 2);
+], o.prototype, "isFontIcon", 2);
 h([
-  g()
-], a.prototype, "data", 2);
+  x()
+], o.prototype, "data", 2);
 h([
-  g()
-], a.prototype, "hasMore", 2);
+  x()
+], o.prototype, "hasMore", 2);
 h([
-  g()
-], a.prototype, "loading", 2);
+  x()
+], o.prototype, "loading", 2);
 h([
-  m("currentRootIDsSet"),
-  m("removedIDs"),
-  m("fullPath"),
-  m("folderId")
-], a.prototype, "syncBoxes", 1);
-a = h([
-  N("cx-folder-select-tree-item")
-], a);
-var ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, ne = (e) => {
+  y("currentRootIDsSet", { waitUntilFirstUpdate: !0 }),
+  y("removedIDs", { waitUntilFirstUpdate: !0 }),
+  y("fullPath", { waitUntilFirstUpdate: !0 }),
+  y("folderId", { waitUntilFirstUpdate: !0 })
+], o.prototype, "syncBoxes", 1);
+o = h([
+  W("cx-folder-select-tree-item")
+], o);
+var ke = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, ne = (e) => {
   throw TypeError(e);
-}, d = (e, t, r, l) => {
-  for (var i = l > 1 ? void 0 : l ? Ve(t, r) : t, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
-  return l && i && ke(t, r, i), i;
-}, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), v = (e, t, r) => (ce(e, t, "read from private field"), t.get(e)), A = (e, t, r) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), X = (e, t, r, l) => (ce(e, t, "write to private field"), t.set(e, r), r), _, V, T;
-let n = class extends B {
+}, d = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ue(t, r) : t, f = e.length - 1, m; f >= 0; f--)
+    (m = e[f]) && (a = (i ? m(t, r, a) : m(a)) || a);
+  return i && a && ke(t, r, a), a;
+}, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), I = (e, t, r) => (ce(e, t, "read from private field"), t.get(e)), B = (e, t, r) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Y = (e, t, r, i) => (ce(e, t, "write to private field"), t.set(e, r), r), _, U, C;
+let n = class extends N {
   constructor() {
-    super(...arguments), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.allowedFolders = [], 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.preloading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], A(this, _, !1), A(this, V, 10), A(this, T, /* @__PURE__ */ new Set());
+    super(...arguments), this.localize = new H(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.allowedFolders = [], this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = Q, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], B(this, _, !1), B(this, U, 10), B(this, C, /* @__PURE__ */ new Set());
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -379,13 +379,13 @@ let n = class extends B {
     for (; r; ) {
       if (r instanceof HTMLElement && r.offsetHeight > 0)
         return Math.max(10, Math.ceil(r.offsetHeight / 32) + 2);
-      const l = r.getRootNode();
-      r = l instanceof ShadowRoot ? l.host : r.parentElement;
+      const i = r.getRootNode();
+      r = i instanceof ShadowRoot ? i.host : r.parentElement;
     }
     return 10;
   }
   runFirstUpdated() {
-    this.searchTerm = "", this.autoPageSize && X(this, V, this.computeInitialLimit()), this.handleFetchFolders();
+    this.searchTerm = "", this.autoPageSize && Y(this, U, this.computeInitialLimit()), this.handleFetchFolders();
   }
   handleLoadingStateChange() {
     this.emit("cx-folder-select-loading-change", {
@@ -427,13 +427,13 @@ let n = class extends B {
   async handleSelectedChange(e) {
     if (this.selection !== "multiple")
       return;
-    const t = e.target, r = t.dataset.id ?? "", l = t.closest(
+    const t = e.target, r = t.dataset.id ?? "", i = t.closest(
       "cx-folder-select-tree-item"
     )?.fullPath;
-    if (await t.updateComplete, !r.trim() || !l?.trim())
+    if (await t.updateComplete, !r.trim() || !i?.trim())
       return;
-    const i = R({ id: r, path: l });
-    t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(i) : this.currentRootIDsSet.delete(i), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
+    const a = V({ id: r, path: i });
+    t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(a) : this.currentRootIDsSet.delete(a), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
   }
   async loadMore(e) {
     if (!this.api)
@@ -441,7 +441,7 @@ let n = class extends B {
     e.stopPropagation();
     const t = this.data.length;
     this.loading = !0;
-    const { data: r, hasMore: l } = await this.api({
+    const { data: r, hasMore: i } = await this.api({
       allowedFolders: this.allowedFolders,
       baseUrl: this.baseUrl,
       bearerToken: this.bearerToken,
@@ -453,14 +453,18 @@ let n = class extends B {
       start: t,
       token: this.token
     });
-    this.data = [...this.data, ...r], this.hasMore = l, this.loading = !1, this.seedSelectionFromValue(r), this.removePreloadedFolders(r);
+    this.data = [...this.data, ...r], this.hasMore = i, this.loading = !1, this.seedSelectionFromValue(r), this.removePreloadedFolders(r);
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
-    v(this, _) || (e.length > 0 && this.firstFetchCallback?.(e), X(this, _, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
+    I(this, _) || (e.length > 0 && this.firstFetchCallback?.(e), Y(this, _, !0));
+    const r = this.seedSelectionFromValue(e, !0);
+    this.removePreloadedFolders(e);
+    const i = await this.preloadSelectedFolders();
+    r && !i && this.emit("cx-folder-select-selection-seeded"), this.data = e, this.hasMore = t, this.loading = !1;
   }
   async handleSelectedValueChange() {
-    if (!v(this, _))
+    if (!I(this, _))
       return;
     const e = new Set(
       this.selectedValue.split(/[\s,]+/).filter(Boolean)
@@ -476,7 +480,7 @@ let n = class extends B {
   removeDeselectedRootIDs(e) {
     const t = new Set(
       [...this.currentRootIDsSet].filter(
-        (r) => e.has(q(r).id)
+        (r) => e.has(R(r).id)
       )
     );
     t.size !== this.currentRootIDsSet.size && (this.currentRootIDsSet = t);
@@ -499,13 +503,13 @@ let n = class extends B {
       bearerToken: this.bearerToken,
       excludeVirtualFolders: this.excludeVirtualFolders,
       folderId: "",
-      limit: v(this, V),
+      limit: I(this, U),
       searchTerm: this.searchTerm,
       seeThru: this.seeThru,
       start: 0,
       token: this.token
     });
-    return this.data = e, this.hasMore = t, this.loading = !1, {
+    return {
       data: e,
       hasMore: t
     };
@@ -516,39 +520,41 @@ let n = class extends B {
   removePreloadedFolders(e) {
     if (this.preloadedFolders.length === 0)
       return;
-    const t = new Set(e.map((l) => l.id)), r = this.preloadedFolders.filter((l) => !t.has(l.id));
+    const t = new Set(e.map((i) => i.id)), r = this.preloadedFolders.filter((i) => !t.has(i.id));
     r.length !== this.preloadedFolders.length && (this.preloadedFolders = r);
   }
+  /**
+   * @returns Whether this call added any new key to `currentRootIDsSet`
+   * (and therefore already emitted `cx-folder-select-selection-seeded` via
+   * `seedSelectionFromValue`). Callers that suppressed an earlier seed's
+   * emit (e.g. `handleFetchFolders` seeding root folders first) use this to
+   * know whether they still need to emit themselves.
+   */
   async preloadSelectedFolders() {
     if (this.selection !== "multiple" || !this.selectedValue || !this.api)
-      return;
+      return !1;
     const e = new Set(
       this.selectedValue.split(/[\s,]+/).filter(Boolean)
-    ), t = /* @__PURE__ */ new Set([
-      ...this.data.map((i) => i.id),
-      ...this.extraFolderData ? [this.extraFolderData.id] : [],
-      ...this.preloadedFolders.map((i) => i.id),
-      ...v(this, T),
-      ...[
-        ...this.querySelectorAll(
-          "cx-folder-select-tree-item"
-        )
-      ].map((i) => i.getAttribute("folder-id") ?? "").filter(Boolean)
-    ]), r = [...e].filter(
-      (i) => !t.has(i)
+    ), t = new Set(
+      [...this.currentRootIDsSet].map((p) => R(p).id)
+    ), r = /* @__PURE__ */ new Set([
+      ...t,
+      ...I(this, C)
+    ]), i = [...e].filter(
+      (p) => !r.has(p)
     );
-    if (r.length === 0)
-      return;
-    r.forEach((i) => v(this, T).add(i)), this.preloading = !0;
-    const l = [];
+    if (i.length === 0)
+      return !1;
+    i.forEach((p) => I(this, C).add(p)), this.preloading = !0;
+    const a = [];
     if (await Promise.all(
-      r.map(async (i) => {
+      i.map(async (p) => {
         try {
-          const { data: u } = await this.api({
+          const { data: b } = await this.api({
             baseUrl: this.baseUrl,
             bearerToken: this.bearerToken,
             excludeVirtualFolders: this.excludeVirtualFolders,
-            folderId: i,
+            folderId: p,
             includeDirectChild: !1,
             limit: 1,
             searchTerm: "",
@@ -557,44 +563,53 @@ let n = class extends B {
             start: 0,
             token: this.token
           });
-          u[0] && l.push(u[0]);
+          b[0] && a.push(b[0]);
         } catch {
         }
       })
-    ), r.forEach((i) => v(this, T).delete(i)), this.preloading = v(this, T).size > 0, l.length > 0) {
-      const i = new Set(this.preloadedFolders.map((f) => f.id)), u = l.filter((f) => !i.has(f.id));
-      u.length > 0 && (this.preloadedFolders = [...this.preloadedFolders, ...u].sort(
-        (f, $) => f.title.localeCompare($.title)
-      ), this.seedSelectionFromValue(u));
-    }
+    ), i.forEach((p) => I(this, C).delete(p)), this.preloading = I(this, C).size > 0, a.length === 0)
+      return !1;
+    const f = new Set(this.preloadedFolders.map((p) => p.id)), m = a.filter((p) => !f.has(p.id));
+    return m.length === 0 ? !1 : (this.preloadedFolders = [...this.preloadedFolders, ...m].sort(
+      (p, b) => p.title.localeCompare(b.title)
+    ), this.seedSelectionFromValue(m));
   }
-  seedSelectionFromValue(e) {
+  /**
+   * @param suppressEmit Skip the `cx-folder-select-selection-seeded` emit
+   * even if this call adds keys. Used when the caller is about to seed more
+   * (e.g. `handleFetchFolders` seeding root folders right before awaiting
+   * `preloadSelectedFolders`) so the host never re-syncs its `value` from a
+   * `currentRootIDsSet` that is still missing folders the caller already
+   * knows are coming — that partial snapshot would otherwise overwrite
+   * `cx-folder-select.value` and permanently drop the not-yet-seeded ids.
+   */
+  seedSelectionFromValue(e, t = !1) {
     if (this.selection !== "multiple" || !this.selectedValue)
-      return;
-    const t = new Set(
-      this.selectedValue.split(/[\s,]+/).map((l) => l.trim()).filter(Boolean)
+      return !1;
+    const r = new Set(
+      this.selectedValue.split(/[\s,]+/).map((a) => a.trim()).filter(Boolean)
     );
-    let r = !1;
-    for (const l of e)
-      if (l.fullPath && t.has(l.id)) {
-        const i = R({ id: l.id, path: l.fullPath });
-        this.currentRootIDsSet.has(i) || (this.currentRootIDsSet.add(i), r = !0);
+    let i = !1;
+    for (const a of e)
+      if (a.fullPath && r.has(a.id)) {
+        const f = V({ id: a.id, path: a.fullPath });
+        this.currentRootIDsSet.has(f) || (this.currentRootIDsSet.add(f), i = !0);
       }
-    r && (this.currentRootIDsSet = new Set(this.currentRootIDsSet), this.emit("cx-folder-select-selection-seeded"));
+    return i ? (this.currentRootIDsSet = new Set(this.currentRootIDsSet), t || this.emit("cx-folder-select-selection-seeded"), !0) : !1;
   }
   renderFolder(e) {
-    return y`<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=${p(e.fullPath ?? void 0)} icon-name=${p(e.iconName || void 0)} icon-image-url=${p(e.iconImageUrl || void 0)} icon-color=${p(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(e.url ?? void 0)} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
+    return g`<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=${u(e.fullPath ?? void 0)} icon-name=${u(e.iconName || void 0)} icon-image-url=${u(e.iconImageUrl || void 0)} icon-color=${u(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${u(e.url ?? void 0)} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
   }
   render() {
-    return y`<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}>${k(
+    return g`<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}>${k(
       this.empty,
-      () => y`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
+      () => g`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
     )}
       ${k(
       this.extraFolderData,
-      () => y`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${p(this.extraFolderData?.docType ?? void 0)} folder-id=${p(this.extraFolderData?.id ?? void 0)} full-path=${p(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} icon-name=${p(this.extraFolderData?.iconName || void 0)} icon-image-url=${p(
+      () => g`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${u(this.extraFolderData?.docType ?? void 0)} folder-id=${u(this.extraFolderData?.id ?? void 0)} full-path=${u(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} icon-name=${u(this.extraFolderData?.iconName || void 0)} icon-image-url=${u(
         this.extraFolderData?.iconImageUrl || void 0
-      )} icon-color=${p(this.extraFolderData?.iconColor || void 0)} 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=${p(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?is-font-icon=${this.extraFolderData?.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
+      )} icon-color=${u(this.extraFolderData?.iconColor || void 0)} 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=${u(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?is-font-icon=${this.extraFolderData?.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
     )}
       ${G(
       this.data,
@@ -603,20 +618,21 @@ let n = class extends B {
     )}
       ${k(
       this.hasMore,
-      () => y`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
-    )}</cx-tree>${G(
+      () => g`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
+    )}
+      ${G(
       this.preloadedFolders,
       (e) => `preloaded-${e.id}`,
-      (e) => y`<cx-folder-select-tree-item style=${ae({ 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=${p(e.fullPath ?? void 0)} icon-name=${p(e.iconName || void 0)} icon-image-url=${p(e.iconImageUrl || void 0)} icon-color=${p(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(e.url ?? void 0)} ?has-children=${!1} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
-    )}`;
+      (e) => g`<cx-folder-select-tree-item style=${le({ 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=${u(e.fullPath ?? void 0)} icon-name=${u(e.iconName || void 0)} icon-image-url=${u(e.iconImageUrl || void 0)} icon-color=${u(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${u(e.url ?? void 0)} ?has-children=${!1} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
+    )}</cx-tree>`;
   }
 };
 _ = /* @__PURE__ */ new WeakMap();
-V = /* @__PURE__ */ new WeakMap();
-T = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
 n.dependencies = {
-  "cx-button": le,
-  "cx-folder-select-tree-item": a,
+  "cx-button": ae,
+  "cx-folder-select-tree-item": o,
   "cx-tree": xe
 };
 d([
@@ -656,7 +672,7 @@ d([
   s({ attribute: "see-thru", reflect: !0, type: Boolean })
 ], n.prototype, "seeThru", 2);
 d([
-  g()
+  x()
 ], n.prototype, "extraFolderData", 2);
 d([
   s({ type: Function })
@@ -675,65 +691,65 @@ d([
   s({ attribute: "auto-page-size", reflect: !0, type: Boolean })
 ], n.prototype, "autoPageSize", 2);
 d([
-  g()
+  x()
 ], n.prototype, "data", 2);
 d([
-  g()
+  x()
 ], n.prototype, "hasMore", 2);
 d([
-  g()
+  x()
 ], n.prototype, "loading", 2);
 d([
-  g()
+  x()
 ], n.prototype, "preloading", 2);
 d([
-  g()
+  x()
 ], n.prototype, "preloadedFolders", 2);
 d([
-  g()
+  x()
 ], n.prototype, "currentRootIDsSet", 2);
 d([
-  g()
+  x()
 ], n.prototype, "removedIDs", 2);
 d([
-  m("loading", { waitUntilFirstUpdate: !0 }),
-  m("preloading")
+  y("loading", { waitUntilFirstUpdate: !0 }),
+  y("preloading")
 ], n.prototype, "handleLoadingStateChange", 1);
 d([
-  m("extraFolderId")
+  y("extraFolderId")
 ], n.prototype, "handleExtraFolderIdChange", 1);
 d([
-  m("allowedFolders", { waitUntilFirstUpdate: !0 }),
-  m("baseUrl", { waitUntilFirstUpdate: !0 }),
-  m("token", { waitUntilFirstUpdate: !0 }),
-  m("searchTerm", { waitUntilFirstUpdate: !0 }),
-  m("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  Ie(500)
+  y("allowedFolders", { waitUntilFirstUpdate: !0 }),
+  y("baseUrl", { waitUntilFirstUpdate: !0 }),
+  y("token", { waitUntilFirstUpdate: !0 }),
+  y("searchTerm", { waitUntilFirstUpdate: !0 }),
+  y("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
+  Fe(500)
 ], n.prototype, "handleFetchFolders", 1);
 d([
-  m("selectedValue", { waitUntilFirstUpdate: !0 })
+  y("selectedValue", { waitUntilFirstUpdate: !0 })
 ], n.prototype, "handleSelectedValueChange", 1);
 n = d([
-  N("cx-folder-select-tree")
+  W("cx-folder-select-tree")
 ], n);
 const Pe = ve`: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 Re = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, he = (e) => {
+var Ve = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, he = (e) => {
   throw TypeError(e);
-}, c = (e, t, r, l) => {
-  for (var i = l > 1 ? void 0 : l ? Ue(t, r) : t, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
-  return l && i && Re(t, r, i), i;
-}, de = (e, t, r) => t.has(e) || he("Cannot " + r), Y = (e, t, r) => (de(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ee = (e, t, r) => t.has(e) ? he("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), ee = (e, t, r, l) => (de(e, t, "write to private field"), t.set(e, r), r), C;
-let o = class extends B {
+}, c = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? Re(t, r) : t, f = e.length - 1, m; f >= 0; f--)
+    (m = e[f]) && (a = (i ? m(t, r, a) : m(a)) || a);
+  return i && a && Ve(t, r, a), a;
+}, de = (e, t, r) => t.has(e) || he("Cannot " + r), ee = (e, t, r) => (de(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ee = (e, t, r) => t.has(e) ? he("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), te = (e, t, r, i) => (de(e, t, "write to private field"), t.set(e, r), r), D;
+let l = class extends N {
   constructor() {
-    super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = F.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], 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 = "", this.treeLoading = !1, Ee(this, C), 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();
+    super(), this.localize = new H(this), this.minQueryLength = 1, this.selection = "single", this.variant = T.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = Q, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, Ee(this, D), 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.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
   }
   updateWrappedApi() {
     if (!this.api) {
-      ee(this, C, void 0);
+      te(this, D, void 0);
       return;
     }
-    ee(this, C, async (e) => {
+    te(this, D, async (e) => {
       try {
         return await this.api(e);
       } catch (t) {
@@ -771,13 +787,28 @@ let o = class extends B {
    * (see the same clear in cx-select's filterOptionsByInput()).
    */
   async handleTreeChildrenLoaded() {
-    this.variant !== F.Select || !this.selectEl || (await this.selectEl.updateComplete, this.selectEl.popup.style.removeProperty("--auto-size-available-width"), this.selectEl.popup.style.removeProperty("--auto-size-available-height"), this.selectEl.popup.reposition());
+    this.variant !== T.Select || !this.selectEl || (await this.selectEl.updateComplete, this.selectEl.popup.style.removeProperty("--auto-size-available-width"), this.selectEl.popup.style.removeProperty("--auto-size-available-height"), this.selectEl.popup.reposition());
   }
   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 = []), this.value = "";
+    this.searchTerm = "", this.selection === "multiple" && (this.treeEl && (this.treeEl.currentRootIDsSet = /* @__PURE__ */ new Set(), this.treeEl.removedIDs = []), this.value = "");
+  }
+  /**
+   * `cx-tree` only emits `cx-selection-change` from its own click-driven
+   * `selectItem()` — setting `option.selected` directly (as the tag's X
+   * button does in `selectGetTag`) bypasses that method entirely, so
+   * `cx-tree` never emits it for a tag removal. Consumers like
+   * `cx-folder-picker` listen for `cx-selection-change` (not our internal
+   * `cx-selected-change`/`value`) to know when to re-emit their own public
+   * change event, so removing a tag would otherwise never reach them.
+   * Emit it ourselves here, mirroring `cx-tree`'s own event shape.
+   */
+  async emitSelectionChangeFromTree() {
+    const e = this.treeEl?.querySelector("cx-tree");
+    e && (await e.updateComplete, this.emit("cx-selection-change", {
+      detail: {
+        selection: e.selectedItems
+      }
+    }));
   }
   /**
    * cx-folder-select-tree owns `currentRootIDsSet` (the real source of
@@ -788,8 +819,7 @@ let o = class extends B {
    * reports a selection change.
    */
   syncValueFromTree() {
-    const e = this.shadowRoot?.querySelector("cx-folder-select-tree");
-    e && (this.value = [...e.currentRootIDsSet].map((t) => q(t).id).filter(Boolean).join(" "));
+    this.treeEl && (this.value = [...this.treeEl.currentRootIDsSet].map((e) => R(e).id).filter(Boolean).join(" "));
   }
   /**
    * cx-select's own `value` only reflects our `value` correctly the very
@@ -809,8 +839,9 @@ let o = class extends B {
   /**
    * 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).
+   * flow — that flow doesn't run for us because cx-select's default
+   * `setOptionSelected` only acts on `CxOption`, not our `CxTreeItem`
+   * options (cx-tree owns selection instead).
    * Re-read options here so the rendered tag list matches, in response to
    * either signal cx-folder-select-tree can emit:
    * - `cx-selected-change`, bubbled from a user toggling a tree-item.
@@ -846,30 +877,22 @@ let o = class extends B {
    * 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).
+   * cx-select.toggleOptionSelection (whose `setOptionSelected` only acts on
+   * `CxOption`, so the default X click would do nothing for our
+   * `CxTreeItem` options).
    */
   selectGetTag(e) {
-    return y`<cx-tag part="tag" exportparts="
+    return g`<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 S && (e.selected = !1);
+      r.stopPropagation(), e instanceof S && (e.selected = !1, this.emitSelectionChangeFromTree());
     }}><cx-line-clamp lines="1">${this.selectGetOptionLabel(e)}</cx-line-clamp></cx-tag>`;
   }
-  selectSetOptionSelected(e, t) {
-    if (!(!e || !(e instanceof S)) && 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.syncSelectValue(), this.selectEl.handleDefaultSlotChange());
+    this.selectEl && (this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.getTag = this.selectGetTag, this.syncSelectValue(), this.selectEl.handleDefaultSlotChange());
   }
   handleOpenChange() {
     if (this.selectEl) {
@@ -881,144 +904,147 @@ let o = class extends B {
     }
   }
   async handleVariantChange() {
-    this.variant === F.Select && (await this.updateComplete, this.updateFunctionProps());
+    this.variant === T.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.syncSelectValue(), this.selectEl.handleDefaultSlotChange());
+    this.selectEl && (this.searchTerm = "", this.updateFunctionProps());
   }
   render() {
-    return y`<div class="folder-select">${Se(this.variant, [
+    return g`<div class="folder-select">${Ie(this.variant, [
       [
-        F.Input,
-        () => y`<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} .allowedFolders=${this.allowedFolders} .api=${Y(this, C)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        T.Input,
+        () => g`<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} .allowedFolders=${this.allowedFolders} .api=${ee(this, D)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
-        F.Select,
-        () => y`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} ?loading=${this.treeLoading} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} @cx-folder-select-loading-change=${this.handleTreeLoadingChange} @cx-folder-select-children-loaded=${this.handleTreeChildrenLoaded} 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} .allowedFolders=${this.allowedFolders} .api=${Y(this, C)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
+        T.Select,
+        () => g`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} ?loading=${this.treeLoading} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} @cx-folder-select-loading-change=${this.handleTreeLoadingChange} @cx-folder-select-children-loaded=${this.handleTreeChildrenLoaded} 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} .allowedFolders=${this.allowedFolders} .api=${ee(this, D)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
     ])}</div>`;
   }
 };
-C = /* @__PURE__ */ new WeakMap();
-o.styles = [se, Pe];
-o.dependencies = {
+D = /* @__PURE__ */ new WeakMap();
+l.styles = [ie, Pe];
+l.dependencies = {
   "cx-folder-select-tree": n,
-  "cx-icon": te,
+  "cx-icon": re,
   "cx-input": me,
-  "cx-line-clamp": re,
+  "cx-line-clamp": se,
   "cx-select": ye,
   "cx-tag": ge
 };
 c([
-  ie("cx-select")
-], o.prototype, "selectEl", 2);
+  q("cx-select")
+], l.prototype, "selectEl", 2);
+c([
+  q("cx-folder-select-tree")
+], l.prototype, "treeEl", 2);
 c([
   s({ attribute: "min-query-length", reflect: !0, type: Number })
-], o.prototype, "minQueryLength", 2);
+], l.prototype, "minQueryLength", 2);
 c([
   s({ attribute: "selection", reflect: !0, type: String })
-], o.prototype, "selection", 2);
+], l.prototype, "selection", 2);
 c([
   s({ attribute: "variant", reflect: !0, type: String })
-], o.prototype, "variant", 2);
+], l.prototype, "variant", 2);
 c([
   s({ reflect: !0, type: String })
-], o.prototype, "value", 2);
+], l.prototype, "value", 2);
 c([
   s({ reflect: !0, type: String })
-], o.prototype, "name", 2);
+], l.prototype, "name", 2);
 c([
   s({ attribute: "selected-label", reflect: !0, type: String })
-], o.prototype, "selectedLabel", 2);
+], l.prototype, "selectedLabel", 2);
 c([
   s({ attribute: "base-url", reflect: !0, type: String })
-], o.prototype, "baseUrl", 2);
+], l.prototype, "baseUrl", 2);
 c([
   s({ attribute: "allowed-folders", converter: oe, type: Array })
-], o.prototype, "allowedFolders", 2);
+], l.prototype, "allowedFolders", 2);
 c([
   s({ reflect: !0, type: Boolean })
-], o.prototype, "open", 2);
+], l.prototype, "open", 2);
 c([
   s({ reflect: !1, type: String })
-], o.prototype, "token", 2);
+], l.prototype, "token", 2);
 c([
   s({ attribute: "bearer-token", reflect: !0, type: String })
-], o.prototype, "bearerToken", 2);
+], l.prototype, "bearerToken", 2);
 c([
   s({ attribute: "see-thru", reflect: !0, type: Boolean })
-], o.prototype, "seeThru", 2);
+], l.prototype, "seeThru", 2);
 c([
   s({ type: Function })
-], o.prototype, "api", 2);
+], l.prototype, "api", 2);
 c([
   s({ reflect: !0, type: Boolean })
-], o.prototype, "required", 2);
+], l.prototype, "required", 2);
 c([
   s({ reflect: !1 })
-], o.prototype, "form", 2);
+], l.prototype, "form", 2);
 c([
   s({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
-], o.prototype, "excludeVirtualFolders", 2);
+], l.prototype, "excludeVirtualFolders", 2);
 c([
   s({
     attribute: "extra-folder-id",
     reflect: !0,
     type: String
   })
-], o.prototype, "extraFolderId", 2);
+], l.prototype, "extraFolderId", 2);
 c([
   s({
     attribute: "extra-folder-title",
     reflect: !0,
     type: String
   })
-], o.prototype, "extraFolderTitle", 2);
+], l.prototype, "extraFolderTitle", 2);
 c([
   s({
     attribute: "extra-folder-icon",
     reflect: !0,
     type: String
   })
-], o.prototype, "extraFolderIcon", 2);
+], l.prototype, "extraFolderIcon", 2);
 c([
   s({ attribute: "auto-page-size", reflect: !0, type: Boolean })
-], o.prototype, "autoPageSize", 2);
+], l.prototype, "autoPageSize", 2);
 c([
   s({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], o.prototype, "firstFetchCallback", 2);
+], l.prototype, "firstFetchCallback", 2);
 c([
-  g()
-], o.prototype, "searchTerm", 2);
+  x()
+], l.prototype, "searchTerm", 2);
 c([
-  g()
-], o.prototype, "treeLoading", 2);
+  x()
+], l.prototype, "treeLoading", 2);
 c([
-  m("api")
-], o.prototype, "updateWrappedApi", 1);
+  y("api")
+], l.prototype, "updateWrappedApi", 1);
 c([
-  m("searchTerm", { waitUntilFirstUpdate: !0 })
-], o.prototype, "handleSearchTermChange", 1);
+  y("searchTerm", { waitUntilFirstUpdate: !0 })
+], l.prototype, "handleSearchTermChange", 1);
 c([
-  m("open")
-], o.prototype, "handleOpenChange", 1);
+  y("open")
+], l.prototype, "handleOpenChange", 1);
 c([
-  m("variant")
-], o.prototype, "handleVariantChange", 1);
+  y("variant")
+], l.prototype, "handleVariantChange", 1);
 c([
-  m("selectedLabel", { waitUntilFirstUpdate: !0 }),
-  m("value", { waitUntilFirstUpdate: !0 })
-], o.prototype, "handleValueChange", 1);
-o = c([
-  N("cx-folder-select")
-], o);
+  y("selectedLabel", { waitUntilFirstUpdate: !0 }),
+  y("value", { waitUntilFirstUpdate: !0 })
+], l.prototype, "handleValueChange", 1);
+l = c([
+  W("cx-folder-select")
+], l);
 export {
-  o as C,
-  F,
-  H as a,
+  l as C,
+  T as F,
+  Q as a,
   oe as s
 };