@orangelogic/design-system 2.0.0-29DUO2-beta-3 → 2.0.0-29IORR-beta-2

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

@@ -1,844 +0,0 @@
-import A from "../components/icon.js";
-import X from "../components/input.js";
-import Y from "../components/select.js";
-import { C as $, a as ee } from "./tree.CeMLCbs-.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 { c as R } from "./component.styles.DMSLciL5.js";
-import { c as D } from "./custom-element.L4WJXn1j.js";
-import { L as w } from "./i18n.C0iakJkV.js";
-import { w as m } from "./watch.q1sEjPWL.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 { C as W } from "./button.KnE3mcyM.js";
-import { d as le } 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";
-import ie from "../components/line-clamp.js";
-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 || {});
-const he = 50;
-async function V({
-  allowedFolders: e,
-  baseUrl: t,
-  bearerToken: a,
-  excludeVirtualFolders: i,
-  folderId: l,
-  includeDirectChild: p,
-  limit: u = he,
-  searchTerm: U,
-  self: E,
-  start: M = 0,
-  token: Z
-}) {
-  let k = [], L = p ?? !0;
-  e && e.length > 0 && !l ? (k = e, E = !0, L = !1) : l && (k = [l]);
-  try {
-    return (await I.request({
-      baseURL: t,
-      headers: {
-        Authorization: `Bearer ${a}`
-      },
-      method: "GET",
-      params: {
-        IncludeDirectChild: L,
-        IncludeVirtualFolders: !i,
-        Limit: u,
-        ObjectRecordIDs: k,
-        SeeThru: !!U,
-        Self: E,
-        Start: M,
-        Text: U || void 0,
-        Token: Z || void 0
-      },
-      paramsSerializer: {
-        indexes: null
-      },
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(I.defaults.transformResponse) ? I.defaults.transformResponse : [],
-        (g, Te, _) => {
-          if (_ !== void 0 && (_ < 200 || _ >= 300))
-            return {
-              data: [],
-              hasMore: !1,
-              totalCount: 0
-            };
-          if (!g || typeof g != "object")
-            throw new Error("Invalid response format");
-          const K = g.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",
-              id: b.recordID,
-              isShared: b.fields[v.rawDocSubtype] === "DO_OR1ND000001913488",
-              representativeAssetId: b.fields[v.RepresentativeAssetId] ?? "",
-              title: b.fields[v.TitleWithFallback] ?? ""
-            })) ?? [],
-            hasMore: M + K < g.totalCount,
-            totalCount: g.totalCount
-          };
-        }
-      ],
-      url: te
-    })).data;
-  } catch {
-    return {
-      data: [],
-      hasMore: !1,
-      totalCount: 0
-    };
-  }
-}
-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;
-};
-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;
-  }
-  /**
-   * 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: a, hasMore: i } = await this.api({
-        baseUrl: this.baseUrl,
-        bearerToken: this.bearerToken,
-        excludeVirtualFolders: this.excludeVirtualFolders,
-        folderId: e,
-        start: t,
-        token: this.token
-      });
-      return { data: a, hasMore: i };
-    } catch {
-      return { data: [], hasMore: !1 };
-    }
-  }
-  async loadMore(e) {
-    e.stopPropagation();
-    const t = this.data?.length || 0;
-    this.loading = !0;
-    try {
-      const { data: a, hasMore: i } = await this.fetchFolders({
-        folderId: this.folderId,
-        start: t
-      });
-      this.data = [...this.data || [], ...a], this.hasMore = i;
-    } catch {
-    } finally {
-      this.loading = !1;
-    }
-  }
-  async handleLazyLoad(e) {
-    e.stopPropagation(), this.treeItem.expanded = !0;
-    const t = this.data?.length || 0;
-    try {
-      const { data: a, hasMore: i } = await this.fetchFolders({
-        folderId: this.folderId,
-        start: t
-      });
-      this.data = a, this.hasMore = i;
-    } catch {
-      this.treeItem.expanded = !1;
-    }
-  }
-  render() {
-    return 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(
-      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>`
-    )}
-      </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>
-        `
-    )}
-    `;
-  }
-};
-n.styles = [R];
-n.dependencies = {
-  "cx-button": W,
-  "cx-icon": A,
-  "cx-line-clamp": ie,
-  "cx-space": oe,
-  "cx-tree-item": $
-};
-d([
-  B("cx-tree-item")
-], n.prototype, "treeItem", 2);
-d([
-  r({ attribute: "folder-id", reflect: !0, type: String })
-], n.prototype, "folderId", 2);
-d([
-  r({ attribute: "has-children", reflect: !0, type: Boolean })
-], n.prototype, "hasChildren", 2);
-d([
-  r({ attribute: "full-path", reflect: !0, type: String })
-], n.prototype, "fullPath", 2);
-d([
-  r({ attribute: "doc-type", reflect: !0, type: String })
-], n.prototype, "docType", 2);
-d([
-  r({ reflect: !0, type: String })
-], n.prototype, "name", 2);
-d([
-  r({
-    attribute: "representative-asset-id",
-    reflect: !0,
-    type: String
-  })
-], n.prototype, "representativeAssetId", 2);
-d([
-  r({ attribute: "selected-value", reflect: !0, type: String })
-], n.prototype, "selectedValue", 2);
-d([
-  r({ reflect: !0, type: String })
-], n.prototype, "token", 2);
-d([
-  r({ attribute: "bearer-token", reflect: !0, type: String })
-], n.prototype, "bearerToken", 2);
-d([
-  r({ attribute: "base-url", reflect: !0, type: String })
-], n.prototype, "baseUrl", 2);
-d([
-  r({ attribute: "search-term", reflect: !0, type: String })
-], n.prototype, "searchTerm", 2);
-d([
-  r({ type: Function })
-], n.prototype, "api", 2);
-d([
-  r({
-    attribute: "exclude-virtual-folders",
-    reflect: !0,
-    type: Boolean
-  })
-], n.prototype, "excludeVirtualFolders", 2);
-d([
-  r({ reflect: !0, type: String })
-], n.prototype, "url", 2);
-d([
-  x()
-], n.prototype, "data", 2);
-d([
-  x()
-], n.prototype, "hasMore", 2);
-d([
-  x()
-], n.prototype, "loading", 2);
-n = d([
-  D("cx-folder-select-tree-item")
-], 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;
-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);
-  }
-  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 handleExtraFolderIdChange() {
-    if (!this.extraFolderId || !this.api) {
-      this.extraFolderData = null;
-      return;
-    }
-    const { data: e } = await this.api({
-      baseUrl: this.baseUrl,
-      bearerToken: this.bearerToken,
-      excludeVirtualFolders: this.excludeVirtualFolders,
-      folderId: this.extraFolderId,
-      includeDirectChild: !1,
-      limit: 1,
-      searchTerm: this.searchTerm,
-      seeThru: this.seeThru,
-      self: !0,
-      start: 0,
-      token: this.token
-    });
-    this.extraFolderData = e[0] ?? null;
-  }
-  async loadMore(e) {
-    if (!this.api)
-      return;
-    e.stopPropagation();
-    const t = this.data.length;
-    this.loading = !0;
-    const { data: a, hasMore: i } = await this.api({
-      baseUrl: this.baseUrl,
-      bearerToken: this.bearerToken,
-      excludeVirtualFolders: this.excludeVirtualFolders,
-      folderId: "",
-      limit: 10,
-      searchTerm: this.searchTerm,
-      seeThru: this.seeThru,
-      start: t,
-      token: this.token
-    });
-    this.data = [...this.data, ...a], this.hasMore = i, this.loading = !1;
-  }
-  async handleFetchFolders() {
-    const { data: e, hasMore: t } = await this.fetchFolders();
-    me(this, S) || e.length > 0 && (this.firstFetchCallback?.(e), xe(this, S, !0)), this.data = e, this.hasMore = t, this.loading = !1;
-  }
-  async fetchFolders() {
-    if (!this.api)
-      return {
-        data: [],
-        hasMore: !1
-      };
-    if (this.searchTerm.length > 0 && this.searchTerm.length < this.minQueryLength)
-      return {
-        data: [],
-        hasMore: !1
-      };
-    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,
-      seeThru: this.seeThru,
-      start: 0,
-      token: this.token
-    });
-    return this.data = e, this.hasMore = t, this.loading = !1, {
-      data: e,
-      hasMore: t
-    };
-  }
-  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=${y(e.fullPath ?? void 0)}
-      name=${e.title}
-      search-term=${this.searchTerm}
-      selected-value=${this.selectedValue}
-      token=${this.token}
-      bearer-token=${this.bearerToken}
-      url=${y(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
-    >
-      ${C(
-      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>`
-    )}
-      ${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>`
-    )}
-      ${q(
-      this.data,
-      (e) => e.id,
-      (e) => this.renderFolder(e)
-    )}
-      ${C(
-      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>`;
-  }
-};
-S = /* @__PURE__ */ new WeakMap();
-c.dependencies = {
-  "cx-button": W,
-  "cx-folder-select-tree-item": n,
-  "cx-tree": ee
-};
-h([
-  r({ attribute: "min-query-length", reflect: !0, type: Number })
-], c.prototype, "minQueryLength", 2);
-h([
-  r({ attribute: "selection", reflect: !0, type: String })
-], c.prototype, "selection", 2);
-h([
-  r({ attribute: "search-term", reflect: !0, type: String })
-], c.prototype, "searchTerm", 2);
-h([
-  r({ attribute: "selected-value", reflect: !0, type: String })
-], c.prototype, "selectedValue", 2);
-h([
-  r({ reflect: !0, type: String })
-], c.prototype, "token", 2);
-h([
-  r({ attribute: "bearer-token", reflect: !0, type: String })
-], c.prototype, "bearerToken", 2);
-h([
-  r({ attribute: "base-url", reflect: !0, type: String })
-], c.prototype, "baseUrl", 2);
-h([
-  r({ attribute: "extra-folder-id", reflect: !0, type: String })
-], c.prototype, "extraFolderId", 2);
-h([
-  r({ attribute: "extra-folder-title", reflect: !0, type: String })
-], c.prototype, "extraFolderTitle", 2);
-h([
-  r({ attribute: "see-thru", reflect: !0, type: Boolean })
-], c.prototype, "seeThru", 2);
-h([
-  x()
-], c.prototype, "extraFolderData", 2);
-h([
-  r({ type: Function })
-], c.prototype, "api", 2);
-h([
-  r({
-    attribute: "exclude-virtual-folders",
-    reflect: !0,
-    type: Boolean
-  })
-], c.prototype, "excludeVirtualFolders", 2);
-h([
-  r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], c.prototype, "firstFetchCallback", 2);
-h([
-  x()
-], c.prototype, "data", 2);
-h([
-  x()
-], c.prototype, "hasMore", 2);
-h([
-  x()
-], c.prototype, "loading", 2);
-h([
-  m("extraFolderId")
-], c.prototype, "handleExtraFolderIdChange", 1);
-h([
-  m("baseUrl", { waitUntilFirstUpdate: !0 }),
-  m("token", { waitUntilFirstUpdate: !0 }),
-  m("searchTerm", { waitUntilFirstUpdate: !0 }),
-  m("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
-  le(500)
-], c.prototype, "handleFetchFolders", 1);
-c = h([
-  D("cx-folder-select-tree")
-], c);
-const be = ae`
-  :host {
-    display: block;
-    width: 100%;
-  }
-
-  .folder-select {
-    display: flex;
-    flex-direction: column;
-    gap: var(--cx-spacing-x-small);
-  }
-
-  .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 ve = Object.defineProperty, ge = 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 {
-  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();
-  }
-  updateWrappedApi() {
-    if (!this.api) {
-      z(this, T, void 0);
-      return;
-    }
-    z(this, T, async (e) => {
-      try {
-        return await this.api(e);
-      } catch (t) {
-        return t instanceof re && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
-      }
-    });
-  }
-  handleSearchTermChange() {
-    this.emit("cx-folder-select-search-term-change", {
-      detail: {
-        value: this.searchTerm
-      }
-    });
-  }
-  handleSearchTermInputChange(e) {
-    this.searchTerm = e.target.value;
-  }
-  handleSearchTermSelectChange(e) {
-    this.searchTerm = e.target.displayInput.value;
-  }
-  selectGetOptionValue(e) {
-    return !e || !(e instanceof $) ? this.value : e.dataset.id || this.value;
-  }
-  selectGetOptionLabel(e) {
-    return !e || !(e instanceof $) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
-  }
-  selectGetOptionSelected(e) {
-    if (!(!e || !(e instanceof $)))
-      return e.selected;
-  }
-  selectFilterCallback(e) {
-    return !(!e || !(e instanceof $));
-  }
-  selectSetOptionSelected(e, t) {
-    if (!(!e || !(e instanceof $))) {
-      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 === F.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, [
-      [
-        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>
-          `
-      ],
-      [
-        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>
-          `
-      ]
-    ])}
-    </div>`;
-  }
-};
-T = /* @__PURE__ */ new WeakMap();
-s.styles = [R, be];
-s.dependencies = {
-  "cx-folder-select-tree": c,
-  "cx-icon": A,
-  "cx-input": X,
-  "cx-select": Y
-};
-o([
-  B("cx-select")
-], s.prototype, "selectEl", 2);
-o([
-  r({ attribute: "min-query-length", reflect: !0, type: Number })
-], s.prototype, "minQueryLength", 2);
-o([
-  r({ attribute: "selection", reflect: !0, type: String })
-], s.prototype, "selection", 2);
-o([
-  r({ attribute: "variant", reflect: !0, type: String })
-], s.prototype, "variant", 2);
-o([
-  r({ reflect: !0, type: String })
-], s.prototype, "value", 2);
-o([
-  r({ reflect: !0, type: String })
-], s.prototype, "name", 2);
-o([
-  r({ attribute: "selected-label", reflect: !0, type: String })
-], s.prototype, "selectedLabel", 2);
-o([
-  r({ attribute: "base-url", reflect: !0, type: String })
-], s.prototype, "baseUrl", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], s.prototype, "open", 2);
-o([
-  r({ reflect: !1, type: String })
-], s.prototype, "token", 2);
-o([
-  r({ attribute: "bearer-token", reflect: !0, type: String })
-], s.prototype, "bearerToken", 2);
-o([
-  r({ attribute: "see-thru", reflect: !0, type: Boolean })
-], s.prototype, "seeThru", 2);
-o([
-  r({ type: Function })
-], s.prototype, "api", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], s.prototype, "required", 2);
-o([
-  r({ reflect: !1 })
-], s.prototype, "form", 2);
-o([
-  r({
-    attribute: "exclude-virtual-folders",
-    reflect: !0,
-    type: Boolean
-  })
-], s.prototype, "excludeVirtualFolders", 2);
-o([
-  r({
-    attribute: "extra-folder-id",
-    reflect: !0,
-    type: String
-  })
-], s.prototype, "extraFolderId", 2);
-o([
-  r({
-    attribute: "extra-folder-title",
-    reflect: !0,
-    type: String
-  })
-], s.prototype, "extraFolderTitle", 2);
-o([
-  r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], s.prototype, "firstFetchCallback", 2);
-o([
-  x()
-], s.prototype, "searchTerm", 2);
-o([
-  m("api")
-], s.prototype, "updateWrappedApi", 1);
-o([
-  m("searchTerm", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleSearchTermChange", 1);
-o([
-  m("open")
-], s.prototype, "handleOpenChange", 1);
-o([
-  m("variant")
-], s.prototype, "handleVariantChange", 1);
-o([
-  m("selectedLabel", { waitUntilFirstUpdate: !0 }),
-  m("value", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleValueChange", 1);
-s = o([
-  D("cx-folder-select")
-], s);
-export {
-  s as C,
-  F,
-  V as a
-};