@orangelogic/design-system 2.127.0 → 2.129.0

package/library/chunks/{folder-select.CDFQfcrG.js → folder-select.DMpO7oQF.js}

@@ -1,47 +1,47 @@
-import { C as K } from "./icon.DnBh6-56.js";
-import { C as ce } from "./input.BRgVRr2i.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.CbeHY8pn.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.NAH4U8Lw.js";
+import { C as Y } from "./icon.DnBh6-56.js";
+import { C as de } from "./input.BRgVRr2i.js";
+import ee from "../components/line-clamp.js";
+import pe from "../components/select.js";
+import ue from "../components/tag.js";
+import { C as S, a as fe } from "./tree.CbeHY8pn.js";
+import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";
+import { h as L, F as me, c as ye } from "./endpoints.6E17hFiK.js";
+import { M as P } from "./asset-link-format.QzzboHHE.js";
+import { c as te } from "./component.styles.CRO4Odto.js";
+import { c as W } from "./custom-element.L4WJXn1j.js";
+import { L as q } from "./i18n.NAH4U8Lw.js";
 import { w as f } from "./watch.CThbualB.js";
-import { x as m, i as me } from "./lit-element.jLBm65_O.js";
+import { x as m, i as xe } from "./lit-element.jLBm65_O.js";
 import { r as x } from "./state.CSDxrqLd.js";
-import { e as ee } from "./query.BBf1UFkC.js";
-import { r as ye } from "./choose.BTbF6BAn.js";
-import { C as te } from "./button.DcInI7IV.js";
-import { d as xe } from "./debounce.DaHuiSGU.js";
-import { g as M, p as N, e as be } from "./string.CbnVBzsd.js";
+import { e as re } from "./query.BBf1UFkC.js";
+import { r as ge } from "./choose.BTbF6BAn.js";
+import { C as se } from "./button.DcInI7IV.js";
+import { d as be } from "./debounce.DaHuiSGU.js";
+import { g as G, p as Z, e as $e } from "./string.CbnVBzsd.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";
-import { c as G } from "./repeat.DbF2p5ae.js";
-import { o as ge } from "./style-map.llVFPd__.js";
+import { c as A } from "./repeat.DbF2p5ae.js";
+import { o as Se } from "./style-map.llVFPd__.js";
 import { n as w } from "./when.Dr1es41R.js";
-import $e from "../components/space.js";
-import { g as ve } from "./template.ClovJacp.js";
-import { e as Se } from "./class-map.BiVq-cVR.js";
+import ve from "../components/space.js";
+import { g as Fe } from "./template.ClovJacp.js";
+import { e as Te } from "./class-map.BiVq-cVR.js";
 var 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 Fe = 50;
