@orangelogic/design-system 2.79.0 → 2.81.0

package/library/chunks/{folder-select.DOsefkAC.js → folder-select.D6yLoXWU.js}

@@ -3,7 +3,7 @@ import X from "../components/input.js";
 import Y from "../components/select.js";
 import { C as $, a as ee } from "./tree.q7xRVYyh.js";
 import { n as r, C as O } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as I, F as te, b as re } from "./endpoints.B7lcoc1N.js";
+import { h as I, F as te, b as re } from "./endpoints.BpAhLyZw.js";
 import { c as R } from "./component.styles.CRO4Odto.js";
 import { c as D } from "./custom-element.L4WJXn1j.js";
 import { L as w } from "./i18n.BUW7B9hr.js";
@@ -11,9 +11,9 @@ import { w as m } from "./watch.BCJD77bD.js";
 import { x as f, i as ae } from "./lit-element.jLBm65_O.js";
 import { r as x } from "./state.CSDxrqLd.js";
 import { e as B } from "./query.BBf1UFkC.js";
-import { r as se } from "./choose.BTbF6BAn.js";
+import { r as le } from "./choose.BTbF6BAn.js";
 import { C as W } from "./button.B-ktz-w4.js";
-import { d as le } from "./debounce.DaHuiSGU.js";
+import { d as se } from "./debounce.DaHuiSGU.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";
 import { c as q } from "./repeat.DbF2p5ae.js";
 import { n as C } from "./when.Dr1es41R.js";
@@ -22,14 +22,14 @@ import oe from "../components/space.js";
 import { M as P } from "./asset-link-format.BSRDqHg7.js";
 import { g as ne } from "./template.CsJd8Pb_.js";
 import { e as ce } 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 || {});
