@orangelogic/design-system 4.19.0 → 4.21.0

package/library/chunks/{config-manager.DGW1KEBN.js → config-manager.CN_u-UFw.js}

@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.F15zfy2d.js";
 import { t as S } from "./tooltip.EVa9qa8X.js";
 import { t as ee } from "./line-clamp.DUw4HDNG.js";
-import { C as te, D as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, o as pe, r as me, s as he, t as C, v as w, w as T, x as E, y as D } from "./config-manager.utils.CpAKaNf4.js";
+import { C as te, D as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, o as pe, r as me, s as he, t as C, v as w, w as T, x as E, y as D } from "./config-manager.utils.C_nIDsZ5.js";
 import { t as O } from "./typography.B0mkhqTB.js";
 import { t as k } from "./button-group.CPfXrqyq.js";
 import { t as A } from "./card.3c-X4hqR.js";
@@ -53,7 +53,7 @@ import { n as Ue, t as U } from "./confirm-popover.B60_VW9E.js";
 import { t as We } from "./corner-position-input-group.BVPOtopa.js";
 import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
 import { t as Ge } from "./dynamic-select.C7bnEwn9.js";
-import { r as G } from "./folder-select.CmyEyzfA.js";
+import { r as G } from "./folder-select.DZ27acgw.js";
 import { t as Ke } from "./choose.C2vpqhLc.js";
 import { t as qe } from "./padding-input-group.DYHH1M0o.js";
 import { t as Je } from "./position-picker.B3klGTsy.js";