-async function W({
+const Ie = 50;
+async function H({
   allowedFolders: e,
   baseUrl: t,
   bearerToken: r,
   excludeVirtualFolders: a,
   folderId: s,
   includeDirectChild: p,
-  limit: u = Fe,
-  searchTerm: b,
-  self: T,
-  start: q = 0,
-  token: ie
+  limit: u = Ie,
+  searchTerm: g,
+  self: C,
+  start: N = 0,
+  token: ne
 }) {
   let O = [], Q = p ?? !0;
-  e && e.length > 0 && !s ? (O = e, T = !0, Q = !1) : s && (O = [s]);
+  e && e.length > 0 && !s ? (O = e, C = !0, Q = !1) : s && (O = [s]);
   try {
     return (await L.request({
       baseURL: t,
@@ -54,11 +54,11 @@ async function W({
         IncludeVirtualFolders: !a,
         Limit: u,
         ObjectRecordIDs: O,
-        SeeThru: !!b,
-        Self: T,
-        Start: q,
-        Text: b || void 0,
-        Token: ie || void 0
+        SeeThru: !!g,
+        Self: C,
+        Start: N,
+        Text: g || void 0,
+        Token: ne || void 0
       },
       paramsSerializer: {
         indexes: null
@@ -66,36 +66,36 @@ async function W({
       responseType: "json",
       transformResponse: [
         ...Array.isArray(L.defaults.transformResponse) ? L.defaults.transformResponse : [],
-        (S, Pe, P) => {
-          if (P !== void 0 && (P < 200 || P >= 300))
+        (F, Re, R) => {
+          if (R !== void 0 && (R < 200 || R >= 300))
             return {
               data: [],
               hasMore: !1,
               totalCount: 0
             };
-          if (!S || typeof S != "object")
+          if (!F || typeof F != "object")
             throw new Error("Invalid response format");
-          const ne = S.contentItems?.length ?? 0;
+          const he = F.contentItems?.length ?? 0;
           return {
-            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
+            data: F.contentItems?.map((b) => {
+              const E = b.fields[v.DocType] ?? "", U = b.fields[v.TitleWithFallback] ?? "", k = b.fields[v.CortexPath] ?? "", M = k.endsWith("/") && k.length > 1 ? k.slice(0, -1) : k;
+              let j = M;
+              return (E === P.Album || E === P.ProjectDocument) && (j = M ? `${M}/${U}` : U), {
+                docType: E,
+                fullPath: j,
+                hasChildren: b.fields[v.HasBrowserChildren] === "1",
+                id: b.recordID,
+                isShared: b.fields[v.rawDocSubtype] === "DO_OR1ND000001913488",
+                representativeAssetId: b.fields[v.RepresentativeAssetId] ?? "",
+                title: U
               };
             }) ?? [],
-            hasMore: q + ne < S.totalCount,
-            totalCount: S.totalCount
+            hasMore: N + he < F.totalCount,
+            totalCount: F.totalCount
           };
         }
       ],
-      url: ue
+      url: me
     })).data;
   } catch {
     return {
@@ -105,14 +105,14 @@ async function W({
     };
   }
 }
-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--)
+var _ = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(_ || {}), Ce = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, d = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? _e(t, r) : t, p = e.length - 1, u; p >= 0; p--)
     (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
-  return a && s && Te(t, r, s), s;
+  return a && s && Ce(t, r, s), s;
 };
-let o = class extends A {
+let o = class extends B {
   constructor() {
-    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;
+    super(...arguments), this.localize = new q(this), this.role = "treeitem", this.disabledSyncCheckboxes = !0, this.folderId = "", this.hasChildren = !1, this.selectable = !1, this.fullPath = "", this.docType = P.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.selection = "single", this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.token = "", this.bearerToken = "", this.baseUrl = "", this.searchTerm = "", this.api = H, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.data = null, this.hasMore = !1, this.loading = !1;
   }
   /**
    * This is used to render the cx-tree-item inside the cx-folder-item without the shadow root so that the cx-tree can query select the cx-tree-item inside
@@ -183,15 +183,15 @@ let o = class extends A {
   async syncBoxes() {
     if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem))
       return;
-    const e = this.fullPath, t = M({ id: this.folderId, path: e }), r = N(e), a = this.currentRootIDsSet.has(t);
+    const e = this.fullPath, t = G({ id: this.folderId, path: e }), r = Z(e), a = this.currentRootIDsSet.has(t);
     let s = !1;
     if (e)
       for (const u of this.currentRootIDsSet) {
-        const b = be(u);
-        if (!b.path.trim() || !b.id.trim())
+        const g = $e(u);
+        if (!g.path.trim() || !g.id.trim())
           continue;
-        const T = N(b.path);
-        if (T.startsWith(r) && T !== r) {
+        const C = Z(g.path);
+        if (C.startsWith(r) && C !== r) {
           s = !0;
           break;
         }
@@ -201,125 +201,125 @@ let o = class extends A {
   }
   render() {
     let e = "filled";
-    return this.docType === V.Album && (e = "outlined"), m`<cx-tree-item class=${Se({
+    return this.docType === P.Album && (e = "outlined"), m`<cx-tree-item class=${Te({
       "folder-select-tree-item": !0
     })} data-id=${this.folderId} data-url=${y(this.url)} data-name=${y(this.name?.trim() || void 0)} data-representative-asset-id=${y(
       this.representativeAssetId || void 0
-    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap"><cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${e}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${ve(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${G(
+    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap"><cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${e}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${Fe(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${A(
       this.data || [],
       (t) => t.id,
       (t) => m`<cx-folder-select-tree-item slot="children" folder-id=${t.id} full-path=${t.fullPath} name=${t.title} representative-asset-id=${t.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${t.hasChildren} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${y(t.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${t.url}></cx-folder-select-tree-item>`
-    )}</cx-tree-item>${w(
+    )}
+        ${w(
       this.hasMore,
       () => m`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
-    )}
-    `;
+    )}</cx-tree-item>`;
   }
 };
-o.styles = [Y];
+o.styles = [te];
 o.dependencies = {
-  "cx-button": te,
-  "cx-icon": K,
-  "cx-line-clamp": X,
-  "cx-space": $e,
-  "cx-tree-item": $
+  "cx-button": se,
+  "cx-icon": Y,
+  "cx-line-clamp": ee,
+  "cx-space": ve,
+  "cx-tree-item": S
 };
-h([
-  ee("cx-tree-item")
+d([
+  re("cx-tree-item")
 ], o.prototype, "treeItem", 2);
-h([
+d([
   l({ attribute: "folder-id", reflect: !0, type: String })
 ], o.prototype, "folderId", 2);
-h([
+d([
   l({ attribute: "has-children", reflect: !0, type: Boolean })
 ], o.prototype, "hasChildren", 2);
-h([
+d([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "selectable", 2);
-h([
+d([
   l({ attribute: "full-path", reflect: !0, type: String })
 ], o.prototype, "fullPath", 2);
-h([
+d([
   l({ attribute: "doc-type", reflect: !0, type: String })
 ], o.prototype, "docType", 2);
-h([
+d([
   l({ reflect: !0, type: String })
 ], o.prototype, "name", 2);
-h([
+d([
   l({
     attribute: "representative-asset-id",
     reflect: !0,
     type: String
   })
 ], o.prototype, "representativeAssetId", 2);
-h([
+d([
   l({ attribute: "selected-value", reflect: !0, type: String })
 ], o.prototype, "selectedValue", 2);
-h([
+d([
   l({ attribute: "selection", reflect: !0, type: String })
 ], o.prototype, "selection", 2);
-h([
+d([
   l({ attribute: !1, type: Object })
 ], o.prototype, "currentRootIDsSet", 2);
-h([
+d([
   l({ attribute: !1, type: Array })
 ], o.prototype, "removedIDs", 2);
-h([
+d([
   l({ reflect: !0, type: String })
 ], o.prototype, "token", 2);
-h([
+d([
   l({ attribute: "bearer-token", reflect: !0, type: String })
 ], o.prototype, "bearerToken", 2);
-h([
+d([
   l({ attribute: "base-url", reflect: !0, type: String })
 ], o.prototype, "baseUrl", 2);
-h([
+d([
   l({ attribute: "search-term", reflect: !0, type: String })
 ], o.prototype, "searchTerm", 2);
-h([
+d([
   l({ type: Function })
 ], o.prototype, "api", 2);
-h([
+d([
   l({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
 ], o.prototype, "excludeVirtualFolders", 2);
-h([
+d([
   l({ reflect: !0, type: String })
 ], o.prototype, "url", 2);
-h([
+d([
   l({ reflect: !0, type: String })
 ], o.prototype, "icon", 2);
-h([
+d([
   x()
 ], o.prototype, "data", 2);
-h([
+d([
   x()
 ], o.prototype, "hasMore", 2);
-h([
+d([
   x()
 ], o.prototype, "loading", 2);
-h([
+d([
   f("currentRootIDsSet"),
   f("removedIDs"),
   f("fullPath"),
   f("folderId")
 ], o.prototype, "syncBoxes", 1);
-o = h([
-  B("cx-folder-select-tree-item")
+o = d([
+  W("cx-folder-select-tree-item")
 ], o);
-var Ce = Object.defineProperty, De = Object.getOwnPropertyDescriptor, re = (e) => {
+var De = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, le = (e) => {
   throw TypeError(e);
-}, 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--)
+}, h = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? ke(t, r) : t, p = e.length - 1, u; p >= 0; p--)
     (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
-  return a && s && 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 {
+  return a && s && De(t, r, s), s;
+}, ae = (e, t, r) => t.has(e) || le("Cannot " + r), $ = (e, t, r) => (ae(e, t, "read from private field"), t.get(e)), z = (e, t, r) => t.has(e) ? le("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), J = (e, t, r, a) => (ae(e, t, "write to private field"), t.set(e, r), r), T, V, D;
+let n = class extends B {
   constructor() {
-    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());
+    super(...arguments), this.localize = new q(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = H, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], z(this, T, !1), z(this, V, 10), z(this, D, /* @__PURE__ */ new Set());
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -330,8 +330,19 @@ let n = class extends A {
   createRenderRoot() {
     return this;
   }
+  computeInitialLimit() {
+    const t = this.getRootNode();
+    let r = t instanceof ShadowRoot ? t.host : this.parentElement;
+    for (; r; ) {
+      if (r instanceof HTMLElement && r.offsetHeight > 0)
+        return Math.max(10, Math.ceil(r.offsetHeight / 32) + 2);
+      const a = r.getRootNode();
+      r = a instanceof ShadowRoot ? a.host : r.parentElement;
+    }
+    return 10;
+  }
   runFirstUpdated() {
-    this.searchTerm = "", this.handleFetchFolders();
+    this.searchTerm = "", this.autoPageSize && J(this, V, this.computeInitialLimit()), this.handleFetchFolders();
   }
   async handleExtraFolderIdChange() {
     if (!this.extraFolderId || !this.api) {
@@ -371,7 +382,7 @@ let n = class extends A {
     )?.fullPath;
     if (await t.updateComplete, !r.trim() || !a?.trim())
       return;
-    const s = M({ id: r, path: a });
+    const s = G({ id: r, path: a });
     t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(s) : this.currentRootIDsSet.delete(s), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
   }
   async loadMore(e) {
@@ -395,10 +406,10 @@ let n = class extends A {
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
-    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();
+    $(this, T) || (e.length > 0 && this.firstFetchCallback?.(e), J(this, T, !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))
+    if (!$(this, T))
       return;
     const e = new Set(
       this.selectedValue.split(/[\s,]+/).filter(Boolean)
@@ -422,7 +433,7 @@ let n = class extends A {
       bearerToken: this.bearerToken,
       excludeVirtualFolders: this.excludeVirtualFolders,
       folderId: "",
-      limit: 10,
+      limit: $(this, T) ? 10 : $(this, V),
       searchTerm: this.searchTerm,
       seeThru: this.seeThru,
       start: 0,
@@ -451,7 +462,7 @@ let n = class extends A {
       ...this.data.map((s) => s.id),
       ...this.extraFolderData ? [this.extraFolderData.id] : [],
       ...this.preloadedFolders.map((s) => s.id),
-      ...I(this, _),
+      ...$(this, D),
       ...[
         ...this.querySelectorAll(
           "cx-folder-select-tree-item"
@@ -462,7 +473,7 @@ let n = class extends A {
     );
     if (r.length === 0)
       return;
-    r.forEach((s) => I(this, _).add(s));
+    r.forEach((s) => $(this, D).add(s));
     const a = [];
     if (await Promise.all(
       r.map(async (s) => {
@@ -484,10 +495,10 @@ let n = class extends A {
         } catch {
         }
       })
-    ), r.forEach((s) => I(this, _).delete(s)), a.length > 0) {
+    ), r.forEach((s) => $(this, D).delete(s)), a.length > 0) {
       const s = new Set(this.preloadedFolders.map((u) => u.id)), p = a.filter((u) => !s.has(u.id));
       p.length > 0 && (this.preloadedFolders = [...this.preloadedFolders, ...p].sort(
-        (u, b) => u.title.localeCompare(b.title)
+        (u, g) => u.title.localeCompare(g.title)
       ), this.seedSelectionFromValue(p));
     }
   }
@@ -500,7 +511,7 @@ let n = class extends A {
     let r = !1;
     for (const a of e)
       if (a.fullPath && t.has(a.id)) {
-        const s = M({ id: a.id, path: a.fullPath });
+        const s = G({ id: a.id, path: a.fullPath });
         this.currentRootIDsSet.has(s) || (this.currentRootIDsSet.add(s), r = !0);
       }
     r && (this.currentRootIDsSet = new Set(this.currentRootIDsSet));
@@ -517,7 +528,7 @@ let n = class extends A {
       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>`
     )}
-      ${G(
+      ${A(
       this.data,
       (e) => e.id,
       (e) => this.renderFolder(e)
@@ -525,125 +536,129 @@ let n = class extends A {
       ${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>${G(
+    )}</cx-tree>${A(
       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>`
+      (e) => m`<cx-folder-select-tree-item style=${Se({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${!1} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
     )}`;
   }
 };
+T = /* @__PURE__ */ new WeakMap();
+V = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
-_ = /* @__PURE__ */ new WeakMap();
 n.dependencies = {
-  "cx-button": te,
+  "cx-button": se,
   "cx-folder-select-tree-item": o,
-  "cx-tree": pe
+  "cx-tree": fe
 };
-d([
+h([
   l({ attribute: "min-query-length", reflect: !0, type: Number })
 ], n.prototype, "minQueryLength", 2);
-d([
+h([
   l({ attribute: "selection", reflect: !0, type: String })
 ], n.prototype, "selection", 2);
-d([
+h([
   l({ attribute: "search-term", reflect: !0, type: String })
 ], n.prototype, "searchTerm", 2);
-d([
+h([
   l({ attribute: "selected-value", reflect: !0, type: String })
 ], n.prototype, "selectedValue", 2);
-d([
+h([
   l({ reflect: !0, type: String })
 ], n.prototype, "token", 2);
-d([
+h([
   l({ attribute: "bearer-token", reflect: !0, type: String })
 ], n.prototype, "bearerToken", 2);
-d([
+h([
   l({ attribute: "base-url", reflect: !0, type: String })
 ], n.prototype, "baseUrl", 2);
-d([
+h([
   l({ attribute: "extra-folder-id", reflect: !0, type: String })
 ], n.prototype, "extraFolderId", 2);
-d([
+h([
   l({ attribute: "extra-folder-title", reflect: !0, type: String })
 ], n.prototype, "extraFolderTitle", 2);
-d([
+h([
   l({ attribute: "extra-folder-icon", reflect: !0, type: String })
 ], n.prototype, "extraFolderIcon", 2);
-d([
+h([
   l({ attribute: "see-thru", reflect: !0, type: Boolean })
 ], n.prototype, "seeThru", 2);
-d([
+h([
   x()
 ], n.prototype, "extraFolderData", 2);
-d([
+h([
   l({ type: Function })
 ], n.prototype, "api", 2);
-d([
+h([
   l({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
 ], n.prototype, "excludeVirtualFolders", 2);
-d([
+h([
   l({ attribute: "first-fetch-callback", reflect: !1, type: Function })
 ], n.prototype, "firstFetchCallback", 2);
-d([
+h([
+  l({ attribute: "auto-page-size", reflect: !0, type: Boolean })
+], n.prototype, "autoPageSize", 2);
+h([
   x()
 ], n.prototype, "data", 2);
-d([
+h([
   x()
 ], n.prototype, "hasMore", 2);
-d([
+h([
   x()
 ], n.prototype, "loading", 2);
-d([
+h([
   x()
 ], n.prototype, "preloadedFolders", 2);
-d([
+h([
   x()
 ], n.prototype, "currentRootIDsSet", 2);
-d([
+h([
   x()
 ], n.prototype, "removedIDs", 2);
-d([
+h([
   f("extraFolderId")
 ], n.prototype, "handleExtraFolderIdChange", 1);
-d([
+h([
   f("baseUrl", { waitUntilFirstUpdate: !0 }),
   f("token", { waitUntilFirstUpdate: !0 }),
   f("searchTerm", { waitUntilFirstUpdate: !0 }),
   f("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  xe(500)
+  be(500)
 ], n.prototype, "handleFetchFolders", 1);
-d([
+h([
   f("selectedValue", { waitUntilFirstUpdate: !0 })
 ], n.prototype, "handleSelectedValueChange", 1);
-n = d([
-  B("cx-folder-select-tree")
+n = h([
+  W("cx-folder-select-tree")
 ], n);
-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) => {
+const we = xe`:host{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.folder-select__search{flex-shrink:0}.folder-select__tree{flex-direction:column;flex:1;min-height:0;display:flex}.folder-select-tree{flex:1;min-height:0;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
+var Ve = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, ie = (e) => {
   throw TypeError(e);
 }, c = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ve(t, r) : t, p = e.length - 1, u; p >= 0; p--)
+  for (var s = a > 1 ? void 0 : a ? Pe(t, r) : t, p = e.length - 1, u; p >= 0; p--)
     (u = e[p]) && (s = (a ? u(t, r, s) : u(s)) || s);
-  return a && s && 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 {
+  return a && s && Ve(t, r, s), s;
+}, oe = (e, t, r) => t.has(e) || ie("Cannot " + r), K = (e, t, r) => (oe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? ie("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), X = (e, t, r, a) => (oe(e, t, "write to private field"), t.set(e, r), r), I;
+let i = class extends B {
   constructor() {
-    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();
+    super(), this.localize = new q(this), this.minQueryLength = 1, this.selection = "single", this.variant = _.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = H, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", Oe(this, I), 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) {
-      J(this, F, void 0);
+      X(this, I, void 0);
       return;
     }
-    J(this, F, async (e) => {
+    X(this, I, async (e) => {
       try {
         return await this.api(e);
       } catch (t) {
-        return t instanceof fe && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
+        return t instanceof ye && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
       }
     });
   }
@@ -681,17 +696,17 @@ let i = class extends A {
     ), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.selectEl.displayLabel = this.searchTerm);
   }
   selectGetOptionValue(e) {
-    return !e || !(e instanceof $) ? this.value : e.dataset.id || this.value;
+    return !e || !(e instanceof S) ? this.value : e.dataset.id || this.value;
   }
   selectGetOptionLabel(e) {
-    return !e || !(e instanceof $) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
+    return !e || !(e instanceof S) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
   }
   selectGetOptionSelected(e) {
-    if (!(!e || !(e instanceof $)))
+    if (!(!e || !(e instanceof S)))
       return e.selected;
   }
   selectFilterCallback(e) {
-    return !(!e || !(e instanceof $));
+    return !(!e || !(e instanceof S));
   }
   /**
    * Custom tag renderer for cx-select multi mode. Identical visuals to the
@@ -708,11 +723,11 @@ let i = class extends A {
           remove-button:tag__remove-button,
           remove-button__base:tag__remove-button__base
         " removable @cx-remove=${(r) => {
-      r.stopPropagation(), e instanceof $ && (e.selected = !1);
+      r.stopPropagation(), e instanceof S && (e.selected = !1);
     }}><cx-line-clamp lines="1">${this.selectGetOptionLabel(e)}</cx-line-clamp></cx-tag>`;
   }
   selectSetOptionSelected(e, t) {
-    if (!(!e || !(e instanceof $)) && this.selection !== "multiple") {
+    if (!(!e || !(e instanceof S)) && this.selection !== "multiple") {
       if (t === void 0) {
         e.selected = !e.selected;
         return;
@@ -733,36 +748,36 @@ let i = class extends A {
     }
   }
   async handleVariantChange() {
-    this.variant === C.Select && (await this.updateComplete, this.updateFunctionProps());
+    this.variant === _.Select && (await this.updateComplete, this.updateFunctionProps());
   }
   handleValueChange() {
     this.selectEl && (this.searchTerm = "", this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.getTag = this.selectGetTag, this.selectEl.handleDefaultSlotChange());
   }
   render() {
-    return m`<div class="folder-select">${ye(this.variant, [
+    return m`<div class="folder-select">${ge(this.variant, [
       [
-        C.Input,
-        () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${Z(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        _.Input,
+        () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .api=${K(this, I)} .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=${Z(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
+        _.Select,
+        () => m`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .api=${K(this, I)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
     ])}</div>`;
   }
 };
-F = /* @__PURE__ */ new WeakMap();
-i.styles = [Y, ke];
+I = /* @__PURE__ */ new WeakMap();
+i.styles = [te, we];
 i.dependencies = {
   "cx-folder-select-tree": n,
-  "cx-icon": K,
-  "cx-input": ce,
-  "cx-line-clamp": X,
-  "cx-select": he,
-  "cx-tag": de
+  "cx-icon": Y,
+  "cx-input": de,
+  "cx-line-clamp": ee,
+  "cx-select": pe,
+  "cx-tag": ue
 };
 c([
-  ee("cx-select")
+  re("cx-select")
 ], i.prototype, "selectEl", 2);
 c([
   l({ attribute: "min-query-length", reflect: !0, type: Number })
@@ -834,6 +849,9 @@ c([
     type: String
   })
 ], i.prototype, "extraFolderIcon", 2);
+c([
+  l({ attribute: "auto-page-size", reflect: !0, type: Boolean })
+], i.prototype, "autoPageSize", 2);
 c([
   l({ attribute: "first-fetch-callback", reflect: !1, type: Function })
 ], i.prototype, "firstFetchCallback", 2);
@@ -857,10 +875,10 @@ c([
   f("value", { waitUntilFirstUpdate: !0 })
 ], i.prototype, "handleValueChange", 1);
 i = c([
-  B("cx-folder-select")
+  W("cx-folder-select")
 ], i);
 export {
   i as C,
-  C as F,
-  W as a
+  _ as F,
+  H as a
 };