@orangelogic/design-system 2.118.0 → 2.119.0

package/library/components/dynamic-select.js

@@ -1,62 +1,66 @@
-import { C as y } from "../chunks/button.DwJEeW2t.js";
-import { C as b } from "../chunks/icon-button.CQiBjznj.js";
-import { C as l, a as g } from "../chunks/option.Bvh35v8S.js";
-import $ from "./select.js";
-import { n as o, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as O } from "../chunks/debounce.CIEhztrj.js";
-import { L as w } from "../chunks/i18n.CH-wak_P.js";
-import { w as f } from "../chunks/watch.CThbualB.js";
-import { x as h } from "../chunks/lit-element.jLBm65_O.js";
-import { r as p } from "../chunks/state.CSDxrqLd.js";
-import { e as C } from "../chunks/query.BBf1UFkC.js";
-import { o as d } from "../chunks/if-defined.BRoBj_Rp.js";
-import { c as B } from "../chunks/repeat.DbF2p5ae.js";
-import { n as m } from "../chunks/when.Dr1es41R.js";
-import { b as S } from "../chunks/_baseIteratee.DpzDid58.js";
-import { b as E } from "../chunks/_baseUniq.HFKneygy.js";
-function T(i, r) {
-  return i && i.length ? E(i, S(r)) : [];
+import { C as g } from "../chunks/button.bufNNyTc.js";
+import { C as $ } from "../chunks/icon-button.DOrACmes.js";
+import { C as p, a as O } from "../chunks/option.CnxdM30G.js";
+import C from "./select.js";
+import { n as s, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as w } from "../chunks/debounce.DaHuiSGU.js";
+import { L as S } from "../chunks/i18n.DDj5y9px.js";
+import { w as c } from "../chunks/watch.CThbualB.js";
+import { x as r } from "../chunks/lit-element.jLBm65_O.js";
+import { r as h } from "../chunks/state.CSDxrqLd.js";
+import { e as E } from "../chunks/query.BBf1UFkC.js";
+import { e as B } from "../chunks/class-map.BiVq-cVR.js";
+import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
+import { i as T } from "../chunks/keyed.C0rkKrxH.js";
+import { o as b } from "../chunks/map.D8heArFD.js";
+import { c as y } from "../chunks/repeat.DbF2p5ae.js";
+import { o as D } from "../chunks/style-map.llVFPd__.js";
+import { n as f } from "../chunks/when.Dr1es41R.js";
+import { b as _ } from "../chunks/_baseIteratee.DpzDid58.js";
+import { b as V } from "../chunks/_baseUniq.HFKneygy.js";
+function z(t, i) {
+  return t && t.length ? V(t, _(i)) : [];
 }
-var D = Object.defineProperty, z = Object.getOwnPropertyDescriptor, e = (i, r, s, n) => {
-  for (var a = n > 1 ? void 0 : n ? z(r, s) : r, u = i.length - 1, c; u >= 0; u--)
-    (c = i[u]) && (a = (n ? c(r, s, a) : c(a)) || a);
-  return n && a && D(r, s, a), a;
+var F = Object.defineProperty, A = Object.getOwnPropertyDescriptor, o = (t, i, l, a) => {
+  for (var n = a > 1 ? void 0 : a ? A(i, l) : i, u = t.length - 1, d; u >= 0; u--)
+    (d = t[u]) && (n = (a ? d(i, l, n) : d(n)) || n);
+  return a && n && F(i, l, n), n;
 };
-let t = class extends v {
+let e = class extends x {
   constructor() {
-    super(...arguments), this.localize = new w(this), this.name = "", this.value = "", this.size = "medium", this.placeholder = "", this.allowFreetext = !1, this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.freeWidth = !1, this.autosizePadding = 10, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.useTag = !1, this.inputBehavior = "filter", this.getOptionValue = (i) => !i || !(i instanceof l) ? "" : typeof i.value == "string" ? i.value : "", this.setOptionCurrent = (i, r) => {
-      if (i instanceof l) {
-        if (r === void 0) {
-          i.current = !i.current;
+    super(...arguments), this.localize = new S(this), this.name = "", this.value = "", this.size = "medium", this.placeholder = "", this.allowFreetext = !1, this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.freeWidth = !1, this.autosizePadding = 10, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.useTag = !1, this.inputBehavior = "filter", this.getOptionValue = (t) => !t || !(t instanceof p) ? "" : typeof t.value == "string" ? t.value : "", this.setOptionCurrent = (t, i) => {
+      if (t instanceof p) {
+        if (i === void 0) {
+          t.current = !t.current;
           return;
         }
-        i.current = r;
+        t.current = i;
       }
-    }, this.setOptionSelected = (i, r) => {
-      if (!(!(i instanceof l) || i.getAttribute("role") !== "option")) {
-        if (r === void 0) {
-          i.selected = !i.selected;
+    }, this.setOptionSelected = (t, i) => {
+      if (!(!(t instanceof p) || t.getAttribute("role") !== "option")) {
+        if (i === void 0) {
+          t.selected = !t.selected;
           return;
         }
-        i.selected = r, r && this.selectEl.setCurrentOption(i);
+        t.selected = i, i && this.selectEl.setCurrentOption(t);
       }
-    }, this.stayOpenOnSelect = !1, this.forceOnChange = !1, this.allowDefaultMouseDown = !1, this.useSearchTerm = !1, this.noSelectOnEnter = !1, this.noResetCurrent = !1, this.iconName = "", this.noDropdown = !1, this.noDropdownOnEmpty = !1, this.noFlip = !1, this.customChangeEvent = "", this.options = [], this.start = 0, this.searchTerm = "", this.hasMore = !1, this.loading = !1;
+    }, this.stayOpenOnSelect = !1, this.forceOnChange = !1, this.allowDefaultMouseDown = !1, this.columns = [], this.useSearchTerm = !1, this.noSelectOnEnter = !1, this.noResetCurrent = !1, this.iconName = "", this.noDropdown = !1, this.noDropdownOnEmpty = !1, this.noFlip = !1, this.customChangeEvent = "", this.options = [], this.start = 0, this.searchTerm = "", this.hasMore = !1, this.loading = !1;
   }
   createRenderRoot() {
     return this;
   }
-  async fetchOptions(i = !1) {
+  async fetchOptions(t = !1) {
     if (this.api)
       try {
         this.loading = !0;
-        const r = await this.api({
+        const i = await this.api({
           searchTerm: this.searchTerm,
           start: this.start
         });
-        if (i ? this.options = r.data : this.options = T([...this.options, ...r.data], "value"), this.hasMore = r.hasMore, await this.updateComplete, this.selectEl) {
-          let s;
-          this.multiple ? s = this.value?.trim() ? this.value.trim().split(/\s+/) : [] : s = this.value, this.selectEl.value = s;
+        if (t ? this.options = i.data : this.options = z([...this.options, ...i.data], "value"), this.hasMore = i.hasMore, await this.updateComplete, this.selectEl) {
+          let l;
+          this.multiple ? l = this.value?.trim() ? this.value.trim().split(/\s+/) : [] : l = this.value, this.selectEl.value = l;
         }
       } catch {
         this.options = [];
@@ -70,204 +74,271 @@ let t = class extends v {
   async handleSearchTermChange() {
     this.api ? (this.start = 0, await this.updateComplete, await this.fetchOptions(!0)) : this.options = [];
   }
-  handleInputChange(i) {
-    const { value: r } = i.target.displayInput;
-    this.searchTerm = r, this.selectEl.getOptionLabel = (s) => !s || !(s instanceof l) ? r : s.getTextLabel() || r;
+  async handleColumnsChange() {
+    await this.updateComplete, this.selectEl && (this.columns.length > 0 ? (this.selectEl.filterCallback = this.tableFilterCallback, this.selectEl.getOptionDisabled = this.tableGetOptionDisabled, this.selectEl.getOptionLabel = this.tableGetOptionLabel, this.selectEl.getOptionSelected = this.tableGetOptionSelected, this.selectEl.getOptionValue = this.tableGetOptionValue, this.selectEl.setOptionCurrent = this.tableSetOptionCurrent, this.selectEl.setOptionSelected = this.tableSetOptionSelected) : (this.selectEl.getOptionValue = this.getOptionValue, this.selectEl.setOptionCurrent = this.setOptionCurrent, this.selectEl.setOptionSelected = this.setOptionSelected));
+  }
+  tableGetOptionValue(t) {
+    return t?.getAttribute("data-value") ?? "";
+  }
+  tableSetOptionSelected(t, i) {
+    const l = i ?? !t?.hasAttribute("selected");
+    t?.toggleAttribute("selected", l), t?.setAttribute("aria-selected", String(l));
+  }
+  tableSetOptionCurrent(t, i) {
+    t?.toggleAttribute("current", i ?? !t?.hasAttribute("current"));
+  }
+  tableGetOptionLabel(t) {
+    return t?.querySelector("td")?.textContent?.trim() ?? "";
+  }
+  tableGetOptionSelected(t) {
+    return t?.hasAttribute("selected") ?? !1;
+  }
+  tableGetOptionDisabled(t) {
+    return t?.hasAttribute("disabled") ?? !1;
+  }
+  tableFilterCallback(t, i) {
+    const l = i.toLowerCase();
+    return [...t?.querySelectorAll("td") || []].some(
+      (a) => a.textContent?.toLowerCase().includes(l)
+    );
+  }
+  getCellValue(t, i) {
+    if (i in t) {
+      const l = t[i];
+      return l == null ? "" : String(l);
+    }
+    return t.extra?.[i] ?? "";
+  }
+  getColWidth(t) {
+    const i = this.columns.reduce((l, a) => l + (a.flex ?? 1), 0);
+    return `${((t.flex ?? 1) / i * 100).toFixed(1)}%`;
+  }
+  handleInputChange(t) {
+    const { value: i } = t.target.displayInput;
+    this.searchTerm = i, this.selectEl.getOptionLabel = (l) => !l || !(l instanceof p) ? i : l.getTextLabel() || i;
   }
   handleLoadMore() {
     this.start += 10;
   }
-  handleCustomChange(i) {
-    if (!i.target)
+  handleCustomChange(t) {
+    if (!t.target)
       return;
-    const r = i.target, s = this.options.find(
-      (n) => n.value === r.value
+    const i = t.target, l = this.options.find(
+      (a) => a.value === i.value
     );
-    s && this.emit(this.customChangeEvent, {
-      detail: s
+    l && this.emit(this.customChangeEvent, {
+      detail: l
     });
   }
-  render() {
-    const i = this.noDropdown || this.noDropdownOnEmpty && !this.options.length;
-    return h`<cx-select ?allow-freetext=${this.allowFreetext} auto-size-padding=${this.autosizePadding} ?clearable=${this.clearable} data-id=${d(this.dataset.id || void 0)} data-label=${d(this.dataset.label || void 0)} ?disabled=${this.disabled} ?filled=${this.filled} ?force-on-change=${this.forceOnChange} form=${this.form} .syncElement=${this.syncElement} ?free-width=${this.freeWidth} .getOptionValue=${this.getOptionValue} .setOptionCurrent=${this.setOptionCurrent} .setOptionSelected=${this.setOptionSelected} help-text=${this.helpText} ?hoist=${this.hoist} input-behavior=${this.inputBehavior} label=${this.label} max-options-visible=${this.maxOptionsVisible} name=${this.name} ?multiple=${this.multiple} ?open=${this.open} ?pill=${this.pill} placeholder=${this.placeholder} ?required=${this.required} size=${this.size} ?stay-open-on-select=${this.stayOpenOnSelect} ?no-flip=${this.noFlip} ?use-tag=${this.useTag} value=${this.value} @input=${this.useSearchTerm ? this.handleInputChange : void 0} ?no-reset-current=${this.noResetCurrent} ?no-select-on-enter=${this.noSelectOnEnter} ?no-dropdown=${i} ?loading=${this.loading} ?allow-default-mouse-down=${this.allowDefaultMouseDown} @cx-change=${this.customChangeEvent ? this.handleCustomChange : void 0}>${m(this.iconName, () => h`<cx-icon-button class="icon-button" tabindex="-1" label=${this.localize.term("search")} name=${this.iconName} slot="prefix"></cx-icon-button>`)}
-        ${B(
+  renderTableOptions() {
+    return r`<table class="table-select__table"><thead class="table-select__thead"><tr>${b(
+      this.columns,
+      (t) => r`<th class="table-select__th" style=${D({ width: this.getColWidth(t) })}>${t.header}</th>`
+    )}</tr></thead>${y(
       this.options,
-      (r) => r.value ?? "",
-      (r) => h`<cx-option value=${r.value ?? ""} ?disabled=${r.disabled} show-check check-placement=${g.Right}>${r.label ?? r.value ?? ""}</cx-option>`
-    )}
-        ${m(
-      this.hasMore,
-      () => h`<cx-option value="load-more" class="tree-item__actions"><cx-button variant="text" ?loading=${this.loading} @click=${this.handleLoadMore}>${this.localize.term("more")}</cx-button></cx-option>`
-    )}</cx-select>`;
+      (t) => t.value ?? "",
+      (t) => r`<tr role="option" aria-selected="false" aria-disabled=${t.disabled ? "true" : "false"} data-value=${t.value ?? ""} ?disabled=${t.disabled ?? !1}>${b(
+        this.columns,
+        (i) => r`<td class="table-select__td">${this.getCellValue(t, i.field)}</td>`
+      )}</tr>`
+    )}</table>`;
+  }
+  render() {
+    const t = this.noDropdown || this.noDropdownOnEmpty && !this.options.length, i = this.columns.length > 0;
+    return T(i, r`<cx-select auto-size-padding=${this.autosizePadding} class=${B({
+      "dynamic-select": !0,
+      "table-select": i
+    })} data-id=${m(this.dataset.id || void 0)} data-label=${m(this.dataset.label || void 0)} form=${this.form} help-text=${this.helpText} input-behavior=${this.inputBehavior} label=${this.label} max-options-visible=${this.maxOptionsVisible} name=${this.name} placeholder=${this.placeholder} placement=${this.placement} size=${this.size} value=${this.value} .syncElement=${this.syncElement} ?allow-default-mouse-down=${this.allowDefaultMouseDown} ?allow-freetext=${this.allowFreetext} ?clearable=${this.clearable} ?disabled=${this.disabled} ?filled=${this.filled} ?force-on-change=${this.forceOnChange} ?free-width=${this.freeWidth} ?hoist=${this.hoist} ?loading=${this.loading} ?multiple=${this.multiple} ?no-dropdown=${t} ?no-flip=${this.noFlip} ?no-reset-current=${this.noResetCurrent} ?no-select-on-enter=${this.noSelectOnEnter} ?open=${this.open} ?pill=${this.pill} ?required=${this.required} ?stay-open-on-select=${this.stayOpenOnSelect} ?use-tag=${this.useTag} @cx-change=${this.customChangeEvent ? this.handleCustomChange : void 0} @input=${this.useSearchTerm ? this.handleInputChange : void 0}>${f(this.iconName, () => r`<cx-icon-button class="icon-button" tabindex="-1" label=${this.localize.term("search")} name=${this.iconName} slot="prefix"></cx-icon-button>`)}
+      ${f(
+      i,
+      () => this.renderTableOptions(),
+      () => r`
+          ${y(
+        this.options,
+        (l) => l.value ?? "",
+        (l) => r`<cx-option value=${l.value ?? ""} ?disabled=${l.disabled} show-check check-placement=${O.Right}>${l.label ?? l.value ?? ""}</cx-option>`
+      )}
+          ${f(
+        this.hasMore,
+        () => r`<cx-option value="load-more" class="tree-item__actions"><cx-button variant="text" ?loading=${this.loading} @click=${this.handleLoadMore}>${this.localize.term("more")}</cx-button></cx-option>`
+      )}
+        `
+    )}</cx-select>`);
   }
 };
-t.dependencies = {
-  "cx-button": y,
-  "cx-icon-button": b,
-  "cx-option": l,
-  "cx-select": $
+e.dependencies = {
+  "cx-button": g,
+  "cx-icon-button": $,
+  "cx-option": p,
+  "cx-select": C
 };
-e([
-  C("cx-select")
-], t.prototype, "selectEl", 2);
-e([
-  o()
-], t.prototype, "name", 2);
-e([
-  o({ reflect: !0, type: String })
-], t.prototype, "value", 2);
-e([
-  o({ reflect: !0 })
-], t.prototype, "size", 2);
-e([
-  o()
-], t.prototype, "placeholder", 2);
-e([
-  o({ attribute: "allow-freetext", reflect: !0, type: Boolean })
-], t.prototype, "allowFreetext", 2);
-e([
-  o({ reflect: !0, type: Boolean })
-], t.prototype, "multiple", 2);
-e([
-  o({ attribute: "max-options-visible", type: Number })
-], t.prototype, "maxOptionsVisible", 2);
-e([
-  o({ reflect: !0, type: Boolean })
-], t.prototype, "disabled", 2);
-e([
-  o({ type: Boolean })
-], t.prototype, "clearable", 2);
-e([
-  o({ reflect: !0, type: Boolean })
-], t.prototype, "open", 2);
-e([
-  o({ type: Boolean })
-], t.prototype, "hoist", 2);
-e([
-  o({ attribute: "sync-element" })
-], t.prototype, "syncElement", 2);
-e([
-  o({ attribute: "free-width", reflect: !0, type: Boolean })
-], t.prototype, "freeWidth", 2);
-e([
-  o({ attribute: "auto-size-padding", type: Number })
-], t.prototype, "autosizePadding", 2);
-e([
-  o({ reflect: !0, type: Boolean })
-], t.prototype, "filled", 2);
-e([
-  o({ reflect: !0, type: Boolean })
-], t.prototype, "pill", 2);
-e([
-  o()
-], t.prototype, "label", 2);
-e([
-  o({ reflect: !0 })
-], t.prototype, "placement", 2);
-e([
-  o({ attribute: "help-text" })
-], t.prototype, "helpText", 2);
-e([
-  o({ reflect: !0 })
-], t.prototype, "form", 2);
-e([
-  o({ reflect: !0, type: Boolean })
-], t.prototype, "required", 2);
-e([
-  o({ attribute: "use-tag", reflect: !0, type: Boolean })
-], t.prototype, "useTag", 2);
-e([
-  o({ attribute: "input-behavior" })
-], t.prototype, "inputBehavior", 2);
-e([
-  o({ attribute: "get-option-value" })
-], t.prototype, "getOptionValue", 2);
-e([
-  o({ attribute: "set-option-current" })
-], t.prototype, "setOptionCurrent", 2);
-e([
-  o({ attribute: "set-option-selected" })
-], t.prototype, "setOptionSelected", 2);
-e([
-  o({ attribute: "stay-open-on-select", type: Boolean })
-], t.prototype, "stayOpenOnSelect", 2);
-e([
-  o({ attribute: "force-on-change", type: Boolean })
-], t.prototype, "forceOnChange", 2);
-e([
-  o({ attribute: "allow-default-mouse-down", type: Boolean })
-], t.prototype, "allowDefaultMouseDown", 2);
-e([
-  o({ attribute: "api", type: Function })
-], t.prototype, "api", 2);
-e([
-  o({ attribute: "use-search-term", reflect: !0, type: Boolean })
-], t.prototype, "useSearchTerm", 2);
-e([
-  o({
+o([
+  E("cx-select")
+], e.prototype, "selectEl", 2);
+o([
+  s()
+], e.prototype, "name", 2);
+o([
+  s({ reflect: !0, type: String })
+], e.prototype, "value", 2);
+o([
+  s({ reflect: !0 })
+], e.prototype, "size", 2);
+o([
+  s()
+], e.prototype, "placeholder", 2);
+o([
+  s({ attribute: "allow-freetext", reflect: !0, type: Boolean })
+], e.prototype, "allowFreetext", 2);
+o([
+  s({ reflect: !0, type: Boolean })
+], e.prototype, "multiple", 2);
+o([
+  s({ attribute: "max-options-visible", type: Number })
+], e.prototype, "maxOptionsVisible", 2);
+o([
+  s({ reflect: !0, type: Boolean })
+], e.prototype, "disabled", 2);
+o([
+  s({ type: Boolean })
+], e.prototype, "clearable", 2);
+o([
+  s({ reflect: !0, type: Boolean })
+], e.prototype, "open", 2);
+o([
+  s({ type: Boolean })
+], e.prototype, "hoist", 2);
+o([
+  s({ attribute: "sync-element" })
+], e.prototype, "syncElement", 2);
+o([
+  s({ attribute: "free-width", reflect: !0, type: Boolean })
+], e.prototype, "freeWidth", 2);
+o([
+  s({ attribute: "auto-size-padding", type: Number })
+], e.prototype, "autosizePadding", 2);
+o([
+  s({ reflect: !0, type: Boolean })
+], e.prototype, "filled", 2);
+o([
+  s({ reflect: !0, type: Boolean })
+], e.prototype, "pill", 2);
+o([
+  s()
+], e.prototype, "label", 2);
+o([
+  s({ reflect: !0 })
+], e.prototype, "placement", 2);
+o([
+  s({ attribute: "help-text" })
+], e.prototype, "helpText", 2);
+o([
+  s({ reflect: !0 })
+], e.prototype, "form", 2);
+o([
+  s({ reflect: !0, type: Boolean })
+], e.prototype, "required", 2);
+o([
+  s({ attribute: "use-tag", reflect: !0, type: Boolean })
+], e.prototype, "useTag", 2);
+o([
+  s({ attribute: "input-behavior" })
+], e.prototype, "inputBehavior", 2);
+o([
+  s({ attribute: "get-option-value" })
+], e.prototype, "getOptionValue", 2);
+o([
+  s({ attribute: "set-option-current" })
+], e.prototype, "setOptionCurrent", 2);
+o([
+  s({ attribute: "set-option-selected" })
+], e.prototype, "setOptionSelected", 2);
+o([
+  s({ attribute: "stay-open-on-select", type: Boolean })
+], e.prototype, "stayOpenOnSelect", 2);
+o([
+  s({ attribute: "force-on-change", type: Boolean })
+], e.prototype, "forceOnChange", 2);
+o([
+  s({ attribute: "allow-default-mouse-down", type: Boolean })
+], e.prototype, "allowDefaultMouseDown", 2);
+o([
+  s({ attribute: "api", type: Function })
+], e.prototype, "api", 2);
+o([
+  s({ attribute: !1, type: Array })
+], e.prototype, "columns", 2);
+o([
+  s({ attribute: "use-search-term", reflect: !0, type: Boolean })
+], e.prototype, "useSearchTerm", 2);
+o([
+  s({
     attribute: "no-select-on-enter",
     reflect: !0,
     type: Boolean
   })
-], t.prototype, "noSelectOnEnter", 2);
-e([
-  o({
+], e.prototype, "noSelectOnEnter", 2);
+o([
+  s({
     attribute: "no-reset-current",
     reflect: !0,
     type: Boolean
   })
-], t.prototype, "noResetCurrent", 2);
-e([
-  o({ attribute: "icon-name", reflect: !0, type: String })
-], t.prototype, "iconName", 2);
-e([
-  o({
+], e.prototype, "noResetCurrent", 2);
+o([
+  s({ attribute: "icon-name", reflect: !0, type: String })
+], e.prototype, "iconName", 2);
+o([
+  s({
     attribute: "no-dropdown",
     reflect: !0,
     type: Boolean
   })
-], t.prototype, "noDropdown", 2);
-e([
-  o({
+], e.prototype, "noDropdown", 2);
+o([
+  s({
     attribute: "no-dropdown-on-empty",
     reflect: !0,
     type: Boolean
   })
-], t.prototype, "noDropdownOnEmpty", 2);
-e([
-  o({ attribute: "no-flip", reflect: !0, type: Boolean })
-], t.prototype, "noFlip", 2);
-e([
-  o({ attribute: "custom-change-event", type: String })
-], t.prototype, "customChangeEvent", 2);
-e([
-  p()
-], t.prototype, "options", 2);
-e([
-  p()
-], t.prototype, "start", 2);
-e([
-  p()
-], t.prototype, "searchTerm", 2);
-e([
-  p()
-], t.prototype, "hasMore", 2);
-e([
-  p()
-], t.prototype, "loading", 2);
-e([
-  O(200)
-], t.prototype, "fetchOptions", 1);
-e([
-  f("api"),
-  f("start", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleStartChange", 1);
-e([
-  f("searchTerm", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleSearchTermChange", 1);
-t = e([
-  x("cx-dynamic-select")
-], t);
+], e.prototype, "noDropdownOnEmpty", 2);
+o([
+  s({ attribute: "no-flip", reflect: !0, type: Boolean })
+], e.prototype, "noFlip", 2);
+o([
+  s({ attribute: "custom-change-event", type: String })
+], e.prototype, "customChangeEvent", 2);
+o([
+  h()
+], e.prototype, "options", 2);
+o([
+  h()
+], e.prototype, "start", 2);
+o([
+  h()
+], e.prototype, "searchTerm", 2);
+o([
+  h()
+], e.prototype, "hasMore", 2);
+o([
+  h()
+], e.prototype, "loading", 2);
+o([
+  w(200)
+], e.prototype, "fetchOptions", 1);
+o([
+  c("api"),
+  c("start", { waitUntilFirstUpdate: !0 })
+], e.prototype, "handleStartChange", 1);
+o([
+  c("searchTerm", { waitUntilFirstUpdate: !0 })
+], e.prototype, "handleSearchTermChange", 1);
+o([
+  c("columns")
+], e.prototype, "handleColumnsChange", 1);
+e = o([
+  v("cx-dynamic-select")
+], e);
 export {
-  t as default
+  e as default
 };

package/library/components/e-chart.js

@@ -3,7 +3,7 @@ import EP from "./spinner.js";
 import { n as lm, C as PP } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as NP } from "../chunks/component.styles.CRO4Odto.js";
 import { c as RP } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kP } from "../chunks/i18n.CH-wak_P.js";
+import { L as kP } from "../chunks/i18n.DDj5y9px.js";
 import { w as OP } from "../chunks/watch.CThbualB.js";
 import { i as VP, x as A_ } from "../chunks/lit-element.jLBm65_O.js";
 import { e as BP } from "../chunks/query.BBf1UFkC.js";

package/library/components/element-clamp.js

@@ -2,14 +2,14 @@ import { n as a, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as w } from "../chunks/component.styles.CRO4Odto.js";
 import { s as d, a as c, b as m, w as u } from "../chunks/event.BeKOsirN.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as v } from "../chunks/i18n.CH-wak_P.js";
+import { L as v } from "../chunks/i18n.DDj5y9px.js";
 import { w as y } from "../chunks/watch.CThbualB.js";
 import { i as C, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { r as k } from "../chunks/state.CSDxrqLd.js";
 import { e as E } from "../chunks/query.BBf1UFkC.js";
 import { e as H } from "../chunks/class-map.BiVq-cVR.js";
 import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as B } from "../chunks/button.DwJEeW2t.js";
+import { C as B } from "../chunks/button.bufNNyTc.js";
 const T = C`:host{--toggler-color:var(--cx-color-primary);display:block;overflow:hidden}.element-clamp{overflow-anchor:none}.element-clamp--disabled{opacity:.5}.element-clamp-icon{transition:var(--cx-transition-medium) rotate ease;flex:none;align-items:center;display:flex}.details--open .element-clamp-icon{rotate:90deg}.details--open.details--rtl .element-clamp-icon{rotate:-90deg}.element-clamp--open slot[name=expand-icon],.element-clamp:not(.element-clamp--open) slot[name=collapse-icon]{display:none}.element-clamp__content{display:block;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
 var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? O(t, i) : t, h = e.length - 1, l; h >= 0; h--)

package/library/components/file-on-demand.js

@@ -1,28 +1,28 @@
-import { C as K } from "../chunks/file-on-demand.AwMj4AfO.js";
+import { C as K } from "../chunks/file-on-demand.DDuWnvmy.js";
 import "./avatar.js";
-import "../chunks/button.DwJEeW2t.js";
-import "../chunks/dialog.BYCWepBc.js";
+import "../chunks/button.bufNNyTc.js";
+import "../chunks/dialog.DdsJ_WqU.js";
 import "./divider.js";
 import "./format-bytes.js";
 import "../chunks/icon.DnBh6-56.js";
-import "../chunks/icon-button.CQiBjznj.js";
-import "../chunks/input.CH4lKxPM.js";
+import "../chunks/icon-button.DOrACmes.js";
+import "../chunks/input.BYj6YXcM.js";
 import "./line-clamp.js";
-import "../chunks/option.Bvh35v8S.js";
+import "../chunks/option.CnxdM30G.js";
 import "./relative-time.js";
 import "./select.js";
 import "./space.js";
 import "./tab.js";
-import "../chunks/tab-group.DvMX02hY.js";
+import "../chunks/tab-group.CGg9lPLP.js";
 import "./tab-panel.js";
 import "./tooltip.js";
-import "../chunks/tree.Btf2Q4YZ.js";
+import "../chunks/tree.yYbWIRnc.js";
 import "../chunks/typography.DJC_UXgs.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/confirm-popover.BifwpSuf.js";
+import "../chunks/confirm-popover.BLQFU6Hs.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/debounce.CIEhztrj.js";
-import "../chunks/i18n.CH-wak_P.js";
+import "../chunks/debounce.DaHuiSGU.js";
+import "../chunks/i18n.DDj5y9px.js";
 import "../chunks/watch.CThbualB.js";
 import "../chunks/number.B4PQLJIg.js";
 import "../chunks/string.DUgD4c9f.js";