@orangelogic/design-system 2.117.0 → 2.119.0

package/library/chunks/{folder-select.CrWjwQcw.js → folder-select.D1jO1hB_.js}

@@ -1,72 +1,73 @@
-import { C as N } from "./icon.DnBh6-56.js";
-import { C as ie } from "./input.CH4lKxPM.js";
-import H from "../components/line-clamp.js";
-import oe from "../components/select.js";
-import ce from "../components/tag.js";
-import { C as g, a as ne } from "./tree.Btf2Q4YZ.js";
-import { n as r, C as U } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as R, F as he, c as de } from "./endpoints.D4h8hp1m.js";
-import { M as k } from "./asset-link-format.QzzboHHE.js";
-import { c as j } from "./component.styles.CRO4Odto.js";
-import { c as M } from "./custom-element.L4WJXn1j.js";
-import { L } from "./i18n.CH-wak_P.js";
+import { C as K } from "./icon.DnBh6-56.js";
+import { C as ce } from "./input.BYj6YXcM.js";
+import X from "../components/line-clamp.js";
+import he from "../components/select.js";
+import de from "../components/tag.js";
+import { C as $, a as pe } from "./tree.yYbWIRnc.js";
+import { n as l, C as A } from "./lib-cortex-element.CVMmyPMC.js";
+import { h as L, F as ue, c as fe } from "./endpoints.6E17hFiK.js";
+import { M as V } from "./asset-link-format.QzzboHHE.js";
+import { c as Y } from "./component.styles.CRO4Odto.js";
+import { c as B } from "./custom-element.L4WJXn1j.js";
+import { L as z } from "./i18n.DDj5y9px.js";
 import { w as f } from "./watch.CThbualB.js";
-import { x as m, i as pe } from "./lit-element.jLBm65_O.js";
+import { x as m, i as me } from "./lit-element.jLBm65_O.js";
 import { r as x } from "./state.CSDxrqLd.js";
-import { e as Z } from "./query.BBf1UFkC.js";
-import { r as ue } from "./choose.BTbF6BAn.js";
-import { C as J } from "./button.DwJEeW2t.js";
-import { d as fe } from "./debounce.CIEhztrj.js";
-import { g as K, p as W, e as me } from "./string.DUgD4c9f.js";
+import { e as ee } from "./query.BBf1UFkC.js";
+import { r as ye } from "./choose.BTbF6BAn.js";
+import { C as te } from "./button.bufNNyTc.js";
+import { d as xe } from "./debounce.DaHuiSGU.js";
+import { g as M, p as N, e as be } from "./string.DUgD4c9f.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";
-import { c as X } from "./repeat.DbF2p5ae.js";
-import { n as _ } from "./when.Dr1es41R.js";
-import ye from "../components/space.js";
-import { g as xe } from "./template.ClovJacp.js";
-import { e as be } from "./class-map.BiVq-cVR.js";
+import { c as G } from "./repeat.DbF2p5ae.js";
+import { o as ge } from "./style-map.llVFPd__.js";
+import { n as w } from "./when.Dr1es41R.js";
+import $e from "../components/space.js";
+import { g as ve } from "./template.ClovJacp.js";
+import { e as Se } from "./class-map.BiVq-cVR.js";
 var v = /* @__PURE__ */ ((e) => (e.CortexPath = "Document.CortexPath", e.DocType = "CoreField.DocType", e.HasBrowserChildren = "Document.HasBrowserChildren", e.RepresentativeAssetId = "Document.DocumentDirectRepresentativeRID", e.TitleWithFallback = "CoreField.TitleWithFallback", e.rawDocSubtype = "Document.RawDocSubType", e))(v || {});
