@orangelogic/design-system 2.167.0 → 2.169.0

package/library/chunks/{folder-select.BSFjkzJr.js → folder-select.B9qqU1CQ.js}

@@ -1,33 +1,33 @@
-import { C as ee } from "./icon.D5iM9wXS.js";
-import { C as fe } from "./input.DOorVTYZ.js";
-import te from "../components/line-clamp.js";
-import me from "../components/select.js";
-import ye from "../components/tag.js";
-import { C as S, a as ge } from "./tree.vn5sHbdt.js";
+import { C as te } from "./icon.D5iM9wXS.js";
+import { C as me } from "./input.B-c9KEAH.js";
+import re from "../components/line-clamp.js";
+import ye from "../components/select.js";
+import ge from "../components/tag.js";
+import { C as v, a as xe } from "./tree.B0-6Ny9b.js";
 import { n as s, C as B } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as M, F as xe, A as be } from "./endpoints.CwgTrs4A.js";
-import { M as U } from "./asset-link-format.ClaYu_v8.js";
-import { c as re } from "./component.styles.CRO4Odto.js";
+import { h as z, 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.Bchq8v1d.js";
+import { L as W } from "./i18n.DbXTTLXx.js";
 import { w as m } from "./watch.DJF5K-8U.js";
-import { x as y, i as $e } from "./lit-element.jLBm65_O.js";
+import { g as R, p as K, e as q } from "./string.BhJ0Zogu.js";
+import { x as y, i as Se } from "./lit-element.jLBm65_O.js";
 import { r as g } from "./state.CSDxrqLd.js";
-import { e as se } from "./query.BBf1UFkC.js";
+import { e as ie } from "./query.BBf1UFkC.js";
 import { r as ve } from "./choose.BTbF6BAn.js";
-import { C as ie } from "./button.0_maNYUS.js";
-import { d as Se } from "./debounce.DaHuiSGU.js";
-import { g as A, p as J, e as Fe } from "./string.BhJ0Zogu.js";
+import { C as le } from "./button.DDem_XZq.js";
+import { d as Ie } from "./debounce.DaHuiSGU.js";
 import { o as p } from "./if-defined.BRoBj_Rp.js";
 import { c as G } from "./repeat.CFjcER6_.js";
-import { o as le } from "./style-map.llVFPd__.js";
+import { o as ae } from "./style-map.llVFPd__.js";
 import { n as k } from "./when.Dr1es41R.js";
-import Ie from "../components/space.js";
+import Fe 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 || {});
 const De = 50;
