@orangelogic/design-system 4.18.0 → 4.20.0

package/library/chunks/{config-manager.j-83Ts1D.js → config-manager.Q6Uu3jTl.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.C-G0Iimp.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.BjTsUGLW.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";
@@ -49,11 +49,11 @@ import { t as ze } from "./radio-group.DKOIr2PH.js";
 import { t as Be } from "./switch.D6KXmWnC.js";
 import { t as Ve } from "./bicolor-picker.BHwn7qgI.js";
 import { t as He } from "./border-input-group.DlxLP_Yi.js";
-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 Ue } from "./corner-position-input-group.BVPOtopa.js";
+import { n as We, t as U } from "./confirm-popover.B60_VW9E.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.FjT3LVI8.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
@@ -450,7 +450,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 		"cx-checkbox": j,
 		"cx-color-swatch-picker": w,
 		"cx-confirm-popover": U,
-		"cx-corner-position-input-group": We,
+		"cx-corner-position-input-group": Ue,
 		"cx-dam-custom-toolbar-buttons-editor": se,
 		"cx-dialog": V,
 		"cx-divider": Ae,
@@ -577,7 +577,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 	render() {
 		return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`)}</cx-space>${Pe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${ht(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`), () => v(!it(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`)}
                     ${R(this.tabs.filter((e) => !this.showTemplateTab || e === "appearance" || e === "effects" || e === "sidePanels" || e === "styling"), (e) => e, (e, n) => t`<cx-tab slot="nav" panel=${e} ?active=${!this.showTemplateTab && n === 0}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e} ?active=${!this.showTemplateTab && n === 0}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, e)}</cx-space></cx-tab-panel>`)}
-                    ${v(this.translatableControls.length > 0, () => t`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${Ue.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
+                    ${v(this.translatableControls.length > 0, () => t`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${We.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
 	}
 };
 s([u(".config-form"), c("design:type", V === void 0 ? Object : V)], Z.prototype, "dialog", void 0), s([u("#config-form"), c("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], Z.prototype, "form", void 0), s([u("cx-confirm-popover"), c("design:type", U === void 0 ? Object : U)], Z.prototype, "confirmPopover", void 0), s([u(".config-form__tab-group"), c("design:type", z === void 0 ? Object : z)], Z.prototype, "tabGroup", void 0), s([a({

package/library/chunks/{config-manager.utils.C-G0Iimp.js → config-manager.utils.BjTsUGLW.js}

@@ -15,7 +15,7 @@ import { t as y } from "./when.BUskJLtZ.js";
 import { t as ie } from "./icon.CeQpEaQz.js";
 import { t as ae } from "./spinner.DXFJTymk.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.BQQW1rcJ.js";
+import { t as se } from "./src.BFdGIzyC.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
 import { t as b } from "./button.F15zfy2d.js";
 import { E as x, S as le, r as ue } from "./string.DamEXDH2.js";
@@ -66,11 +66,11 @@ import { t as ft } from "./switch.D6KXmWnC.js";
 import { t as pt } from "./v4.JyXW8GUB.js";
 import { t as mt } from "./bicolor-picker.BHwn7qgI.js";
 import { t as ht } from "./border-input-group.DlxLP_Yi.js";
-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 gt } from "./corner-position-input-group.BVPOtopa.js";
+import { n as _t, t as vt } from "./confirm-popover.B60_VW9E.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";
@@ -78,8 +78,8 @@ import { t as Et } from "./position-picker.B3klGTsy.js";
 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.DHrDL5W4.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.FjT3LVI8.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.Dea3OymR.js";
 import { a as vn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var yn = /* @__PURE__ */ function(e) {
@@ -42487,8 +42487,8 @@ var Yr = class {
 		"cx-card": ye,
 		"cx-checkbox": be,
 		"cx-color-swatch-picker": br,
-		"cx-confirm-popover": _t,
-		"cx-corner-position-input-group": vt,
+		"cx-confirm-popover": vt,
+		"cx-corner-position-input-group": gt,
 		"cx-dialog": k,
 		"cx-divider": He,
 		"cx-download-format-picker": wn,
@@ -42843,7 +42843,7 @@ var ei = Q, ti = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	static #t = this.dependencies = {
 		"cx-button": b,
 		"cx-checkbox": be,
-		"cx-confirm-popover": _t,
+		"cx-confirm-popover": vt,
 		"cx-dialog": k,
 		"cx-dropdown": w,
 		"cx-dynamic-select": bt,
@@ -43236,7 +43236,7 @@ var ei = Q, ti = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	render() {
 		let e = this.isAdding ? this.localize.term("newCustomButton") : this.localize.term("editCustomButton");
 		return n`<div class="editor"><cx-list-editor part="list" use-events sortable .columns=${this.columns} .data=${this.data} .boundary=${this.boundary} @cx-list-editor-edit=${this.handleListEditorEdit} @cx-list-editor-delete=${this.handleListEditorDelete} @cx-list-editor-change=${this.handleListEditorReorder}></cx-list-editor><cx-dropdown class="editor__add-button" data-testid="add-button" stay-open-on-select hoist><cx-button slot="trigger" variant="default" size="medium" caret>${this.localize.term("addButton")}</cx-button><div class="add-button-panel"><cx-dynamic-select hoist free-width placement="bottom-start" icon-name="search" custom-change-event="cx-available-button-select" .api=${this.availableButtonsApi} .columns=${this.addSelectColumns} @cx-available-button-select=${this.handleAvailableButtonSelect}></cx-dynamic-select><cx-button class="add-button-panel__create-new" variant="text" @click=${this.handleCreateNewClick}>${this.localize.term("createNew")}</cx-button></div></cx-dropdown></div><cx-dialog part="dialog" class="editor__dialog" divider-position=${ze.Both} use-overlay-scrollbar strategy="fixed" ?open=${!!this.editedItem} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-typography slot="label" variant="h4">${e}</cx-typography><form class="dialog__form" @submit=${this.handleDialogFormSubmit}>${y(this.editedItem, () => n`<div class="dialog__body">${this.renderGeneralSection()}
-                ${this.renderVisibilitySection()}</div>`)}</form><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog><cx-confirm-popover class="editor__confirm-popover" divider-position=${ze.Both} buttons-direction=${gt.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.handleConfirmClose}><cx-typography variant="body2" slot="footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
+                ${this.renderVisibilitySection()}</div>`)}</form><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog><cx-confirm-popover class="editor__confirm-popover" divider-position=${ze.Both} buttons-direction=${_t.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.handleConfirmClose}><cx-typography variant="body2" slot="footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
 	}
 };
 l([s({
@@ -43263,7 +43263,7 @@ l([s({
 }), u("design:type", String)], $.prototype, "teamspaceModule", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], $.prototype, "boundary", void 0), l([s({
 	attribute: "on-configure-workflow",
 	type: Function
-}), u("design:type", Object)], $.prototype, "onConfigureWorkflow", void 0), l([c(), u("design:type", Object)], $.prototype, "editedItem", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAdding", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "subTypesData", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isLoadingSubTypes", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAssetRequestBusy", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], $.prototype, "addDropdownEl", void 0), l([f(".add-button-panel cx-dynamic-select cx-select"), u("design:type", O === void 0 ? Object : O)], $.prototype, "addButtonSelectEl", void 0), l([f("form.dialog__form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], $.prototype, "dialogForm", void 0), l([f("cx-confirm-popover"), u("design:type", _t === void 0 ? Object : _t)], $.prototype, "confirmPopover", void 0), l([
+}), u("design:type", Object)], $.prototype, "onConfigureWorkflow", void 0), l([c(), u("design:type", Object)], $.prototype, "editedItem", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAdding", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "subTypesData", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isLoadingSubTypes", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAssetRequestBusy", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], $.prototype, "addDropdownEl", void 0), l([f(".add-button-panel cx-dynamic-select cx-select"), u("design:type", O === void 0 ? Object : O)], $.prototype, "addButtonSelectEl", void 0), l([f("form.dialog__form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], $.prototype, "dialogForm", void 0), l([f("cx-confirm-popover"), u("design:type", vt === void 0 ? Object : vt)], $.prototype, "confirmPopover", void 0), l([
 	g("editedItem"),
 	u("design:type", Function),
 	u("design:paramtypes", []),

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

@@ -13,10 +13,10 @@ import { a as se, i as ce, n as le, r as ue } from "./document-viewer.BUAq7eW6.j
 import { f as de, l as fe } from "./url.CZO_DV8Y.js";
 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.DpccEGpQ.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 { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DHrDL5W4.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";
 //#region ../../packages/services/src/api/dashboard/dashboard.ts

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/chunks/{header.DpccEGpQ.js → header.Ny2fWwyt.js}

@@ -76,29 +76,21 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
     list-style: none;
   }
 
-  /* Scale the number/bullet marker with the item's font (matches the content-builder text block's */
-  .ProseMirror li::marker {
-    font-size: var(--font-size);
-  }
-
   /* Highlight the full link range when the cursor is inside it. */
   .ProseMirror .link--active {
     background-color: var(--cx-color-primary-100);
     border-radius: var(--cx-border-radius-x-small);
   }
 
-  /* Keep a hyperlink's underline attached to superscript/subscript text. */
-  .ProseMirror a:has(:is(sub, sup)) {
-    text-decoration: none;
-  }
-
-  .ProseMirror a :is(sub, sup) {
-    text-decoration: underline;
-  }
-
+  /* Sits just above the table. TableView.updateButtonPosition() overrides top/transform
+     to drop it below the table when there is not enough room above; without this default
+     the absolute box falls back to its static position, which is already below the table,
+     so the handle rendered under every table instead of over it. */
   .ProseMirror .tableWrapper .floating-button {
     opacity: 0;
     position: absolute;
+    top: 0;
+    transform: translateY(-100%);
     transition: opacity 0.2s ease-in-out;
   }
 
@@ -239,13 +231,49 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
     z-index: 2;
   }
 
+  /* Tiptap injects these into document.head, which never reaches this shadow root, so the
+     caret placed before or after a block rendered as an invisible 0px box. */
+  .ProseMirror-gapcursor {
+    display: none;
+    pointer-events: none;
+    position: absolute;
+    margin: 0;
+  }
+
+  .ProseMirror-gapcursor::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: -2px;
+    width: 20px;
+    border-top: 1px solid var(--cx-color-neutral-900);
+    animation: prosemirror-cursor-blink 1.1s steps(2, start) infinite;
+  }
+
+  .ProseMirror-focused .ProseMirror-gapcursor {
+    display: block;
+  }
+
+  @keyframes prosemirror-cursor-blink {
+    to {
+      visibility: hidden;
+    }
+  }
+
   .ProseMirror table td,
   .ProseMirror table th {
-    border: 1px dashed var(--cx-color-neutral-400);
     min-width: 1rem;
     position: relative;
   }
 
+  /* Authoring guide only: a dashed outline so borderless cells stay visible while editing.
+     Read-only surfaces must render the table exactly as the saved HTML describes it,
+     otherwise the editor shows borders the preview does not. */
+  .ProseMirror[contenteditable='true'] table td,
+  .ProseMirror[contenteditable='true'] table th {
+    border: 1px dashed var(--cx-color-neutral-400);
+  }
+
   .ProseMirror table[data-align='center'] {
     margin-left: auto;
     margin-right: auto;

package/library/chunks/{src.BQQW1rcJ.js → src.BFdGIzyC.js}

@@ -57,7 +57,7 @@ import "../components/format-number.js";
 import "./format-time.Dx24Hlhc.js";
 import "./grid.CK4PRwur.js";
 import "./grid-item.CSieaU5T.js";
-import "./header.DpccEGpQ.js";
+import "./header.Ny2fWwyt.js";
 import "./hub-connection.C0CASy-Q.js";
 import "./iframe.C3N5F3yF.js";
 import "./image-comparer.Txi69uYU.js";

package/library/components/atoms.js

@@ -8,7 +8,7 @@ import { t as c } from "../chunks/alert.C-yzkTnx.js";
 import { t as l } from "../chunks/am-chart.COOKOvT1.js";
 import { t as u } from "../chunks/animated-image.w6VdagCh.js";
 import { t as d } from "../chunks/animation.CRLxJUWm.js";
-import { n as f, r as p, t as m } from "../chunks/src.BQQW1rcJ.js";
+import { n as f, r as p, t as m } from "../chunks/src.BFdGIzyC.js";
 import { t as h } from "../chunks/button.F15zfy2d.js";
 import { t as g } from "../chunks/tooltip.EVa9qa8X.js";
 import { t as _ } from "../chunks/resize-observer.D9EHlnZI.js";
@@ -59,7 +59,7 @@ import se from "./format-number.js";
 import { t as ce } from "../chunks/format-time.Dx24Hlhc.js";
 import { t as le } from "../chunks/grid.CK4PRwur.js";
 import { t as ue } from "../chunks/grid-item.CSieaU5T.js";
-import { t as de } from "../chunks/header.DpccEGpQ.js";
+import { t as de } from "../chunks/header.Ny2fWwyt.js";
 import { t as fe } from "../chunks/hub-connection.C0CASy-Q.js";
 import { t as pe } from "../chunks/iframe.C3N5F3yF.js";
 import { t as me } from "../chunks/image-comparer.Txi69uYU.js";

package/library/components/color-swatch-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/color-swatch-group.DHrDL5W4.js";
+import { t as e } from "../chunks/color-swatch-group.WMinusvs.js";
 export { e as default };

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/header.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/header.DpccEGpQ.js";
+import { t as e } from "../chunks/header.Ny2fWwyt.js";
 export { e as default };

package/library/components/molecules.js

@@ -1,11 +1,11 @@
 import { t as e } from "../chunks/bicolor-picker.BHwn7qgI.js";
 import { t } from "../chunks/border-input-group.DlxLP_Yi.js";
 import { t as n } from "../chunks/color-swatch.D7dE-Qmf.js";
-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 r } from "../chunks/corner-position-input-group.BVPOtopa.js";
+import { t as i } from "../chunks/confirm-popover.B60_VW9E.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";
@@ -15,4 +15,4 @@ import { t as p } from "../chunks/sidebar.C7hLNDp-.js";
 import { t as m } from "../chunks/size-input-group.D9EWFcr7.js";
 import { t as h } from "../chunks/stepper-wizard.Diwy_209.js";
 import { t as g } from "../chunks/typeface.BrqvkPV7.js";
-export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, r as CxConfirmPopover, i as CxCornerPositionInputGroup, a as CxCropper, o as CxDynamicSelect, s as CxFolderSelect, c as CxMasonry, l as CxPaddingInputGroup, u as CxPositionPicker, d as CxShadowInputGroup, f as CxShareOptionList, p as CxSidebar, m as CxSizeInputGroup, h as CxStepperWizard, g as CxTypeface };
+export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, i as CxConfirmPopover, r as CxCornerPositionInputGroup, a as CxCropper, o as CxDynamicSelect, s as CxFolderSelect, c as CxMasonry, l as CxPaddingInputGroup, u as CxPositionPicker, d as CxShadowInputGroup, f as CxShareOptionList, p as CxSidebar, m as CxSizeInputGroup, h as CxStepperWizard, g as CxTypeface };

package/library/components/organisms.js

@@ -1,4 +1,4 @@
 import { t as e } from "../chunks/asset-link-format.B-wi80wk.js";
-import { t } from "../chunks/color-swatch-group.DHrDL5W4.js";
+import { t } from "../chunks/color-swatch-group.WMinusvs.js";
 import { t as n } from "../chunks/file-on-demand.DgSknSTy.js";
 export { e as CxAssetLinkFormat, t as CxColorSwatchGroup, n as CxFileOnDemand };