@@ -63,7 +63,7 @@ import { T as K } from "./asset-link-format.B-wi80wk.js";
 import { n as Ze } from "./_baseXor.Ca5K0ORC.js";
 import { n as Qe, s as $e, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
 import { i as et } from "./_baseClone.CnI5Vpqn.js";
-import { C as tt, i as nt, o as J, t as rt } from "./configs-controller.DX8-bPEZ.js";
+import { C as tt, i as nt, o as J, t as rt } from "./configs-controller.Dea3OymR.js";
 import { t as it } from "./isEmpty.D3QQduJ5.js";
 import { i as at } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../node_modules/lodash-es/difference.js

package/library/chunks/{config-manager.utils.CpAKaNf4.js → config-manager.utils.C_nIDsZ5.js}

@@ -70,7 +70,7 @@ import { n as gt, t as _t } from "./confirm-popover.B60_VW9E.js";
 import { t as vt } from "./corner-position-input-group.BVPOtopa.js";
 import { t as yt } from "./cropper.D4ymxgab.js";
 import { t as bt } from "./dynamic-select.C7bnEwn9.js";
-import { i as xt, n as P, r as St, t as F } from "./folder-select.CmyEyzfA.js";
+import { i as xt, n as P, r as St, t as F } from "./folder-select.DZ27acgw.js";
 import { t as Ct } from "./choose.C2vpqhLc.js";
 import { t as wt } from "./masonry.MH1B7um_.js";
 import { t as Tt } from "./padding-input-group.DYHH1M0o.js";
@@ -79,7 +79,7 @@ import { t as Dt } from "./shadow-input-group.ClTseaRz.js";
 import { t as Ot } from "./size-input-group.D9EWFcr7.js";
 import { C as kt, S as At, T as jt, _ as Mt, b as Nt, c as Pt, f as Ft, g as It, h as Lt, i as Rt, l as zt, n as Bt, o as Vt, p as Ht, r as Ut, s as Wt, t as Gt, u as Kt, v as qt, w as Jt, x as Yt, y as Xt } from "./asset-link-format.B-wi80wk.js";
 import { c as Zt, d as Qt, f as $t, n as en, u as tn } from "./color-swatch-group.WMinusvs.js";
-import { B as nn, C as rn, H as an, J as on, P as sn, Q as cn, R as ln, U as un, V as dn, X as fn, Y as I, Z as L, f as pn, g as mn, k as R, p as hn, y as gn, z as _n } from "./configs-controller.DX8-bPEZ.js";
+import { B as nn, C as rn, H as an, J as on, P as sn, Q as cn, R as ln, U as un, V as dn, X as fn, Y as I, Z as L, f as pn, g as mn, k as R, p as hn, y as gn, z as _n } from "./configs-controller.Dea3OymR.js";
 import { a as vn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var yn = /* @__PURE__ */ function(e) {

package/library/chunks/{configs-controller.DX8-bPEZ.js → configs-controller.Dea3OymR.js}

@@ -15,7 +15,7 @@ import { _ as pe, g as me, p as he, v as ge } from "./color.CIOzHtLK.js";
 import { g as _e, m as ve, p as ye, s as b } from "./responsive.L9Csz2w2.js";
 import { n as be, r as xe } from "./header.Ny2fWwyt.js";
 import { d as Se, f as x, l as S, o as C, s as Ce } from "./endpoints.jOHOmF_t.js";
-import { n as w } from "./folder-select.CmyEyzfA.js";
+import { n as w } from "./folder-select.DZ27acgw.js";
 import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.WMinusvs.js";
 import { n as Te } from "./isEmpty.D3QQduJ5.js";
 import { a as k } from "./cloneDeep.C6x5LNv3.js";

package/library/chunks/{folder-select.CmyEyzfA.js → folder-select.DZ27acgw.js}

@@ -28,24 +28,25 @@ import { t as F } from "./choose.C2vpqhLc.js";
 var { Axios: I, AxiosError: L, CanceledError: R, isCancel: z, CancelToken: B, VERSION: V, all: H, Cancel: ee, isAxiosError: te, spread: ne, toFormData: re, AxiosHeaders: ie, HttpStatusCode: ae, formToJSON: oe, getAdapter: se, mergeConfig: ce } = P, U = /* @__PURE__ */ function(e) {
 	return 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;
 }({});
-async function W({ allowedFolders: e, baseUrl: t, bearerToken: n, excludeVirtualFolders: r, folderId: i, includeDirectChild: a, limit: o = 50, searchTerm: s, self: c, start: l = 0, token: u }) {
-	let d = [], f = a ?? !0;
-	e && e.length > 0 && !i ? (d = e, c = !0, f = !1) : i && (d = [i]);
+async function W({ allowedFolders: e, baseUrl: t, bearerToken: n, excludeVirtualFolders: r, folderId: i, includeDirectChild: a, limit: o = 50, noCache: s, searchTerm: c, self: l, start: u = 0, token: d }) {
+	let f = [], p = a ?? !0;
+	e && e.length > 0 && !i ? (f = e, l = !0, p = !1) : i && (f = [i]);
 	try {
 		return (await N.request({
 			baseURL: t,
+			cache: !s && void 0,
 			headers: { Authorization: `Bearer ${n}` },
 			method: "GET",
 			params: {
-				IncludeDirectChild: f,
+				IncludeDirectChild: p,
 				IncludeVirtualFolders: !r,
 				Limit: o,
-				ObjectRecordIDs: d,
-				SeeThru: !!s,
-				Self: c,
-				Start: l,
-				Text: s || void 0,
-				Token: u || void 0
+				ObjectRecordIDs: f,
+				SeeThru: !!c,
+				Self: l,
+				Start: u,
+				Text: c || void 0,
+				Token: d || void 0
 			},
 			paramsSerializer: { indexes: null },
 			responseType: "json",
@@ -75,7 +76,7 @@ async function W({ allowedFolders: e, baseUrl: t, bearerToken: n, excludeVirtual
 							title: n
 						};
 					}) ?? [],
-					hasMore: l + r < e.totalCount,
+					hasMore: u + r < e.totalCount,
 					totalCount: e.totalCount
 				};
 			}],
@@ -98,7 +99,7 @@ var G = {
 	return e.Input = "input", e.Select = "select", e;
 }({}), q = class extends o {
 	constructor(...e) {
-		super(...e), this.localize = new u(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 = W, 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(...e), this.localize = new u(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 = W, this.excludeVirtualFolders = !1, this.reloadOnExpand = !1, this.url = "", this.icon = "", this.iconName = "", this.iconImageUrl = "", this.iconColor = "", this.isFontIcon = !1, this.data = null, this.hasMore = !1, this.loading = !1;
 	}
 	static #e = this.styles = [c];
 	static #t = this.dependencies = {
@@ -123,6 +124,7 @@ var G = {
 				bearerToken: this.bearerToken,
 				excludeVirtualFolders: this.excludeVirtualFolders,
 				folderId: e,
+				noCache: this.reloadOnExpand,
 				start: t,
 				token: this.token
 			});
@@ -166,6 +168,9 @@ var G = {
 			this.treeItem.expanded = !1;
 		}
 	}
+	handleAfterCollapse(e) {
+		this.reloadOnExpand && e.target === this.treeItem && (this.data = null);
+	}
 	async syncBoxes() {
 		if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem)) return;
 		let e = this.fullPath, t = v({
@@ -195,7 +200,7 @@ var G = {
 		return e`<cx-tree-item class=${f({ "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.currentRootIDsSet.has(v({
 			id: this.folderId,
 			path: this.fullPath
-		})) : this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap">${this.renderIcon()}<cx-line-clamp lines="1" class="folder-select-tree-item__title">${O(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${w(this.data || [], (e) => e.id, (t) => e`<cx-folder-select-tree-item slot="children" folder-id=${t.id} full-path=${t.fullPath} name=${t.title} doc-type=${t.docType} icon-name=${p(t.iconName || void 0)} icon-image-url=${p(t.iconImageUrl || void 0)} icon-color=${p(t.iconColor || void 0)} 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} ?is-font-icon=${t.isFontIcon} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${p(t.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${t.url}></cx-folder-select-tree-item>`)}
+		})) : this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad} @cx-after-collapse=${this.handleAfterCollapse}><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">${O(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${w(this.data || [], (e) => e.id, (t) => e`<cx-folder-select-tree-item slot="children" folder-id=${t.id} full-path=${t.fullPath} name=${t.title} doc-type=${t.docType} icon-name=${p(t.iconName || void 0)} icon-image-url=${p(t.iconImageUrl || void 0)} icon-color=${p(t.iconColor || void 0)} representative-asset-id=${t.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?reload-on-expand=${this.reloadOnExpand} ?has-children=${t.hasChildren} ?is-font-icon=${t.isFontIcon} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${p(t.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${t.url}></cx-folder-select-tree-item>`)}
         ${m(this.hasMore, () => e`<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>`;
 	}
 };
@@ -259,6 +264,10 @@ i([s("cx-tree-item"), a("design:type", A === void 0 ? Object : A)], q.prototype,
 	reflect: !0,
 	type: Boolean
 }), a("design:type", Boolean)], q.prototype, "excludeVirtualFolders", void 0), i([n({
+	attribute: "reload-on-expand",
+	reflect: !0,
+	type: Boolean
+}), a("design:type", Boolean)], q.prototype, "reloadOnExpand", void 0), i([n({
 	reflect: !0,
 	type: String
 }), a("design:type", String)], q.prototype, "url", void 0), i([n({
@@ -291,7 +300,7 @@ i([s("cx-tree-item"), a("design:type", A === void 0 ? Object : A)], q.prototype,
 ], q.prototype, "syncBoxes", null), q = i([l("cx-folder-select-tree-item")], q);
 var J = q, Y = class extends o {
 	constructor(...e) {
-		super(...e), this.localize = new u(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 = W, 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 = [], this.#t = !1, this.#n = 10, this.#r = /* @__PURE__ */ new Set();
+		super(...e), this.localize = new u(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 = W, this.excludeVirtualFolders = !1, this.reloadOnExpand = !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 = [], this.#t = !1, this.#n = 10, this.#r = /* @__PURE__ */ new Set();
 	}
 	static #e = this.dependencies = {
 		"cx-button": _,
@@ -459,14 +468,14 @@ var J = q, Y = class extends o {
 		return r ? (this.currentRootIDsSet = new Set(this.currentRootIDsSet), t || this.emit("cx-folder-select-selection-seeded"), !0) : !1;
 	}
 	renderFolder(t) {
-		return e`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${t.docType} folder-id=${t.id} full-path=${p(t.fullPath ?? void 0)} icon-name=${p(t.iconName || void 0)} icon-image-url=${p(t.iconImageUrl || void 0)} icon-color=${p(t.iconColor || void 0)} name=${t.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(t.url ?? void 0)} ?has-children=${t.hasChildren} ?is-font-icon=${t.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
+		return e`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${t.docType} folder-id=${t.id} full-path=${p(t.fullPath ?? void 0)} icon-name=${p(t.iconName || void 0)} icon-image-url=${p(t.iconImageUrl || void 0)} icon-color=${p(t.iconColor || void 0)} name=${t.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(t.url ?? void 0)} ?has-children=${t.hasChildren} ?is-font-icon=${t.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?reload-on-expand=${this.reloadOnExpand}></cx-folder-select-tree-item>`;
 	}
 	render() {
 		return e`<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}>${m(this.empty, () => e`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`)}
-      ${m(this.extraFolderData, () => e`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${p(this.extraFolderData?.docType ?? void 0)} folder-id=${p(this.extraFolderData?.id ?? void 0)} full-path=${p(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} icon-name=${p(this.extraFolderData?.iconName || void 0)} icon-image-url=${p(this.extraFolderData?.iconImageUrl || void 0)} icon-color=${p(this.extraFolderData?.iconColor || void 0)} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?is-font-icon=${this.extraFolderData?.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`)}
+      ${m(this.extraFolderData, () => e`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${p(this.extraFolderData?.docType ?? void 0)} folder-id=${p(this.extraFolderData?.id ?? void 0)} full-path=${p(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} icon-name=${p(this.extraFolderData?.iconName || void 0)} icon-image-url=${p(this.extraFolderData?.iconImageUrl || void 0)} icon-color=${p(this.extraFolderData?.iconColor || void 0)} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?is-font-icon=${this.extraFolderData?.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?reload-on-expand=${this.reloadOnExpand}></cx-folder-select-tree-item>`)}
       ${w(this.data, (e) => e.id, (e) => this.renderFolder(e))}
       ${m(this.hasMore, () => e`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`)}
-      ${w(this.preloadedFolders, (e) => `preloaded-${e.id}`, (t) => e`<cx-folder-select-tree-item style=${g({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${t.docType} folder-id=${t.id} full-path=${p(t.fullPath ?? void 0)} icon-name=${p(t.iconName || void 0)} icon-image-url=${p(t.iconImageUrl || void 0)} icon-color=${p(t.iconColor || void 0)} name=${t.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(t.url ?? void 0)} ?has-children=${!1} ?is-font-icon=${t.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`)}</cx-tree>`;
+      ${w(this.preloadedFolders, (e) => `preloaded-${e.id}`, (t) => e`<cx-folder-select-tree-item style=${g({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${t.docType} folder-id=${t.id} full-path=${p(t.fullPath ?? void 0)} icon-name=${p(t.iconName || void 0)} icon-image-url=${p(t.iconImageUrl || void 0)} icon-color=${p(t.iconColor || void 0)} name=${t.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(t.url ?? void 0)} ?has-children=${!1} ?is-font-icon=${t.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?reload-on-expand=${this.reloadOnExpand}></cx-folder-select-tree-item>`)}</cx-tree>`;
 	}
 };
 i([n({
@@ -521,6 +530,10 @@ i([n({
 	reflect: !0,
 	type: Boolean
 }), a("design:type", Boolean)], Y.prototype, "excludeVirtualFolders", void 0), i([n({
+	attribute: "reload-on-expand",
+	reflect: !0,
+	type: Boolean
+}), a("design:type", Boolean)], Y.prototype, "reloadOnExpand", void 0), i([n({
 	attribute: "first-fetch-callback",
 	reflect: !1,
 	type: Function
@@ -567,7 +580,7 @@ var X = Y, Z = t`:host{flex-direction:column;width:100%;height:100%;min-height:0
 	};
 	#n;
 	constructor() {
-		super(), this.localize = new u(this), this.minQueryLength = 1, this.selection = "single", this.variant = K.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], 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.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
+		super(), this.localize = new u(this), this.minQueryLength = 1, this.selection = "single", this.variant = K.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = W, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.reloadOnExpand = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
 	}
 	updateWrappedApi() {
 		if (!this.api) {
@@ -664,7 +677,7 @@ var X = Y, Z = t`:host{flex-direction:column;width:100%;height:100%;min-height:0
 		this.selectEl && (this.searchTerm = "", this.updateFunctionProps());
 	}
 	render() {
-		return e`<div class="folder-select">${F(this.variant, [[K.Input, () => e`<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=${this.#n} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`], [K.Select, () => e`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} ?loading=${this.treeLoading} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} @cx-folder-select-loading-change=${this.handleTreeLoadingChange} @cx-folder-select-children-loaded=${this.handleTreeChildrenLoaded} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${this.#n} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`]])}</div>`;
+		return e`<div class="folder-select">${F(this.variant, [[K.Input, () => e`<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} ?reload-on-expand=${this.reloadOnExpand} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${this.#n} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`], [K.Select, () => e`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} ?loading=${this.treeLoading} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} @cx-folder-select-loading-change=${this.handleTreeLoadingChange} @cx-folder-select-children-loaded=${this.handleTreeChildrenLoaded} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?reload-on-expand=${this.reloadOnExpand} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${this.#n} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`]])}</div>`;
 	}
 };
 i([s("cx-select"), a("design:type", D === void 0 ? Object : D)], Q.prototype, "selectEl", void 0), i([s("cx-folder-select-tree"), a("design:type", X === void 0 ? Object : X)], Q.prototype, "treeEl", void 0), i([n({
@@ -719,6 +732,10 @@ i([s("cx-select"), a("design:type", D === void 0 ? Object : D)], Q.prototype, "s
 	reflect: !0,
 	type: Boolean
 }), a("design:type", Boolean)], Q.prototype, "excludeVirtualFolders", void 0), i([n({
+	attribute: "reload-on-expand",
+	reflect: !0,
+	type: Boolean
+}), a("design:type", Boolean)], Q.prototype, "reloadOnExpand", void 0), i([n({
 	attribute: "extra-folder-id",
 	reflect: !0,
 	type: String

package/library/components/folder-select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/folder-select.CmyEyzfA.js";
+import { t as e } from "../chunks/folder-select.DZ27acgw.js";
 export { e as default };

package/library/components/molecules.js

@@ -5,7 +5,7 @@ import { t as r } from "../chunks/confirm-popover.B60_VW9E.js";
 import { t as i } from "../chunks/corner-position-input-group.BVPOtopa.js";
 import { t as a } from "../chunks/cropper.D4ymxgab.js";
 import { t as o } from "../chunks/dynamic-select.C7bnEwn9.js";
-import { t as s } from "../chunks/folder-select.CmyEyzfA.js";
+import { t as s } from "../chunks/folder-select.DZ27acgw.js";
 import { t as c } from "../chunks/masonry.MH1B7um_.js";
 import { t as l } from "../chunks/padding-input-group.DYHH1M0o.js";
 import { t as u } from "../chunks/position-picker.B3klGTsy.js";