@orangelogic/design-system 2.19.0-pr77202.21

package/library/chunks/folder-select.BsbsjikP.js

@@ -0,0 +1,719 @@
+import A from "../components/icon.js";
+import Z from "../components/input.js";
+import { C as J } from "./select.DMdl1Kdd.js";
+import { C as x, a as K } from "./tree.5Cb85J9q.js";
+import { n as r, C as I, x as f, c as w, i as X } from "./custom-element.fmLrnDZr.js";
+import { h as k, F as Y, A as G } from "./endpoints.3oM4-c57.js";
+import { c as R } from "./component.styles.DtouHn2g.js";
+import { L as V } from "./i18n.C6c6_pqI.js";
+import { w as m } from "./watch.BCJD77bD.js";
+import { r as y } from "./state.Dt9F_SuS.js";
+import { e as B } from "./query.BBf1UFkC.js";
+import { r as ee } from "./choose.BTbF6BAn.js";
+import { C as q } from "./button.G_W-dK6b.js";
+import { d as te } from "./debounce.DZNkg8Q5.js";
+import { o as S } from "./if-defined.CKupVaWs.js";
+import { c as W } from "./repeat.B1pVpmRx.js";
+import { n as O } from "./when.Dr1es41R.js";
+import re from "../components/line-clamp.js";
+import se from "../components/space.js";
+import { M } from "./asset-link-format.BSRDqHg7.js";
+import { e as ae } from "./class-map.DqNfBvJI.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))(v || {});
+const le = 50;
+async function U({
+  allowedFolders: e,
+  baseUrl: t,
+  bearerToken: s,
+  excludeVirtualFolders: l,
+  folderId: a,
+  limit: u = le,
+  searchTerm: d,
+  self: L,
+  start: E = 0,
+  token: N
+}) {
+  let _ = [], P = !0;
+  e && e.length > 0 && !a ? (_ = e, L = !0, P = !1) : a && (_ = [a]);
+  try {
+    return (await k.request({
+      baseURL: t,
+      headers: {
+        Authorization: `Bearer ${s}`
+      },
+      method: "GET",
+      params: {
+        IncludeDirectChild: P,
+        IncludeVirtualFolders: !l,
+        Limit: u,
+        ObjectRecordIDs: _,
+        SeeThru: !!d,
+        Self: L,
+        Start: E,
+        Text: d || void 0,
+        Token: N || void 0
+      },
+      paramsSerializer: {
+        indexes: null
+      },
+      responseType: "json",
+      transformResponse: [
+        ...Array.isArray(k.defaults.transformResponse) ? k.defaults.transformResponse : [],
+        ($, fe, F) => {
+          if (F !== void 0 && (F < 200 || F >= 300))
+            return {
+              data: [],
+              hasMore: !1
+            };
+          if (!$ || typeof $ != "object")
+            throw new Error("Invalid response format");
+          const H = $.contentItems?.length ?? 0;
+          return {
+            data: $.contentItems?.map((b) => ({
+              docType: b.fields[v.DocType] ?? "",
+              fullPath: b.fields[v.CortexPath] ?? "",
+              hasChildren: b.fields[v.HasBrowserChildren] === "1",
+              id: b.recordID,
+              representativeAssetId: b.fields[v.RepresentativeAssetId] ?? "",
+              title: b.fields[v.TitleWithFallback] ?? ""
+            })) ?? [],
+            hasMore: E + H < $.totalCount
+          };
+        }
+      ],
+      url: Y
+    })).data;
+  } catch (T) {
+    if (T instanceof G && T.response?.status === 401)
+      throw T;
+    return {
+      data: [],
+      hasMore: !1
+    };
+  }
+}
+var C = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(C || {}), ie = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, c = (e, t, s, l) => {
+  for (var a = l > 1 ? void 0 : l ? oe(t, s) : t, u = e.length - 1, d; u >= 0; u--)
+    (d = e[u]) && (a = (l ? d(t, s, a) : d(a)) || a);
+  return l && a && ie(t, s, a), a;
+};
+let o = class extends I {
+  constructor() {
+    super(...arguments), this.localize = new V(this), this.role = "treeitem", this.folderId = "", this.hasChildren = !1, this.fullPath = "", this.docType = M.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.api = U, this.excludeVirtualFolders = !1, this.url = "", 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
+   */
+  createRenderRoot() {
+    return this;
+  }
+  async fetchFolders({
+    folderId: e,
+    start: t = 0
+  }) {
+    if (!this.api)
+      return { data: [], hasMore: !1 };
+    try {
+      const { data: s, hasMore: l } = await this.api({
+        baseUrl: this.baseUrl,
+        bearerToken: this.bearerToken,
+        excludeVirtualFolders: this.excludeVirtualFolders,
+        folderId: e,
+        start: t,
+        token: this.token
+      });
+      return { data: s, hasMore: l };
+    } catch {
+      return { data: [], hasMore: !1 };
+    }
+  }
+  async loadMore(e) {
+    e.stopPropagation();
+    const t = this.data?.length || 0;
+    this.loading = !0;
+    try {
+      const { data: s, hasMore: l } = await this.fetchFolders({
+        folderId: this.folderId,
+        start: t
+      });
+      this.data = [...this.data || [], ...s], this.hasMore = l;
+    } catch {
+    } finally {
+      this.loading = !1;
+    }
+  }
+  async handleLazyLoad(e) {
+    e.stopPropagation(), this.treeItem.expanded = !0;
+    const t = this.data?.length || 0;
+    try {
+      const { data: s, hasMore: l } = await this.fetchFolders({
+        folderId: this.folderId,
+        start: t
+      });
+      this.data = s, this.hasMore = l;
+    } catch {
+      this.treeItem.expanded = !1;
+    }
+  }
+  render() {
+    return f`
+      <cx-tree-item
+        class=${ae({
+      "folder-select-tree-item": !0
+    })}
+        data-id=${this.folderId}
+        data-url=${S(this.url)}
+        data-name=${S(this.name?.trim() || void 0)}
+        data-representative-asset-id=${S(
+      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 === M.Album ? "outlined" : "filled"}
+          ></cx-icon>
+          <cx-line-clamp lines="1" class="folder-select-tree-item__title">
+            ${this.name}
+          </cx-line-clamp>
+        </cx-space>
+        ${W(
+      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=${S(e.url ?? void 0)}
+              .api=${this.api}
+              value=${e.url}
+            ></cx-folder-select-tree-item>`
+    )}
+      </cx-tree-item>
+      ${O(
+      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>
+        `
+    )}
+    `;
+  }
+};
+o.styles = [R];
+o.dependencies = {
+  "cx-button": q,
+  "cx-icon": A,
+  "cx-line-clamp": re,
+  "cx-space": se,
+  "cx-tree-item": x
+};
+c([
+  B("cx-tree-item")
+], o.prototype, "treeItem", 2);
+c([
+  r({ attribute: "folder-id", reflect: !0, type: String })
+], o.prototype, "folderId", 2);
+c([
+  r({ attribute: "has-children", reflect: !0, type: Boolean })
+], o.prototype, "hasChildren", 2);
+c([
+  r({ attribute: "full-path", reflect: !0, type: String })
+], o.prototype, "fullPath", 2);
+c([
+  r({ attribute: "doc-type", reflect: !0, type: String })
+], o.prototype, "docType", 2);
+c([
+  r({ reflect: !0, type: String })
+], o.prototype, "name", 2);
+c([
+  r({
+    attribute: "representative-asset-id",
+    reflect: !0,
+    type: String
+  })
+], o.prototype, "representativeAssetId", 2);
+c([
+  r({ attribute: "selected-value", reflect: !0, type: String })
+], o.prototype, "selectedValue", 2);
+c([
+  r({ reflect: !0, type: String })
+], o.prototype, "token", 2);
+c([
+  r({ attribute: "bearer-token", reflect: !0, type: String })
+], o.prototype, "bearerToken", 2);
+c([
+  r({ attribute: "base-url", reflect: !0, type: String })
+], o.prototype, "baseUrl", 2);
+c([
+  r({ type: Function })
+], o.prototype, "api", 2);
+c([
+  r({
+    attribute: "exclude-virtual-folders",
+    reflect: !0,
+    type: Boolean
+  })
+], o.prototype, "excludeVirtualFolders", 2);
+c([
+  r({ reflect: !0, type: String })
+], o.prototype, "url", 2);
+c([
+  y()
+], o.prototype, "data", 2);
+c([
+  y()
+], o.prototype, "hasMore", 2);
+c([
+  y()
+], o.prototype, "loading", 2);
+o = c([
+  w("cx-folder-select-tree-item")
+], o);
+var ne = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, p = (e, t, s, l) => {
+  for (var a = l > 1 ? void 0 : l ? ce(t, s) : t, u = e.length - 1, d; u >= 0; u--)
+    (d = e[u]) && (a = (l ? d(t, s, a) : d(a)) || a);
+  return l && a && ne(t, s, a), a;
+};
+let h = class extends I {
+  constructor() {
+    super(...arguments), this.localize = new V(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.api = U, this.excludeVirtualFolders = !1, this.data = [], this.hasMore = !1, this.loading = !1;
+  }
+  get empty() {
+    return !this.loading && this.data.length === 0;
+  }
+  /**
+   * This is used to render the cx-tree inside the cx-folder-select without the shadow root so that the cx-folder-select can query select the cx-tree inside
+   */
+  createRenderRoot() {
+    return this;
+  }
+  runFirstUpdated() {
+    this.searchTerm = "", this.handleFetchFolders();
+  }
+  async loadMore(e) {
+    if (!this.api)
+      return;
+    e.stopPropagation();
+    const t = this.data.length;
+    this.loading = !0;
+    const { data: s, hasMore: l } = await this.api({
+      baseUrl: this.baseUrl,
+      bearerToken: this.bearerToken,
+      excludeVirtualFolders: this.excludeVirtualFolders,
+      folderId: "",
+      limit: 10,
+      searchTerm: this.searchTerm,
+      start: t,
+      token: this.token
+    });
+    this.data = [...this.data, ...s], this.hasMore = l, this.loading = !1;
+  }
+  async handleFetchFolders() {
+    if (!this.api || this.searchTerm.length > 0 && this.searchTerm.length < this.minQueryLength)
+      return;
+    this.loading = !0;
+    const { data: e, hasMore: t } = await this.api({
+      baseUrl: this.baseUrl,
+      bearerToken: this.bearerToken,
+      excludeVirtualFolders: this.excludeVirtualFolders,
+      folderId: "",
+      limit: 10,
+      searchTerm: this.searchTerm,
+      start: 0,
+      token: this.token
+    });
+    this.data = e, this.hasMore = t, this.loading = !1;
+  }
+  renderFolder(e) {
+    return f`<cx-folder-select-tree-item
+      .api=${this.api}
+      base-url=${this.baseUrl}
+      doc-type=${e.docType}
+      folder-id=${e.id}
+      full-path=${e.fullPath}
+      name=${e.title}
+      selected-value=${this.selectedValue}
+      token=${this.token}
+      bearer-token=${this.bearerToken}
+      url=${S(e.url ?? void 0)}
+      ?has-children=${e.hasChildren}
+      ?exclude-virtual-folders=${this.excludeVirtualFolders}
+    ></cx-folder-select-tree-item>`;
+  }
+  render() {
+    return f`<cx-tree
+      class="folder-select-tree"
+      selection=${this.selection}
+      force-on-change
+      disabled-auto-expand
+      disabled-sync-checkboxes
+    >
+      ${O(
+      this.empty,
+      () => f`<div
+            class="folder-select-tree__empty-message"
+            role="status"
+            aria-live="polite"
+          >
+            <cx-typography variant="body3">
+              ${this.localize.term("noResults")}
+            </cx-typography>
+          </div>`
+    )}
+      ${W(
+      this.data,
+      (e) => e.id,
+      (e) => this.renderFolder(e)
+    )}
+      ${O(
+      this.hasMore,
+      () => f`
+          <cx-button
+            class="folder-select-tree__load-more"
+            variant="text"
+            @click=${this.loadMore}
+            ?loading=${this.loading}
+          >
+            ${this.localize.term("more")}
+          </cx-button>
+        `
+    )}
+    </cx-tree>`;
+  }
+};
+h.dependencies = {
+  "cx-button": q,
+  "cx-folder-select-tree-item": o,
+  "cx-tree": K
+};
+p([
+  r({ attribute: "min-query-length", reflect: !0, type: Number })
+], h.prototype, "minQueryLength", 2);
+p([
+  r({ attribute: "selection", reflect: !0, type: String })
+], h.prototype, "selection", 2);
+p([
+  r({ attribute: "search-term", reflect: !0, type: String })
+], h.prototype, "searchTerm", 2);
+p([
+  r({ attribute: "selected-value", reflect: !0, type: String })
+], h.prototype, "selectedValue", 2);
+p([
+  r({ reflect: !0, type: String })
+], h.prototype, "token", 2);
+p([
+  r({ attribute: "bearer-token", reflect: !0, type: String })
+], h.prototype, "bearerToken", 2);
+p([
+  r({ attribute: "base-url", reflect: !0, type: String })
+], h.prototype, "baseUrl", 2);
+p([
+  r({ type: Function })
+], h.prototype, "api", 2);
+p([
+  r({
+    attribute: "exclude-virtual-folders",
+    reflect: !0,
+    type: Boolean
+  })
+], h.prototype, "excludeVirtualFolders", 2);
+p([
+  y()
+], h.prototype, "data", 2);
+p([
+  y()
+], h.prototype, "hasMore", 2);
+p([
+  y()
+], h.prototype, "loading", 2);
+p([
+  m("baseUrl", { waitUntilFirstUpdate: !0 }),
+  m("token", { waitUntilFirstUpdate: !0 }),
+  m("searchTerm", { waitUntilFirstUpdate: !0 }),
+  m("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
+  te(500)
+], h.prototype, "handleFetchFolders", 1);
+h = p([
+  w("cx-folder-select-tree")
+], h);
+const he = X`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .folder-select {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .folder-select-tree {
+    overflow: auto;
+    flex: 1;
+  }
+
+  .folder-select-tree__item__icon {
+    color: var(--cx-color-primary);
+  }
+
+  .folder-select-tree__empty-message {
+    font-size: var(--cx-font-size-small);
+    color: var(--cx-color-neutral-500);
+    padding-block: var(--cx-spacing-2x-small);
+    padding-inline: var(--cx-spacing-small);
+    text-align: center;
+    cursor: default;
+    user-select: none;
+  }
+
+  .folder-select-tree__load-more {
+    margin-inline: var(--cx-spacing-small);
+  }
+
+  .folder-select-tree-item::part(label),
+  .folder-select-tree-item__label,
+  .folder-select-tree-item__title {
+    overflow: hidden;
+  }
+`;
+var de = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, Q = (e) => {
+  throw TypeError(e);
+}, n = (e, t, s, l) => {
+  for (var a = l > 1 ? void 0 : l ? pe(t, s) : t, u = e.length - 1, d; u >= 0; u--)
+    (d = e[u]) && (a = (l ? d(t, s, a) : d(a)) || a);
+  return l && a && de(t, s, a), a;
+}, j = (e, t, s) => t.has(e) || Q("Cannot " + s), D = (e, t, s) => (j(e, t, "read from private field"), s ? s.call(e) : t.get(e)), ue = (e, t, s) => t.has(e) ? Q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), z = (e, t, s, l) => (j(e, t, "write to private field"), t.set(e, s), s), g;
+let i = class extends I {
+  constructor() {
+    super(), this.localize = new V(this), this.minQueryLength = 1, this.selection = "single", this.variant = C.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.open = !1, this.token = "", this.bearerToken = "", this.api = U, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.searchTerm = "", ue(this, g), 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, g, void 0);
+      return;
+    }
+    z(this, g, async (e) => {
+      try {
+        return await this.api(e);
+      } catch (t) {
+        return t instanceof G && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1 };
+      }
+    });
+  }
+  handleSearchTermInputChange(e) {
+    this.searchTerm = e.target.value;
+  }
+  handleSearchTermSelectChange(e) {
+    this.searchTerm = e.target.displayInput.value;
+  }
+  selectGetOptionValue(e) {
+    return !e || !(e instanceof x) ? this.value : e.dataset.id || this.value;
+  }
+  selectGetOptionLabel(e) {
+    return !e || !(e instanceof x) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
+  }
+  selectGetOptionSelected(e) {
+    if (!(!e || !(e instanceof x)))
+      return e.selected;
+  }
+  selectFilterCallback(e) {
+    return !(!e || !(e instanceof x));
+  }
+  selectSetOptionSelected(e, t) {
+    if (!(!e || !(e instanceof x))) {
+      if (t === void 0) {
+        e.selected = !e.selected;
+        return;
+      }
+      e.selected = t;
+    }
+  }
+  updateFunctionProps() {
+    this.selectEl && (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());
+  }
+  handleOpenChange() {
+    if (this.selectEl) {
+      if (!this.open) {
+        this.selectEl.hide();
+        return;
+      }
+      this.updateFunctionProps();
+    }
+  }
+  async handleVariantChange() {
+    this.variant === C.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">
+      ${ee(this.variant, [
+      [
+        C.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}
+              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}
+              .api=${D(this, g)}
+            >
+            </cx-folder-select-tree>
+          `
+      ],
+      [
+        C.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}
+                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}
+                .api=${D(this, g)}
+              >
+              </cx-folder-select-tree>
+            </cx-select>
+          `
+      ]
+    ])}
+    </div>`;
+  }
+};
+g = /* @__PURE__ */ new WeakMap();
+i.styles = [R, he];
+i.dependencies = {
+  "cx-folder-select-tree": h,
+  "cx-icon": A,
+  "cx-input": Z,
+  "cx-select": J
+};
+n([
+  B("cx-select")
+], i.prototype, "selectEl", 2);
+n([
+  r({ attribute: "min-query-length", reflect: !0, type: Number })
+], i.prototype, "minQueryLength", 2);
+n([
+  r({ attribute: "selection", reflect: !0, type: String })
+], i.prototype, "selection", 2);
+n([
+  r({ attribute: "variant", reflect: !0, type: String })
+], i.prototype, "variant", 2);
+n([
+  r({ reflect: !0, type: String })
+], i.prototype, "value", 2);
+n([
+  r({ reflect: !0, type: String })
+], i.prototype, "name", 2);
+n([
+  r({ attribute: "selected-label", reflect: !0, type: String })
+], i.prototype, "selectedLabel", 2);
+n([
+  r({ attribute: "base-url", reflect: !0, type: String })
+], i.prototype, "baseUrl", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], i.prototype, "open", 2);
+n([
+  r({ reflect: !1, type: String })
+], i.prototype, "token", 2);
+n([
+  r({ attribute: "bearer-token", reflect: !0, type: String })
+], i.prototype, "bearerToken", 2);
+n([
+  r({ type: Function })
+], i.prototype, "api", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], i.prototype, "required", 2);
+n([
+  r({ reflect: !1 })
+], i.prototype, "form", 2);
+n([
+  r({
+    attribute: "exclude-virtual-folders",
+    reflect: !0,
+    type: Boolean
+  })
+], i.prototype, "excludeVirtualFolders", 2);
+n([
+  y()
+], i.prototype, "searchTerm", 2);
+n([
+  m("api")
+], i.prototype, "updateWrappedApi", 1);
+n([
+  m("open")
+], i.prototype, "handleOpenChange", 1);
+n([
+  m("variant")
+], i.prototype, "handleVariantChange", 1);
+n([
+  m("selectedLabel", { waitUntilFirstUpdate: !0 }),
+  m("value", { waitUntilFirstUpdate: !0 })
+], i.prototype, "handleValueChange", 1);
+i = n([
+  w("cx-folder-select")
+], i);
+export {
+  i as C,
+  C as F,
+  U as a
+};