-const ge = 50;
-async function G({
+const Fe = 50;
+async function W({
   allowedFolders: e,
   baseUrl: t,
-  bearerToken: s,
-  excludeVirtualFolders: l,
-  folderId: a,
+  bearerToken: r,
+  excludeVirtualFolders: a,
+  folderId: s,
   includeDirectChild: p,
-  limit: u = ge,
-  searchTerm: $,
-  self: F,
-  start: A = 0,
-  token: se
+  limit: u = Fe,
+  searchTerm: b,
+  self: T,
+  start: q = 0,
+  token: ie
 }) {
-  let w = [], z = p ?? !0;
-  e && e.length > 0 && !a ? (w = e, F = !0, z = !1) : a && (w = [a]);
+  let O = [], Q = p ?? !0;
+  e && e.length > 0 && !s ? (O = e, T = !0, Q = !1) : s && (O = [s]);
   try {
-    return (await R.request({
+    return (await L.request({
       baseURL: t,
       headers: {
-        Authorization: `Bearer ${s}`
+        Authorization: `Bearer ${r}`
       },
       method: "GET",
       params: {
-        IncludeDirectChild: z,
-        IncludeVirtualFolders: !l,
+        IncludeDirectChild: Q,
+        IncludeVirtualFolders: !a,
         Limit: u,
-        ObjectRecordIDs: w,
-        SeeThru: !!$,
-        Self: F,
-        Start: A,
-        Text: $ || void 0,
-        Token: se || void 0
+        ObjectRecordIDs: O,
+        SeeThru: !!b,
+        Self: T,
+        Start: q,
+        Text: b || void 0,
+        Token: ie || void 0
       },
       paramsSerializer: {
         indexes: null
       },
       responseType: "json",
       transformResponse: [
-        ...Array.isArray(R.defaults.transformResponse) ? R.defaults.transformResponse : [],
-        (S, Oe, O) => {
-          if (O !== void 0 && (O < 200 || O >= 300))
+        ...Array.isArray(L.defaults.transformResponse) ? L.defaults.transformResponse : [],
+        (S, Pe, P) => {
+          if (P !== void 0 && (P < 200 || P >= 300))
             return {
               data: [],
               hasMore: !1,
@@ -74,27 +75,27 @@ async function G({
             };
           if (!S || typeof S != "object")
             throw new Error("Invalid response format");
-          const le = S.contentItems?.length ?? 0;
+          const ne = S.contentItems?.length ?? 0;
           return {
-            data: S.contentItems?.map((b) => {
-              const P = b.fields[v.DocType] ?? "", E = b.fields[v.TitleWithFallback] ?? "", I = b.fields[v.CortexPath] ?? "", V = I.endsWith("/") && I.length > 1 ? I.slice(0, -1) : I;
-              let B = V;
-              return (P === k.Album || P === k.ProjectDocument) && (B = V ? `${V}/${E}` : E), {
-                docType: P,
-                fullPath: B,
-                hasChildren: b.fields[v.HasBrowserChildren] === "1",
-                id: b.recordID,
-                isShared: b.fields[v.rawDocSubtype] === "DO_OR1ND000001913488",
-                representativeAssetId: b.fields[v.RepresentativeAssetId] ?? "",
+            data: S.contentItems?.map((g) => {
+              const R = g.fields[v.DocType] ?? "", E = g.fields[v.TitleWithFallback] ?? "", k = g.fields[v.CortexPath] ?? "", U = k.endsWith("/") && k.length > 1 ? k.slice(0, -1) : k;
+              let H = U;
+              return (R === V.Album || R === V.ProjectDocument) && (H = U ? `${U}/${E}` : E), {
+                docType: R,
+                fullPath: H,
+                hasChildren: g.fields[v.HasBrowserChildren] === "1",
+                id: g.recordID,
+                isShared: g.fields[v.rawDocSubtype] === "DO_OR1ND000001913488",
+                representativeAssetId: g.fields[v.RepresentativeAssetId] ?? "",
                 title: E
               };
             }) ?? [],
-            hasMore: A + le < S.totalCount,
+            hasMore: q + ne < S.totalCount,
             totalCount: S.totalCount
           };
         }
       ],
-      url: he
+      url: ue
     })).data;
   } catch {
     return {
@@ -104,14 +105,14 @@ async function G({
     };
   }
 }
-var C = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(C || {}), ve = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, h = (e, t, s, l) => {
-  for (var a = l > 1 ? void 0 : l ? $e(t, s) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (a = (l ? u(t, s, a) : u(a)) || a);
-  return l && a && ve(t, s, a), a;
+var C = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(C || {}), Te = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, h = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ie(t, r) : t, p = e.length - 1, u; p >= 0; p--)
+    (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
+  return a && s && Te(t, r, s), s;
 };
-let o = class extends U {
+let o = class extends A {
   constructor() {
-    super(...arguments), this.localize = new L(this), this.role = "treeitem", this.disabledSyncCheckboxes = !0, this.folderId = "", this.hasChildren = !1, this.selectable = !1, this.fullPath = "", this.docType = k.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 = G, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.data = null, this.hasMore = !1, this.loading = !1;
+    super(...arguments), this.localize = new z(this), this.role = "treeitem", this.disabledSyncCheckboxes = !0, this.folderId = "", this.hasChildren = !1, this.selectable = !1, this.fullPath = "", this.docType = V.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 = W, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.data = null, this.hasMore = !1, this.loading = !1;
   }
   /**
    * This is used to render the cx-tree-item inside the cx-folder-item without the shadow root so that the cx-tree can query select the cx-tree-item inside
@@ -130,7 +131,7 @@ let o = class extends U {
         totalCount: 0
       };
     try {
-      const { data: s, hasMore: l, totalCount: a } = await this.api({
+      const { data: r, hasMore: a, totalCount: s } = await this.api({
         baseUrl: this.baseUrl,
         bearerToken: this.bearerToken,
         excludeVirtualFolders: this.excludeVirtualFolders,
@@ -139,9 +140,9 @@ let o = class extends U {
         token: this.token
       });
       return {
-        data: s,
-        hasMore: l,
-        totalCount: a
+        data: r,
+        hasMore: a,
+        totalCount: s
       };
     } catch {
       return {
@@ -156,11 +157,11 @@ let o = class extends U {
     const t = this.data?.length || 0;
     this.loading = !0;
     try {
-      const { data: s, hasMore: l } = await this.fetchFolders({
+      const { data: r, hasMore: a } = await this.fetchFolders({
         folderId: this.folderId,
         start: t
       });
-      this.data = [...this.data || [], ...s], this.hasMore = l;
+      this.data = [...this.data || [], ...r], this.hasMore = a, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
     } catch {
     } finally {
       this.loading = !1;
@@ -170,11 +171,11 @@ let o = class extends U {
     e.stopPropagation(), this.treeItem.expanded = !0;
     const t = this.data?.length || 0;
     try {
-      const { data: s, hasMore: l } = await this.fetchFolders({
+      const { data: r, hasMore: a } = await this.fetchFolders({
         folderId: this.folderId,
         start: t
       });
-      this.data = s, this.hasMore = l;
+      this.data = r, this.hasMore = a, this.emit("cx-folder-select-children-loaded", { detail: { folders: r } });
     } catch {
       this.treeItem.expanded = !1;
     }
@@ -182,114 +183,114 @@ let o = class extends U {
   async syncBoxes() {
     if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem))
       return;
-    const e = this.fullPath, t = K({ id: this.folderId, path: e }), s = W(e), l = this.currentRootIDsSet.has(t);
-    let a = !1;
+    const e = this.fullPath, t = M({ id: this.folderId, path: e }), r = N(e), a = this.currentRootIDsSet.has(t);
+    let s = !1;
     if (e)
       for (const u of this.currentRootIDsSet) {
-        const $ = me(u);
-        if (!$.path.trim() || !$.id.trim())
+        const b = be(u);
+        if (!b.path.trim() || !b.id.trim())
           continue;
-        const F = W($.path);
-        if (F.startsWith(s) && F !== s) {
-          a = !0;
+        const T = N(b.path);
+        if (T.startsWith(r) && T !== r) {
+          s = !0;
           break;
         }
       }
-    const p = !l && a;
-    this.treeItem.selected = l, await this.treeItem.updateComplete, this.treeItem.indeterminate = p;
+    const p = !a && s;
+    this.treeItem.selected = a, await this.treeItem.updateComplete, this.treeItem.indeterminate = p;
   }
   render() {
     let e = "filled";
-    return this.docType === k.Album && (e = "outlined"), m`<cx-tree-item class=${be({
+    return this.docType === V.Album && (e = "outlined"), m`<cx-tree-item class=${Se({
       "folder-select-tree-item": !0
     })} data-id=${this.folderId} data-url=${y(this.url)} data-name=${y(this.name?.trim() || void 0)} data-representative-asset-id=${y(
       this.representativeAssetId || void 0
-    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap"><cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${e}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${xe(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${X(
+    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap"><cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${e}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${ve(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${G(
       this.data || [],
       (t) => t.id,
       (t) => m`<cx-folder-select-tree-item slot="children" folder-id=${t.id} full-path=${t.fullPath} name=${t.title} representative-asset-id=${t.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${t.hasChildren} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${y(t.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${t.url}></cx-folder-select-tree-item>`
-    )}</cx-tree-item>${_(
+    )}</cx-tree-item>${w(
       this.hasMore,
       () => m`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
     )}
     `;
   }
 };
-o.styles = [j];
+o.styles = [Y];
 o.dependencies = {
-  "cx-button": J,
-  "cx-icon": N,
-  "cx-line-clamp": H,
-  "cx-space": ye,
-  "cx-tree-item": g
+  "cx-button": te,
+  "cx-icon": K,
+  "cx-line-clamp": X,
+  "cx-space": $e,
+  "cx-tree-item": $
 };
 h([
-  Z("cx-tree-item")
+  ee("cx-tree-item")
 ], o.prototype, "treeItem", 2);
 h([
-  r({ attribute: "folder-id", reflect: !0, type: String })
+  l({ attribute: "folder-id", reflect: !0, type: String })
 ], o.prototype, "folderId", 2);
 h([
-  r({ attribute: "has-children", reflect: !0, type: Boolean })
+  l({ attribute: "has-children", reflect: !0, type: Boolean })
 ], o.prototype, "hasChildren", 2);
 h([
-  r({ reflect: !0, type: Boolean })
+  l({ reflect: !0, type: Boolean })
 ], o.prototype, "selectable", 2);
 h([
-  r({ attribute: "full-path", reflect: !0, type: String })
+  l({ attribute: "full-path", reflect: !0, type: String })
 ], o.prototype, "fullPath", 2);
 h([
-  r({ attribute: "doc-type", reflect: !0, type: String })
+  l({ attribute: "doc-type", reflect: !0, type: String })
 ], o.prototype, "docType", 2);
 h([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], o.prototype, "name", 2);
 h([
-  r({
+  l({
     attribute: "representative-asset-id",
     reflect: !0,
     type: String
   })
 ], o.prototype, "representativeAssetId", 2);
 h([
-  r({ attribute: "selected-value", reflect: !0, type: String })
+  l({ attribute: "selected-value", reflect: !0, type: String })
 ], o.prototype, "selectedValue", 2);
 h([
-  r({ attribute: "selection", reflect: !0, type: String })
+  l({ attribute: "selection", reflect: !0, type: String })
 ], o.prototype, "selection", 2);
 h([
-  r({ attribute: !1, type: Object })
+  l({ attribute: !1, type: Object })
 ], o.prototype, "currentRootIDsSet", 2);
 h([
-  r({ attribute: !1, type: Array })
+  l({ attribute: !1, type: Array })
 ], o.prototype, "removedIDs", 2);
 h([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], o.prototype, "token", 2);
 h([
-  r({ attribute: "bearer-token", reflect: !0, type: String })
+  l({ attribute: "bearer-token", reflect: !0, type: String })
 ], o.prototype, "bearerToken", 2);
 h([
-  r({ attribute: "base-url", reflect: !0, type: String })
+  l({ attribute: "base-url", reflect: !0, type: String })
 ], o.prototype, "baseUrl", 2);
 h([
-  r({ attribute: "search-term", reflect: !0, type: String })
+  l({ attribute: "search-term", reflect: !0, type: String })
 ], o.prototype, "searchTerm", 2);
 h([
-  r({ type: Function })
+  l({ type: Function })
 ], o.prototype, "api", 2);
 h([
-  r({
+  l({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
 ], o.prototype, "excludeVirtualFolders", 2);
 h([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], o.prototype, "url", 2);
 h([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], o.prototype, "icon", 2);
 h([
   x()
@@ -307,18 +308,18 @@ h([
   f("folderId")
 ], o.prototype, "syncBoxes", 1);
 o = h([
-  M("cx-folder-select-tree-item")
+  B("cx-folder-select-tree-item")
 ], o);
-var Se = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Y = (e) => {
+var Ce = Object.defineProperty, De = Object.getOwnPropertyDescriptor, re = (e) => {
   throw TypeError(e);
-}, d = (e, t, s, l) => {
-  for (var a = l > 1 ? void 0 : l ? Te(t, s) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (a = (l ? u(t, s, a) : u(a)) || a);
-  return l && a && Se(t, s, a), a;
-}, ee = (e, t, s) => t.has(e) || Y("Cannot " + s), Fe = (e, t, s) => (ee(e, t, "read from private field"), t.get(e)), Ce = (e, t, s) => t.has(e) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), Ie = (e, t, s, l) => (ee(e, t, "write to private field"), t.set(e, s), s), D;
-let n = class extends U {
+}, d = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? De(t, r) : t, p = e.length - 1, u; p >= 0; p--)
+    (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
+  return a && s && Ce(t, r, s), s;
+}, se = (e, t, r) => t.has(e) || re("Cannot " + r), I = (e, t, r) => (se(e, t, "read from private field"), t.get(e)), j = (e, t, r) => t.has(e) ? re("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), _e = (e, t, r, a) => (se(e, t, "write to private field"), t.set(e, r), r), D, _;
+let n = class extends A {
   constructor() {
-    super(...arguments), this.localize = new L(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = G, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.data = [], this.hasMore = !1, this.loading = !1, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], Ce(this, D, !1);
+    super(...arguments), this.localize = new z(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = W, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.data = [], this.hasMore = !1, this.loading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], j(this, D, !1), j(this, _, /* @__PURE__ */ new Set());
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -365,13 +366,13 @@ let n = class extends U {
   async handleSelectedChange(e) {
     if (this.selection !== "multiple")
       return;
-    const t = e.target, s = t.dataset.id ?? "", l = t.closest(
+    const t = e.target, r = t.dataset.id ?? "", a = t.closest(
       "cx-folder-select-tree-item"
     )?.fullPath;
-    if (await t.updateComplete, !s.trim() || !l?.trim())
+    if (await t.updateComplete, !r.trim() || !a?.trim())
       return;
-    const a = K({ id: s, path: l });
-    t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(a) : this.currentRootIDsSet.delete(a), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
+    const s = M({ id: r, path: a });
+    t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(s) : this.currentRootIDsSet.delete(s), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
   }
   async loadMore(e) {
     if (!this.api)
@@ -379,7 +380,7 @@ let n = class extends U {
     e.stopPropagation();
     const t = this.data.length;
     this.loading = !0;
-    const { data: s, hasMore: l } = await this.api({
+    const { data: r, hasMore: a } = await this.api({
       baseUrl: this.baseUrl,
       bearerToken: this.bearerToken,
       excludeVirtualFolders: this.excludeVirtualFolders,
@@ -390,11 +391,19 @@ let n = class extends U {
       start: t,
       token: this.token
     });
-    this.data = [...this.data, ...s], this.hasMore = l, this.loading = !1;
+    this.data = [...this.data, ...r], this.hasMore = a, this.loading = !1, this.seedSelectionFromValue(r), this.removePreloadedFolders(r);
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
-    Fe(this, D) || e.length > 0 && (this.firstFetchCallback?.(e), Ie(this, D, !0)), this.data = e, this.hasMore = t, this.loading = !1;
+    I(this, D) || (e.length > 0 && this.firstFetchCallback?.(e), _e(this, D, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
+  }
+  async handleSelectedValueChange() {
+    if (!I(this, D))
+      return;
+    const e = new Set(
+      this.selectedValue.split(/[\s,]+/).filter(Boolean)
+    ), t = this.preloadedFolders.filter((r) => e.has(r.id));
+    t.length !== this.preloadedFolders.length && (this.preloadedFolders = t), await this.preloadSelectedFolders();
   }
   async fetchFolders() {
     if (!this.api)
@@ -424,83 +433,160 @@ let n = class extends U {
       hasMore: t
     };
   }
+  handleChildrenLoaded(e) {
+    this.seedSelectionFromValue(e.detail.folders), this.removePreloadedFolders(e.detail.folders);
+  }
+  removePreloadedFolders(e) {
+    if (this.preloadedFolders.length === 0)
+      return;
+    const t = new Set(e.map((a) => a.id)), r = this.preloadedFolders.filter((a) => !t.has(a.id));
+    r.length !== this.preloadedFolders.length && (this.preloadedFolders = r);
+  }
+  async preloadSelectedFolders() {
+    if (this.selection !== "multiple" || !this.selectedValue || !this.api)
+      return;
+    const e = new Set(
+      this.selectedValue.split(/[\s,]+/).filter(Boolean)
+    ), t = /* @__PURE__ */ new Set([
+      ...this.data.map((s) => s.id),
+      ...this.extraFolderData ? [this.extraFolderData.id] : [],
+      ...this.preloadedFolders.map((s) => s.id),
+      ...I(this, _),
+      ...[
+        ...this.querySelectorAll(
+          "cx-folder-select-tree-item"
+        )
+      ].map((s) => s.getAttribute("folder-id") ?? "").filter(Boolean)
+    ]), r = [...e].filter(
+      (s) => !t.has(s)
+    );
+    if (r.length === 0)
+      return;
+    r.forEach((s) => I(this, _).add(s));
+    const a = [];
+    if (await Promise.all(
+      r.map(async (s) => {
+        try {
+          const { data: p } = await this.api({
+            baseUrl: this.baseUrl,
+            bearerToken: this.bearerToken,
+            excludeVirtualFolders: this.excludeVirtualFolders,
+            folderId: s,
+            includeDirectChild: !1,
+            limit: 1,
+            searchTerm: "",
+            seeThru: this.seeThru,
+            self: !0,
+            start: 0,
+            token: this.token
+          });
+          p[0] && a.push(p[0]);
+        } catch {
+        }
+      })
+    ), r.forEach((s) => I(this, _).delete(s)), a.length > 0) {
+      const s = new Set(this.preloadedFolders.map((u) => u.id)), p = a.filter((u) => !s.has(u.id));
+      p.length > 0 && (this.preloadedFolders = [...this.preloadedFolders, ...p].sort(
+        (u, b) => u.title.localeCompare(b.title)
+      ), this.seedSelectionFromValue(p));
+    }
+  }
+  seedSelectionFromValue(e) {
+    if (this.selection !== "multiple" || !this.selectedValue)
+      return;
+    const t = new Set(
+      this.selectedValue.split(/[\s,]+/).map((a) => a.trim()).filter(Boolean)
+    );
+    let r = !1;
+    for (const a of e)
+      if (a.fullPath && t.has(a.id)) {
+        const s = M({ id: a.id, path: a.fullPath });
+        this.currentRootIDsSet.has(s) || (this.currentRootIDsSet.add(s), r = !0);
+      }
+    r && (this.currentRootIDsSet = new Set(this.currentRootIDsSet));
+  }
   renderFolder(e) {
     return m`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${e.hasChildren} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
   }
   render() {
-    return m`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes @cx-selected-change=${this.handleSelectedChange}>${_(
+    return m`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes @cx-selected-change=${this.handleSelectedChange} @cx-folder-select-children-loaded=${this.handleChildrenLoaded}>${w(
       this.empty,
       () => m`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
     )}
-      ${_(
+      ${w(
       this.extraFolderData,
       () => m`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${y(this.extraFolderData?.docType ?? void 0)} folder-id=${y(this.extraFolderData?.id ?? void 0)} full-path=${y(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
     )}
-      ${X(
+      ${G(
       this.data,
       (e) => e.id,
       (e) => this.renderFolder(e)
     )}
-      ${_(
+      ${w(
       this.hasMore,
       () => m`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
-    )}</cx-tree>`;
+    )}</cx-tree>${G(
+      this.preloadedFolders,
+      (e) => `preloaded-${e.id}`,
+      (e) => m`<cx-folder-select-tree-item style=${ge({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${!1} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
+    )}`;
   }
 };
 D = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
 n.dependencies = {
-  "cx-button": J,
+  "cx-button": te,
   "cx-folder-select-tree-item": o,
-  "cx-tree": ne
+  "cx-tree": pe
 };
 d([
-  r({ attribute: "min-query-length", reflect: !0, type: Number })
+  l({ attribute: "min-query-length", reflect: !0, type: Number })
 ], n.prototype, "minQueryLength", 2);
 d([
-  r({ attribute: "selection", reflect: !0, type: String })
+  l({ attribute: "selection", reflect: !0, type: String })
 ], n.prototype, "selection", 2);
 d([
-  r({ attribute: "search-term", reflect: !0, type: String })
+  l({ attribute: "search-term", reflect: !0, type: String })
 ], n.prototype, "searchTerm", 2);
 d([
-  r({ attribute: "selected-value", reflect: !0, type: String })
+  l({ attribute: "selected-value", reflect: !0, type: String })
 ], n.prototype, "selectedValue", 2);
 d([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], n.prototype, "token", 2);
 d([
-  r({ attribute: "bearer-token", reflect: !0, type: String })
+  l({ attribute: "bearer-token", reflect: !0, type: String })
 ], n.prototype, "bearerToken", 2);
 d([
-  r({ attribute: "base-url", reflect: !0, type: String })
+  l({ attribute: "base-url", reflect: !0, type: String })
 ], n.prototype, "baseUrl", 2);
 d([
-  r({ attribute: "extra-folder-id", reflect: !0, type: String })
+  l({ attribute: "extra-folder-id", reflect: !0, type: String })
 ], n.prototype, "extraFolderId", 2);
 d([
-  r({ attribute: "extra-folder-title", reflect: !0, type: String })
+  l({ attribute: "extra-folder-title", reflect: !0, type: String })
 ], n.prototype, "extraFolderTitle", 2);
 d([
-  r({ attribute: "extra-folder-icon", reflect: !0, type: String })
+  l({ attribute: "extra-folder-icon", reflect: !0, type: String })
 ], n.prototype, "extraFolderIcon", 2);
 d([
-  r({ attribute: "see-thru", reflect: !0, type: Boolean })
+  l({ attribute: "see-thru", reflect: !0, type: Boolean })
 ], n.prototype, "seeThru", 2);
 d([
   x()
 ], n.prototype, "extraFolderData", 2);
 d([
-  r({ type: Function })
+  l({ type: Function })
 ], n.prototype, "api", 2);
 d([
-  r({
+  l({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
 ], n.prototype, "excludeVirtualFolders", 2);
 d([
-  r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
+  l({ attribute: "first-fetch-callback", reflect: !1, type: Function })
 ], n.prototype, "firstFetchCallback", 2);
 d([
   x()
@@ -511,6 +597,9 @@ d([
 d([
   x()
 ], n.prototype, "loading", 2);
+d([
+  x()
+], n.prototype, "preloadedFolders", 2);
 d([
   x()
 ], n.prototype, "currentRootIDsSet", 2);
@@ -525,33 +614,36 @@ d([
   f("token", { waitUntilFirstUpdate: !0 }),
   f("searchTerm", { waitUntilFirstUpdate: !0 }),
   f("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  fe(500)
+  xe(500)
 ], n.prototype, "handleFetchFolders", 1);
+d([
+  f("selectedValue", { waitUntilFirstUpdate: !0 })
+], n.prototype, "handleSelectedValueChange", 1);
 n = d([
-  M("cx-folder-select-tree")
+  B("cx-folder-select-tree")
 ], n);
-const _e = pe`: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 De = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, te = (e) => {
+const ke = me`: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 we = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, le = (e) => {
   throw TypeError(e);
-}, c = (e, t, s, l) => {
-  for (var a = l > 1 ? void 0 : l ? ke(t, s) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (a = (l ? u(t, s, a) : u(a)) || a);
-  return l && a && De(t, s, a), a;
-}, re = (e, t, s) => t.has(e) || te("Cannot " + s), q = (e, t, s) => (re(e, t, "read from private field"), s ? s.call(e) : t.get(e)), we = (e, t, s) => t.has(e) ? te("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), Q = (e, t, s, l) => (re(e, t, "write to private field"), t.set(e, s), s), T;
-let i = class extends U {
+}, c = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ve(t, r) : t, p = e.length - 1, u; p >= 0; p--)
+    (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
+  return a && s && we(t, r, s), s;
+}, ae = (e, t, r) => t.has(e) || le("Cannot " + r), Z = (e, t, r) => (ae(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? le("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), J = (e, t, r, a) => (ae(e, t, "write to private field"), t.set(e, r), r), F;
+let i = class extends A {
   constructor() {
-    super(), this.localize = new L(this), this.minQueryLength = 1, this.selection = "single", this.variant = C.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = G, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.firstFetchCallback = null, this.searchTerm = "", we(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 z(this), this.minQueryLength = 1, this.selection = "single", this.variant = C.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = W, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.firstFetchCallback = null, this.searchTerm = "", Oe(this, F), 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) {
-      Q(this, T, void 0);
+      J(this, F, void 0);
       return;
     }
-    Q(this, T, async (e) => {
+    J(this, F, async (e) => {
       try {
         return await this.api(e);
       } catch (t) {
-        return t instanceof de && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
+        return t instanceof fe && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
       }
     });
   }
@@ -589,17 +681,17 @@ let i = class extends U {
     ), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.selectEl.displayLabel = this.searchTerm);
   }
   selectGetOptionValue(e) {
-    return !e || !(e instanceof g) ? this.value : e.dataset.id || this.value;
+    return !e || !(e instanceof $) ? this.value : e.dataset.id || this.value;
   }
   selectGetOptionLabel(e) {
-    return !e || !(e instanceof g) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
+    return !e || !(e instanceof $) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
   }
   selectGetOptionSelected(e) {
-    if (!(!e || !(e instanceof g)))
+    if (!(!e || !(e instanceof $)))
       return e.selected;
   }
   selectFilterCallback(e) {
-    return !(!e || !(e instanceof g));
+    return !(!e || !(e instanceof $));
   }
   /**
    * Custom tag renderer for cx-select multi mode. Identical visuals to the
@@ -615,12 +707,12 @@ let i = class extends U {
           content:tag__content,
           remove-button:tag__remove-button,
           remove-button__base:tag__remove-button__base
-        " removable @cx-remove=${(s) => {
-      s.stopPropagation(), e instanceof g && (e.selected = !1);
+        " removable @cx-remove=${(r) => {
+      r.stopPropagation(), e instanceof $ && (e.selected = !1);
     }}><cx-line-clamp lines="1">${this.selectGetOptionLabel(e)}</cx-line-clamp></cx-tag>`;
   }
   selectSetOptionSelected(e, t) {
-    if (!(!e || !(e instanceof g)) && this.selection !== "multiple") {
+    if (!(!e || !(e instanceof $)) && this.selection !== "multiple") {
       if (t === void 0) {
         e.selected = !e.selected;
         return;
@@ -647,103 +739,103 @@ let i = class extends U {
     this.selectEl && (this.searchTerm = "", this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.getTag = this.selectGetTag, this.selectEl.handleDefaultSlotChange());
   }
   render() {
-    return m`<div class="folder-select">${ue(this.variant, [
+    return m`<div class="folder-select">${ye(this.variant, [
       [
         C.Input,
-        () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${q(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${Z(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
         C.Select,
-        () => m`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${q(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
+        () => m`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${Z(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
     ])}</div>`;
   }
 };
-T = /* @__PURE__ */ new WeakMap();
-i.styles = [j, _e];
+F = /* @__PURE__ */ new WeakMap();
+i.styles = [Y, ke];
 i.dependencies = {
   "cx-folder-select-tree": n,
-  "cx-icon": N,
-  "cx-input": ie,
-  "cx-line-clamp": H,
-  "cx-select": oe,
-  "cx-tag": ce
+  "cx-icon": K,
+  "cx-input": ce,
+  "cx-line-clamp": X,
+  "cx-select": he,
+  "cx-tag": de
 };
 c([
-  Z("cx-select")
+  ee("cx-select")
 ], i.prototype, "selectEl", 2);
 c([
-  r({ attribute: "min-query-length", reflect: !0, type: Number })
+  l({ attribute: "min-query-length", reflect: !0, type: Number })
 ], i.prototype, "minQueryLength", 2);
 c([
-  r({ attribute: "selection", reflect: !0, type: String })
+  l({ attribute: "selection", reflect: !0, type: String })
 ], i.prototype, "selection", 2);
 c([
-  r({ attribute: "variant", reflect: !0, type: String })
+  l({ attribute: "variant", reflect: !0, type: String })
 ], i.prototype, "variant", 2);
 c([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], i.prototype, "value", 2);
 c([
-  r({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], i.prototype, "name", 2);
 c([
-  r({ attribute: "selected-label", reflect: !0, type: String })
+  l({ attribute: "selected-label", reflect: !0, type: String })
 ], i.prototype, "selectedLabel", 2);
 c([
-  r({ attribute: "base-url", reflect: !0, type: String })
+  l({ attribute: "base-url", reflect: !0, type: String })
 ], i.prototype, "baseUrl", 2);
 c([
-  r({ reflect: !0, type: Boolean })
+  l({ reflect: !0, type: Boolean })
 ], i.prototype, "open", 2);
 c([
-  r({ reflect: !1, type: String })
+  l({ reflect: !1, type: String })
 ], i.prototype, "token", 2);
 c([
-  r({ attribute: "bearer-token", reflect: !0, type: String })
+  l({ attribute: "bearer-token", reflect: !0, type: String })
 ], i.prototype, "bearerToken", 2);
 c([
-  r({ attribute: "see-thru", reflect: !0, type: Boolean })
+  l({ attribute: "see-thru", reflect: !0, type: Boolean })
 ], i.prototype, "seeThru", 2);
 c([
-  r({ type: Function })
+  l({ type: Function })
 ], i.prototype, "api", 2);
 c([
-  r({ reflect: !0, type: Boolean })
+  l({ reflect: !0, type: Boolean })
 ], i.prototype, "required", 2);
 c([
-  r({ reflect: !1 })
+  l({ reflect: !1 })
 ], i.prototype, "form", 2);
 c([
-  r({
+  l({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
 ], i.prototype, "excludeVirtualFolders", 2);
 c([
-  r({
+  l({
     attribute: "extra-folder-id",
     reflect: !0,
     type: String
   })
 ], i.prototype, "extraFolderId", 2);
 c([
-  r({
+  l({
     attribute: "extra-folder-title",
     reflect: !0,
     type: String
   })
 ], i.prototype, "extraFolderTitle", 2);
 c([
-  r({
+  l({
     attribute: "extra-folder-icon",
     reflect: !0,
     type: String
   })
 ], i.prototype, "extraFolderIcon", 2);
 c([
-  r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
+  l({ attribute: "first-fetch-callback", reflect: !1, type: Function })
 ], i.prototype, "firstFetchCallback", 2);
 c([
   x()
@@ -765,10 +857,10 @@ c([
   f("value", { waitUntilFirstUpdate: !0 })
 ], i.prototype, "handleValueChange", 1);
 i = c([
-  M("cx-folder-select")
+  B("cx-folder-select")
 ], i);
 export {
   i as C,
   C as F,
-  G as a
+  W as a
 };