-async function q({
+async function H({
   allowedFolders: e,
   baseUrl: t,
   bearerToken: r,
@@ -37,70 +37,70 @@ async function q({
   limit: f = De,
   searchTerm: $,
   self: C,
-  start: H = 0,
-  token: de
+  start: Q = 0,
+  token: pe
 }) {
-  let P = [], Q = u ?? !0;
-  e && e.length > 0 && !i ? (P = e, C = !0, Q = !1) : i && (P = [i]);
+  let U = [], j = u ?? !0;
+  e && e.length > 0 && !i ? (U = e, C = !0, j = !1) : i && (U = [i]);
   try {
-    return (await M.request({
+    return (await z.request({
       baseURL: t,
       headers: {
         Authorization: `Bearer ${r}`
       },
       method: "GET",
       params: {
-        IncludeDirectChild: Q,
+        IncludeDirectChild: j,
         IncludeVirtualFolders: !l,
         Limit: f,
-        ObjectRecordIDs: P,
+        ObjectRecordIDs: U,
         SeeThru: !!$,
         Self: C,
-        Start: H,
+        Start: Q,
         Text: $ || void 0,
-        Token: de || void 0
+        Token: pe || void 0
       },
       paramsSerializer: {
         indexes: null
       },
       responseType: "json",
       transformResponse: [
-        ...Array.isArray(M.defaults.transformResponse) ? M.defaults.transformResponse : [],
-        (F, Re, E) => {
+        ...Array.isArray(z.defaults.transformResponse) ? z.defaults.transformResponse : [],
+        (I, Oe, E) => {
           if (E !== void 0 && (E < 200 || E >= 300))
             return {
               data: [],
               hasMore: !1,
               totalCount: 0
             };
-          if (!F || typeof F != "object")
+          if (!I || typeof I != "object")
             throw new Error("Invalid response format");
-          const ue = F.contentItems?.length ?? 0;
+          const fe = I.contentItems?.length ?? 0;
           return {
-            data: F.contentItems?.map((x) => {
-              const O = x.fields[b.DocType] ?? "", R = x.fields[b.TitleWithFallback] ?? "", w = x.fields[b.CortexPath] ?? "", L = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
-              let j = L;
-              (O === U.Album || O === U.ProjectDocument) && (j = L ? `${L}/${R}` : R);
-              const Z = x.fields[b.DocSubTypeIsFontIcon];
+            data: I.contentItems?.map((x) => {
+              const O = x.fields[b.DocType] ?? "", L = x.fields[b.TitleWithFallback] ?? "", w = x.fields[b.CortexPath] ?? "", M = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
+              let Z = M;
+              (O === P.Album || O === P.ProjectDocument) && (Z = M ? `${M}/${L}` : L);
+              const J = x.fields[b.DocSubTypeIsFontIcon];
               return {
                 docType: O,
-                fullPath: j,
+                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: Z === void 0 ? void 0 : Z === "1",
+                isFontIcon: J === void 0 ? void 0 : J === "1",
                 representativeAssetId: x.fields[b.RepresentativeAssetId] ?? "",
-                title: R
+                title: L
               };
             }) ?? [],
-            hasMore: H + ue < F.totalCount,
-            totalCount: F.totalCount
+            hasMore: Q + fe < I.totalCount,
+            totalCount: I.totalCount
           };
         }
       ],
-      url: xe
+      url: be
     })).data;
   } catch {
     return {
@@ -110,7 +110,7 @@ async function q({
     };
   }
 }
-const ae = {
+const oe = {
   fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
   toAttribute: (e) => e.join(" ")
 };
@@ -121,7 +121,7 @@ var D = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(D |
 };
 let a = class extends B {
   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 = U.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;
+    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;
   }
   /**
    * 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
@@ -192,14 +192,14 @@ let a = class extends B {
   async syncBoxes() {
     if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem))
       return;
-    const e = this.fullPath, t = A({ id: this.folderId, path: e }), r = J(e), l = this.currentRootIDsSet.has(t);
+    const e = this.fullPath, t = R({ id: this.folderId, path: e }), r = K(e), l = this.currentRootIDsSet.has(t);
     let i = !1;
     if (e)
       for (const f of this.currentRootIDsSet) {
-        const $ = Fe(f);
+        const $ = q(f);
         if (!$.path.trim() || !$.id.trim())
           continue;
-        const C = J($.path);
+        const C = K($.path);
         if (C.startsWith(r) && C !== r) {
           i = !0;
           break;
@@ -219,14 +219,14 @@ let a = class extends B {
    * 4. Default folder icon, keeping the existing docType-driven variant.
    */
   renderIcon() {
-    const e = le(
+    const e = ae(
       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>`;
     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>`;
-    const t = this.docType === U.Album ? "outlined" : "filled";
+    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>`;
   }
   render() {
@@ -234,7 +234,9 @@ let a = class extends B {
       "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(
       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">${this.renderIcon()}<cx-line-clamp lines="1" class="folder-select-tree-item__title">${Te(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${G(
+    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection === "multiple" ? this.currentRootIDsSet.has(
+      R({ 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>`
@@ -245,16 +247,16 @@ let a = class extends B {
     )}</cx-tree-item>`;
   }
 };
-a.styles = [re];
+a.styles = [se];
 a.dependencies = {
-  "cx-button": ie,
-  "cx-icon": ee,
-  "cx-line-clamp": te,
-  "cx-space": Ie,
-  "cx-tree-item": S
+  "cx-button": le,
+  "cx-icon": te,
+  "cx-line-clamp": re,
+  "cx-space": Fe,
+  "cx-tree-item": v
 };
 h([
-  se("cx-tree-item")
+  ie("cx-tree-item")
 ], a.prototype, "treeItem", 2);
 h([
   s({ attribute: "folder-id", reflect: !0, type: String })
@@ -351,16 +353,16 @@ h([
 a = h([
   N("cx-folder-select-tree-item")
 ], a);
-var ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, oe = (e) => {
+var ke = Object.defineProperty, Ve = 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;
-}, ne = (e, t, r) => t.has(e) || oe("Cannot " + r), v = (e, t, r) => (ne(e, t, "read from private field"), t.get(e)), z = (e, t, r) => t.has(e) ? oe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), K = (e, t, r, l) => (ne(e, t, "write to private field"), t.set(e, r), r), _, V, I;
+}, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), S = (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, F;
 let n = class extends B {
   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 = 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 = [], z(this, _, !1), z(this, V, 10), z(this, I, /* @__PURE__ */ new Set());
+    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, F, /* @__PURE__ */ new Set());
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -383,7 +385,7 @@ let n = class extends B {
     return 10;
   }
   runFirstUpdated() {
-    this.searchTerm = "", this.autoPageSize && K(this, V, this.computeInitialLimit()), this.handleFetchFolders();
+    this.searchTerm = "", this.autoPageSize && X(this, V, this.computeInitialLimit()), this.handleFetchFolders();
   }
   handleLoadingStateChange() {
     this.emit("cx-folder-select-loading-change", {
@@ -430,7 +432,7 @@ let n = class extends B {
     )?.fullPath;
     if (await t.updateComplete, !r.trim() || !l?.trim())
       return;
-    const i = A({ id: r, path: l });
+    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));
   }
   async loadMore(e) {
@@ -455,15 +457,29 @@ let n = class extends B {
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
-    v(this, _) || (e.length > 0 && this.firstFetchCallback?.(e), K(this, _, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
+    S(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();
   }
   async handleSelectedValueChange() {
-    if (!v(this, _))
+    if (!S(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();
+    t.length !== this.preloadedFolders.length && (this.preloadedFolders = t), this.removeDeselectedRootIDs(e), await this.preloadSelectedFolders();
+  }
+  /**
+   * Drop any `currentRootIDsSet` key whose id is no longer in `selectedValue`.
+   * `seedSelectionFromValue` only ever adds keys, so an externally driven
+   * `value` change that removes an id would otherwise leave its tree-item
+   * (and cx-select's tag) stuck as selected.
+   */
+  removeDeselectedRootIDs(e) {
+    const t = new Set(
+      [...this.currentRootIDsSet].filter(
+        (r) => e.has(q(r).id)
+      )
+    );
+    t.size !== this.currentRootIDsSet.size && (this.currentRootIDsSet = t);
   }
   async fetchFolders() {
     if (!this.api)
@@ -483,7 +499,7 @@ let n = class extends B {
       bearerToken: this.bearerToken,
       excludeVirtualFolders: this.excludeVirtualFolders,
       folderId: "",
-      limit: v(this, V),
+      limit: S(this, V),
       searchTerm: this.searchTerm,
       seeThru: this.seeThru,
       start: 0,
@@ -512,7 +528,7 @@ let n = class extends B {
       ...this.data.map((i) => i.id),
       ...this.extraFolderData ? [this.extraFolderData.id] : [],
       ...this.preloadedFolders.map((i) => i.id),
-      ...v(this, I),
+      ...S(this, F),
       ...[
         ...this.querySelectorAll(
           "cx-folder-select-tree-item"
@@ -523,7 +539,7 @@ let n = class extends B {
     );
     if (r.length === 0)
       return;
-    r.forEach((i) => v(this, I).add(i)), this.preloading = !0;
+    r.forEach((i) => S(this, F).add(i)), this.preloading = !0;
     const l = [];
     if (await Promise.all(
       r.map(async (i) => {
@@ -545,7 +561,7 @@ let n = class extends B {
         } catch {
         }
       })
-    ), r.forEach((i) => v(this, I).delete(i)), this.preloading = v(this, I).size > 0, l.length > 0) {
+    ), r.forEach((i) => S(this, F).delete(i)), this.preloading = S(this, F).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)
@@ -561,7 +577,7 @@ let n = class extends B {
     let r = !1;
     for (const l of e)
       if (l.fullPath && t.has(l.id)) {
-        const i = A({ id: l.id, path: l.fullPath });
+        const i = R({ id: l.id, path: l.fullPath });
         this.currentRootIDsSet.has(i) || (this.currentRootIDsSet.add(i), r = !0);
       }
     r && (this.currentRootIDsSet = new Set(this.currentRootIDsSet), this.emit("cx-folder-select-selection-seeded"));
@@ -591,17 +607,17 @@ let n = class extends B {
     )}</cx-tree>${G(
       this.preloadedFolders,
       (e) => `preloaded-${e.id}`,
-      (e) => y`<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=${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) => 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>`
     )}`;
   }
 };
 _ = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
 n.dependencies = {
-  "cx-button": ie,
+  "cx-button": le,
   "cx-folder-select-tree-item": a,
-  "cx-tree": ge
+  "cx-tree": xe
 };
 d([
   s({ attribute: "min-query-length", reflect: !0, type: Number })
@@ -625,7 +641,7 @@ d([
   s({ attribute: "base-url", reflect: !0, type: String })
 ], n.prototype, "baseUrl", 2);
 d([
-  s({ attribute: "allowed-folders", converter: ae, type: Array })
+  s({ attribute: "allowed-folders", converter: oe, type: Array })
 ], n.prototype, "allowedFolders", 2);
 d([
   s({ attribute: "extra-folder-id", reflect: !0, type: String })
@@ -692,7 +708,7 @@ d([
   m("token", { waitUntilFirstUpdate: !0 }),
   m("searchTerm", { waitUntilFirstUpdate: !0 }),
   m("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  Se(500)
+  Ie(500)
 ], n.prototype, "handleFetchFolders", 1);
 d([
   m("selectedValue", { waitUntilFirstUpdate: !0 })
@@ -700,28 +716,28 @@ d([
 n = d([
   N("cx-folder-select-tree")
 ], n);
-const Ue = $e`: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 Pe = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, ce = (e) => {
+const Pe = Se`: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) => {
   throw TypeError(e);
 }, c = (e, t, r, l) => {
-  for (var i = l > 1 ? void 0 : l ? Ee(t, r) : t, u = e.length - 1, f; u >= 0; u--)
+  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 && Pe(t, r, i), i;
-}, he = (e, t, r) => t.has(e) || ce("Cannot " + r), X = (e, t, r) => (he(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Y = (e, t, r, l) => (he(e, t, "write to private field"), t.set(e, r), r), T;
+  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), T;
 let o = class extends B {
   constructor() {
-    super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = D.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, 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();
+    super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = D.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, 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) {
-      Y(this, T, void 0);
+      ee(this, T, void 0);
       return;
     }
-    Y(this, T, async (e) => {
+    ee(this, T, async (e) => {
       try {
         return await this.api(e);
       } catch (t) {
-        return t instanceof be && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
+        return t instanceof $e && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
       }
     });
   }
@@ -745,7 +761,19 @@ let o = class extends B {
     if (this.searchTerm = "", this.selection !== "multiple")
       return;
     const e = this.shadowRoot?.querySelector("cx-folder-select-tree");
-    e && (e.currentRootIDsSet = /* @__PURE__ */ new Set(), e.removedIDs = []);
+    e && (e.currentRootIDsSet = /* @__PURE__ */ new Set(), e.removedIDs = []), this.value = "";
+  }
+  /**
+   * cx-folder-select-tree owns `currentRootIDsSet` (the real source of
+   * truth for multi-select) — a user toggling a tree-item, or removing a
+   * tag (which flows through `option.selected = false` → tree-item →
+   * tree), only ever mutates that set. Nothing else pushes the result back
+   * into our own public `value`, so re-derive it here whenever the tree
+   * 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(" "));
   }
   /**
    * cx-select's own `value` only reflects our `value` correctly the very
@@ -776,22 +804,26 @@ let o = class extends B {
    *   first update), so this is the only signal for that case.
    */
   async handleTreeSelectedChange() {
-    this.selection !== "multiple" || !this.selectEl || (await new Promise(
-      (e) => requestAnimationFrame(() => e())
-    ), this.syncSelectValue(), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.selectEl.displayLabel = this.searchTerm);
+    if (this.selection !== "multiple" || !this.selectEl)
+      return;
+    await new Promise(
+      (t) => requestAnimationFrame(() => t())
+    );
+    const e = this.searchTerm;
+    this.syncValueFromTree(), this.syncSelectValue(), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.searchTerm = e, this.selectEl.displayLabel = this.searchTerm;
   }
   selectGetOptionValue(e) {
-    return !e || !(e instanceof S) ? this.value : e.dataset.id || this.value;
+    return !e || !(e instanceof v) ? this.value : e.dataset.id || this.value;
   }
   selectGetOptionLabel(e) {
-    return !e || !(e instanceof S) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
+    return !e || !(e instanceof v) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
   }
   selectGetOptionSelected(e) {
-    if (!(!e || !(e instanceof S)))
+    if (!(!e || !(e instanceof v)))
       return e.selected;
   }
   selectFilterCallback(e) {
-    return !(!e || !(e instanceof S));
+    return !(!e || !(e instanceof v));
   }
   /**
    * Custom tag renderer for cx-select multi mode. Identical visuals to the
@@ -808,11 +840,11 @@ let o = class extends B {
           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 v && (e.selected = !1);
     }}><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 (!(!e || !(e instanceof v)) && this.selection !== "multiple") {
       if (t === void 0) {
         e.selected = !e.selected;
         return;
@@ -842,27 +874,27 @@ let o = class extends B {
     return y`<div class="folder-select">${ve(this.variant, [
       [
         D.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=${X(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        () => 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, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
         D.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} 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=${X(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-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} 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, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
     ])}</div>`;
   }
 };
 T = /* @__PURE__ */ new WeakMap();
-o.styles = [re, Ue];
+o.styles = [se, Pe];
 o.dependencies = {
   "cx-folder-select-tree": n,
-  "cx-icon": ee,
-  "cx-input": fe,
-  "cx-line-clamp": te,
-  "cx-select": me,
-  "cx-tag": ye
+  "cx-icon": te,
+  "cx-input": me,
+  "cx-line-clamp": re,
+  "cx-select": ye,
+  "cx-tag": ge
 };
 c([
-  se("cx-select")
+  ie("cx-select")
 ], o.prototype, "selectEl", 2);
 c([
   s({ attribute: "min-query-length", reflect: !0, type: Number })
@@ -886,7 +918,7 @@ c([
   s({ attribute: "base-url", reflect: !0, type: String })
 ], o.prototype, "baseUrl", 2);
 c([
-  s({ attribute: "allowed-folders", converter: ae, type: Array })
+  s({ attribute: "allowed-folders", converter: oe, type: Array })
 ], o.prototype, "allowedFolders", 2);
 c([
   s({ reflect: !0, type: Boolean })
@@ -971,6 +1003,6 @@ o = c([
 export {
   o as C,
   D as F,
-  q as a,
-  ae as s
+  H as a,
+  oe as s
 };

package/library/chunks/{header.DDI0MfJA.js → header.CWlWNree.js}

@@ -3,7 +3,7 @@ import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as k } from "./component.styles.CRO4Odto.js";
 import { i as p } from "./lit-element.jLBm65_O.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as w } from "./i18n.Bchq8v1d.js";
+import { L as w } from "./i18n.DbXTTLXx.js";
 import { w as y } from "./watch.DJF5K-8U.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as u } from "./class-map.BiVq-cVR.js";

package/library/chunks/{i18n.Bchq8v1d.js → i18n.DbXTTLXx.js}

@@ -813,6 +813,7 @@ const b = {
   noPalette: "No Palette",
   noPreviewAvailable: "No preview available",
   noResults: "No results",
+  noResultsFound: "No results found",
   noSavedSearch: "No Saved Search",
   noSlidesAddedYet: "No slides added yet",
   noSourceUrlProvided: "No source URL provided",

package/library/chunks/{icon-button.BwmMJ0bI.js → icon-button.DJvfUmOl.js}

@@ -1,7 +1,7 @@
 import { n as r, C as g } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as p } from "./component.styles.CRO4Odto.js";
 import { c as h } from "./custom-element.L4WJXn1j.js";
-import { L as m } from "./i18n.Bchq8v1d.js";
+import { L as m } from "./i18n.DbXTTLXx.js";
 import { r as f } from "./state.CSDxrqLd.js";
 import { e as v } from "./query.BBf1UFkC.js";
 import { e as y } from "./class-map.BiVq-cVR.js";

package/library/chunks/{iframe.Cc-xZIm_.js → iframe.-GCTFas1.js}

@@ -1,7 +1,7 @@
 import { n as r, C as d } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "./component.styles.CRO4Odto.js";
 import { c as y } from "./custom-element.L4WJXn1j.js";
-import { L as u } from "./i18n.Bchq8v1d.js";
+import { L as u } from "./i18n.DbXTTLXx.js";
 import { w as g } from "./watch.DJF5K-8U.js";
 import { i as b, x as p } from "./lit-element.jLBm65_O.js";
 import { e as v } from "./query.BBf1UFkC.js";

package/library/chunks/{image.BgODrAzQ.js → image.mG-NXUWX.js}

@@ -3,7 +3,7 @@ import { c as He } from "./component.styles.CRO4Odto.js";
 import { a as Te } from "./index.Cpamj0jB.js";
 import { c as Ae } from "./custom-element.L4WJXn1j.js";
 import { d as Oe } from "./debounce.DaHuiSGU.js";
-import { L as je } from "./i18n.Bchq8v1d.js";
+import { L as je } from "./i18n.DbXTTLXx.js";
 import { w as I } from "./watch.DJF5K-8U.js";
 import { a as Ze } from "./url.Bd5rq4G0.js";
 import { i as se, E as K, x as E } from "./lit-element.jLBm65_O.js";

package/library/chunks/{input.DOorVTYZ.js → input.B-c9KEAH.js}

@@ -4,7 +4,7 @@ import { f as ot } from "./form-control.styles.CaGWmeAS.js";
 import { c as lt } from "./custom-element.L4WJXn1j.js";
 import { d as ht } from "./default-value.COZopaet.js";
 import { F as pt } from "./form.CP9KLGjF.js";
-import { L as ct } from "./i18n.Bchq8v1d.js";
+import { L as ct } from "./i18n.DbXTTLXx.js";
 import { H as dt } from "./slot.j5oheLJC.js";
 import { w as V } from "./watch.DJF5K-8U.js";
 import { i as ft, x as E } from "./lit-element.jLBm65_O.js";

package/library/chunks/{markdown.I1AJG75v.js → markdown.qQGMz1OY.js}

@@ -1,7 +1,7 @@
-import { C as qn, I as Yn } from "./icon-button.BwmMJ0bI.js";
+import { C as qn, I as Yn } from "./icon-button.DJvfUmOl.js";
 import { C as jn, n as de } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Un } from "./custom-element.L4WJXn1j.js";
-import { L as Gn } from "./i18n.Bchq8v1d.js";
+import { L as Gn } from "./i18n.DbXTTLXx.js";
 import { w as _e } from "./watch.DJF5K-8U.js";
 import { s as Hn } from "./string.BhJ0Zogu.js";
 import { i as dt, x as Wn } from "./lit-element.jLBm65_O.js";