+var g = /* @__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))(g || {});
 const he = 50;
 async function V({
   allowedFolders: e,
   baseUrl: t,
   bearerToken: a,
-  excludeVirtualFolders: i,
-  folderId: l,
+  excludeVirtualFolders: o,
+  folderId: s,
   includeDirectChild: p,
   limit: u = he,
   searchTerm: U,
@@ -38,7 +38,7 @@ async function V({
   token: Z
 }) {
   let k = [], L = p ?? !0;
-  e && e.length > 0 && !l ? (k = e, E = !0, L = !1) : l && (k = [l]);
+  e && e.length > 0 && !s ? (k = e, E = !0, L = !1) : s && (k = [s]);
   try {
     return (await I.request({
       baseURL: t,
@@ -48,7 +48,7 @@ async function V({
       method: "GET",
       params: {
         IncludeDirectChild: L,
-        IncludeVirtualFolders: !i,
+        IncludeVirtualFolders: !o,
         Limit: u,
         ObjectRecordIDs: k,
         SeeThru: !!U,
@@ -63,28 +63,28 @@ async function V({
       responseType: "json",
       transformResponse: [
         ...Array.isArray(I.defaults.transformResponse) ? I.defaults.transformResponse : [],
-        (g, Te, _) => {
+        (v, Fe, _) => {
           if (_ !== void 0 && (_ < 200 || _ >= 300))
             return {
               data: [],
               hasMore: !1,
               totalCount: 0
             };
-          if (!g || typeof g != "object")
+          if (!v || typeof v != "object")
             throw new Error("Invalid response format");
-          const K = g.contentItems?.length ?? 0;
+          const K = v.contentItems?.length ?? 0;
           return {
-            data: g.contentItems?.map((b) => ({
-              docType: b.fields[v.DocType] ?? "",
-              fullPath: b.fields[v.CortexPath] ?? "",
-              hasChildren: b.fields[v.HasBrowserChildren] === "1",
+            data: v.contentItems?.map((b) => ({
+              docType: b.fields[g.DocType] ?? "",
+              fullPath: b.fields[g.CortexPath] ?? "",
+              hasChildren: b.fields[g.HasBrowserChildren] === "1",
               id: b.recordID,
-              isShared: b.fields[v.rawDocSubtype] === "DO_OR1ND000001913488",
-              representativeAssetId: b.fields[v.RepresentativeAssetId] ?? "",
-              title: b.fields[v.TitleWithFallback] ?? ""
+              isShared: b.fields[g.rawDocSubtype] === "DO_OR1ND000001913488",
+              representativeAssetId: b.fields[g.RepresentativeAssetId] ?? "",
+              title: b.fields[g.TitleWithFallback] ?? ""
             })) ?? [],
-            hasMore: M + K < g.totalCount,
-            totalCount: g.totalCount
+            hasMore: M + K < v.totalCount,
+            totalCount: v.totalCount
           };
         }
       ],
@@ -98,14 +98,14 @@ async function V({
     };
   }
 }
-var F = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(F || {}), de = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, d = (e, t, a, i) => {
-  for (var l = i > 1 ? void 0 : i ? pe(t, a) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (l = (i ? u(t, a, l) : u(l)) || l);
-  return i && l && de(t, a, l), l;
+var T = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(T || {}), de = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, d = (e, t, a, o) => {
+  for (var s = o > 1 ? void 0 : o ? pe(t, a) : t, p = e.length - 1, u; p >= 0; p--)
+    (u = e[p]) && (s = (o ? u(t, a, s) : u(s)) || s);
+  return o && s && de(t, a, s), s;
 };
 let n = class extends O {
   constructor() {
-    super(...arguments), this.localize = new w(this), this.role = "treeitem", this.folderId = "", this.hasChildren = !1, this.fullPath = "", this.docType = P.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.searchTerm = "", this.api = V, this.excludeVirtualFolders = !1, this.url = "", this.data = null, this.hasMore = !1, this.loading = !1;
+    super(...arguments), this.localize = new w(this), this.role = "treeitem", this.folderId = "", this.hasChildren = !1, this.fullPath = "", this.docType = P.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.searchTerm = "", this.api = V, 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
@@ -118,9 +118,13 @@ let n = class extends O {
     start: t = 0
   }) {
     if (!this.api)
-      return { data: [], hasMore: !1 };
+      return {
+        data: [],
+        hasMore: !1,
+        totalCount: 0
+      };
     try {
-      const { data: a, hasMore: i } = await this.api({
+      const { data: a, hasMore: o, totalCount: s } = await this.api({
         baseUrl: this.baseUrl,
         bearerToken: this.bearerToken,
         excludeVirtualFolders: this.excludeVirtualFolders,
@@ -128,9 +132,17 @@ let n = class extends O {
         start: t,
         token: this.token
       });
-      return { data: a, hasMore: i };
+      return {
+        data: a,
+        hasMore: o,
+        totalCount: s
+      };
     } catch {
-      return { data: [], hasMore: !1 };
+      return {
+        data: [],
+        hasMore: !1,
+        totalCount: 0
+      };
     }
   }
   async loadMore(e) {
@@ -138,11 +150,11 @@ let n = class extends O {
     const t = this.data?.length || 0;
     this.loading = !0;
     try {
-      const { data: a, hasMore: i } = await this.fetchFolders({
+      const { data: a, hasMore: o } = await this.fetchFolders({
         folderId: this.folderId,
         start: t
       });
-      this.data = [...this.data || [], ...a], this.hasMore = i;
+      this.data = [...this.data || [], ...a], this.hasMore = o;
     } catch {
     } finally {
       this.loading = !1;
@@ -152,24 +164,25 @@ let n = class extends O {
     e.stopPropagation(), this.treeItem.expanded = !0;
     const t = this.data?.length || 0;
     try {
-      const { data: a, hasMore: i } = await this.fetchFolders({
+      const { data: a, hasMore: o } = await this.fetchFolders({
         folderId: this.folderId,
         start: t
       });
-      this.data = a, this.hasMore = i;
+      this.data = a, this.hasMore = o;
     } catch {
       this.treeItem.expanded = !1;
     }
   }
   render() {
-    return f`<cx-tree-item class=${ce({
+    let e = "filled";
+    return this.docType === P.Album && (e = "outlined"), f`<cx-tree-item class=${ce({
       "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.selectedValue === this.folderId} @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="folder" variant=${this.docType === P.Album ? "outlined" : "filled"}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${ne(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${q(
+    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selectedValue === this.folderId} @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">${ne(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${q(
       this.data || [],
-      (e) => e.id,
-      (e) => f`<cx-folder-select-tree-item slot="children" folder-id=${e.id} full-path=${e.fullPath} name=${e.title} representative-asset-id=${e.representativeAssetId} selected-value=${this.selectedValue} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${e.hasChildren} base-url=${this.baseUrl} url=${y(e.url ?? void 0)} .api=${this.api} value=${e.url}></cx-folder-select-tree-item>`
+      (t) => t.id,
+      (t) => f`<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} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${t.hasChildren} base-url=${this.baseUrl} url=${y(t.url ?? void 0)} .api=${this.api} value=${t.url}></cx-folder-select-tree-item>`
     )}</cx-tree-item>${C(
       this.hasMore,
       () => f`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
@@ -238,6 +251,9 @@ d([
 d([
   r({ reflect: !0, type: String })
 ], n.prototype, "url", 2);
+d([
+  r({ reflect: !0, type: String })
+], n.prototype, "icon", 2);
 d([
   x()
 ], n.prototype, "data", 2);
@@ -252,14 +268,14 @@ n = d([
 ], n);
 var ue = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, Q = (e) => {
   throw TypeError(e);
-}, h = (e, t, a, i) => {
-  for (var l = i > 1 ? void 0 : i ? fe(t, a) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (l = (i ? u(t, a, l) : u(l)) || l);
-  return i && l && ue(t, a, l), l;
-}, N = (e, t, a) => t.has(e) || Q("Cannot " + a), me = (e, t, a) => (N(e, t, "read from private field"), t.get(e)), ye = (e, t, a) => t.has(e) ? Q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), xe = (e, t, a, i) => (N(e, t, "write to private field"), t.set(e, a), a), S;
+}, h = (e, t, a, o) => {
+  for (var s = o > 1 ? void 0 : o ? fe(t, a) : t, p = e.length - 1, u; p >= 0; p--)
+    (u = e[p]) && (s = (o ? u(t, a, s) : u(s)) || s);
+  return o && s && ue(t, a, s), s;
+}, N = (e, t, a) => t.has(e) || Q("Cannot " + a), me = (e, t, a) => (N(e, t, "read from private field"), t.get(e)), ye = (e, t, a) => t.has(e) ? Q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), xe = (e, t, a, o) => (N(e, t, "write to private field"), t.set(e, a), a), S;
 let c = class extends O {
   constructor() {
-    super(...arguments), this.localize = new w(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.seeThru = !1, this.extraFolderData = null, this.api = V, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.data = [], this.hasMore = !1, this.loading = !1, ye(this, S, !1);
+    super(...arguments), this.localize = new w(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 = V, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.data = [], this.hasMore = !1, this.loading = !1, ye(this, S, !1);
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -299,7 +315,7 @@ let c = class extends O {
     e.stopPropagation();
     const t = this.data.length;
     this.loading = !0;
-    const { data: a, hasMore: i } = await this.api({
+    const { data: a, hasMore: o } = await this.api({
       baseUrl: this.baseUrl,
       bearerToken: this.bearerToken,
       excludeVirtualFolders: this.excludeVirtualFolders,
@@ -310,7 +326,7 @@ let c = class extends O {
       start: t,
       token: this.token
     });
-    this.data = [...this.data, ...a], this.hasMore = i, this.loading = !1;
+    this.data = [...this.data, ...a], this.hasMore = o, this.loading = !1;
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
@@ -354,7 +370,7 @@ let c = class extends O {
     )}
       ${C(
       this.extraFolderData,
-      () => f`<cx-folder-select-tree-item .api=${this.api} 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)} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} token=${this.token} bearer-token=${this.bearerToken} url=${y(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
+      () => f`<cx-folder-select-tree-item .api=${this.api} 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} token=${this.token} bearer-token=${this.bearerToken} url=${y(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
     )}
       ${q(
       this.data,
@@ -400,6 +416,9 @@ h([
 h([
   r({ attribute: "extra-folder-title", reflect: !0, type: String })
 ], c.prototype, "extraFolderTitle", 2);
+h([
+  r({ attribute: "extra-folder-icon", reflect: !0, type: String })
+], c.prototype, "extraFolderIcon", 2);
 h([
   r({ attribute: "see-thru", reflect: !0, type: Boolean })
 ], c.prototype, "seeThru", 2);
@@ -436,29 +455,29 @@ h([
   m("token", { waitUntilFirstUpdate: !0 }),
   m("searchTerm", { waitUntilFirstUpdate: !0 }),
   m("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  le(500)
+  se(500)
 ], c.prototype, "handleFetchFolders", 1);
 c = h([
   D("cx-folder-select-tree")
 ], c);
 const be = ae`:host{width:100%;display:block}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.folder-select-tree{flex:1;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, ge = Object.getOwnPropertyDescriptor, H = (e) => {
+var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, H = (e) => {
   throw TypeError(e);
-}, o = (e, t, a, i) => {
-  for (var l = i > 1 ? void 0 : i ? ge(t, a) : t, p = e.length - 1, u; p >= 0; p--)
-    (u = e[p]) && (l = (i ? u(t, a, l) : u(l)) || l);
-  return i && l && ve(t, a, l), l;
-}, j = (e, t, a) => t.has(e) || H("Cannot " + a), G = (e, t, a) => (j(e, t, "read from private field"), a ? a.call(e) : t.get(e)), $e = (e, t, a) => t.has(e) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), z = (e, t, a, i) => (j(e, t, "write to private field"), t.set(e, a), a), T;
-let s = class extends O {
+}, i = (e, t, a, o) => {
+  for (var s = o > 1 ? void 0 : o ? ve(t, a) : t, p = e.length - 1, u; p >= 0; p--)
+    (u = e[p]) && (s = (o ? u(t, a, s) : u(s)) || s);
+  return o && s && ge(t, a, s), s;
+}, j = (e, t, a) => t.has(e) || H("Cannot " + a), G = (e, t, a) => (j(e, t, "read from private field"), a ? a.call(e) : t.get(e)), $e = (e, t, a) => t.has(e) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), z = (e, t, a, o) => (j(e, t, "write to private field"), t.set(e, a), a), F;
+let l = class extends O {
   constructor() {
-    super(), this.localize = new w(this), this.minQueryLength = 1, this.selection = "single", this.variant = F.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = V, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.firstFetchCallback = null, this.searchTerm = "", $e(this, T), this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectSetOptionSelected = this.selectSetOptionSelected.bind(this), this.updateWrappedApi();
+    super(), this.localize = new w(this), this.minQueryLength = 1, this.selection = "single", this.variant = T.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = V, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.firstFetchCallback = null, this.searchTerm = "", $e(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.updateWrappedApi();
   }
   updateWrappedApi() {
     if (!this.api) {
-      z(this, T, void 0);
+      z(this, F, void 0);
       return;
     }
-    z(this, T, async (e) => {
+    z(this, F, async (e) => {
       try {
         return await this.api(e);
       } catch (t) {
@@ -514,125 +533,132 @@ let s = class extends O {
     }
   }
   async handleVariantChange() {
-    this.variant === F.Select && (await this.updateComplete, this.updateFunctionProps());
+    this.variant === T.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.handleDefaultSlotChange());
   }
   render() {
-    return f`<div class="folder-select">${se(this.variant, [
+    return f`<div class="folder-select">${le(this.variant, [
       [
-        F.Input,
-        () => f`<cx-input 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 base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} 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=${G(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        T.Input,
+        () => f`<cx-input 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 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=${G(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
-        F.Select,
-        () => f`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSearchTermSelectChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} 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=${G(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
+        T.Select,
+        () => f`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSearchTermSelectChange} 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=${G(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
     ])}</div>`;
   }
 };
-T = /* @__PURE__ */ new WeakMap();
-s.styles = [R, be];
-s.dependencies = {
+F = /* @__PURE__ */ new WeakMap();
+l.styles = [R, be];
+l.dependencies = {
   "cx-folder-select-tree": c,
   "cx-icon": A,
   "cx-input": X,
   "cx-select": Y
 };
-o([
+i([
   B("cx-select")
-], s.prototype, "selectEl", 2);
-o([
+], l.prototype, "selectEl", 2);
+i([
   r({ attribute: "min-query-length", reflect: !0, type: Number })
-], s.prototype, "minQueryLength", 2);
-o([
+], l.prototype, "minQueryLength", 2);
+i([
   r({ attribute: "selection", reflect: !0, type: String })
-], s.prototype, "selection", 2);
-o([
+], l.prototype, "selection", 2);
+i([
   r({ attribute: "variant", reflect: !0, type: String })
-], s.prototype, "variant", 2);
-o([
+], l.prototype, "variant", 2);
+i([
   r({ reflect: !0, type: String })
-], s.prototype, "value", 2);
-o([
+], l.prototype, "value", 2);
+i([
   r({ reflect: !0, type: String })
-], s.prototype, "name", 2);
-o([
+], l.prototype, "name", 2);
+i([
   r({ attribute: "selected-label", reflect: !0, type: String })
-], s.prototype, "selectedLabel", 2);
-o([
+], l.prototype, "selectedLabel", 2);
+i([
   r({ attribute: "base-url", reflect: !0, type: String })
-], s.prototype, "baseUrl", 2);
-o([
+], l.prototype, "baseUrl", 2);
+i([
   r({ reflect: !0, type: Boolean })
-], s.prototype, "open", 2);
-o([
+], l.prototype, "open", 2);
+i([
   r({ reflect: !1, type: String })
-], s.prototype, "token", 2);
-o([
+], l.prototype, "token", 2);
+i([
   r({ attribute: "bearer-token", reflect: !0, type: String })
-], s.prototype, "bearerToken", 2);
-o([
+], l.prototype, "bearerToken", 2);
+i([
   r({ attribute: "see-thru", reflect: !0, type: Boolean })
-], s.prototype, "seeThru", 2);
-o([
+], l.prototype, "seeThru", 2);
+i([
   r({ type: Function })
-], s.prototype, "api", 2);
-o([
+], l.prototype, "api", 2);
+i([
   r({ reflect: !0, type: Boolean })
-], s.prototype, "required", 2);
-o([
+], l.prototype, "required", 2);
+i([
   r({ reflect: !1 })
-], s.prototype, "form", 2);
-o([
+], l.prototype, "form", 2);
+i([
   r({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
-], s.prototype, "excludeVirtualFolders", 2);
-o([
+], l.prototype, "excludeVirtualFolders", 2);
+i([
   r({
     attribute: "extra-folder-id",
     reflect: !0,
     type: String
   })
-], s.prototype, "extraFolderId", 2);
-o([
+], l.prototype, "extraFolderId", 2);
+i([
   r({
     attribute: "extra-folder-title",
     reflect: !0,
     type: String
   })
-], s.prototype, "extraFolderTitle", 2);
-o([
+], l.prototype, "extraFolderTitle", 2);
+i([
+  r({
+    attribute: "extra-folder-icon",
+    reflect: !0,
+    type: String
+  })
+], l.prototype, "extraFolderIcon", 2);
+i([
   r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], s.prototype, "firstFetchCallback", 2);
-o([
+], l.prototype, "firstFetchCallback", 2);
+i([
   x()
-], s.prototype, "searchTerm", 2);
-o([
+], l.prototype, "searchTerm", 2);
+i([
   m("api")
-], s.prototype, "updateWrappedApi", 1);
-o([
+], l.prototype, "updateWrappedApi", 1);
+i([
   m("searchTerm", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleSearchTermChange", 1);
-o([
+], l.prototype, "handleSearchTermChange", 1);
+i([
   m("open")
-], s.prototype, "handleOpenChange", 1);
-o([
+], l.prototype, "handleOpenChange", 1);
+i([
   m("variant")
-], s.prototype, "handleVariantChange", 1);
-o([
+], l.prototype, "handleVariantChange", 1);
+i([
   m("selectedLabel", { waitUntilFirstUpdate: !0 }),
   m("value", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleValueChange", 1);
-s = o([
+], l.prototype, "handleValueChange", 1);
+l = i([
   D("cx-folder-select")
-], s);
+], l);
 export {
-  s as C,
-  F,
+  l as C,
+  T as F,
   V as a
 };

package/library/chunks/{list-editor.DNa6ROgr.js → list-editor.Hd2f8A0Y.js}

@@ -9,7 +9,7 @@ import B from "../components/radio.js";
 import K from "../components/radio-group.js";
 import U from "../components/select.js";
 import E from "../components/space.js";
-import { C as H, H as V } from "./table.B8LpbiGE.js";
+import { C as H, H as V } from "./table.CLyePLwR.js";
 import { C as L } from "./typography.DJC_UXgs.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import W from "../components/dynamic-select.js";
@@ -30,7 +30,7 @@ import { n as N } from "./when.Dr1es41R.js";
 import { t as ee } from "./toString.CL_lYXbK.js";
 import { C as ae } from "./icon-button.BuhCp--_.js";
 import { C as te } from "./image.4eLWAZ3-.js";
-import { a as ie, D as $ } from "./asset.DWZ2Lzb6.js";
+import { a as ie, D as $ } from "./asset.CVuNAhz3.js";
 import { a as ne } from "./index.Cpamj0jB.js";
 import { A as v } from "./content-builder.B4Tqoc6M.js";
 import { e as se, t as w } from "./string.B_rEG27K.js";